@instructure/ui-checkbox 7.9.0 → 7.13.0

package/CHANGELOG.md

@@ -3,6 +3,24 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [7.13.0](https://github.com/instructure/instructure-ui/compare/v7.12.0...v7.13.0) (2021-11-18)
+
+### Features
+
+- **ui-checkbox,ui-radio-input:** make checkbox and radio borders consistent ([9e2fa16](https://github.com/instructure/instructure-ui/commit/9e2fa16)), backports [#780](https://github.com/instructure/instructure-ui/issues/780)
+
+# [7.12.0](https://github.com/instructure/instructure-ui/compare/v7.11.0...v7.12.0) (2021-10-15)
+
+**Note:** Version bump only for package @instructure/ui-checkbox
+
+# [7.11.0](https://github.com/instructure/instructure-ui/compare/v7.10.0...v7.11.0) (2021-09-17)
+
+**Note:** Version bump only for package @instructure/ui-checkbox
+
+# [7.10.0](https://github.com/instructure/instructure-ui/compare/v7.9.0...v7.10.0) (2021-08-27)
+
+**Note:** Version bump only for package @instructure/ui-checkbox
+
 # [7.9.0](https://github.com/instructure/instructure-ui/compare/v7.8.0...v7.9.0) (2021-07-16)
 
 **Note:** Version bump only for package @instructure/ui-checkbox

package/es/Checkbox/CheckboxFacade/theme.js

@@ -29,7 +29,7 @@ export default function generator(_ref) {
   return {
     color: colors.textLightest,
     borderWidth: borders.widthSmall,
-    borderColor: colors.borderDark,
+    borderColor: colors.borderMedium,
     borderRadius: borders.radiusMedium,
     background: colors.backgroundLightest,
     marginRight: spacing.xSmall,

package/es/Checkbox/ToggleFacade/theme.js

@@ -32,7 +32,7 @@ export default function generator(_ref) {
     color: colors.textLightest,
     background: colors.backgroundLight,
     borderColor: colors.borderMedium,
-    borderWidth: borders.widthMedium,
+    borderWidth: borders.widthSmall,
     borderRadius: '4rem',
     marginEnd: spacing.small,
     marginStart: spacing.small,

package/es/Checkbox/index.js

@@ -59,6 +59,7 @@ import theme from './theme.js';
 /**
 ---
 category: components
+tags: toggle, switch
 ---
 **/
 

package/lib/Checkbox/CheckboxFacade/theme.js

@@ -36,7 +36,7 @@ function generator(_ref) {
   return {
     color: colors.textLightest,
     borderWidth: borders.widthSmall,
-    borderColor: colors.borderDark,
+    borderColor: colors.borderMedium,
     borderRadius: borders.radiusMedium,
     background: colors.backgroundLightest,
     marginRight: spacing.xSmall,

package/lib/Checkbox/ToggleFacade/theme.js

@@ -39,7 +39,7 @@ function generator(_ref) {
     color: colors.textLightest,
     background: colors.backgroundLight,
     borderColor: colors.borderMedium,
-    borderWidth: borders.widthMedium,
+    borderWidth: borders.widthSmall,
     borderRadius: '4rem',
     marginEnd: spacing.small,
     marginStart: spacing.small,

package/lib/Checkbox/index.js

@@ -82,6 +82,7 @@ var styles = {
 /**
 ---
 category: components
+tags: toggle, switch
 ---
 **/
 var Checkbox = (_dec = (0, _testable.testable)(), _dec2 = (0, _themeable.themeable)(_theme.default, styles), _dec(_class = _dec2(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-checkbox",
-  "version": "7.9.0",
+  "version": "7.13.0",
   "description": " styled HTML input type='checkbox' component.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -23,26 +23,26 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.9.2",
-    "@instructure/console": "^7.9.0",
-    "@instructure/ui-dom-utils": "^7.9.0",
-    "@instructure/ui-form-field": "^7.9.0",
-    "@instructure/ui-icons": "^7.9.0",
-    "@instructure/ui-prop-types": "^7.9.0",
-    "@instructure/ui-react-utils": "^7.9.0",
-    "@instructure/ui-svg-images": "^7.9.0",
-    "@instructure/ui-testable": "^7.9.0",
-    "@instructure/ui-themeable": "^7.9.0",
-    "@instructure/ui-utils": "^7.9.0",
-    "@instructure/uid": "^7.9.0",
+    "@instructure/console": "^7.13.0",
+    "@instructure/ui-dom-utils": "^7.13.0",
+    "@instructure/ui-form-field": "^7.13.0",
+    "@instructure/ui-icons": "^7.13.0",
+    "@instructure/ui-prop-types": "^7.13.0",
+    "@instructure/ui-react-utils": "^7.13.0",
+    "@instructure/ui-svg-images": "^7.13.0",
+    "@instructure/ui-testable": "^7.13.0",
+    "@instructure/ui-themeable": "^7.13.0",
+    "@instructure/ui-utils": "^7.13.0",
+    "@instructure/uid": "^7.13.0",
     "classnames": "^2",
     "keycode": "^2",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "^7.9.0",
-    "@instructure/ui-color-utils": "^7.9.0",
-    "@instructure/ui-test-locator": "^7.9.0",
-    "@instructure/ui-test-utils": "^7.9.0"
+    "@instructure/ui-babel-preset": "^7.13.0",
+    "@instructure/ui-color-utils": "^7.13.0",
+    "@instructure/ui-test-locator": "^7.13.0",
+    "@instructure/ui-test-utils": "^7.13.0"
   },
   "peerDependencies": {
     "react": "^16.8"

package/src/Checkbox/CheckboxFacade/theme.js

@@ -26,7 +26,7 @@ export default function generator({ colors, borders, spacing, typography }) {
   return {
     color: colors.textLightest,
     borderWidth: borders.widthSmall,
-    borderColor: colors.borderDark,
+    borderColor: colors.borderMedium,
     borderRadius: borders.radiusMedium,
     background: colors.backgroundLightest,
     marginRight: spacing.xSmall,

package/src/Checkbox/ToggleFacade/theme.js

@@ -34,7 +34,7 @@ export default function generator({
     color: colors.textLightest,
     background: colors.backgroundLight,
     borderColor: colors.borderMedium,
-    borderWidth: borders.widthMedium,
+    borderWidth: borders.widthSmall,
     borderRadius: '4rem',
     marginEnd: spacing.small,
     marginStart: spacing.small,

package/src/Checkbox/index.js

@@ -46,6 +46,7 @@ import theme from './theme.js'
 /**
 ---
 category: components
+tags: toggle, switch
 ---
 **/