diff --git a/package-lock.json b/package-lock.json index 6239db01e..def4509f2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "@dabapps/roe", - "version": "0.12.2", + "version": "0.12.3", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index ac84d0603..87db3708f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@dabapps/roe", - "version": "0.12.2", + "version": "0.12.3", "description": "A collection of React components, styles, mixins, and atomic CSS classes to aid with the development of web applications.", "main": "dist/js/index.js", "types": "dist/js/index.d.ts", diff --git a/src/less/overrides.less b/src/less/overrides.less index bde3db559..de6d98573 100644 --- a/src/less/overrides.less +++ b/src/less/overrides.less @@ -186,7 +186,7 @@ input[type='radio'] { } input[type='checkbox'] { - border-radius: @border-radius-base * 2; + border-radius: @checkbox-border-radius; &:checked { background-color: @checkbox-active-background; diff --git a/src/less/variables.less b/src/less/variables.less index 196a47b8d..21a2f1b01 100644 --- a/src/less/variables.less +++ b/src/less/variables.less @@ -186,6 +186,7 @@ @checkbox-icon-background: @checkbox-background; @checkbox-icon-border: 2px solid @checkbox-icon-background; @checkbox-shadow: inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.1); +@checkbox-border-radius: @border-radius-base * 2; @pagination-button-color: @grey-dark; @pagination-button-background: @grey-lighter; diff --git a/src/ts/components/forms/form-group.examples.md b/src/ts/components/forms/form-group.examples.md index c7f2da7d2..c9a221d67 100644 --- a/src/ts/components/forms/form-group.examples.md +++ b/src/ts/components/forms/form-group.examples.md @@ -75,4 +75,5 @@ @checkbox-icon-background: @checkbox-background; @checkbox-icon-border: 2px solid @checkbox-icon-background; @checkbox-shadow: inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.1); +@checkbox-border-radius: @border-radius-base * 2; ```