@spothero/ui 20.6.1-beta.1 → 20.6.1

package/dist/components/Checkbox/styles/index.js

@@ -8,6 +8,11 @@ exports.default = void 0;
 var _merge = _interopRequireDefault(require("lodash/merge"));
 var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
 const baseStyle = {
+  container: {
+    _disabled: {
+      cursor: 'not-allowed'
+    }
+  },
   control: {
     borderWidth: 1,
     borderStyle: 'solid',
@@ -55,7 +60,31 @@ const baseStyle = {
     color: 'white'
   }
 };
+const sizes = {
+  sm: {
+    control: {
+      marginTop: '0.3125rem'
+    }
+  },
+  md: {
+    control: {
+      marginTop: 1
+    },
+    label: {
+      fontSize: 'base'
+    }
+  },
+  lg: {
+    control: {
+      marginTop: 1
+    },
+    label: {
+      fontSize: 'md'
+    }
+  }
+};
 var _default = (0, _merge.default)(_theme.default.components.Checkbox, {
-  baseStyle
+  baseStyle,
+  sizes
 });
 exports.default = _default;

package/dist/components/Radio/styles/index.js

@@ -87,6 +87,9 @@ const sizes = {
           height: 2
         }
       }
+    },
+    label: {
+      fontSize: 'base'
     }
   },
   lg: {
@@ -99,6 +102,9 @@ const sizes = {
           height: 2.5
         }
       }
+    },
+    label: {
+      fontSize: 'md'
     }
   }
 };

package/dist/components/SelectionCard/SelectionCard.js

@@ -30,17 +30,14 @@ const SelectionCard = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   const expandableTextSize = size === 'sm' || size === 'md' ? 'xs' : 'sm';
   const hasExpandableContent = isExpandable && isChecked && expandableChildren;
   return /*#__PURE__*/_react.default.createElement(_react2.Box, {
-    paddingY: 3,
-    paddingX: hasExpandableContent ? 0 : 4,
+    paddingBottom: hasExpandableContent ? 3 : 0,
     borderRadius: "lg",
     borderColor: isChecked ? 'primary.default' : 'gray.medium',
     borderWidth: "1px",
     _hover: {
-      borderColor: 'primary.default'
+      borderColor: isDisabled ? 'gray.medium' : 'primary.default'
     }
   }, /*#__PURE__*/_react.default.createElement(_react2.Box, {
-    paddingX: hasExpandableContent ? 4 : 0,
-    paddingBottom: hasExpandableContent ? 3 : 0,
     borderColor: "gray.medium",
     borderBottomWidth: hasExpandableContent ? '1px' : 0
   }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
@@ -52,7 +49,9 @@ const SelectionCard = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     defaultChecked: defaultChecked,
     helperText: helperText,
     size: size,
-    width: "100%"
+    width: "100%",
+    paddingX: 4,
+    paddingY: 3
   }, props), label)), hasExpandableContent && /*#__PURE__*/_react.default.createElement(_react2.Box, {
     color: "gray.600",
     fontSize: expandableTextSize,

package/dist/components/index.js

@@ -372,7 +372,7 @@ Object.defineProperty(exports, "Select", {
 Object.defineProperty(exports, "SelectionCard", {
   enumerable: true,
   get: function () {
-    return _SelectionCard.default;
+    return _SelectionCard.SelectionCard;
   }
 });
 Object.defineProperty(exports, "SimpleGrid", {
@@ -621,7 +621,7 @@ var _Image = _interopRequireDefault(require("./Image/Image"));
 var _Loader = _interopRequireDefault(require("./Loader/Loader"));
 var _Checkbox = _interopRequireDefault(require("./Checkbox"));
 var _Input = _interopRequireDefault(require("./Input"));
-var _SelectionCard = _interopRequireDefault(require("./SelectionCard"));
+var _SelectionCard = require("./SelectionCard");
 var _Divider = _interopRequireDefault(require("./Divider/Divider"));
 var _Popover = require("./Popover");
 var _Radio = require("./Radio");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spothero/ui",
-  "version": "20.6.1-beta.1",
+  "version": "20.6.1",
   "description": "SpotHero's React component UI library.",
   "main": "./dist/components/index.js",
   "exports": "./dist/components/index.js",
@@ -95,13 +95,13 @@
     "webpack-merge": "5.1.4",
     "css-loader": "5.1.3",
     "sass-loader": "10.2.1",
+    "@spothero/browserslist-config": "4.0.0",
     "@spothero/babel-preset-spothero": "5.0.0",
     "@spothero/eslint-config": "6.0.0",
     "@spothero/core": "7.0.0",
-    "@spothero/browserslist-config": "4.0.0",
     "@spothero/icons": "7.1.0",
-    "@spothero/npm-publisher": "7.0.0",
     "@spothero/prettier-config": "4.0.0",
+    "@spothero/npm-publisher": "7.0.0",
     "@spothero/stylelint-config": "6.0.0"
   },
   "dependencies": {