@spothero/ui 20.6.1-beta.2 → 20.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -8,6 +8,11 @@ exports.default = void 0;
8
8
  var _merge = _interopRequireDefault(require("lodash/merge"));
9
9
  var _theme = _interopRequireDefault(require("@chakra-ui/theme"));
10
10
  const baseStyle = {
11
+ container: {
12
+ _disabled: {
13
+ cursor: 'not-allowed'
14
+ }
15
+ },
11
16
  control: {
12
17
  borderWidth: 1,
13
18
  borderStyle: 'solid',
@@ -55,7 +60,31 @@ const baseStyle = {
55
60
  color: 'white'
56
61
  }
57
62
  };
63
+ const sizes = {
64
+ sm: {
65
+ control: {
66
+ marginTop: '0.3125rem'
67
+ }
68
+ },
69
+ md: {
70
+ control: {
71
+ marginTop: 1
72
+ },
73
+ label: {
74
+ fontSize: 'base'
75
+ }
76
+ },
77
+ lg: {
78
+ control: {
79
+ marginTop: 1
80
+ },
81
+ label: {
82
+ fontSize: 'md'
83
+ }
84
+ }
85
+ };
58
86
  var _default = (0, _merge.default)(_theme.default.components.Checkbox, {
59
- baseStyle
87
+ baseStyle,
88
+ sizes
60
89
  });
61
90
  exports.default = _default;
@@ -87,6 +87,9 @@ const sizes = {
87
87
  height: 2
88
88
  }
89
89
  }
90
+ },
91
+ label: {
92
+ fontSize: 'base'
90
93
  }
91
94
  },
92
95
  lg: {
@@ -99,6 +102,9 @@ const sizes = {
99
102
  height: 2.5
100
103
  }
101
104
  }
105
+ },
106
+ label: {
107
+ fontSize: 'md'
102
108
  }
103
109
  }
104
110
  };
@@ -30,17 +30,14 @@ const SelectionCard = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
30
30
  const expandableTextSize = size === 'sm' || size === 'md' ? 'xs' : 'sm';
31
31
  const hasExpandableContent = isExpandable && isChecked && expandableChildren;
32
32
  return /*#__PURE__*/_react.default.createElement(_react2.Box, {
33
- paddingY: 3,
34
- paddingX: hasExpandableContent ? 0 : 4,
33
+ paddingBottom: hasExpandableContent ? 3 : 0,
35
34
  borderRadius: "lg",
36
35
  borderColor: isChecked ? 'primary.default' : 'gray.medium',
37
36
  borderWidth: "1px",
38
37
  _hover: {
39
- borderColor: 'primary.default'
38
+ borderColor: isDisabled ? 'gray.medium' : 'primary.default'
40
39
  }
41
40
  }, /*#__PURE__*/_react.default.createElement(_react2.Box, {
42
- paddingX: hasExpandableContent ? 4 : 0,
43
- paddingBottom: hasExpandableContent ? 3 : 0,
44
41
  borderColor: "gray.medium",
45
42
  borderBottomWidth: hasExpandableContent ? '1px' : 0
46
43
  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
@@ -52,7 +49,9 @@ const SelectionCard = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
52
49
  defaultChecked: defaultChecked,
53
50
  helperText: helperText,
54
51
  size: size,
55
- width: "100%"
52
+ width: "100%",
53
+ paddingX: 4,
54
+ paddingY: 3
56
55
  }, props), label)), hasExpandableContent && /*#__PURE__*/_react.default.createElement(_react2.Box, {
57
56
  color: "gray.600",
58
57
  fontSize: expandableTextSize,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spothero/ui",
3
- "version": "20.6.1-beta.2",
3
+ "version": "20.6.1",
4
4
  "description": "SpotHero's React component UI library.",
5
5
  "main": "./dist/components/index.js",
6
6
  "exports": "./dist/components/index.js",
@@ -95,13 +95,13 @@
95
95
  "webpack-merge": "5.1.4",
96
96
  "css-loader": "5.1.3",
97
97
  "sass-loader": "10.2.1",
98
- "@spothero/babel-preset-spothero": "5.0.0",
99
98
  "@spothero/browserslist-config": "4.0.0",
100
- "@spothero/core": "7.0.0",
99
+ "@spothero/babel-preset-spothero": "5.0.0",
101
100
  "@spothero/eslint-config": "6.0.0",
101
+ "@spothero/core": "7.0.0",
102
102
  "@spothero/icons": "7.1.0",
103
- "@spothero/npm-publisher": "7.0.0",
104
103
  "@spothero/prettier-config": "4.0.0",
104
+ "@spothero/npm-publisher": "7.0.0",
105
105
  "@spothero/stylelint-config": "6.0.0"
106
106
  },
107
107
  "dependencies": {