@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
@@ -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
@@ -1015,7 +1015,7 @@ var useScale = function useScale() {
1015
1015
 
1016
1016
  var isGeistElement = function isGeistElement(el) {
1017
1017
  if (!el) return false;
1018
- if (el !== null && el !== undefined && el.dataset && el !== null && el !== undefined && el.dataset['helpdice']) return true;
1018
+ if (el !== null && el !== void 0 && el.dataset && el !== null && el !== void 0 && el.dataset['helpdice']) return true;
1019
1019
  el.attributes.getNamedItem('data-helpdice');
1020
1020
  return !!el.attributes.getNamedItem('data-helpdice');
1021
1021
  };
@@ -1110,9 +1110,9 @@ var withScale = function withScale(Render) {
1110
1110
  margin = props.margin,
1111
1111
  padding = props.padding,
1112
1112
  _props$unit = props.unit,
1113
- unit = _props$unit === undefined ? layout.unit : _props$unit,
1113
+ unit = _props$unit === void 0 ? layout.unit : _props$unit,
1114
1114
  _props$scale = props.scale,
1115
- scale = _props$scale === undefined ? 1 : _props$scale;
1115
+ scale = _props$scale === void 0 ? 1 : _props$scale;
1116
1116
  var makeScaleHandler = function makeScaleHandler(attrValue) {
1117
1117
  return function (scale1x, defaultValue) {
1118
1118
  // 0 means disable scale and the default value is 0
@@ -1133,20 +1133,20 @@ var withScale = function withScale(Render) {
1133
1133
  var value = {
1134
1134
  unit: unit,
1135
1135
  SCALES: {
1136
- pt: makeScaleHandler((_ref2 = (_ref3 = paddingTop !== null && paddingTop !== undefined ? paddingTop : pt) !== null && _ref3 !== undefined ? _ref3 : py) !== null && _ref2 !== undefined ? _ref2 : padding),
1137
- pr: makeScaleHandler((_ref4 = (_ref5 = paddingRight !== null && paddingRight !== undefined ? paddingRight : pr) !== null && _ref5 !== undefined ? _ref5 : px) !== null && _ref4 !== undefined ? _ref4 : padding),
1138
- pb: makeScaleHandler((_ref6 = (_ref7 = paddingBottom !== null && paddingBottom !== undefined ? paddingBottom : pb) !== null && _ref7 !== undefined ? _ref7 : py) !== null && _ref6 !== undefined ? _ref6 : padding),
1139
- pl: makeScaleHandler((_ref8 = (_ref9 = paddingLeft !== null && paddingLeft !== undefined ? paddingLeft : pl) !== null && _ref9 !== undefined ? _ref9 : px) !== null && _ref8 !== undefined ? _ref8 : padding),
1140
- 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),
1141
- 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),
1142
- mt: makeScaleHandler((_ref18 = (_ref19 = marginTop !== null && marginTop !== undefined ? marginTop : mt) !== null && _ref19 !== undefined ? _ref19 : my) !== null && _ref18 !== undefined ? _ref18 : margin),
1143
- mr: makeScaleHandler((_ref20 = (_ref21 = marginRight !== null && marginRight !== undefined ? marginRight : mr) !== null && _ref21 !== undefined ? _ref21 : mx) !== null && _ref20 !== undefined ? _ref20 : margin),
1144
- mb: makeScaleHandler((_ref22 = (_ref23 = marginBottom !== null && marginBottom !== undefined ? marginBottom : mb) !== null && _ref23 !== undefined ? _ref23 : my) !== null && _ref22 !== undefined ? _ref22 : margin),
1145
- ml: makeScaleHandler((_ref24 = (_ref25 = marginLeft !== null && marginLeft !== undefined ? marginLeft : ml) !== null && _ref25 !== undefined ? _ref25 : mx) !== null && _ref24 !== undefined ? _ref24 : margin),
1146
- 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),
1147
- 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),
1148
- width: makeScaleHandler(width !== null && width !== undefined ? width : w),
1149
- height: makeScaleHandler(height !== null && height !== undefined ? height : h),
1136
+ pt: makeScaleHandler((_ref2 = (_ref3 = paddingTop !== null && paddingTop !== void 0 ? paddingTop : pt) !== null && _ref3 !== void 0 ? _ref3 : py) !== null && _ref2 !== void 0 ? _ref2 : padding),
1137
+ pr: makeScaleHandler((_ref4 = (_ref5 = paddingRight !== null && paddingRight !== void 0 ? paddingRight : pr) !== null && _ref5 !== void 0 ? _ref5 : px) !== null && _ref4 !== void 0 ? _ref4 : padding),
1138
+ pb: makeScaleHandler((_ref6 = (_ref7 = paddingBottom !== null && paddingBottom !== void 0 ? paddingBottom : pb) !== null && _ref7 !== void 0 ? _ref7 : py) !== null && _ref6 !== void 0 ? _ref6 : padding),
1139
+ pl: makeScaleHandler((_ref8 = (_ref9 = paddingLeft !== null && paddingLeft !== void 0 ? paddingLeft : pl) !== null && _ref9 !== void 0 ? _ref9 : px) !== null && _ref8 !== void 0 ? _ref8 : padding),
1140
+ 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),
1141
+ 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),
1142
+ mt: makeScaleHandler((_ref18 = (_ref19 = marginTop !== null && marginTop !== void 0 ? marginTop : mt) !== null && _ref19 !== void 0 ? _ref19 : my) !== null && _ref18 !== void 0 ? _ref18 : margin),
1143
+ mr: makeScaleHandler((_ref20 = (_ref21 = marginRight !== null && marginRight !== void 0 ? marginRight : mr) !== null && _ref21 !== void 0 ? _ref21 : mx) !== null && _ref20 !== void 0 ? _ref20 : margin),
1144
+ mb: makeScaleHandler((_ref22 = (_ref23 = marginBottom !== null && marginBottom !== void 0 ? marginBottom : mb) !== null && _ref23 !== void 0 ? _ref23 : my) !== null && _ref22 !== void 0 ? _ref22 : margin),
1145
+ ml: makeScaleHandler((_ref24 = (_ref25 = marginLeft !== null && marginLeft !== void 0 ? marginLeft : ml) !== null && _ref25 !== void 0 ? _ref25 : mx) !== null && _ref24 !== void 0 ? _ref24 : margin),
1146
+ 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),
1147
+ 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),
1148
+ width: makeScaleHandler(width !== null && width !== void 0 ? width : w),
1149
+ height: makeScaleHandler(height !== null && height !== void 0 ? height : h),
1150
1150
  font: makeScaleHandler(font)
1151
1151
  },
1152
1152
  getScaleProps: generateGetScaleProps(props),
@@ -1209,12 +1209,12 @@ var getRefRect = function getRefRect(ref, getContainer) {
1209
1209
  };
1210
1210
  var getEventRect = function getEventRect(event, getContainer) {
1211
1211
  var _event$target;
1212
- var rect = event === null || event === undefined || (_event$target = event.target) === null || _event$target === undefined ? undefined : _event$target.getBoundingClientRect();
1212
+ var rect = event === null || event === void 0 || (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.getBoundingClientRect();
1213
1213
  if (!rect) return defaultRect;
1214
1214
  return getRectFromDOMWithContainer(rect, getContainer);
1215
1215
  };
1216
1216
  var isRefTarget = function isRefTarget(eventOrRef) {
1217
- return typeof (eventOrRef === null || eventOrRef === undefined ? undefined : eventOrRef.target) === 'undefined';
1217
+ return typeof (eventOrRef === null || eventOrRef === void 0 ? void 0 : eventOrRef.target) === 'undefined';
1218
1218
  };
1219
1219
  var useRect = function useRect(initialState) {
1220
1220
  var _useState = React.useState(defaultRect),
@@ -1279,11 +1279,11 @@ var Highlight = function Highlight(_ref) {
1279
1279
  var rect = _ref.rect,
1280
1280
  visible = _ref.visible,
1281
1281
  _ref$hoverHeightRatio = _ref.hoverHeightRatio,
1282
- hoverHeightRatio = _ref$hoverHeightRatio === undefined ? 1 : _ref$hoverHeightRatio,
1282
+ hoverHeightRatio = _ref$hoverHeightRatio === void 0 ? 1 : _ref$hoverHeightRatio,
1283
1283
  _ref$hoverWidthRatio = _ref.hoverWidthRatio,
1284
- hoverWidthRatio = _ref$hoverWidthRatio === undefined ? 1 : _ref$hoverWidthRatio,
1284
+ hoverWidthRatio = _ref$hoverWidthRatio === void 0 ? 1 : _ref$hoverWidthRatio,
1285
1285
  _ref$activeOpacity = _ref.activeOpacity,
1286
- activeOpacity = _ref$activeOpacity === undefined ? 0.8 : _ref$activeOpacity,
1286
+ activeOpacity = _ref$activeOpacity === void 0 ? 0.8 : _ref$activeOpacity,
1287
1287
  className = _ref.className,
1288
1288
  props = _objectWithoutProperties(_ref, _excluded$1);
1289
1289
  var theme = useTheme();
@@ -1315,26 +1315,26 @@ var TabsComponent = function TabsComponent(_ref) {
1315
1315
  var userCustomInitialValue = _ref.initialValue,
1316
1316
  value = _ref.value,
1317
1317
  _ref$hideDivider = _ref.hideDivider,
1318
- hideDivider = _ref$hideDivider === undefined ? false : _ref$hideDivider,
1318
+ hideDivider = _ref$hideDivider === void 0 ? false : _ref$hideDivider,
1319
1319
  hideBorder = _ref.hideBorder,
1320
1320
  children = _ref.children,
1321
1321
  onChange = _ref.onChange,
1322
1322
  _ref$className = _ref.className,
1323
- className = _ref$className === undefined ? '' : _ref$className,
1323
+ className = _ref$className === void 0 ? '' : _ref$className,
1324
1324
  _ref$leftSpace = _ref.leftSpace,
1325
- leftSpace = _ref$leftSpace === undefined ? '12px' : _ref$leftSpace,
1325
+ leftSpace = _ref$leftSpace === void 0 ? '12px' : _ref$leftSpace,
1326
1326
  _ref$highlight = _ref.highlight,
1327
- highlight = _ref$highlight === undefined ? true : _ref$highlight,
1327
+ highlight = _ref$highlight === void 0 ? true : _ref$highlight,
1328
1328
  _ref$hoverHeightRatio = _ref.hoverHeightRatio,
1329
- hoverHeightRatio = _ref$hoverHeightRatio === undefined ? 0.7 : _ref$hoverHeightRatio,
1329
+ hoverHeightRatio = _ref$hoverHeightRatio === void 0 ? 0.7 : _ref$hoverHeightRatio,
1330
1330
  _ref$hoverWidthRatio = _ref.hoverWidthRatio,
1331
- hoverWidthRatio = _ref$hoverWidthRatio === undefined ? 1.15 : _ref$hoverWidthRatio,
1331
+ hoverWidthRatio = _ref$hoverWidthRatio === void 0 ? 1.15 : _ref$hoverWidthRatio,
1332
1332
  _ref$activeClassName = _ref.activeClassName,
1333
- activeClassName = _ref$activeClassName === undefined ? '' : _ref$activeClassName,
1333
+ activeClassName = _ref$activeClassName === void 0 ? '' : _ref$activeClassName,
1334
1334
  _ref$activeStyle = _ref.activeStyle,
1335
- activeStyle = _ref$activeStyle === undefined ? {} : _ref$activeStyle,
1335
+ activeStyle = _ref$activeStyle === void 0 ? {} : _ref$activeStyle,
1336
1336
  _ref$align = _ref.align,
1337
- align = _ref$align === undefined ? 'left' : _ref$align,
1337
+ align = _ref$align === void 0 ? 'left' : _ref$align,
1338
1338
  props = _objectWithoutProperties(_ref, _excluded);
1339
1339
  var theme = useTheme();
1340
1340
  var _useScale = useScale(),
@@ -1438,7 +1438,7 @@ var TabsItemComponent = function TabsItemComponent(_ref) {
1438
1438
  value = _ref.value,
1439
1439
  label = _ref.label,
1440
1440
  _ref$disabled = _ref.disabled,
1441
- disabled = _ref$disabled === undefined ? false : _ref$disabled;
1441
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled;
1442
1442
  var _useScale = useScale(),
1443
1443
  SCALES = _useScale.SCALES;
1444
1444
  var _useTabsContext = useTabsContext(),
package/dist/tag/index.js CHANGED
@@ -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
@@ -1049,9 +1049,9 @@ var withScale = function withScale(Render) {
1049
1049
  margin = props.margin,
1050
1050
  padding = props.padding,
1051
1051
  _props$unit = props.unit,
1052
- unit = _props$unit === undefined ? layout.unit : _props$unit,
1052
+ unit = _props$unit === void 0 ? layout.unit : _props$unit,
1053
1053
  _props$scale = props.scale,
1054
- scale = _props$scale === undefined ? 1 : _props$scale;
1054
+ scale = _props$scale === void 0 ? 1 : _props$scale;
1055
1055
  var makeScaleHandler = function makeScaleHandler(attrValue) {
1056
1056
  return function (scale1x, defaultValue) {
1057
1057
  // 0 means disable scale and the default value is 0
@@ -1072,20 +1072,20 @@ var withScale = function withScale(Render) {
1072
1072
  var value = {
1073
1073
  unit: unit,
1074
1074
  SCALES: {
1075
- pt: makeScaleHandler((_ref2 = (_ref3 = paddingTop !== null && paddingTop !== undefined ? paddingTop : pt) !== null && _ref3 !== undefined ? _ref3 : py) !== null && _ref2 !== undefined ? _ref2 : padding),
1076
- pr: makeScaleHandler((_ref4 = (_ref5 = paddingRight !== null && paddingRight !== undefined ? paddingRight : pr) !== null && _ref5 !== undefined ? _ref5 : px) !== null && _ref4 !== undefined ? _ref4 : padding),
1077
- pb: makeScaleHandler((_ref6 = (_ref7 = paddingBottom !== null && paddingBottom !== undefined ? paddingBottom : pb) !== null && _ref7 !== undefined ? _ref7 : py) !== null && _ref6 !== undefined ? _ref6 : padding),
1078
- pl: makeScaleHandler((_ref8 = (_ref9 = paddingLeft !== null && paddingLeft !== undefined ? paddingLeft : pl) !== null && _ref9 !== undefined ? _ref9 : px) !== null && _ref8 !== undefined ? _ref8 : padding),
1079
- 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),
1080
- 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),
1081
- mt: makeScaleHandler((_ref18 = (_ref19 = marginTop !== null && marginTop !== undefined ? marginTop : mt) !== null && _ref19 !== undefined ? _ref19 : my) !== null && _ref18 !== undefined ? _ref18 : margin),
1082
- mr: makeScaleHandler((_ref20 = (_ref21 = marginRight !== null && marginRight !== undefined ? marginRight : mr) !== null && _ref21 !== undefined ? _ref21 : mx) !== null && _ref20 !== undefined ? _ref20 : margin),
1083
- mb: makeScaleHandler((_ref22 = (_ref23 = marginBottom !== null && marginBottom !== undefined ? marginBottom : mb) !== null && _ref23 !== undefined ? _ref23 : my) !== null && _ref22 !== undefined ? _ref22 : margin),
1084
- ml: makeScaleHandler((_ref24 = (_ref25 = marginLeft !== null && marginLeft !== undefined ? marginLeft : ml) !== null && _ref25 !== undefined ? _ref25 : mx) !== null && _ref24 !== undefined ? _ref24 : margin),
1085
- 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),
1086
- 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),
1087
- width: makeScaleHandler(width !== null && width !== undefined ? width : w),
1088
- height: makeScaleHandler(height !== null && height !== undefined ? height : h),
1075
+ pt: makeScaleHandler((_ref2 = (_ref3 = paddingTop !== null && paddingTop !== void 0 ? paddingTop : pt) !== null && _ref3 !== void 0 ? _ref3 : py) !== null && _ref2 !== void 0 ? _ref2 : padding),
1076
+ pr: makeScaleHandler((_ref4 = (_ref5 = paddingRight !== null && paddingRight !== void 0 ? paddingRight : pr) !== null && _ref5 !== void 0 ? _ref5 : px) !== null && _ref4 !== void 0 ? _ref4 : padding),
1077
+ pb: makeScaleHandler((_ref6 = (_ref7 = paddingBottom !== null && paddingBottom !== void 0 ? paddingBottom : pb) !== null && _ref7 !== void 0 ? _ref7 : py) !== null && _ref6 !== void 0 ? _ref6 : padding),
1078
+ pl: makeScaleHandler((_ref8 = (_ref9 = paddingLeft !== null && paddingLeft !== void 0 ? paddingLeft : pl) !== null && _ref9 !== void 0 ? _ref9 : px) !== null && _ref8 !== void 0 ? _ref8 : padding),
1079
+ 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),
1080
+ 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),
1081
+ mt: makeScaleHandler((_ref18 = (_ref19 = marginTop !== null && marginTop !== void 0 ? marginTop : mt) !== null && _ref19 !== void 0 ? _ref19 : my) !== null && _ref18 !== void 0 ? _ref18 : margin),
1082
+ mr: makeScaleHandler((_ref20 = (_ref21 = marginRight !== null && marginRight !== void 0 ? marginRight : mr) !== null && _ref21 !== void 0 ? _ref21 : mx) !== null && _ref20 !== void 0 ? _ref20 : margin),
1083
+ mb: makeScaleHandler((_ref22 = (_ref23 = marginBottom !== null && marginBottom !== void 0 ? marginBottom : mb) !== null && _ref23 !== void 0 ? _ref23 : my) !== null && _ref22 !== void 0 ? _ref22 : margin),
1084
+ ml: makeScaleHandler((_ref24 = (_ref25 = marginLeft !== null && marginLeft !== void 0 ? marginLeft : ml) !== null && _ref25 !== void 0 ? _ref25 : mx) !== null && _ref24 !== void 0 ? _ref24 : margin),
1085
+ 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),
1086
+ 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),
1087
+ width: makeScaleHandler(width !== null && width !== void 0 ? width : w),
1088
+ height: makeScaleHandler(height !== null && height !== void 0 ? height : h),
1089
1089
  font: makeScaleHandler(font)
1090
1090
  },
1091
1091
  getScaleProps: generateGetScaleProps(props),
@@ -1140,12 +1140,12 @@ var getColors = function getColors(type, palette, invert) {
1140
1140
  };
1141
1141
  var TagComponent = function TagComponent(_ref) {
1142
1142
  var _ref$type = _ref.type,
1143
- type = _ref$type === undefined ? 'default' : _ref$type,
1143
+ type = _ref$type === void 0 ? 'default' : _ref$type,
1144
1144
  children = _ref.children,
1145
1145
  _ref$className = _ref.className,
1146
- className = _ref$className === undefined ? '' : _ref$className,
1146
+ className = _ref$className === void 0 ? '' : _ref$className,
1147
1147
  _ref$invert = _ref.invert,
1148
- invert = _ref$invert === undefined ? false : _ref$invert,
1148
+ invert = _ref$invert === void 0 ? false : _ref$invert,
1149
1149
  props = _objectWithoutProperties(_ref, _excluded);
1150
1150
  var theme = useTheme();
1151
1151
  var _useScale = useScale(),
@@ -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
@@ -1049,9 +1049,9 @@ var withScale = function withScale(Render) {
1049
1049
  margin = props.margin,
1050
1050
  padding = props.padding,
1051
1051
  _props$unit = props.unit,
1052
- unit = _props$unit === undefined ? layout.unit : _props$unit,
1052
+ unit = _props$unit === void 0 ? layout.unit : _props$unit,
1053
1053
  _props$scale = props.scale,
1054
- scale = _props$scale === undefined ? 1 : _props$scale;
1054
+ scale = _props$scale === void 0 ? 1 : _props$scale;
1055
1055
  var makeScaleHandler = function makeScaleHandler(attrValue) {
1056
1056
  return function (scale1x, defaultValue) {
1057
1057
  // 0 means disable scale and the default value is 0
@@ -1072,20 +1072,20 @@ var withScale = function withScale(Render) {
1072
1072
  var value = {
1073
1073
  unit: unit,
1074
1074
  SCALES: {
1075
- pt: makeScaleHandler((_ref2 = (_ref3 = paddingTop !== null && paddingTop !== undefined ? paddingTop : pt) !== null && _ref3 !== undefined ? _ref3 : py) !== null && _ref2 !== undefined ? _ref2 : padding),
1076
- pr: makeScaleHandler((_ref4 = (_ref5 = paddingRight !== null && paddingRight !== undefined ? paddingRight : pr) !== null && _ref5 !== undefined ? _ref5 : px) !== null && _ref4 !== undefined ? _ref4 : padding),
1077
- pb: makeScaleHandler((_ref6 = (_ref7 = paddingBottom !== null && paddingBottom !== undefined ? paddingBottom : pb) !== null && _ref7 !== undefined ? _ref7 : py) !== null && _ref6 !== undefined ? _ref6 : padding),
1078
- pl: makeScaleHandler((_ref8 = (_ref9 = paddingLeft !== null && paddingLeft !== undefined ? paddingLeft : pl) !== null && _ref9 !== undefined ? _ref9 : px) !== null && _ref8 !== undefined ? _ref8 : padding),
1079
- 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),
1080
- 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),
1081
- mt: makeScaleHandler((_ref18 = (_ref19 = marginTop !== null && marginTop !== undefined ? marginTop : mt) !== null && _ref19 !== undefined ? _ref19 : my) !== null && _ref18 !== undefined ? _ref18 : margin),
1082
- mr: makeScaleHandler((_ref20 = (_ref21 = marginRight !== null && marginRight !== undefined ? marginRight : mr) !== null && _ref21 !== undefined ? _ref21 : mx) !== null && _ref20 !== undefined ? _ref20 : margin),
1083
- mb: makeScaleHandler((_ref22 = (_ref23 = marginBottom !== null && marginBottom !== undefined ? marginBottom : mb) !== null && _ref23 !== undefined ? _ref23 : my) !== null && _ref22 !== undefined ? _ref22 : margin),
1084
- ml: makeScaleHandler((_ref24 = (_ref25 = marginLeft !== null && marginLeft !== undefined ? marginLeft : ml) !== null && _ref25 !== undefined ? _ref25 : mx) !== null && _ref24 !== undefined ? _ref24 : margin),
1085
- 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),
1086
- 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),
1087
- width: makeScaleHandler(width !== null && width !== undefined ? width : w),
1088
- height: makeScaleHandler(height !== null && height !== undefined ? height : h),
1075
+ pt: makeScaleHandler((_ref2 = (_ref3 = paddingTop !== null && paddingTop !== void 0 ? paddingTop : pt) !== null && _ref3 !== void 0 ? _ref3 : py) !== null && _ref2 !== void 0 ? _ref2 : padding),
1076
+ pr: makeScaleHandler((_ref4 = (_ref5 = paddingRight !== null && paddingRight !== void 0 ? paddingRight : pr) !== null && _ref5 !== void 0 ? _ref5 : px) !== null && _ref4 !== void 0 ? _ref4 : padding),
1077
+ pb: makeScaleHandler((_ref6 = (_ref7 = paddingBottom !== null && paddingBottom !== void 0 ? paddingBottom : pb) !== null && _ref7 !== void 0 ? _ref7 : py) !== null && _ref6 !== void 0 ? _ref6 : padding),
1078
+ pl: makeScaleHandler((_ref8 = (_ref9 = paddingLeft !== null && paddingLeft !== void 0 ? paddingLeft : pl) !== null && _ref9 !== void 0 ? _ref9 : px) !== null && _ref8 !== void 0 ? _ref8 : padding),
1079
+ 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),
1080
+ 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),
1081
+ mt: makeScaleHandler((_ref18 = (_ref19 = marginTop !== null && marginTop !== void 0 ? marginTop : mt) !== null && _ref19 !== void 0 ? _ref19 : my) !== null && _ref18 !== void 0 ? _ref18 : margin),
1082
+ mr: makeScaleHandler((_ref20 = (_ref21 = marginRight !== null && marginRight !== void 0 ? marginRight : mr) !== null && _ref21 !== void 0 ? _ref21 : mx) !== null && _ref20 !== void 0 ? _ref20 : margin),
1083
+ mb: makeScaleHandler((_ref22 = (_ref23 = marginBottom !== null && marginBottom !== void 0 ? marginBottom : mb) !== null && _ref23 !== void 0 ? _ref23 : my) !== null && _ref22 !== void 0 ? _ref22 : margin),
1084
+ ml: makeScaleHandler((_ref24 = (_ref25 = marginLeft !== null && marginLeft !== void 0 ? marginLeft : ml) !== null && _ref25 !== void 0 ? _ref25 : mx) !== null && _ref24 !== void 0 ? _ref24 : margin),
1085
+ 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),
1086
+ 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),
1087
+ width: makeScaleHandler(width !== null && width !== void 0 ? width : w),
1088
+ height: makeScaleHandler(height !== null && height !== void 0 ? height : h),
1089
1089
  font: makeScaleHandler(font)
1090
1090
  },
1091
1091
  getScaleProps: generateGetScaleProps(props),
@@ -1116,9 +1116,9 @@ var TextChild = function TextChild(_ref) {
1116
1116
  var children = _ref.children,
1117
1117
  tag = _ref.tag,
1118
1118
  _ref$className = _ref.className,
1119
- className = _ref$className === undefined ? '' : _ref$className,
1119
+ className = _ref$className === void 0 ? '' : _ref$className,
1120
1120
  _ref$type = _ref.type,
1121
- type = _ref$type === undefined ? 'default' : _ref$type,
1121
+ type = _ref$type === void 0 ? 'default' : _ref$type,
1122
1122
  props = _objectWithoutProperties(_ref, _excluded$1);
1123
1123
  var Component = tag;
1124
1124
  var theme = useTheme();
@@ -1175,36 +1175,36 @@ var _getModifierChild = function getModifierChild(tags, children) {
1175
1175
  };
1176
1176
  var TextComponent = function TextComponent(_ref) {
1177
1177
  var _ref$h = _ref.h1,
1178
- h1 = _ref$h === undefined ? false : _ref$h,
1178
+ h1 = _ref$h === void 0 ? false : _ref$h,
1179
1179
  _ref$h2 = _ref.h2,
1180
- h2 = _ref$h2 === undefined ? false : _ref$h2,
1180
+ h2 = _ref$h2 === void 0 ? false : _ref$h2,
1181
1181
  _ref$h3 = _ref.h3,
1182
- h3 = _ref$h3 === undefined ? false : _ref$h3,
1182
+ h3 = _ref$h3 === void 0 ? false : _ref$h3,
1183
1183
  _ref$h4 = _ref.h4,
1184
- h4 = _ref$h4 === undefined ? false : _ref$h4,
1184
+ h4 = _ref$h4 === void 0 ? false : _ref$h4,
1185
1185
  _ref$h5 = _ref.h5,
1186
- h5 = _ref$h5 === undefined ? false : _ref$h5,
1186
+ h5 = _ref$h5 === void 0 ? false : _ref$h5,
1187
1187
  _ref$h6 = _ref.h6,
1188
- h6 = _ref$h6 === undefined ? false : _ref$h6,
1188
+ h6 = _ref$h6 === void 0 ? false : _ref$h6,
1189
1189
  _ref$p = _ref.p,
1190
- p = _ref$p === undefined ? false : _ref$p,
1190
+ p = _ref$p === void 0 ? false : _ref$p,
1191
1191
  _ref$b = _ref.b,
1192
- b = _ref$b === undefined ? false : _ref$b,
1192
+ b = _ref$b === void 0 ? false : _ref$b,
1193
1193
  _ref$small = _ref.small,
1194
- small = _ref$small === undefined ? false : _ref$small,
1194
+ small = _ref$small === void 0 ? false : _ref$small,
1195
1195
  _ref$i = _ref.i,
1196
- i = _ref$i === undefined ? false : _ref$i,
1196
+ i = _ref$i === void 0 ? false : _ref$i,
1197
1197
  _ref$span = _ref.span,
1198
- span = _ref$span === undefined ? false : _ref$span,
1198
+ span = _ref$span === void 0 ? false : _ref$span,
1199
1199
  _ref$del = _ref.del,
1200
- del = _ref$del === undefined ? false : _ref$del,
1200
+ del = _ref$del === void 0 ? false : _ref$del,
1201
1201
  _ref$em = _ref.em,
1202
- em = _ref$em === undefined ? false : _ref$em,
1202
+ em = _ref$em === void 0 ? false : _ref$em,
1203
1203
  _ref$blockquote = _ref.blockquote,
1204
- blockquote = _ref$blockquote === undefined ? false : _ref$blockquote,
1204
+ blockquote = _ref$blockquote === void 0 ? false : _ref$blockquote,
1205
1205
  children = _ref.children,
1206
1206
  _ref$className = _ref.className,
1207
- className = _ref$className === undefined ? '' : _ref$className,
1207
+ className = _ref$className === void 0 ? '' : _ref$className,
1208
1208
  props = _objectWithoutProperties(_ref, _excluded);
1209
1209
  var elements = {
1210
1210
  h1: h1,