@helpdice/ui 1.4.9 → 1.5.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.
Files changed (92) hide show
  1. package/dist/CircularProgress/index.js +6 -6
  2. package/dist/Placeholder/index.js +41 -41
  3. package/dist/auto-complete/index.js +60 -60
  4. package/dist/avatar/index.js +28 -28
  5. package/dist/badge/index.js +27 -27
  6. package/dist/breadcrumbs/index.js +34 -34
  7. package/dist/button/button.compact.d.ts +2 -2
  8. package/dist/button/index.js +46 -45
  9. package/dist/button-dropdown/index.js +34 -34
  10. package/dist/button-group/index.js +25 -25
  11. package/dist/capacity/index.js +26 -26
  12. package/dist/card/index.js +44 -44
  13. package/dist/checkbox/index.js +30 -30
  14. package/dist/code/index.js +27 -27
  15. package/dist/col/index.js +8 -8
  16. package/dist/collapse/index.js +30 -30
  17. package/dist/css-baseline/index.js +6 -6
  18. package/dist/description/index.js +26 -26
  19. package/dist/display/index.js +26 -26
  20. package/dist/divider/index.js +26 -26
  21. package/dist/dot/index.js +25 -25
  22. package/dist/drawer/index.js +53 -53
  23. package/dist/fieldset/index.js +33 -33
  24. package/dist/form/FormWrapper.d.ts +7 -7
  25. package/dist/form/connect.d.ts +1 -0
  26. package/dist/grid/index.js +33 -33
  27. package/dist/html-renderer/index.d.ts +6 -0
  28. package/dist/image/index.js +37 -37
  29. package/dist/index.d.ts +1 -0
  30. package/dist/index.js +1899 -547
  31. package/dist/input/index.js +40 -40
  32. package/dist/keyboard/index.js +28 -28
  33. package/dist/link/index.js +29 -29
  34. package/dist/loading/index.js +26 -26
  35. package/dist/modal/index.js +75 -75
  36. package/dist/note/index.js +27 -27
  37. package/dist/page/index.js +30 -30
  38. package/dist/pagination/index.js +27 -27
  39. package/dist/popover/index.js +57 -57
  40. package/dist/progress/index.js +29 -29
  41. package/dist/radio/index.js +30 -30
  42. package/dist/rating/index.js +29 -29
  43. package/dist/row/index.js +11 -11
  44. package/dist/search-bar/index.js +1826 -61
  45. package/dist/select/index.js +60 -60
  46. package/dist/slider/index.js +35 -35
  47. package/dist/snippet/index.js +30 -30
  48. package/dist/spacer/index.js +25 -25
  49. package/dist/spinner/index.js +24 -24
  50. package/dist/table/index.js +224 -211
  51. package/dist/tabs/index.js +39 -39
  52. package/dist/tag/index.js +26 -26
  53. package/dist/text/index.js +40 -40
  54. package/dist/textarea/index.js +29 -29
  55. package/dist/themes/index.js +2 -2
  56. package/dist/toggle/index.js +27 -27
  57. package/dist/tooltip/index.js +42 -42
  58. package/dist/tree/index.js +23 -23
  59. package/dist/ui-provider/index.js +48 -48
  60. package/dist/use-all-themes/index.js +2 -2
  61. package/dist/use-body-scroll/index.js +5 -5
  62. package/dist/use-clipboard/index.js +1 -1
  63. package/dist/use-current-state/index.js +1 -1
  64. package/dist/use-input/index.js +1 -1
  65. package/dist/use-keyboard/index.js +5 -5
  66. package/dist/use-media-query/index.js +5 -5
  67. package/dist/use-modal/index.js +1 -1
  68. package/dist/use-scale/index.js +19 -19
  69. package/dist/use-tabs/index.js +1 -1
  70. package/dist/use-theme/index.js +2 -2
  71. package/dist/use-toasts/index.js +3 -3
  72. package/dist/user/index.js +36 -36
  73. package/esm/button/button.compact.d.ts +2 -2
  74. package/esm/button/button.compact.js +4 -2
  75. package/esm/form/FastField.js +1 -1
  76. package/esm/form/FormWrapper.d.ts +7 -7
  77. package/esm/form/FormWrapper.js +2 -2
  78. package/esm/form/connect.d.ts +1 -0
  79. package/esm/form/connect.js +2 -1
  80. package/esm/html-renderer/index.d.ts +6 -0
  81. package/esm/html-renderer/index.js +12 -0
  82. package/esm/index.d.ts +1 -0
  83. package/esm/index.js +1 -0
  84. package/esm/link/link.js +2 -0
  85. package/esm/login-with/LoginSocialAmazon/index.js +162 -134
  86. package/esm/login-with/index.js +2 -0
  87. package/esm/search-bar/components/index.js +4 -7
  88. package/esm/table/data-table.js +6 -4
  89. package/esm/table/table.js +12 -1
  90. package/package.json +5 -3
  91. package/esm/formik-native/src/index.js +0 -12
  92. package/esm/formik-native/test/blah.test.js +0 -5
@@ -118,8 +118,8 @@ function _objectWithoutPropertiesLoose(r, e) {
118
118
  function _toPrimitive(t, r) {
119
119
  if ("object" != typeof t || !t) return t;
120
120
  var e = t[Symbol.toPrimitive];
121
- if (undefined !== e) {
122
- var i = e.call(t, r || "default");
121
+ if (void 0 !== e) {
122
+ var i = e.call(t, r);
123
123
  if ("object" != typeof i) return i;
124
124
  throw new TypeError("@@toPrimitive must return a primitive value.");
125
125
  }
@@ -142,7 +142,7 @@ function _unsupportedIterableToArray(r, a) {
142
142
  if (r) {
143
143
  if ("string" == typeof r) return _arrayLikeToArray(r, a);
144
144
  var t = {}.toString.call(r).slice(8, -1);
145
- return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : undefined;
145
+ return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
146
146
  }
147
147
  }
148
148
 
@@ -176,7 +176,7 @@ function requireIndex () {
176
176
  }
177
177
  }
178
178
  function _createClass(Constructor, protoProps, staticProps) {
179
- _defineProperties(Constructor.prototype, protoProps);
179
+ if (protoProps) _defineProperties(Constructor.prototype, protoProps);
180
180
  return Constructor;
181
181
  }
182
182
  var isProd = typeof process !== "undefined" && process.env && process.env.NODE_ENV === "production";
@@ -185,7 +185,7 @@ function requireIndex () {
185
185
  };
186
186
  var StyleSheet = /*#__PURE__*/ function() {
187
187
  function StyleSheet(param) {
188
- var ref = param === undefined ? {} : param, _name = ref.name, name = _name === undefined ? "stylesheet" : _name, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === undefined ? isProd : _optimizeForSpeed;
188
+ var ref = param === void 0 ? {} : param, _name = ref.name, name = _name === void 0 ? "stylesheet" : _name, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === void 0 ? isProd : _optimizeForSpeed;
189
189
  invariant$1(isString(name), "`name` must be a string");
190
190
  this._name = name;
191
191
  this._deletedRulePlaceholder = "#" + name + "-deleted-rule____{}";
@@ -443,7 +443,7 @@ function requireIndex () {
443
443
  }
444
444
 
445
445
  function mapRulesToStyle(cssRules, options) {
446
- if (options === undefined) options = {};
446
+ if (options === void 0) options = {};
447
447
  return cssRules.map(function(args) {
448
448
  var id = args[0];
449
449
  var css = args[1];
@@ -460,7 +460,7 @@ function requireIndex () {
460
460
  }
461
461
  var StyleSheetRegistry = /*#__PURE__*/ function() {
462
462
  function StyleSheetRegistry(param) {
463
- var ref = param === undefined ? {} : param, _styleSheet = ref.styleSheet, styleSheet = _styleSheet === undefined ? null : _styleSheet, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === undefined ? false : _optimizeForSpeed;
463
+ var ref = param === void 0 ? {} : param, _styleSheet = ref.styleSheet, styleSheet = _styleSheet === void 0 ? null : _styleSheet, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === void 0 ? false : _optimizeForSpeed;
464
464
  this._sheet = styleSheet || new StyleSheet({
465
465
  name: "styled-jsx",
466
466
  optimizeForSpeed: optimizeForSpeed
@@ -1078,9 +1078,9 @@ var withScale = function withScale(Render) {
1078
1078
  margin = props.margin,
1079
1079
  padding = props.padding,
1080
1080
  _props$unit = props.unit,
1081
- unit = _props$unit === undefined ? layout.unit : _props$unit,
1081
+ unit = _props$unit === void 0 ? layout.unit : _props$unit,
1082
1082
  _props$scale = props.scale,
1083
- scale = _props$scale === undefined ? 1 : _props$scale;
1083
+ scale = _props$scale === void 0 ? 1 : _props$scale;
1084
1084
  var makeScaleHandler = function makeScaleHandler(attrValue) {
1085
1085
  return function (scale1x, defaultValue) {
1086
1086
  // 0 means disable scale and the default value is 0
@@ -1101,20 +1101,20 @@ var withScale = function withScale(Render) {
1101
1101
  var value = {
1102
1102
  unit: unit,
1103
1103
  SCALES: {
1104
- pt: makeScaleHandler((_ref2 = (_ref3 = paddingTop !== null && paddingTop !== undefined ? paddingTop : pt) !== null && _ref3 !== undefined ? _ref3 : py) !== null && _ref2 !== undefined ? _ref2 : padding),
1105
- pr: makeScaleHandler((_ref4 = (_ref5 = paddingRight !== null && paddingRight !== undefined ? paddingRight : pr) !== null && _ref5 !== undefined ? _ref5 : px) !== null && _ref4 !== undefined ? _ref4 : padding),
1106
- pb: makeScaleHandler((_ref6 = (_ref7 = paddingBottom !== null && paddingBottom !== undefined ? paddingBottom : pb) !== null && _ref7 !== undefined ? _ref7 : py) !== null && _ref6 !== undefined ? _ref6 : padding),
1107
- pl: makeScaleHandler((_ref8 = (_ref9 = paddingLeft !== null && paddingLeft !== undefined ? paddingLeft : pl) !== null && _ref9 !== undefined ? _ref9 : px) !== null && _ref8 !== undefined ? _ref8 : padding),
1108
- px: makeScaleHandler((_ref10 = (_ref11 = (_ref12 = (_ref13 = px !== null && px !== undefined ? px : paddingLeft) !== null && _ref13 !== undefined ? _ref13 : paddingRight) !== null && _ref12 !== undefined ? _ref12 : pl) !== null && _ref11 !== undefined ? _ref11 : pr) !== null && _ref10 !== undefined ? _ref10 : padding),
1109
- py: makeScaleHandler((_ref14 = (_ref15 = (_ref16 = (_ref17 = py !== null && py !== undefined ? py : paddingTop) !== null && _ref17 !== undefined ? _ref17 : paddingBottom) !== null && _ref16 !== undefined ? _ref16 : pt) !== null && _ref15 !== undefined ? _ref15 : pb) !== null && _ref14 !== undefined ? _ref14 : padding),
1110
- mt: makeScaleHandler((_ref18 = (_ref19 = marginTop !== null && marginTop !== undefined ? marginTop : mt) !== null && _ref19 !== undefined ? _ref19 : my) !== null && _ref18 !== undefined ? _ref18 : margin),
1111
- mr: makeScaleHandler((_ref20 = (_ref21 = marginRight !== null && marginRight !== undefined ? marginRight : mr) !== null && _ref21 !== undefined ? _ref21 : mx) !== null && _ref20 !== undefined ? _ref20 : margin),
1112
- mb: makeScaleHandler((_ref22 = (_ref23 = marginBottom !== null && marginBottom !== undefined ? marginBottom : mb) !== null && _ref23 !== undefined ? _ref23 : my) !== null && _ref22 !== undefined ? _ref22 : margin),
1113
- ml: makeScaleHandler((_ref24 = (_ref25 = marginLeft !== null && marginLeft !== undefined ? marginLeft : ml) !== null && _ref25 !== undefined ? _ref25 : mx) !== null && _ref24 !== undefined ? _ref24 : margin),
1114
- mx: makeScaleHandler((_ref26 = (_ref27 = (_ref28 = (_ref29 = mx !== null && mx !== undefined ? mx : marginLeft) !== null && _ref29 !== undefined ? _ref29 : marginRight) !== null && _ref28 !== undefined ? _ref28 : ml) !== null && _ref27 !== undefined ? _ref27 : mr) !== null && _ref26 !== undefined ? _ref26 : margin),
1115
- my: makeScaleHandler((_ref30 = (_ref31 = (_ref32 = (_ref33 = my !== null && my !== undefined ? my : marginTop) !== null && _ref33 !== undefined ? _ref33 : marginBottom) !== null && _ref32 !== undefined ? _ref32 : mt) !== null && _ref31 !== undefined ? _ref31 : mb) !== null && _ref30 !== undefined ? _ref30 : margin),
1116
- width: makeScaleHandler(width !== null && width !== undefined ? width : w),
1117
- height: makeScaleHandler(height !== null && height !== undefined ? height : h),
1104
+ pt: makeScaleHandler((_ref2 = (_ref3 = paddingTop !== null && paddingTop !== void 0 ? paddingTop : pt) !== null && _ref3 !== void 0 ? _ref3 : py) !== null && _ref2 !== void 0 ? _ref2 : padding),
1105
+ pr: makeScaleHandler((_ref4 = (_ref5 = paddingRight !== null && paddingRight !== void 0 ? paddingRight : pr) !== null && _ref5 !== void 0 ? _ref5 : px) !== null && _ref4 !== void 0 ? _ref4 : padding),
1106
+ pb: makeScaleHandler((_ref6 = (_ref7 = paddingBottom !== null && paddingBottom !== void 0 ? paddingBottom : pb) !== null && _ref7 !== void 0 ? _ref7 : py) !== null && _ref6 !== void 0 ? _ref6 : padding),
1107
+ pl: makeScaleHandler((_ref8 = (_ref9 = paddingLeft !== null && paddingLeft !== void 0 ? paddingLeft : pl) !== null && _ref9 !== void 0 ? _ref9 : px) !== null && _ref8 !== void 0 ? _ref8 : padding),
1108
+ px: makeScaleHandler((_ref10 = (_ref11 = (_ref12 = (_ref13 = px !== null && px !== void 0 ? px : paddingLeft) !== null && _ref13 !== void 0 ? _ref13 : paddingRight) !== null && _ref12 !== void 0 ? _ref12 : pl) !== null && _ref11 !== void 0 ? _ref11 : pr) !== null && _ref10 !== void 0 ? _ref10 : padding),
1109
+ py: makeScaleHandler((_ref14 = (_ref15 = (_ref16 = (_ref17 = py !== null && py !== void 0 ? py : paddingTop) !== null && _ref17 !== void 0 ? _ref17 : paddingBottom) !== null && _ref16 !== void 0 ? _ref16 : pt) !== null && _ref15 !== void 0 ? _ref15 : pb) !== null && _ref14 !== void 0 ? _ref14 : padding),
1110
+ mt: makeScaleHandler((_ref18 = (_ref19 = marginTop !== null && marginTop !== void 0 ? marginTop : mt) !== null && _ref19 !== void 0 ? _ref19 : my) !== null && _ref18 !== void 0 ? _ref18 : margin),
1111
+ mr: makeScaleHandler((_ref20 = (_ref21 = marginRight !== null && marginRight !== void 0 ? marginRight : mr) !== null && _ref21 !== void 0 ? _ref21 : mx) !== null && _ref20 !== void 0 ? _ref20 : margin),
1112
+ mb: makeScaleHandler((_ref22 = (_ref23 = marginBottom !== null && marginBottom !== void 0 ? marginBottom : mb) !== null && _ref23 !== void 0 ? _ref23 : my) !== null && _ref22 !== void 0 ? _ref22 : margin),
1113
+ ml: makeScaleHandler((_ref24 = (_ref25 = marginLeft !== null && marginLeft !== void 0 ? marginLeft : ml) !== null && _ref25 !== void 0 ? _ref25 : mx) !== null && _ref24 !== void 0 ? _ref24 : margin),
1114
+ mx: makeScaleHandler((_ref26 = (_ref27 = (_ref28 = (_ref29 = mx !== null && mx !== void 0 ? mx : marginLeft) !== null && _ref29 !== void 0 ? _ref29 : marginRight) !== null && _ref28 !== void 0 ? _ref28 : ml) !== null && _ref27 !== void 0 ? _ref27 : mr) !== null && _ref26 !== void 0 ? _ref26 : margin),
1115
+ my: makeScaleHandler((_ref30 = (_ref31 = (_ref32 = (_ref33 = my !== null && my !== void 0 ? my : marginTop) !== null && _ref33 !== void 0 ? _ref33 : marginBottom) !== null && _ref32 !== void 0 ? _ref32 : mt) !== null && _ref31 !== void 0 ? _ref31 : mb) !== null && _ref30 !== void 0 ? _ref30 : margin),
1116
+ width: makeScaleHandler(width !== null && width !== void 0 ? width : w),
1117
+ height: makeScaleHandler(height !== null && height !== void 0 ? height : h),
1118
1118
  font: makeScaleHandler(font)
1119
1119
  },
1120
1120
  getScaleProps: generateGetScaleProps(props),
@@ -1171,12 +1171,12 @@ var getColor = function getColor(val, palette) {
1171
1171
  };
1172
1172
  var CapacityComponent = function CapacityComponent(_ref) {
1173
1173
  var _ref$value = _ref.value,
1174
- value = _ref$value === undefined ? 0 : _ref$value,
1174
+ value = _ref$value === void 0 ? 0 : _ref$value,
1175
1175
  _ref$limit = _ref.limit,
1176
- limit = _ref$limit === undefined ? 100 : _ref$limit,
1176
+ limit = _ref$limit === void 0 ? 100 : _ref$limit,
1177
1177
  userColor = _ref.color,
1178
1178
  _ref$className = _ref.className,
1179
- className = _ref$className === undefined ? '' : _ref$className,
1179
+ className = _ref$className === void 0 ? '' : _ref$className,
1180
1180
  props = _objectWithoutProperties(_ref, _excluded);
1181
1181
  var theme = useTheme();
1182
1182
  var _useScale = useScale(),
@@ -154,8 +154,8 @@ function _slicedToArray(r, e) {
154
154
  function _toPrimitive(t, r) {
155
155
  if ("object" != typeof t || !t) return t;
156
156
  var e = t[Symbol.toPrimitive];
157
- if (undefined !== e) {
158
- var i = e.call(t, r || "default");
157
+ if (void 0 !== e) {
158
+ var i = e.call(t, r);
159
159
  if ("object" != typeof i) return i;
160
160
  throw new TypeError("@@toPrimitive must return a primitive value.");
161
161
  }
@@ -178,7 +178,7 @@ function _unsupportedIterableToArray(r, a) {
178
178
  if (r) {
179
179
  if ("string" == typeof r) return _arrayLikeToArray(r, a);
180
180
  var t = {}.toString.call(r).slice(8, -1);
181
- return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : undefined;
181
+ return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
182
182
  }
183
183
  }
184
184
 
@@ -212,7 +212,7 @@ function requireIndex () {
212
212
  }
213
213
  }
214
214
  function _createClass(Constructor, protoProps, staticProps) {
215
- _defineProperties(Constructor.prototype, protoProps);
215
+ if (protoProps) _defineProperties(Constructor.prototype, protoProps);
216
216
  return Constructor;
217
217
  }
218
218
  var isProd = typeof process !== "undefined" && process.env && process.env.NODE_ENV === "production";
@@ -221,7 +221,7 @@ function requireIndex () {
221
221
  };
222
222
  var StyleSheet = /*#__PURE__*/ function() {
223
223
  function StyleSheet(param) {
224
- var ref = param === undefined ? {} : param, _name = ref.name, name = _name === undefined ? "stylesheet" : _name, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === undefined ? isProd : _optimizeForSpeed;
224
+ var ref = param === void 0 ? {} : param, _name = ref.name, name = _name === void 0 ? "stylesheet" : _name, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === void 0 ? isProd : _optimizeForSpeed;
225
225
  invariant$1(isString(name), "`name` must be a string");
226
226
  this._name = name;
227
227
  this._deletedRulePlaceholder = "#" + name + "-deleted-rule____{}";
@@ -479,7 +479,7 @@ function requireIndex () {
479
479
  }
480
480
 
481
481
  function mapRulesToStyle(cssRules, options) {
482
- if (options === undefined) options = {};
482
+ if (options === void 0) options = {};
483
483
  return cssRules.map(function(args) {
484
484
  var id = args[0];
485
485
  var css = args[1];
@@ -496,7 +496,7 @@ function requireIndex () {
496
496
  }
497
497
  var StyleSheetRegistry = /*#__PURE__*/ function() {
498
498
  function StyleSheetRegistry(param) {
499
- var ref = param === undefined ? {} : param, _styleSheet = ref.styleSheet, styleSheet = _styleSheet === undefined ? null : _styleSheet, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === undefined ? false : _optimizeForSpeed;
499
+ var ref = param === void 0 ? {} : param, _styleSheet = ref.styleSheet, styleSheet = _styleSheet === void 0 ? null : _styleSheet, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === void 0 ? false : _optimizeForSpeed;
500
500
  this._sheet = styleSheet || new StyleSheet({
501
501
  name: "styled-jsx",
502
502
  optimizeForSpeed: optimizeForSpeed
@@ -1158,9 +1158,9 @@ var withScale = function withScale(Render) {
1158
1158
  margin = props.margin,
1159
1159
  padding = props.padding,
1160
1160
  _props$unit = props.unit,
1161
- unit = _props$unit === undefined ? layout.unit : _props$unit,
1161
+ unit = _props$unit === void 0 ? layout.unit : _props$unit,
1162
1162
  _props$scale = props.scale,
1163
- scale = _props$scale === undefined ? 1 : _props$scale;
1163
+ scale = _props$scale === void 0 ? 1 : _props$scale;
1164
1164
  var makeScaleHandler = function makeScaleHandler(attrValue) {
1165
1165
  return function (scale1x, defaultValue) {
1166
1166
  // 0 means disable scale and the default value is 0
@@ -1181,20 +1181,20 @@ var withScale = function withScale(Render) {
1181
1181
  var value = {
1182
1182
  unit: unit,
1183
1183
  SCALES: {
1184
- pt: makeScaleHandler((_ref2 = (_ref3 = paddingTop !== null && paddingTop !== undefined ? paddingTop : pt) !== null && _ref3 !== undefined ? _ref3 : py) !== null && _ref2 !== undefined ? _ref2 : padding),
1185
- pr: makeScaleHandler((_ref4 = (_ref5 = paddingRight !== null && paddingRight !== undefined ? paddingRight : pr) !== null && _ref5 !== undefined ? _ref5 : px) !== null && _ref4 !== undefined ? _ref4 : padding),
1186
- pb: makeScaleHandler((_ref6 = (_ref7 = paddingBottom !== null && paddingBottom !== undefined ? paddingBottom : pb) !== null && _ref7 !== undefined ? _ref7 : py) !== null && _ref6 !== undefined ? _ref6 : padding),
1187
- pl: makeScaleHandler((_ref8 = (_ref9 = paddingLeft !== null && paddingLeft !== undefined ? paddingLeft : pl) !== null && _ref9 !== undefined ? _ref9 : px) !== null && _ref8 !== undefined ? _ref8 : padding),
1188
- px: makeScaleHandler((_ref10 = (_ref11 = (_ref12 = (_ref13 = px !== null && px !== undefined ? px : paddingLeft) !== null && _ref13 !== undefined ? _ref13 : paddingRight) !== null && _ref12 !== undefined ? _ref12 : pl) !== null && _ref11 !== undefined ? _ref11 : pr) !== null && _ref10 !== undefined ? _ref10 : padding),
1189
- py: makeScaleHandler((_ref14 = (_ref15 = (_ref16 = (_ref17 = py !== null && py !== undefined ? py : paddingTop) !== null && _ref17 !== undefined ? _ref17 : paddingBottom) !== null && _ref16 !== undefined ? _ref16 : pt) !== null && _ref15 !== undefined ? _ref15 : pb) !== null && _ref14 !== undefined ? _ref14 : padding),
1190
- mt: makeScaleHandler((_ref18 = (_ref19 = marginTop !== null && marginTop !== undefined ? marginTop : mt) !== null && _ref19 !== undefined ? _ref19 : my) !== null && _ref18 !== undefined ? _ref18 : margin),
1191
- mr: makeScaleHandler((_ref20 = (_ref21 = marginRight !== null && marginRight !== undefined ? marginRight : mr) !== null && _ref21 !== undefined ? _ref21 : mx) !== null && _ref20 !== undefined ? _ref20 : margin),
1192
- mb: makeScaleHandler((_ref22 = (_ref23 = marginBottom !== null && marginBottom !== undefined ? marginBottom : mb) !== null && _ref23 !== undefined ? _ref23 : my) !== null && _ref22 !== undefined ? _ref22 : margin),
1193
- ml: makeScaleHandler((_ref24 = (_ref25 = marginLeft !== null && marginLeft !== undefined ? marginLeft : ml) !== null && _ref25 !== undefined ? _ref25 : mx) !== null && _ref24 !== undefined ? _ref24 : margin),
1194
- mx: makeScaleHandler((_ref26 = (_ref27 = (_ref28 = (_ref29 = mx !== null && mx !== undefined ? mx : marginLeft) !== null && _ref29 !== undefined ? _ref29 : marginRight) !== null && _ref28 !== undefined ? _ref28 : ml) !== null && _ref27 !== undefined ? _ref27 : mr) !== null && _ref26 !== undefined ? _ref26 : margin),
1195
- my: makeScaleHandler((_ref30 = (_ref31 = (_ref32 = (_ref33 = my !== null && my !== undefined ? my : marginTop) !== null && _ref33 !== undefined ? _ref33 : marginBottom) !== null && _ref32 !== undefined ? _ref32 : mt) !== null && _ref31 !== undefined ? _ref31 : mb) !== null && _ref30 !== undefined ? _ref30 : margin),
1196
- width: makeScaleHandler(width !== null && width !== undefined ? width : w),
1197
- height: makeScaleHandler(height !== null && height !== undefined ? height : h),
1184
+ pt: makeScaleHandler((_ref2 = (_ref3 = paddingTop !== null && paddingTop !== void 0 ? paddingTop : pt) !== null && _ref3 !== void 0 ? _ref3 : py) !== null && _ref2 !== void 0 ? _ref2 : padding),
1185
+ pr: makeScaleHandler((_ref4 = (_ref5 = paddingRight !== null && paddingRight !== void 0 ? paddingRight : pr) !== null && _ref5 !== void 0 ? _ref5 : px) !== null && _ref4 !== void 0 ? _ref4 : padding),
1186
+ pb: makeScaleHandler((_ref6 = (_ref7 = paddingBottom !== null && paddingBottom !== void 0 ? paddingBottom : pb) !== null && _ref7 !== void 0 ? _ref7 : py) !== null && _ref6 !== void 0 ? _ref6 : padding),
1187
+ pl: makeScaleHandler((_ref8 = (_ref9 = paddingLeft !== null && paddingLeft !== void 0 ? paddingLeft : pl) !== null && _ref9 !== void 0 ? _ref9 : px) !== null && _ref8 !== void 0 ? _ref8 : padding),
1188
+ px: makeScaleHandler((_ref10 = (_ref11 = (_ref12 = (_ref13 = px !== null && px !== void 0 ? px : paddingLeft) !== null && _ref13 !== void 0 ? _ref13 : paddingRight) !== null && _ref12 !== void 0 ? _ref12 : pl) !== null && _ref11 !== void 0 ? _ref11 : pr) !== null && _ref10 !== void 0 ? _ref10 : padding),
1189
+ py: makeScaleHandler((_ref14 = (_ref15 = (_ref16 = (_ref17 = py !== null && py !== void 0 ? py : paddingTop) !== null && _ref17 !== void 0 ? _ref17 : paddingBottom) !== null && _ref16 !== void 0 ? _ref16 : pt) !== null && _ref15 !== void 0 ? _ref15 : pb) !== null && _ref14 !== void 0 ? _ref14 : padding),
1190
+ mt: makeScaleHandler((_ref18 = (_ref19 = marginTop !== null && marginTop !== void 0 ? marginTop : mt) !== null && _ref19 !== void 0 ? _ref19 : my) !== null && _ref18 !== void 0 ? _ref18 : margin),
1191
+ mr: makeScaleHandler((_ref20 = (_ref21 = marginRight !== null && marginRight !== void 0 ? marginRight : mr) !== null && _ref21 !== void 0 ? _ref21 : mx) !== null && _ref20 !== void 0 ? _ref20 : margin),
1192
+ mb: makeScaleHandler((_ref22 = (_ref23 = marginBottom !== null && marginBottom !== void 0 ? marginBottom : mb) !== null && _ref23 !== void 0 ? _ref23 : my) !== null && _ref22 !== void 0 ? _ref22 : margin),
1193
+ ml: makeScaleHandler((_ref24 = (_ref25 = marginLeft !== null && marginLeft !== void 0 ? marginLeft : ml) !== null && _ref25 !== void 0 ? _ref25 : mx) !== null && _ref24 !== void 0 ? _ref24 : margin),
1194
+ mx: makeScaleHandler((_ref26 = (_ref27 = (_ref28 = (_ref29 = mx !== null && mx !== void 0 ? mx : marginLeft) !== null && _ref29 !== void 0 ? _ref29 : marginRight) !== null && _ref28 !== void 0 ? _ref28 : ml) !== null && _ref27 !== void 0 ? _ref27 : mr) !== null && _ref26 !== void 0 ? _ref26 : margin),
1195
+ my: makeScaleHandler((_ref30 = (_ref31 = (_ref32 = (_ref33 = my !== null && my !== void 0 ? my : marginTop) !== null && _ref33 !== void 0 ? _ref33 : marginBottom) !== null && _ref32 !== void 0 ? _ref32 : mt) !== null && _ref31 !== void 0 ? _ref31 : mb) !== null && _ref30 !== void 0 ? _ref30 : margin),
1196
+ width: makeScaleHandler(width !== null && width !== void 0 ? width : w),
1197
+ height: makeScaleHandler(height !== null && height !== void 0 ? height : h),
1198
1198
  font: makeScaleHandler(font)
1199
1199
  },
1200
1200
  getScaleProps: generateGetScaleProps(props),
@@ -1247,9 +1247,9 @@ var _excluded$6 = ["children", "className", "disableAutoMargin"];
1247
1247
  var CardFooterComponent = function CardFooterComponent(_ref) {
1248
1248
  var children = _ref.children,
1249
1249
  _ref$className = _ref.className,
1250
- className = _ref$className === undefined ? '' : _ref$className,
1250
+ className = _ref$className === void 0 ? '' : _ref$className,
1251
1251
  _ref$disableAutoMargi = _ref.disableAutoMargin,
1252
- disableAutoMargin = _ref$disableAutoMargi === undefined ? false : _ref$disableAutoMargi,
1252
+ disableAutoMargin = _ref$disableAutoMargi === void 0 ? false : _ref$disableAutoMargi,
1253
1253
  props = _objectWithoutProperties(_ref, _excluded$6);
1254
1254
  var theme = useTheme();
1255
1255
  var _useScale = useScale(),
@@ -1270,7 +1270,7 @@ var CardFooter = withScale(CardFooterComponent);
1270
1270
  var _excluded$5 = ["className", "children"];
1271
1271
  var CardContentComponent = function CardContentComponent(_ref) {
1272
1272
  var _ref$className = _ref.className,
1273
- className = _ref$className === undefined ? '' : _ref$className,
1273
+ className = _ref$className === void 0 ? '' : _ref$className,
1274
1274
  children = _ref.children,
1275
1275
  props = _objectWithoutProperties(_ref, _excluded$5);
1276
1276
  var _useScale = useScale(),
@@ -1288,7 +1288,7 @@ var CardContent = withScale(CardContentComponent);
1288
1288
  var _excluded$4 = ["opacity"];
1289
1289
  var ImageSkeleton = /*#__PURE__*/React.memo(function (_ref) {
1290
1290
  var _ref$opacity = _ref.opacity,
1291
- opacity = _ref$opacity === undefined ? 0.5 : _ref$opacity,
1291
+ opacity = _ref$opacity === void 0 ? 0.5 : _ref$opacity,
1292
1292
  props = _objectWithoutProperties(_ref, _excluded$4);
1293
1293
  var theme = useTheme();
1294
1294
  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
@@ -1319,11 +1319,11 @@ var _excluded$3 = ["src", "disableSkeleton", "className", "maxDelay"];
1319
1319
  var ImageComponent = function ImageComponent(_ref) {
1320
1320
  var src = _ref.src,
1321
1321
  _ref$disableSkeleton = _ref.disableSkeleton,
1322
- disableSkeleton = _ref$disableSkeleton === undefined ? false : _ref$disableSkeleton,
1322
+ disableSkeleton = _ref$disableSkeleton === void 0 ? false : _ref$disableSkeleton,
1323
1323
  _ref$className = _ref.className,
1324
- className = _ref$className === undefined ? '' : _ref$className,
1324
+ className = _ref$className === void 0 ? '' : _ref$className,
1325
1325
  _ref$maxDelay = _ref.maxDelay,
1326
- maxDelay = _ref$maxDelay === undefined ? 3000 : _ref$maxDelay,
1326
+ maxDelay = _ref$maxDelay === void 0 ? 3000 : _ref$maxDelay,
1327
1327
  props = _objectWithoutProperties(_ref, _excluded$3);
1328
1328
  var _useScale = useScale(),
1329
1329
  SCALES = _useScale.SCALES,
@@ -1451,18 +1451,18 @@ var addColorAlpha = function addColorAlpha(color, alpha) {
1451
1451
  var _excluded$2 = ["href", "showColor", "underline", "children", "className", "block", "icon"];
1452
1452
  var LinkComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
1453
1453
  var _ref$href = _ref.href,
1454
- href = _ref$href === undefined ? '' : _ref$href,
1454
+ href = _ref$href === void 0 ? '' : _ref$href,
1455
1455
  _ref$showColor = _ref.showColor,
1456
- showColor = _ref$showColor === undefined ? false : _ref$showColor,
1456
+ showColor = _ref$showColor === void 0 ? false : _ref$showColor,
1457
1457
  _ref$underline = _ref.underline,
1458
- underline = _ref$underline === undefined ? false : _ref$underline,
1458
+ underline = _ref$underline === void 0 ? false : _ref$underline,
1459
1459
  children = _ref.children,
1460
1460
  _ref$className = _ref.className,
1461
- className = _ref$className === undefined ? '' : _ref$className,
1461
+ className = _ref$className === void 0 ? '' : _ref$className,
1462
1462
  _ref$block = _ref.block,
1463
- block = _ref$block === undefined ? false : _ref$block,
1463
+ block = _ref$block === void 0 ? false : _ref$block,
1464
1464
  _ref$icon = _ref.icon,
1465
- icon = _ref$icon === undefined ? false : _ref$icon,
1465
+ icon = _ref$icon === void 0 ? false : _ref$icon,
1466
1466
  props = _objectWithoutProperties(_ref, _excluded$2);
1467
1467
  var theme = useTheme();
1468
1468
  var _useScale = useScale(),
@@ -1549,13 +1549,13 @@ var ImageBrowserComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
1549
1549
  title = _ref.title,
1550
1550
  children = _ref.children,
1551
1551
  _ref$showFullLink = _ref.showFullLink,
1552
- showFullLink = _ref$showFullLink === undefined ? false : _ref$showFullLink,
1552
+ showFullLink = _ref$showFullLink === void 0 ? false : _ref$showFullLink,
1553
1553
  _ref$invert = _ref.invert,
1554
- invert = _ref$invert === undefined ? false : _ref$invert,
1554
+ invert = _ref$invert === void 0 ? false : _ref$invert,
1555
1555
  _ref$anchorProps = _ref.anchorProps,
1556
- anchorProps = _ref$anchorProps === undefined ? {} : _ref$anchorProps,
1556
+ anchorProps = _ref$anchorProps === void 0 ? {} : _ref$anchorProps,
1557
1557
  _ref$className = _ref.className,
1558
- className = _ref$className === undefined ? '' : _ref$className,
1558
+ className = _ref$className === void 0 ? '' : _ref$className,
1559
1559
  props = _objectWithoutProperties(_ref, _excluded$1);
1560
1560
  var theme = useTheme();
1561
1561
  var _useScale = useScale(),
@@ -1596,13 +1596,13 @@ var _excluded = ["children", "hoverable", "className", "shadow", "type"];
1596
1596
  var CardComponent = function CardComponent(_ref) {
1597
1597
  var children = _ref.children,
1598
1598
  _ref$hoverable = _ref.hoverable,
1599
- hoverable = _ref$hoverable === undefined ? false : _ref$hoverable,
1599
+ hoverable = _ref$hoverable === void 0 ? false : _ref$hoverable,
1600
1600
  _ref$className = _ref.className,
1601
- className = _ref$className === undefined ? '' : _ref$className,
1601
+ className = _ref$className === void 0 ? '' : _ref$className,
1602
1602
  _ref$shadow = _ref.shadow,
1603
- shadow = _ref$shadow === undefined ? false : _ref$shadow,
1603
+ shadow = _ref$shadow === void 0 ? false : _ref$shadow,
1604
1604
  _ref$type = _ref.type,
1605
- type = _ref$type === undefined ? 'default' : _ref$type,
1605
+ type = _ref$type === void 0 ? 'default' : _ref$type,
1606
1606
  props = _objectWithoutProperties(_ref, _excluded);
1607
1607
  var theme = useTheme();
1608
1608
  var _useScale = useScale(),
@@ -163,8 +163,8 @@ function _toConsumableArray(r) {
163
163
  function _toPrimitive(t, r) {
164
164
  if ("object" != typeof t || !t) return t;
165
165
  var e = t[Symbol.toPrimitive];
166
- if (undefined !== e) {
167
- var i = e.call(t, r || "default");
166
+ if (void 0 !== e) {
167
+ var i = e.call(t, r);
168
168
  if ("object" != typeof i) return i;
169
169
  throw new TypeError("@@toPrimitive must return a primitive value.");
170
170
  }
@@ -187,7 +187,7 @@ function _unsupportedIterableToArray(r, a) {
187
187
  if (r) {
188
188
  if ("string" == typeof r) return _arrayLikeToArray(r, a);
189
189
  var t = {}.toString.call(r).slice(8, -1);
190
- return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : undefined;
190
+ return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
191
191
  }
192
192
  }
193
193
 
@@ -221,7 +221,7 @@ function requireIndex () {
221
221
  }
222
222
  }
223
223
  function _createClass(Constructor, protoProps, staticProps) {
224
- _defineProperties(Constructor.prototype, protoProps);
224
+ if (protoProps) _defineProperties(Constructor.prototype, protoProps);
225
225
  return Constructor;
226
226
  }
227
227
  var isProd = typeof process !== "undefined" && process.env && process.env.NODE_ENV === "production";
@@ -230,7 +230,7 @@ function requireIndex () {
230
230
  };
231
231
  var StyleSheet = /*#__PURE__*/ function() {
232
232
  function StyleSheet(param) {
233
- var ref = param === undefined ? {} : param, _name = ref.name, name = _name === undefined ? "stylesheet" : _name, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === undefined ? isProd : _optimizeForSpeed;
233
+ var ref = param === void 0 ? {} : param, _name = ref.name, name = _name === void 0 ? "stylesheet" : _name, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === void 0 ? isProd : _optimizeForSpeed;
234
234
  invariant$1(isString(name), "`name` must be a string");
235
235
  this._name = name;
236
236
  this._deletedRulePlaceholder = "#" + name + "-deleted-rule____{}";
@@ -488,7 +488,7 @@ function requireIndex () {
488
488
  }
489
489
 
490
490
  function mapRulesToStyle(cssRules, options) {
491
- if (options === undefined) options = {};
491
+ if (options === void 0) options = {};
492
492
  return cssRules.map(function(args) {
493
493
  var id = args[0];
494
494
  var css = args[1];
@@ -505,7 +505,7 @@ function requireIndex () {
505
505
  }
506
506
  var StyleSheetRegistry = /*#__PURE__*/ function() {
507
507
  function StyleSheetRegistry(param) {
508
- var ref = param === undefined ? {} : param, _styleSheet = ref.styleSheet, styleSheet = _styleSheet === undefined ? null : _styleSheet, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === undefined ? false : _optimizeForSpeed;
508
+ var ref = param === void 0 ? {} : param, _styleSheet = ref.styleSheet, styleSheet = _styleSheet === void 0 ? null : _styleSheet, _optimizeForSpeed = ref.optimizeForSpeed, optimizeForSpeed = _optimizeForSpeed === void 0 ? false : _optimizeForSpeed;
509
509
  this._sheet = styleSheet || new StyleSheet({
510
510
  name: "styled-jsx",
511
511
  optimizeForSpeed: optimizeForSpeed
@@ -1190,9 +1190,9 @@ var withScale = function withScale(Render) {
1190
1190
  margin = props.margin,
1191
1191
  padding = props.padding,
1192
1192
  _props$unit = props.unit,
1193
- unit = _props$unit === undefined ? layout.unit : _props$unit,
1193
+ unit = _props$unit === void 0 ? layout.unit : _props$unit,
1194
1194
  _props$scale = props.scale,
1195
- scale = _props$scale === undefined ? 1 : _props$scale;
1195
+ scale = _props$scale === void 0 ? 1 : _props$scale;
1196
1196
  var makeScaleHandler = function makeScaleHandler(attrValue) {
1197
1197
  return function (scale1x, defaultValue) {
1198
1198
  // 0 means disable scale and the default value is 0
@@ -1213,20 +1213,20 @@ var withScale = function withScale(Render) {
1213
1213
  var value = {
1214
1214
  unit: unit,
1215
1215
  SCALES: {
1216
- pt: makeScaleHandler((_ref2 = (_ref3 = paddingTop !== null && paddingTop !== undefined ? paddingTop : pt) !== null && _ref3 !== undefined ? _ref3 : py) !== null && _ref2 !== undefined ? _ref2 : padding),
1217
- pr: makeScaleHandler((_ref4 = (_ref5 = paddingRight !== null && paddingRight !== undefined ? paddingRight : pr) !== null && _ref5 !== undefined ? _ref5 : px) !== null && _ref4 !== undefined ? _ref4 : padding),
1218
- pb: makeScaleHandler((_ref6 = (_ref7 = paddingBottom !== null && paddingBottom !== undefined ? paddingBottom : pb) !== null && _ref7 !== undefined ? _ref7 : py) !== null && _ref6 !== undefined ? _ref6 : padding),
1219
- pl: makeScaleHandler((_ref8 = (_ref9 = paddingLeft !== null && paddingLeft !== undefined ? paddingLeft : pl) !== null && _ref9 !== undefined ? _ref9 : px) !== null && _ref8 !== undefined ? _ref8 : padding),
1220
- px: makeScaleHandler((_ref10 = (_ref11 = (_ref12 = (_ref13 = px !== null && px !== undefined ? px : paddingLeft) !== null && _ref13 !== undefined ? _ref13 : paddingRight) !== null && _ref12 !== undefined ? _ref12 : pl) !== null && _ref11 !== undefined ? _ref11 : pr) !== null && _ref10 !== undefined ? _ref10 : padding),
1221
- py: makeScaleHandler((_ref14 = (_ref15 = (_ref16 = (_ref17 = py !== null && py !== undefined ? py : paddingTop) !== null && _ref17 !== undefined ? _ref17 : paddingBottom) !== null && _ref16 !== undefined ? _ref16 : pt) !== null && _ref15 !== undefined ? _ref15 : pb) !== null && _ref14 !== undefined ? _ref14 : padding),
1222
- mt: makeScaleHandler((_ref18 = (_ref19 = marginTop !== null && marginTop !== undefined ? marginTop : mt) !== null && _ref19 !== undefined ? _ref19 : my) !== null && _ref18 !== undefined ? _ref18 : margin),
1223
- mr: makeScaleHandler((_ref20 = (_ref21 = marginRight !== null && marginRight !== undefined ? marginRight : mr) !== null && _ref21 !== undefined ? _ref21 : mx) !== null && _ref20 !== undefined ? _ref20 : margin),
1224
- mb: makeScaleHandler((_ref22 = (_ref23 = marginBottom !== null && marginBottom !== undefined ? marginBottom : mb) !== null && _ref23 !== undefined ? _ref23 : my) !== null && _ref22 !== undefined ? _ref22 : margin),
1225
- ml: makeScaleHandler((_ref24 = (_ref25 = marginLeft !== null && marginLeft !== undefined ? marginLeft : ml) !== null && _ref25 !== undefined ? _ref25 : mx) !== null && _ref24 !== undefined ? _ref24 : margin),
1226
- mx: makeScaleHandler((_ref26 = (_ref27 = (_ref28 = (_ref29 = mx !== null && mx !== undefined ? mx : marginLeft) !== null && _ref29 !== undefined ? _ref29 : marginRight) !== null && _ref28 !== undefined ? _ref28 : ml) !== null && _ref27 !== undefined ? _ref27 : mr) !== null && _ref26 !== undefined ? _ref26 : margin),
1227
- my: makeScaleHandler((_ref30 = (_ref31 = (_ref32 = (_ref33 = my !== null && my !== undefined ? my : marginTop) !== null && _ref33 !== undefined ? _ref33 : marginBottom) !== null && _ref32 !== undefined ? _ref32 : mt) !== null && _ref31 !== undefined ? _ref31 : mb) !== null && _ref30 !== undefined ? _ref30 : margin),
1228
- width: makeScaleHandler(width !== null && width !== undefined ? width : w),
1229
- height: makeScaleHandler(height !== null && height !== undefined ? height : h),
1216
+ pt: makeScaleHandler((_ref2 = (_ref3 = paddingTop !== null && paddingTop !== void 0 ? paddingTop : pt) !== null && _ref3 !== void 0 ? _ref3 : py) !== null && _ref2 !== void 0 ? _ref2 : padding),
1217
+ pr: makeScaleHandler((_ref4 = (_ref5 = paddingRight !== null && paddingRight !== void 0 ? paddingRight : pr) !== null && _ref5 !== void 0 ? _ref5 : px) !== null && _ref4 !== void 0 ? _ref4 : padding),
1218
+ pb: makeScaleHandler((_ref6 = (_ref7 = paddingBottom !== null && paddingBottom !== void 0 ? paddingBottom : pb) !== null && _ref7 !== void 0 ? _ref7 : py) !== null && _ref6 !== void 0 ? _ref6 : padding),
1219
+ pl: makeScaleHandler((_ref8 = (_ref9 = paddingLeft !== null && paddingLeft !== void 0 ? paddingLeft : pl) !== null && _ref9 !== void 0 ? _ref9 : px) !== null && _ref8 !== void 0 ? _ref8 : padding),
1220
+ px: makeScaleHandler((_ref10 = (_ref11 = (_ref12 = (_ref13 = px !== null && px !== void 0 ? px : paddingLeft) !== null && _ref13 !== void 0 ? _ref13 : paddingRight) !== null && _ref12 !== void 0 ? _ref12 : pl) !== null && _ref11 !== void 0 ? _ref11 : pr) !== null && _ref10 !== void 0 ? _ref10 : padding),
1221
+ py: makeScaleHandler((_ref14 = (_ref15 = (_ref16 = (_ref17 = py !== null && py !== void 0 ? py : paddingTop) !== null && _ref17 !== void 0 ? _ref17 : paddingBottom) !== null && _ref16 !== void 0 ? _ref16 : pt) !== null && _ref15 !== void 0 ? _ref15 : pb) !== null && _ref14 !== void 0 ? _ref14 : padding),
1222
+ mt: makeScaleHandler((_ref18 = (_ref19 = marginTop !== null && marginTop !== void 0 ? marginTop : mt) !== null && _ref19 !== void 0 ? _ref19 : my) !== null && _ref18 !== void 0 ? _ref18 : margin),
1223
+ mr: makeScaleHandler((_ref20 = (_ref21 = marginRight !== null && marginRight !== void 0 ? marginRight : mr) !== null && _ref21 !== void 0 ? _ref21 : mx) !== null && _ref20 !== void 0 ? _ref20 : margin),
1224
+ mb: makeScaleHandler((_ref22 = (_ref23 = marginBottom !== null && marginBottom !== void 0 ? marginBottom : mb) !== null && _ref23 !== void 0 ? _ref23 : my) !== null && _ref22 !== void 0 ? _ref22 : margin),
1225
+ ml: makeScaleHandler((_ref24 = (_ref25 = marginLeft !== null && marginLeft !== void 0 ? marginLeft : ml) !== null && _ref25 !== void 0 ? _ref25 : mx) !== null && _ref24 !== void 0 ? _ref24 : margin),
1226
+ mx: makeScaleHandler((_ref26 = (_ref27 = (_ref28 = (_ref29 = mx !== null && mx !== void 0 ? mx : marginLeft) !== null && _ref29 !== void 0 ? _ref29 : marginRight) !== null && _ref28 !== void 0 ? _ref28 : ml) !== null && _ref27 !== void 0 ? _ref27 : mr) !== null && _ref26 !== void 0 ? _ref26 : margin),
1227
+ my: makeScaleHandler((_ref30 = (_ref31 = (_ref32 = (_ref33 = my !== null && my !== void 0 ? my : marginTop) !== null && _ref33 !== void 0 ? _ref33 : marginBottom) !== null && _ref32 !== void 0 ? _ref32 : mt) !== null && _ref31 !== void 0 ? _ref31 : mb) !== null && _ref30 !== void 0 ? _ref30 : margin),
1228
+ width: makeScaleHandler(width !== null && width !== void 0 ? width : w),
1229
+ height: makeScaleHandler(height !== null && height !== void 0 ? height : h),
1230
1230
  font: makeScaleHandler(font)
1231
1231
  },
1232
1232
  getScaleProps: generateGetScaleProps(props),
@@ -1279,17 +1279,17 @@ var _excluded$1 = ["checked", "initialChecked", "disabled", "onChange", "classNa
1279
1279
  var CheckboxComponent = function CheckboxComponent(_ref) {
1280
1280
  var checked = _ref.checked,
1281
1281
  _ref$initialChecked = _ref.initialChecked,
1282
- initialChecked = _ref$initialChecked === undefined ? false : _ref$initialChecked,
1282
+ initialChecked = _ref$initialChecked === void 0 ? false : _ref$initialChecked,
1283
1283
  _ref$disabled = _ref.disabled,
1284
- disabled = _ref$disabled === undefined ? false : _ref$disabled,
1284
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled,
1285
1285
  onChange = _ref.onChange,
1286
1286
  _ref$className = _ref.className,
1287
- className = _ref$className === undefined ? '' : _ref$className,
1287
+ className = _ref$className === void 0 ? '' : _ref$className,
1288
1288
  children = _ref.children,
1289
1289
  _ref$type = _ref.type,
1290
- type = _ref$type === undefined ? 'default' : _ref$type,
1290
+ type = _ref$type === void 0 ? 'default' : _ref$type,
1291
1291
  _ref$value = _ref.value,
1292
- value = _ref$value === undefined ? '' : _ref$value,
1292
+ value = _ref$value === void 0 ? '' : _ref$value,
1293
1293
  props = _objectWithoutProperties(_ref, _excluded$1);
1294
1294
  var theme = useTheme();
1295
1295
  var _useScale = useScale(),
@@ -1367,12 +1367,12 @@ var Checkbox = withScale(CheckboxComponent);
1367
1367
  var _excluded = ["disabled", "onChange", "value", "children", "className"];
1368
1368
  var CheckboxGroupComponent = function CheckboxGroupComponent(_ref) {
1369
1369
  var _ref$disabled = _ref.disabled,
1370
- disabled = _ref$disabled === undefined ? false : _ref$disabled,
1370
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled,
1371
1371
  onChange = _ref.onChange,
1372
1372
  value = _ref.value,
1373
1373
  children = _ref.children,
1374
1374
  _ref$className = _ref.className,
1375
- className = _ref$className === undefined ? '' : _ref$className,
1375
+ className = _ref$className === void 0 ? '' : _ref$className,
1376
1376
  props = _objectWithoutProperties(_ref, _excluded);
1377
1377
  var _useScale = useScale(),
1378
1378
  SCALES = _useScale.SCALES;