@artsy/palette 41.8.1 → 42.0.0

package/dist/elements/Checkbox/Check.js

@@ -15,7 +15,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /** Toggeable check mark */
-var Check = function Check(_ref) {
+var Check = exports.Check = function Check(_ref) {
   var disabled = _ref.disabled,
     selected = _ref.selected,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -28,7 +28,6 @@ var Check = function Check(_ref) {
     "aria-hidden": true
   }));
 };
-exports.Check = Check;
 Check.displayName = "Check";
 var Container = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "Check__Container",

package/dist/elements/Checkbox/Check.js.map

@@ -1 +1 @@
-{"version":3,"file":"Check.js","names":["_react","_interopRequireDefault","require","_styledComponents","_CheckmarkIcon","_Box","_tokens","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Check","_ref","disabled","selected","rest","createElement","Container","mr","border","exports","displayName","styled","Box","withConfig","componentId","props","mode","focus","CHECK_STATES","hover","error","resting"],"sources":["../../../src/elements/Checkbox/Check.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport CheckmarkIcon from \"@artsy/icons/CheckmarkIcon\"\nimport { Box } from \"../Box\"\nimport { CHECK_STATES } from \"./tokens\"\n\nexport interface CheckProps {\n  disabled?: boolean\n  error?: boolean\n  hover?: boolean\n  focus?: boolean\n  selected?: boolean\n}\n\n/** Toggeable check mark */\nexport const Check: React.FC<React.PropsWithChildren<CheckProps>> = ({\n  disabled,\n  selected,\n  ...rest\n}) => {\n  return (\n    <Container\n      mr={1}\n      border=\"1px solid\"\n      disabled={disabled}\n      selected={selected}\n      {...rest}\n    >\n      <CheckmarkIcon aria-hidden />\n    </Container>\n  )\n}\n\nconst Container = styled(Box)<CheckProps>`\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.25s, border-color 0.25s, color 0.25s;\n\n  ${(props) => {\n    const mode = (() => {\n      switch (true) {\n        case props.focus:\n          return CHECK_STATES.focus\n        case props.hover:\n          return CHECK_STATES.hover\n        case props.error:\n          return CHECK_STATES.error\n        case props.disabled:\n          return CHECK_STATES.disabled\n        default:\n          return CHECK_STATES.default\n      }\n    })()\n\n    return props.selected ? mode.selected : mode.resting\n  }};\n`\n"],"mappings":"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"}
+{"version":3,"file":"Check.js","names":["_react","_interopRequireDefault","require","_styledComponents","_CheckmarkIcon","_Box","_tokens","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Check","exports","_ref","disabled","selected","rest","createElement","Container","mr","border","displayName","styled","Box","withConfig","componentId","props","mode","focus","CHECK_STATES","hover","error","resting"],"sources":["../../../src/elements/Checkbox/Check.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport CheckmarkIcon from \"@artsy/icons/CheckmarkIcon\"\nimport { Box } from \"../Box\"\nimport { CHECK_STATES } from \"./tokens\"\n\nexport interface CheckProps {\n  disabled?: boolean\n  error?: boolean\n  hover?: boolean\n  focus?: boolean\n  selected?: boolean\n}\n\n/** Toggeable check mark */\nexport const Check: React.FC<React.PropsWithChildren<CheckProps>> = ({\n  disabled,\n  selected,\n  ...rest\n}) => {\n  return (\n    <Container\n      mr={1}\n      border=\"1px solid\"\n      disabled={disabled}\n      selected={selected}\n      {...rest}\n    >\n      <CheckmarkIcon aria-hidden />\n    </Container>\n  )\n}\n\nconst Container = styled(Box)<CheckProps>`\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.25s, border-color 0.25s, color 0.25s;\n\n  ${(props) => {\n    const mode = (() => {\n      switch (true) {\n        case props.focus:\n          return CHECK_STATES.focus\n        case props.hover:\n          return CHECK_STATES.hover\n        case props.error:\n          return CHECK_STATES.error\n        case props.disabled:\n          return CHECK_STATES.disabled\n        default:\n          return CHECK_STATES.default\n      }\n    })()\n\n    return props.selected ? mode.selected : mode.resting\n  }};\n`\n"],"mappings":"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"}

package/dist/elements/Checkbox/Check.story.js

@@ -8,11 +8,10 @@ var _react = _interopRequireDefault(require("react"));
 var _storybookStates = require("storybook-states");
 var _Check = require("./Check");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+var _default = exports.default = {
   title: "Components/Check"
 };
-exports.default = _default;
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{}, {
       selected: true
@@ -39,6 +38,5 @@ var Default = function Default() {
     }]
   }, /*#__PURE__*/_react.default.createElement(_Check.Check, null));
 };
-exports.Default = Default;
 Default.displayName = "Default";
 //# sourceMappingURL=Check.story.js.map

package/dist/elements/Checkbox/Check.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"Check.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Check","obj","__esModule","default","_default","title","exports","Default","createElement","States","states","selected","focus","hover","disabled","error","Check","displayName"],"sources":["../../../src/elements/Checkbox/Check.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Check } from \"./Check\"\n\nexport default {\n  title: \"Components/Check\",\n}\n\nexport const Default = () => {\n  return (\n    <States\n      states={[\n        {},\n        { selected: true },\n        { focus: true },\n        { focus: true, selected: true },\n        { hover: true },\n        { hover: true, selected: true },\n        { disabled: true },\n        { disabled: true, selected: true },\n        { error: true },\n        { error: true, selected: true },\n      ]}\n    >\n      <Check />\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAA+B,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAEhB;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAH,OAAA,GAAAC,QAAA;AAEM,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,gBAAA,CAAAU,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEC,QAAQ,EAAE;IAAK,CAAC,EAClB;MAAEC,KAAK,EAAE;IAAK,CAAC,EACf;MAAEA,KAAK,EAAE,IAAI;MAAED,QAAQ,EAAE;IAAK,CAAC,EAC/B;MAAEE,KAAK,EAAE;IAAK,CAAC,EACf;MAAEA,KAAK,EAAE,IAAI;MAAEF,QAAQ,EAAE;IAAK,CAAC,EAC/B;MAAEG,QAAQ,EAAE;IAAK,CAAC,EAClB;MAAEA,QAAQ,EAAE,IAAI;MAAEH,QAAQ,EAAE;IAAK,CAAC,EAClC;MAAEI,KAAK,EAAE;IAAK,CAAC,EACf;MAAEA,KAAK,EAAE,IAAI;MAAEJ,QAAQ,EAAE;IAAK,CAAC;EAC/B,gBAEFf,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,MAAA,CAAAgB,KAAK,OAAG,CACF;AAEb,CAAC;AAAAV,OAAA,CAAAC,OAAA,GAAAA,OAAA;AAnBYA,OAAO,CAAAU,WAAA"}
+{"version":3,"file":"Check.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Check","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","selected","focus","hover","disabled","error","Check","displayName"],"sources":["../../../src/elements/Checkbox/Check.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Check } from \"./Check\"\n\nexport default {\n  title: \"Components/Check\",\n}\n\nexport const Default = () => {\n  return (\n    <States\n      states={[\n        {},\n        { selected: true },\n        { focus: true },\n        { focus: true, selected: true },\n        { hover: true },\n        { hover: true, selected: true },\n        { disabled: true },\n        { disabled: true, selected: true },\n        { error: true },\n        { error: true, selected: true },\n      ]}\n    >\n      <Check />\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAA+B,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEhB;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,gBAAA,CAAAU,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEC,QAAQ,EAAE;IAAK,CAAC,EAClB;MAAEC,KAAK,EAAE;IAAK,CAAC,EACf;MAAEA,KAAK,EAAE,IAAI;MAAED,QAAQ,EAAE;IAAK,CAAC,EAC/B;MAAEE,KAAK,EAAE;IAAK,CAAC,EACf;MAAEA,KAAK,EAAE,IAAI;MAAEF,QAAQ,EAAE;IAAK,CAAC,EAC/B;MAAEG,QAAQ,EAAE;IAAK,CAAC,EAClB;MAAEA,QAAQ,EAAE,IAAI;MAAEH,QAAQ,EAAE;IAAK,CAAC,EAClC;MAAEI,KAAK,EAAE;IAAK,CAAC,EACf;MAAEA,KAAK,EAAE,IAAI;MAAEJ,QAAQ,EAAE;IAAK,CAAC;EAC/B,gBAEFf,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,MAAA,CAAAgB,KAAK,OAAG,CACF;AAEb,CAAC;AAnBYT,OAAO,CAAAU,WAAA"}

package/dist/elements/Checkbox/Checkbox.js

@@ -21,7 +21,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /** A checkbox */
-var Checkbox = function Checkbox(_ref) {
+var Checkbox = exports.Checkbox = function Checkbox(_ref) {
   var _ref$selected = _ref.selected,
     selected = _ref$selected === void 0 ? false : _ref$selected,
     children = _ref.children,
@@ -74,7 +74,6 @@ var Checkbox = function Checkbox(_ref) {
     lineHeight: 1
   }, children) : children));
 };
-exports.Checkbox = Checkbox;
 Checkbox.displayName = "Checkbox";
 var Container = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "Checkbox__Container",

package/dist/elements/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_isText","_Box","_Flex","_Text","_Check","_tokens","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Checkbox","_ref","_ref$selected","selected","children","error","disabled","hover","focus","onSelect","onClick","rest","isSelectable","undefined","handleClick","event","handleKeyPress","preventDefault","createElement","Container","display","alignItems","tabIndex","onKeyPress","role","Check","Flex","flex","isText","Text","variant","lineHeight","exports","displayName","styled","Box","withConfig","componentId","props","css","CHECKBOX_STATES","CHECK_STATES","resting"],"sources":["../../../src/elements/Checkbox/Checkbox.tsx"],"sourcesContent":["import React from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { isText } from \"../../helpers/isText\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Check } from \"./Check\"\nimport { CHECK_STATES, CHECKBOX_STATES } from \"./tokens\"\n\nexport interface CheckboxProps\n  extends BoxProps,\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  /** Disable checkbox interactions */\n  disabled?: boolean\n  /** Select the checkbox on render */\n  selected?: boolean\n  /** Show an error indicator */\n  error?: boolean\n  /** Used to force the checkbox into the visual hover state */\n  hover?: boolean\n  /** Forces focus state */\n  focus?: boolean\n  /** Callback when selected */\n  onSelect?: (selected: boolean) => void\n}\n\n/** A checkbox */\nexport const Checkbox: React.FC<React.PropsWithChildren<CheckboxProps>> = ({\n  selected = false,\n  children,\n  error,\n  disabled,\n  hover,\n  focus,\n  onSelect,\n  onClick,\n  ...rest\n}) => {\n  const isSelectable = !disabled && onSelect !== undefined\n\n  const handleClick = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n    if (isSelectable && onSelect) {\n      onSelect(!selected)\n    }\n\n    if (onClick !== undefined) {\n      onClick(event)\n    }\n  }\n\n  const handleKeyPress = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === \" \" && isSelectable && onSelect) {\n      event.preventDefault()\n      onSelect(!selected)\n    }\n  }\n\n  return (\n    <Container\n      display=\"flex\"\n      alignItems=\"center\"\n      onClick={handleClick}\n      tabIndex={disabled ? -1 : 0}\n      onKeyPress={handleKeyPress}\n      role=\"checkbox\"\n      aria-checked={selected}\n      selected={selected}\n      hover={hover}\n      focus={focus}\n      disabled={disabled}\n      error={error}\n      {...rest}\n    >\n      <Check\n        selected={selected}\n        error={error}\n        disabled={disabled}\n        focus={focus}\n        hover={hover}\n      />\n\n      <Flex alignItems=\"center\" flex={1}>\n        {isText(children) ? (\n          <Text variant=\"sm-display\" lineHeight={1}>\n            {children}\n          </Text>\n        ) : (\n          children\n        )}\n      </Flex>\n    </Container>\n  )\n}\n\nconst Container = styled(Box)<{\n  selected: boolean\n  hover?: boolean\n  focus?: boolean\n  disabled?: boolean\n  error?: boolean\n}>`\n  user-select: none;\n\n  ${(props) => {\n    return css`\n      ${props.selected ? CHECKBOX_STATES.selected : CHECKBOX_STATES.default}\n      ${props.focus && CHECKBOX_STATES.focus}\n      ${props.hover && CHECKBOX_STATES.hover}\n      ${props.disabled && CHECKBOX_STATES.disabled}\n      ${props.error && CHECKBOX_STATES.error}\n\n      &:hover {\n        ${!props.error &&\n        css`\n          ${CHECKBOX_STATES.hover}\n\n          // Check\n          > div:first-of-type {\n            ${props.selected\n              ? CHECK_STATES.hover.selected\n              : CHECK_STATES.hover.resting}\n          }\n        `}\n      }\n\n      &:focus-visible {\n        ${CHECKBOX_STATES.focus}\n\n        // Check\n         > div:first-of-type {\n          ${props.selected\n            ? CHECK_STATES.focus.selected\n            : CHECK_STATES.focus.resting}\n        }\n      }\n\n      &:disabled {\n        ${CHECKBOX_STATES.disabled}\n      }\n    `\n  }}\n`\n"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_isText","_Box","_Flex","_Text","_Check","_tokens","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Checkbox","exports","_ref","_ref$selected","selected","children","error","disabled","hover","focus","onSelect","onClick","rest","isSelectable","undefined","handleClick","event","handleKeyPress","preventDefault","createElement","Container","display","alignItems","tabIndex","onKeyPress","role","Check","Flex","flex","isText","Text","variant","lineHeight","displayName","styled","Box","withConfig","componentId","props","css","CHECKBOX_STATES","CHECK_STATES","resting"],"sources":["../../../src/elements/Checkbox/Checkbox.tsx"],"sourcesContent":["import React from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { isText } from \"../../helpers/isText\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Check } from \"./Check\"\nimport { CHECK_STATES, CHECKBOX_STATES } from \"./tokens\"\n\nexport interface CheckboxProps\n  extends BoxProps,\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  /** Disable checkbox interactions */\n  disabled?: boolean\n  /** Select the checkbox on render */\n  selected?: boolean\n  /** Show an error indicator */\n  error?: boolean\n  /** Used to force the checkbox into the visual hover state */\n  hover?: boolean\n  /** Forces focus state */\n  focus?: boolean\n  /** Callback when selected */\n  onSelect?: (selected: boolean) => void\n}\n\n/** A checkbox */\nexport const Checkbox: React.FC<React.PropsWithChildren<CheckboxProps>> = ({\n  selected = false,\n  children,\n  error,\n  disabled,\n  hover,\n  focus,\n  onSelect,\n  onClick,\n  ...rest\n}) => {\n  const isSelectable = !disabled && onSelect !== undefined\n\n  const handleClick = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n    if (isSelectable && onSelect) {\n      onSelect(!selected)\n    }\n\n    if (onClick !== undefined) {\n      onClick(event)\n    }\n  }\n\n  const handleKeyPress = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === \" \" && isSelectable && onSelect) {\n      event.preventDefault()\n      onSelect(!selected)\n    }\n  }\n\n  return (\n    <Container\n      display=\"flex\"\n      alignItems=\"center\"\n      onClick={handleClick}\n      tabIndex={disabled ? -1 : 0}\n      onKeyPress={handleKeyPress}\n      role=\"checkbox\"\n      aria-checked={selected}\n      selected={selected}\n      hover={hover}\n      focus={focus}\n      disabled={disabled}\n      error={error}\n      {...rest}\n    >\n      <Check\n        selected={selected}\n        error={error}\n        disabled={disabled}\n        focus={focus}\n        hover={hover}\n      />\n\n      <Flex alignItems=\"center\" flex={1}>\n        {isText(children) ? (\n          <Text variant=\"sm-display\" lineHeight={1}>\n            {children}\n          </Text>\n        ) : (\n          children\n        )}\n      </Flex>\n    </Container>\n  )\n}\n\nconst Container = styled(Box)<{\n  selected: boolean\n  hover?: boolean\n  focus?: boolean\n  disabled?: boolean\n  error?: boolean\n}>`\n  user-select: none;\n\n  ${(props) => {\n    return css`\n      ${props.selected ? CHECKBOX_STATES.selected : CHECKBOX_STATES.default}\n      ${props.focus && CHECKBOX_STATES.focus}\n      ${props.hover && CHECKBOX_STATES.hover}\n      ${props.disabled && CHECKBOX_STATES.disabled}\n      ${props.error && CHECKBOX_STATES.error}\n\n      &:hover {\n        ${!props.error &&\n        css`\n          ${CHECKBOX_STATES.hover}\n\n          // Check\n          > div:first-of-type {\n            ${props.selected\n              ? CHECK_STATES.hover.selected\n              : CHECK_STATES.hover.resting}\n          }\n        `}\n      }\n\n      &:focus-visible {\n        ${CHECKBOX_STATES.focus}\n\n        // Check\n         > div:first-of-type {\n          ${props.selected\n            ? CHECK_STATES.focus.selected\n            : CHECK_STATES.focus.resting}\n        }\n      }\n\n      &:disabled {\n        ${CHECKBOX_STATES.disabled}\n      }\n    `\n  }}\n`\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AAAwD,IAAAS,SAAA;AAAA,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAT,wBAAAa,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAZ,GAAA,QAAAY,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAY,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,GAAA,EAAAY,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAZ,GAAA,CAAAY,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAAA,SAAAvB,uBAAAgB,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAG,OAAA,EAAAH,GAAA;AAAA,SAAAkB,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,yBAAAF,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,GAAAQ,6BAAA,CAAAJ,MAAA,EAAAG,QAAA,OAAAhB,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAAqB,qBAAA,QAAAC,gBAAA,GAAAtB,MAAA,CAAAqB,qBAAA,CAAAL,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAS,gBAAA,CAAAP,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAmB,gBAAA,CAAAT,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAoB,oBAAA,CAAAlB,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAAQ,8BAAAJ,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,WAAAa,UAAA,GAAAzB,MAAA,CAAA0B,IAAA,CAAAV,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAY,UAAA,CAAAV,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAsB,UAAA,CAAAZ,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AAmBxD;AACO,IAAMe,QAA0D,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAA7DA,QAA0DA,CAAAE,IAAA,EAUjE;EAAA,IAAAC,aAAA,GAAAD,IAAA,CATJE,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAChBE,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,KAAK,GAAAP,IAAA,CAALO,KAAK;IACLC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,OAAO,GAAAT,IAAA,CAAPS,OAAO;IACJC,IAAI,GAAArB,wBAAA,CAAAW,IAAA,EAAA5C,SAAA;EAEP,IAAMuD,YAAY,GAAG,CAACN,QAAQ,IAAIG,QAAQ,KAAKI,SAAS;EAExD,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAmD,EAAK;IAC3E,IAAIH,YAAY,IAAIH,QAAQ,EAAE;MAC5BA,QAAQ,CAAC,CAACN,QAAQ,CAAC;IACrB;IAEA,IAAIO,OAAO,KAAKG,SAAS,EAAE;MACzBH,OAAO,CAACK,KAAK,CAAC;IAChB;EACF,CAAC;EAED,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAID,KAA0C,EAAK;IACrE,IAAIA,KAAK,CAACxC,GAAG,KAAK,GAAG,IAAIqC,YAAY,IAAIH,QAAQ,EAAE;MACjDM,KAAK,CAACE,cAAc,EAAE;MACtBR,QAAQ,CAAC,CAACN,QAAQ,CAAC;IACrB;EACF,CAAC;EAED,oBACEzD,MAAA,CAAAoB,OAAA,CAAAoD,aAAA,CAACC,SAAS,EAAAtC,QAAA;IACRuC,OAAO,EAAC,MAAM;IACdC,UAAU,EAAC,QAAQ;IACnBX,OAAO,EAAEI,WAAY;IACrBQ,QAAQ,EAAEhB,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;IAC5BiB,UAAU,EAAEP,cAAe;IAC3BQ,IAAI,EAAC,UAAU;IACf,gBAAcrB,QAAS;IACvBA,QAAQ,EAAEA,QAAS;IACnBI,KAAK,EAAEA,KAAM;IACbC,KAAK,EAAEA,KAAM;IACbF,QAAQ,EAAEA,QAAS;IACnBD,KAAK,EAAEA;EAAM,GACTM,IAAI,gBAERjE,MAAA,CAAAoB,OAAA,CAAAoD,aAAA,CAAC/D,MAAA,CAAAsE,KAAK;IACJtB,QAAQ,EAAEA,QAAS;IACnBE,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBE,KAAK,EAAEA,KAAM;IACbD,KAAK,EAAEA;EAAM,EACb,eAEF7D,MAAA,CAAAoB,OAAA,CAAAoD,aAAA,CAACjE,KAAA,CAAAyE,IAAI;IAACL,UAAU,EAAC,QAAQ;IAACM,IAAI,EAAE;EAAE,GAC/B,IAAAC,cAAM,EAACxB,QAAQ,CAAC,gBACf1D,MAAA,CAAAoB,OAAA,CAAAoD,aAAA,CAAChE,KAAA,CAAA2E,IAAI;IAACC,OAAO,EAAC,YAAY;IAACC,UAAU,EAAE;EAAE,GACtC3B,QAAQ,CACJ,GAEPA,QACD,CACI,CACG;AAEhB,CAAC;AAjEYL,QAA0D,CAAAiC,WAAA;AAmEvE,IAAMb,SAAS,GAAG,IAAAc,yBAAM,EAACC,QAAG,CAAC,CAAAC,UAAA;EAAAH,WAAA;EAAAI,WAAA;AAAA,8BASzB,UAACC,KAAK,EAAK;EACX,WAAOC,qBAAG,6GACND,KAAK,CAAClC,QAAQ,GAAGoC,uBAAe,CAACpC,QAAQ,GAAGoC,uBAAe,CAACzE,OAAO,EACnEuE,KAAK,CAAC7B,KAAK,IAAI+B,uBAAe,CAAC/B,KAAK,EACpC6B,KAAK,CAAC9B,KAAK,IAAIgC,uBAAe,CAAChC,KAAK,EACpC8B,KAAK,CAAC/B,QAAQ,IAAIiC,uBAAe,CAACjC,QAAQ,EAC1C+B,KAAK,CAAChC,KAAK,IAAIkC,uBAAe,CAAClC,KAAK,EAGlC,CAACgC,KAAK,CAAChC,KAAK,QACdiC,qBAAG,sCACCC,uBAAe,CAAChC,KAAK,EAInB8B,KAAK,CAAClC,QAAQ,GACZqC,oBAAY,CAACjC,KAAK,CAACJ,QAAQ,GAC3BqC,oBAAY,CAACjC,KAAK,CAACkC,OAAO,CAEjC,EAICF,uBAAe,CAAC/B,KAAK,EAInB6B,KAAK,CAAClC,QAAQ,GACZqC,oBAAY,CAAChC,KAAK,CAACL,QAAQ,GAC3BqC,oBAAY,CAAChC,KAAK,CAACiC,OAAO,EAK9BF,uBAAe,CAACjC,QAAQ;AAGhC,CAAC,CACF"}

package/dist/elements/Checkbox/Checkbox.story.js

@@ -17,14 +17,13 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var _default = {
+var _default = exports.default = {
   title: "Components/Checkbox"
 };
-exports.default = _default;
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{}, {
       selected: true
@@ -55,9 +54,8 @@ var Default = function Default() {
     }]
   }, /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, null, "A label"));
 };
-exports.Default = Default;
 Default.displayName = "Default";
-var Demo = function Demo() {
+var Demo = exports.Demo = function Demo() {
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     isSelected = _useState2[0],
@@ -70,9 +68,8 @@ var Demo = function Demo() {
     }
   }, "Example"));
 };
-exports.Demo = Demo;
 Demo.displayName = "Demo";
-var Extended = function Extended() {
+var Extended = exports.Extended = function Extended() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, null, /*#__PURE__*/_react.default.createElement(_Box.Box, {
     width: 300
   }, /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
@@ -90,6 +87,5 @@ var Extended = function Extended() {
     borderRadius: "50%"
   })))));
 };
-exports.Extended = Extended;
 Extended.displayName = "Extended";
 //# sourceMappingURL=Checkbox.story.js.map

package/dist/elements/Checkbox/Checkbox.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_Box","_Flex","_Text","_Checkbox","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","title","exports","Default","createElement","States","states","selected","focus","hover","disabled","error","children","Fragment","Checkbox","displayName","Demo","_useState","useState","_useState2","isSelected","setSelected","onSelect","action","Extended","Box","width","Flex","justifyContent","alignItems","Text","lineHeight","bg","height","borderRadius"],"sources":["../../../src/elements/Checkbox/Checkbox.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Box } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Checkbox } from \"./Checkbox\"\n\nexport default {\n  title: \"Components/Checkbox\",\n}\n\nexport const Default = () => {\n  return (\n    <States\n      states={[\n        {},\n        { selected: true },\n        { focus: true },\n        { focus: true, selected: true },\n        { hover: true },\n        { hover: true, selected: true },\n        { disabled: true },\n        { disabled: true, selected: true },\n        { error: true },\n        { error: true, selected: true },\n        {\n          children: (\n            <>\n              A label <>({2 + 2})</>\n            </>\n          ),\n        },\n        {\n          children: <div>Unstyled label</div>,\n        },\n      ]}\n    >\n      <Checkbox>A label</Checkbox>\n    </States>\n  )\n}\n\nexport const Demo = () => {\n  const [isSelected, setSelected] = useState(false)\n  return (\n    <States>\n      <Checkbox\n        selected={isSelected}\n        onSelect={(selected) => {\n          setSelected(selected)\n          action(\"onClick\")(selected)\n        }}\n      >\n        Example\n      </Checkbox>\n    </States>\n  )\n}\n\nexport const Extended = () => {\n  return (\n    <States>\n      <Box width={300}>\n        <Checkbox width=\"100%\">\n          <Flex width=\"35%\" justifyContent=\"space-between\" alignItems=\"center\">\n            <Text lineHeight={1}>Green</Text>\n            <Box bg=\"green\" width={20} height={20} borderRadius=\"50%\" />\n          </Flex>\n        </Checkbox>\n      </Box>\n    </States>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Checkbox.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_Box","_Flex","_Text","_Checkbox","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","exports","title","Default","createElement","States","states","selected","focus","hover","disabled","error","children","Fragment","Checkbox","displayName","Demo","_useState","useState","_useState2","isSelected","setSelected","onSelect","action","Extended","Box","width","Flex","justifyContent","alignItems","Text","lineHeight","bg","height","borderRadius"],"sources":["../../../src/elements/Checkbox/Checkbox.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Box } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Checkbox } from \"./Checkbox\"\n\nexport default {\n  title: \"Components/Checkbox\",\n}\n\nexport const Default = () => {\n  return (\n    <States\n      states={[\n        {},\n        { selected: true },\n        { focus: true },\n        { focus: true, selected: true },\n        { hover: true },\n        { hover: true, selected: true },\n        { disabled: true },\n        { disabled: true, selected: true },\n        { error: true },\n        { error: true, selected: true },\n        {\n          children: (\n            <>\n              A label <>({2 + 2})</>\n            </>\n          ),\n        },\n        {\n          children: <div>Unstyled label</div>,\n        },\n      ]}\n    >\n      <Checkbox>A label</Checkbox>\n    </States>\n  )\n}\n\nexport const Demo = () => {\n  const [isSelected, setSelected] = useState(false)\n  return (\n    <States>\n      <Checkbox\n        selected={isSelected}\n        onSelect={(selected) => {\n          setSelected(selected)\n          action(\"onClick\")(selected)\n        }}\n      >\n        Example\n      </Checkbox>\n    </States>\n  )\n}\n\nexport const Extended = () => {\n  return (\n    <States>\n      <Box width={300}>\n        <Checkbox width=\"100%\">\n          <Flex width=\"35%\" justifyContent=\"space-between\" alignItems=\"center\">\n            <Text lineHeight={1}>Green</Text>\n            <Box bg=\"green\" width={20} height={20} borderRadius=\"50%\" />\n          </Flex>\n        </Checkbox>\n      </Box>\n    </States>\n  )\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AAAqC,SAAAQ,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAP,wBAAAW,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAZ,GAAA,QAAAY,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAY,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,GAAA,EAAAY,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAZ,GAAA,CAAAY,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAAA,SAAAW,eAAAC,GAAA,EAAAC,CAAA,WAAAC,eAAA,CAAAF,GAAA,KAAAG,qBAAA,CAAAH,GAAA,EAAAC,CAAA,KAAAG,2BAAA,CAAAJ,GAAA,EAAAC,CAAA,KAAAI,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAApB,MAAA,CAAAI,SAAA,CAAAiB,QAAA,CAAAf,IAAA,CAAAW,CAAA,EAAAK,KAAA,aAAAF,CAAA,iBAAAH,CAAA,CAAAM,WAAA,EAAAH,CAAA,GAAAH,CAAA,CAAAM,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAK,KAAA,CAAAC,IAAA,CAAAT,CAAA,OAAAG,CAAA,+DAAAO,IAAA,CAAAP,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAT,GAAA,EAAAkB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAlB,GAAA,CAAAmB,MAAA,EAAAD,GAAA,GAAAlB,GAAA,CAAAmB,MAAA,WAAAlB,CAAA,MAAAmB,IAAA,OAAAL,KAAA,CAAAG,GAAA,GAAAjB,CAAA,GAAAiB,GAAA,EAAAjB,CAAA,IAAAmB,IAAA,CAAAnB,CAAA,IAAAD,GAAA,CAAAC,CAAA,UAAAmB,IAAA;AAAA,SAAAjB,sBAAAH,GAAA,EAAAC,CAAA,QAAAoB,EAAA,WAAArB,GAAA,gCAAAsB,MAAA,IAAAtB,GAAA,CAAAsB,MAAA,CAAAC,QAAA,KAAAvB,GAAA,4BAAAqB,EAAA,QAAAG,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAL,EAAA,GAAAA,EAAA,CAAAzB,IAAA,CAAAI,GAAA,GAAA+B,IAAA,QAAA9B,CAAA,QAAAX,MAAA,CAAA+B,EAAA,MAAAA,EAAA,UAAAQ,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAA9B,IAAA,CAAAyB,EAAA,GAAAW,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAAT,MAAA,KAAAlB,CAAA,GAAA4B,EAAA,iBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAR,EAAA,CAAAe,MAAA,KAAAT,EAAA,GAAAN,EAAA,CAAAe,MAAA,IAAA9C,MAAA,CAAAqC,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAA1B,gBAAAF,GAAA,QAAAe,KAAA,CAAAsB,OAAA,CAAArC,GAAA,UAAAA,GAAA;AAAA,IAAAsC,QAAA,GAAAC,OAAA,CAAAvD,OAAA,GAEtB;EACbwD,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACExE,MAAA,CAAAe,OAAA,CAAA0D,aAAA,CAACvE,gBAAA,CAAAwE,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEC,QAAQ,EAAE;IAAK,CAAC,EAClB;MAAEC,KAAK,EAAE;IAAK,CAAC,EACf;MAAEA,KAAK,EAAE,IAAI;MAAED,QAAQ,EAAE;IAAK,CAAC,EAC/B;MAAEE,KAAK,EAAE;IAAK,CAAC,EACf;MAAEA,KAAK,EAAE,IAAI;MAAEF,QAAQ,EAAE;IAAK,CAAC,EAC/B;MAAEG,QAAQ,EAAE;IAAK,CAAC,EAClB;MAAEA,QAAQ,EAAE,IAAI;MAAEH,QAAQ,EAAE;IAAK,CAAC,EAClC;MAAEI,KAAK,EAAE;IAAK,CAAC,EACf;MAAEA,KAAK,EAAE,IAAI;MAAEJ,QAAQ,EAAE;IAAK,CAAC,EAC/B;MACEK,QAAQ,eACNjF,MAAA,CAAAe,OAAA,CAAA0D,aAAA,CAAAzE,MAAA,CAAAe,OAAA,CAAAmE,QAAA,QAAE,UACQ,eAAAlF,MAAA,CAAAe,OAAA,CAAA0D,aAAA,CAAAzE,MAAA,CAAAe,OAAA,CAAAmE,QAAA,QAAE,GAAC,EAAC,CAAC,GAAG,CAAC,EAAC,GAAC,CAAG;IAG5B,CAAC,EACD;MACED,QAAQ,eAAEjF,MAAA,CAAAe,OAAA,CAAA0D,aAAA,cAAK,gBAAc;IAC/B,CAAC;EACD,gBAEFzE,MAAA,CAAAe,OAAA,CAAA0D,aAAA,CAACnE,SAAA,CAAA6E,QAAQ,QAAC,SAAO,CAAW,CACrB;AAEb,CAAC;AA7BYX,OAAO,CAAAY,WAAA;AA+Bb,IAAMC,IAAI,GAAAf,OAAA,CAAAe,IAAA,GAAG,SAAPA,IAAIA,CAAA,EAAS;EACxB,IAAAC,SAAA,GAAkC,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,GAAA1D,cAAA,CAAAwD,SAAA;IAA1CG,UAAU,GAAAD,UAAA;IAAEE,WAAW,GAAAF,UAAA;EAC9B,oBACExF,MAAA,CAAAe,OAAA,CAAA0D,aAAA,CAACvE,gBAAA,CAAAwE,MAAM,qBACL1E,MAAA,CAAAe,OAAA,CAAA0D,aAAA,CAACnE,SAAA,CAAA6E,QAAQ;IACPP,QAAQ,EAAEa,UAAW;IACrBE,QAAQ,EAAE,SAAVA,QAAQA,CAAGf,QAAQ,EAAK;MACtBc,WAAW,CAACd,QAAQ,CAAC;MACrB,IAAAgB,oBAAM,EAAC,SAAS,CAAC,CAAChB,QAAQ,CAAC;IAC7B;EAAE,GACH,SAED,CAAW,CACJ;AAEb,CAAC;AAfYS,IAAI,CAAAD,WAAA;AAiBV,IAAMS,QAAQ,GAAAvB,OAAA,CAAAuB,QAAA,GAAG,SAAXA,QAAQA,CAAA,EAAS;EAC5B,oBACE7F,MAAA,CAAAe,OAAA,CAAA0D,aAAA,CAACvE,gBAAA,CAAAwE,MAAM,qBACL1E,MAAA,CAAAe,OAAA,CAAA0D,aAAA,CAACtE,IAAA,CAAA2F,GAAG;IAACC,KAAK,EAAE;EAAI,gBACd/F,MAAA,CAAAe,OAAA,CAAA0D,aAAA,CAACnE,SAAA,CAAA6E,QAAQ;IAACY,KAAK,EAAC;EAAM,gBACpB/F,MAAA,CAAAe,OAAA,CAAA0D,aAAA,CAACrE,KAAA,CAAA4F,IAAI;IAACD,KAAK,EAAC,KAAK;IAACE,cAAc,EAAC,eAAe;IAACC,UAAU,EAAC;EAAQ,gBAClElG,MAAA,CAAAe,OAAA,CAAA0D,aAAA,CAACpE,KAAA,CAAA8F,IAAI;IAACC,UAAU,EAAE;EAAE,GAAC,OAAK,CAAO,eACjCpG,MAAA,CAAAe,OAAA,CAAA0D,aAAA,CAACtE,IAAA,CAAA2F,GAAG;IAACO,EAAE,EAAC,OAAO;IAACN,KAAK,EAAE,EAAG;IAACO,MAAM,EAAE,EAAG;IAACC,YAAY,EAAC;EAAK,EAAG,CACvD,CACE,CACP,CACC;AAEb,CAAC;AAbYV,QAAQ,CAAAT,WAAA"}

package/dist/elements/Checkbox/tokens.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.CHECK_STATES = exports.CHECKBOX_STATES = void 0;
 var _themeGet = require("@styled-system/theme-get");
 var _styledComponents = require("styled-components");
-var CHECK_STATES = {
+var CHECK_STATES = exports.CHECK_STATES = {
   default: {
     resting: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.mono0"), (0, _themeGet.themeGet)("colors.mono30"), (0, _themeGet.themeGet)("colors.mono0")),
     selected: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.mono100"), (0, _themeGet.themeGet)("colors.mono100"), (0, _themeGet.themeGet)("colors.mono0"))
@@ -28,8 +28,7 @@ var CHECK_STATES = {
     selected: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.red100"), (0, _themeGet.themeGet)("colors.red100"), (0, _themeGet.themeGet)("colors.mono0"))
   }
 };
-exports.CHECK_STATES = CHECK_STATES;
-var CHECKBOX_STATES = {
+var CHECKBOX_STATES = exports.CHECKBOX_STATES = {
   default: (0, _styledComponents.css)(["color:", ";"], (0, _themeGet.themeGet)("colors.mono60")),
   selected: (0, _styledComponents.css)(["color:", ";"], (0, _themeGet.themeGet)("colors.mono100")),
   focus: (0, _styledComponents.css)(["text-decoration:underline;color:", ";"], (0, _themeGet.themeGet)("colors.mono100")),
@@ -37,5 +36,4 @@ var CHECKBOX_STATES = {
   disabled: (0, _styledComponents.css)(["pointer-events:none;color:", ";"], (0, _themeGet.themeGet)("colors.mono30")),
   error: (0, _styledComponents.css)(["color:", ";"], (0, _themeGet.themeGet)("colors.red100"))
 };
-exports.CHECKBOX_STATES = CHECKBOX_STATES;
 //# sourceMappingURL=tokens.js.map

package/dist/elements/Checkbox/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","CHECK_STATES","default","resting","css","themeGet","selected","disabled","hover","focus","error","exports","CHECKBOX_STATES"],"sources":["../../../src/elements/Checkbox/tokens.ts"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css } from \"styled-components\"\n\nexport const CHECK_STATES = {\n  default: {\n    resting: css`\n      background-color: ${themeGet(\"colors.mono0\")};\n      border-color: ${themeGet(\"colors.mono30\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.mono100\")};\n      border-color: ${themeGet(\"colors.mono100\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n  },\n  disabled: {\n    resting: css`\n      background-color: ${themeGet(\"colors.mono0\")};\n      border-color: ${themeGet(\"colors.mono30\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.mono30\")};\n      border-color: ${themeGet(\"colors.mono30\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n  },\n  hover: {\n    resting: css`\n      background-color: ${themeGet(\"colors.mono0\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.blue100\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n  },\n  focus: {\n    resting: css`\n      background-color: ${themeGet(\"colors.mono0\")};\n      border-color: ${themeGet(\"colors.mono100\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.mono100\")};\n      border-color: ${themeGet(\"colors.mono100\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n  },\n  error: {\n    resting: css`\n      background-color: ${themeGet(\"colors.mono0\")};\n      border-color: ${themeGet(\"colors.red100\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.red100\")};\n      border-color: ${themeGet(\"colors.red100\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n  },\n} as const\n\nexport const CHECKBOX_STATES = {\n  default: css`\n    color: ${themeGet(\"colors.mono60\")};\n  `,\n  selected: css`\n    color: ${themeGet(\"colors.mono100\")};\n  `,\n  focus: css`\n    text-decoration: underline;\n    color: ${themeGet(\"colors.mono100\")};\n  `,\n  hover: css`\n    text-decoration: underline;\n    color: ${themeGet(\"colors.blue100\")};\n  `,\n  disabled: css`\n    pointer-events: none;\n    color: ${themeGet(\"colors.mono30\")};\n  `,\n  error: css`\n    color: ${themeGet(\"colors.red100\")};\n  `,\n} as const\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEO,IAAME,YAAY,GAAG;EAC1BC,OAAO,EAAE;IACPC,OAAO,MAAEC,qBAAG,2DACU,IAAAC,kBAAQ,EAAC,cAAc,CAAC,EAC5B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,cAAc,CAAC,CAClC;IACDC,QAAQ,MAAEF,qBAAG,2DACS,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EAC9B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACjC,IAAAA,kBAAQ,EAAC,cAAc,CAAC;EAErC,CAAC;EACDE,QAAQ,EAAE;IACRJ,OAAO,MAAEC,qBAAG,2DACU,IAAAC,kBAAQ,EAAC,cAAc,CAAC,EAC5B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,cAAc,CAAC,CAClC;IACDC,QAAQ,MAAEF,qBAAG,2DACS,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAC7B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,cAAc,CAAC;EAErC,CAAC;EACDG,KAAK,EAAE;IACLL,OAAO,MAAEC,qBAAG,2DACU,IAAAC,kBAAQ,EAAC,cAAc,CAAC,EAC5B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACjC,IAAAA,kBAAQ,EAAC,cAAc,CAAC,CAClC;IACDC,QAAQ,MAAEF,qBAAG,2DACS,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EAC9B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACjC,IAAAA,kBAAQ,EAAC,cAAc,CAAC;EAErC,CAAC;EACDI,KAAK,EAAE;IACLN,OAAO,MAAEC,qBAAG,2DACU,IAAAC,kBAAQ,EAAC,cAAc,CAAC,EAC5B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACjC,IAAAA,kBAAQ,EAAC,cAAc,CAAC,CAClC;IACDC,QAAQ,MAAEF,qBAAG,2DACS,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EAC9B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACjC,IAAAA,kBAAQ,EAAC,cAAc,CAAC;EAErC,CAAC;EACDK,KAAK,EAAE;IACLP,OAAO,MAAEC,qBAAG,2DACU,IAAAC,kBAAQ,EAAC,cAAc,CAAC,EAC5B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,cAAc,CAAC,CAClC;IACDC,QAAQ,MAAEF,qBAAG,2DACS,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAC7B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,cAAc,CAAC;EAErC;AACF,CAAU;AAAAM,OAAA,CAAAV,YAAA,GAAAA,YAAA;AAEH,IAAMW,eAAe,GAAG;EAC7BV,OAAO,MAAEE,qBAAG,mBACD,IAAAC,kBAAQ,EAAC,eAAe,CAAC,CACnC;EACDC,QAAQ,MAAEF,qBAAG,mBACF,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,CACpC;EACDI,KAAK,MAAEL,qBAAG,6CAEC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,CACpC;EACDG,KAAK,MAAEJ,qBAAG,6CAEC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,CACpC;EACDE,QAAQ,MAAEH,qBAAG,uCAEF,IAAAC,kBAAQ,EAAC,eAAe,CAAC,CACnC;EACDK,KAAK,MAAEN,qBAAG,mBACC,IAAAC,kBAAQ,EAAC,eAAe,CAAC;AAEtC,CAAU;AAAAM,OAAA,CAAAC,eAAA,GAAAA,eAAA"}
+{"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","CHECK_STATES","exports","default","resting","css","themeGet","selected","disabled","hover","focus","error","CHECKBOX_STATES"],"sources":["../../../src/elements/Checkbox/tokens.ts"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css } from \"styled-components\"\n\nexport const CHECK_STATES = {\n  default: {\n    resting: css`\n      background-color: ${themeGet(\"colors.mono0\")};\n      border-color: ${themeGet(\"colors.mono30\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.mono100\")};\n      border-color: ${themeGet(\"colors.mono100\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n  },\n  disabled: {\n    resting: css`\n      background-color: ${themeGet(\"colors.mono0\")};\n      border-color: ${themeGet(\"colors.mono30\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.mono30\")};\n      border-color: ${themeGet(\"colors.mono30\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n  },\n  hover: {\n    resting: css`\n      background-color: ${themeGet(\"colors.mono0\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.blue100\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n  },\n  focus: {\n    resting: css`\n      background-color: ${themeGet(\"colors.mono0\")};\n      border-color: ${themeGet(\"colors.mono100\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.mono100\")};\n      border-color: ${themeGet(\"colors.mono100\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n  },\n  error: {\n    resting: css`\n      background-color: ${themeGet(\"colors.mono0\")};\n      border-color: ${themeGet(\"colors.red100\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.red100\")};\n      border-color: ${themeGet(\"colors.red100\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n  },\n} as const\n\nexport const CHECKBOX_STATES = {\n  default: css`\n    color: ${themeGet(\"colors.mono60\")};\n  `,\n  selected: css`\n    color: ${themeGet(\"colors.mono100\")};\n  `,\n  focus: css`\n    text-decoration: underline;\n    color: ${themeGet(\"colors.mono100\")};\n  `,\n  hover: css`\n    text-decoration: underline;\n    color: ${themeGet(\"colors.blue100\")};\n  `,\n  disabled: css`\n    pointer-events: none;\n    color: ${themeGet(\"colors.mono30\")};\n  `,\n  error: css`\n    color: ${themeGet(\"colors.red100\")};\n  `,\n} as const\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEO,IAAME,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG;EAC1BE,OAAO,EAAE;IACPC,OAAO,MAAEC,qBAAG,2DACU,IAAAC,kBAAQ,EAAC,cAAc,CAAC,EAC5B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,cAAc,CAAC,CAClC;IACDC,QAAQ,MAAEF,qBAAG,2DACS,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EAC9B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACjC,IAAAA,kBAAQ,EAAC,cAAc,CAAC;EAErC,CAAC;EACDE,QAAQ,EAAE;IACRJ,OAAO,MAAEC,qBAAG,2DACU,IAAAC,kBAAQ,EAAC,cAAc,CAAC,EAC5B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,cAAc,CAAC,CAClC;IACDC,QAAQ,MAAEF,qBAAG,2DACS,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAC7B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,cAAc,CAAC;EAErC,CAAC;EACDG,KAAK,EAAE;IACLL,OAAO,MAAEC,qBAAG,2DACU,IAAAC,kBAAQ,EAAC,cAAc,CAAC,EAC5B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACjC,IAAAA,kBAAQ,EAAC,cAAc,CAAC,CAClC;IACDC,QAAQ,MAAEF,qBAAG,2DACS,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EAC9B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACjC,IAAAA,kBAAQ,EAAC,cAAc,CAAC;EAErC,CAAC;EACDI,KAAK,EAAE;IACLN,OAAO,MAAEC,qBAAG,2DACU,IAAAC,kBAAQ,EAAC,cAAc,CAAC,EAC5B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACjC,IAAAA,kBAAQ,EAAC,cAAc,CAAC,CAClC;IACDC,QAAQ,MAAEF,qBAAG,2DACS,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EAC9B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACjC,IAAAA,kBAAQ,EAAC,cAAc,CAAC;EAErC,CAAC;EACDK,KAAK,EAAE;IACLP,OAAO,MAAEC,qBAAG,2DACU,IAAAC,kBAAQ,EAAC,cAAc,CAAC,EAC5B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,cAAc,CAAC,CAClC;IACDC,QAAQ,MAAEF,qBAAG,2DACS,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAC7B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,cAAc,CAAC;EAErC;AACF,CAAU;AAEH,IAAMM,eAAe,GAAAV,OAAA,CAAAU,eAAA,GAAG;EAC7BT,OAAO,MAAEE,qBAAG,mBACD,IAAAC,kBAAQ,EAAC,eAAe,CAAC,CACnC;EACDC,QAAQ,MAAEF,qBAAG,mBACF,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,CACpC;EACDI,KAAK,MAAEL,qBAAG,6CAEC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,CACpC;EACDG,KAAK,MAAEJ,qBAAG,6CAEC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,CACpC;EACDE,QAAQ,MAAEH,qBAAG,uCAEF,IAAAC,kBAAQ,EAAC,eAAe,CAAC,CACnC;EACDK,KAAK,MAAEN,qBAAG,mBACC,IAAAC,kBAAQ,EAAC,eAAe,CAAC;AAEtC,CAAU"}

package/dist/elements/CleanTag/CleanTag.d.ts

@@ -17,7 +17,7 @@ export declare const omitProps: string[];
  * Removes entries from an object based on a list of keys
  */
 export declare const omit: (obj: object | undefined, keys: string[]) => {};
-declare type ComponentSpecifier = string | FunctionComponent<React.PropsWithChildren<any>> | ComponentClass<any>;
+type ComponentSpecifier = string | FunctionComponent<React.PropsWithChildren<any>> | ComponentClass<any>;
 export interface TagProps {
     omitFromProps?: string[];
     is?: ComponentSpecifier;

package/dist/elements/CleanTag/CleanTag.js

@@ -23,7 +23,7 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -34,13 +34,12 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 /**
  * The default set of props to remove from components rendered by styled-components
  */
-var omitProps = ["backgroundColor", "bg", "borderRadius", "color", "display", "fontFamily", "fontSize", "fontStyle", "fontWeight", "height", "letterSpacing", "lineHeight", "m", "maxHeight", "maxWidth", "mb", "minHeight", "minWidth", "ml", "mr", "mt", "mx", "my", "p", "pb", "pl", "pr", "pt", "px", "py", "textAlign", "theme", "width"];
+var omitProps = exports.omitProps = ["backgroundColor", "bg", "borderRadius", "color", "display", "fontFamily", "fontSize", "fontStyle", "fontWeight", "height", "letterSpacing", "lineHeight", "m", "maxHeight", "maxWidth", "mb", "minHeight", "minWidth", "ml", "mr", "mt", "mx", "my", "p", "pb", "pl", "pr", "pt", "px", "py", "textAlign", "theme", "width"];
 
 /**
  * Removes entries from an object based on a list of keys
  */
-exports.omitProps = omitProps;
-var omit = function omit() {
+var omit = exports.omit = function omit() {
   var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var keys = arguments.length > 1 ? arguments[1] : undefined;
   var next = {};
@@ -50,7 +49,6 @@ var omit = function omit() {
   }
   return next;
 };
-exports.omit = omit;
 var tagName = function tagName(tag) {
   return typeof tag === "string" ? tag : tag.displayName || "Tag";
 };
@@ -89,7 +87,6 @@ var DefaultTag = tagBuilder();
  *  ${background};
  * `
  */
-var CleanTag = DefaultTag;
-exports.CleanTag = CleanTag;
+var CleanTag = exports.CleanTag = DefaultTag;
 CleanTag.as = tagBuilder;
 //# sourceMappingURL=CleanTag.js.map

package/dist/elements/CleanTag/CleanTag.js.map

@@ -1 +1 @@
-{"version":3,"file":"CleanTag.js","names":["_react","_interopRequireDefault","require","_excluded","obj","__esModule","default","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","iter","Symbol","iterator","isArray","len","length","i","arr2","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","arguments","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","_typeof","String","input","hint","prim","toPrimitive","undefined","res","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","omitProps","exports","omit","next","tagName","tag","displayName","tagBuilder","TagComponent","React","forwardRef","_ref","_ref$is","is","BaseTag","_ref$omitFromProps","omitFromProps","props","ref","createElement","concat","DefaultTag","CleanTag","as"],"sources":["../../../src/elements/CleanTag/CleanTag.tsx"],"sourcesContent":["/**\n * Derived from @jxnblk's clean-tag\n * https://github.com/styled-system/extras/tree/master/packages/clean-tag\n *\n * The MIT License (MIT)\n * Copyright (c) 2017-2019 Brent Jackson\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\nimport React, { ComponentClass, FunctionComponent } from \"react\"\n\n/**\n * The default set of props to remove from components rendered by styled-components\n */\nexport const omitProps = [\n  \"backgroundColor\",\n  \"bg\",\n  \"borderRadius\",\n  \"color\",\n  \"display\",\n  \"fontFamily\",\n  \"fontSize\",\n  \"fontStyle\",\n  \"fontWeight\",\n  \"height\",\n  \"letterSpacing\",\n  \"lineHeight\",\n  \"m\",\n  \"maxHeight\",\n  \"maxWidth\",\n  \"mb\",\n  \"minHeight\",\n  \"minWidth\",\n  \"ml\",\n  \"mr\",\n  \"mt\",\n  \"mx\",\n  \"my\",\n  \"p\",\n  \"pb\",\n  \"pl\",\n  \"pr\",\n  \"pt\",\n  \"px\",\n  \"py\",\n  \"textAlign\",\n  \"theme\",\n  \"width\",\n]\n\n/**\n * Removes entries from an object based on a list of keys\n */\nexport const omit = (obj: object = {}, keys: string[]) => {\n  const next = {}\n  for (const key in obj) {\n    if (keys.indexOf(key) > -1) continue\n    next[key] = obj[key]\n  }\n  return next\n}\n\ntype ComponentSpecifier = string | FunctionComponent<React.PropsWithChildren<any>> | ComponentClass<any>\n\nexport interface TagProps {\n  omitFromProps?: string[]\n  is?: ComponentSpecifier\n}\n\nconst tagName = tag =>\n  typeof tag === \"string\" ? tag : tag.displayName || \"Tag\"\n\nfunction tagBuilder(tag: ComponentSpecifier = \"div\") {\n  const TagComponent = React.forwardRef<any, TagProps>(\n    ({ is: BaseTag = tag, omitFromProps = [], ...props } = {}, ref) =>\n      props\n        ? React.createElement(BaseTag, {\n            ref,\n            ...omit(props, [...omitFromProps, ...omitProps]),\n          })\n        : React.createElement(BaseTag, { ref })\n  )\n  TagComponent.displayName = `Clean.${tagName(tag)}`\n  return TagComponent\n}\n\nconst DefaultTag = tagBuilder()\n\n/**\n * An element to be used to prevent unwanted props from passing through\n * styled-components to the DOM\n *\n * @example\n *\n * const Component = styled(Tag)`\n *   ${borderRadius};\n * `\n *\n * const Component2 = styled(Tag.as('span'))`\n *  ${background};\n * `\n */\nexport const CleanTag: typeof DefaultTag & {\n  as?: typeof tagBuilder\n} = DefaultTag\n\nCleanTag.as = tagBuilder\n"],"mappings":"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"}
+{"version":3,"file":"CleanTag.js","names":["_react","_interopRequireDefault","require","_excluded","obj","__esModule","default","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","iter","Symbol","iterator","isArray","len","length","i","arr2","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","arguments","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","_typeof","String","input","hint","prim","toPrimitive","undefined","res","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","omitProps","exports","omit","next","tagName","tag","displayName","tagBuilder","TagComponent","React","forwardRef","_ref","_ref$is","is","BaseTag","_ref$omitFromProps","omitFromProps","props","ref","createElement","concat","DefaultTag","CleanTag","as"],"sources":["../../../src/elements/CleanTag/CleanTag.tsx"],"sourcesContent":["/**\n * Derived from @jxnblk's clean-tag\n * https://github.com/styled-system/extras/tree/master/packages/clean-tag\n *\n * The MIT License (MIT)\n * Copyright (c) 2017-2019 Brent Jackson\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\nimport React, { ComponentClass, FunctionComponent } from \"react\"\n\n/**\n * The default set of props to remove from components rendered by styled-components\n */\nexport const omitProps = [\n  \"backgroundColor\",\n  \"bg\",\n  \"borderRadius\",\n  \"color\",\n  \"display\",\n  \"fontFamily\",\n  \"fontSize\",\n  \"fontStyle\",\n  \"fontWeight\",\n  \"height\",\n  \"letterSpacing\",\n  \"lineHeight\",\n  \"m\",\n  \"maxHeight\",\n  \"maxWidth\",\n  \"mb\",\n  \"minHeight\",\n  \"minWidth\",\n  \"ml\",\n  \"mr\",\n  \"mt\",\n  \"mx\",\n  \"my\",\n  \"p\",\n  \"pb\",\n  \"pl\",\n  \"pr\",\n  \"pt\",\n  \"px\",\n  \"py\",\n  \"textAlign\",\n  \"theme\",\n  \"width\",\n]\n\n/**\n * Removes entries from an object based on a list of keys\n */\nexport const omit = (obj: object = {}, keys: string[]) => {\n  const next = {}\n  for (const key in obj) {\n    if (keys.indexOf(key) > -1) continue\n    next[key] = obj[key]\n  }\n  return next\n}\n\ntype ComponentSpecifier = string | FunctionComponent<React.PropsWithChildren<any>> | ComponentClass<any>\n\nexport interface TagProps {\n  omitFromProps?: string[]\n  is?: ComponentSpecifier\n}\n\nconst tagName = tag =>\n  typeof tag === \"string\" ? tag : tag.displayName || \"Tag\"\n\nfunction tagBuilder(tag: ComponentSpecifier = \"div\") {\n  const TagComponent = React.forwardRef<any, TagProps>(\n    ({ is: BaseTag = tag, omitFromProps = [], ...props } = {}, ref) =>\n      props\n        ? React.createElement(BaseTag, {\n            ref,\n            ...omit(props, [...omitFromProps, ...omitProps]),\n          })\n        : React.createElement(BaseTag, { ref })\n  )\n  TagComponent.displayName = `Clean.${tagName(tag)}`\n  return TagComponent\n}\n\nconst DefaultTag = tagBuilder()\n\n/**\n * An element to be used to prevent unwanted props from passing through\n * styled-components to the DOM\n *\n * @example\n *\n * const Component = styled(Tag)`\n *   ${borderRadius};\n * `\n *\n * const Component2 = styled(Tag.as('span'))`\n *  ${background};\n * `\n */\nexport const CleanTag: typeof DefaultTag & {\n  as?: typeof tagBuilder\n} = DefaultTag\n\nCleanTag.as = tagBuilder\n"],"mappings":";;;;;;;AAUA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAgE,IAAAC,SAAA;AAVhE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AATA,SAAAF,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,mBAAAC,GAAA,WAAAC,kBAAA,CAAAD,GAAA,KAAAE,gBAAA,CAAAF,GAAA,KAAAG,2BAAA,CAAAH,GAAA,KAAAI,kBAAA;AAAA,SAAAA,mBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAAC,MAAA,CAAAC,SAAA,CAAAC,QAAA,CAAAC,IAAA,CAAAP,CAAA,EAAAQ,KAAA,aAAAL,CAAA,iBAAAH,CAAA,CAAAS,WAAA,EAAAN,CAAA,GAAAH,CAAA,CAAAS,WAAA,CAAAC,IAAA,MAAAP,CAAA,cAAAA,CAAA,mBAAAQ,KAAA,CAAAC,IAAA,CAAAZ,CAAA,OAAAG,CAAA,+DAAAU,IAAA,CAAAV,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAL,iBAAAkB,IAAA,eAAAC,MAAA,oBAAAD,IAAA,CAAAC,MAAA,CAAAC,QAAA,aAAAF,IAAA,+BAAAH,KAAA,CAAAC,IAAA,CAAAE,IAAA;AAAA,SAAAnB,mBAAAD,GAAA,QAAAiB,KAAA,CAAAM,OAAA,CAAAvB,GAAA,UAAAQ,iBAAA,CAAAR,GAAA;AAAA,SAAAQ,kBAAAR,GAAA,EAAAwB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAxB,GAAA,CAAAyB,MAAA,EAAAD,GAAA,GAAAxB,GAAA,CAAAyB,MAAA,WAAAC,CAAA,MAAAC,IAAA,OAAAV,KAAA,CAAAO,GAAA,GAAAE,CAAA,GAAAF,GAAA,EAAAE,CAAA,IAAAC,IAAA,CAAAD,CAAA,IAAA1B,GAAA,CAAA0B,CAAA,UAAAC,IAAA;AAAA,SAAAC,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAArB,MAAA,CAAAqB,IAAA,CAAAF,MAAA,OAAAnB,MAAA,CAAAsB,qBAAA,QAAAC,OAAA,GAAAvB,MAAA,CAAAsB,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAzB,MAAA,CAAA0B,wBAAA,CAAAP,MAAA,EAAAM,GAAA,EAAAE,UAAA,OAAAN,IAAA,CAAAO,IAAA,CAAAC,KAAA,CAAAR,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAS,cAAAC,MAAA,aAAAf,CAAA,MAAAA,CAAA,GAAAgB,SAAA,CAAAjB,MAAA,EAAAC,CAAA,UAAAiB,MAAA,WAAAD,SAAA,CAAAhB,CAAA,IAAAgB,SAAA,CAAAhB,CAAA,QAAAA,CAAA,OAAAE,OAAA,CAAAlB,MAAA,CAAAiC,MAAA,OAAAC,OAAA,WAAAC,GAAA,IAAAC,eAAA,CAAAL,MAAA,EAAAI,GAAA,EAAAF,MAAA,CAAAE,GAAA,SAAAnC,MAAA,CAAAqC,yBAAA,GAAArC,MAAA,CAAAsC,gBAAA,CAAAP,MAAA,EAAA/B,MAAA,CAAAqC,yBAAA,CAAAJ,MAAA,KAAAf,OAAA,CAAAlB,MAAA,CAAAiC,MAAA,GAAAC,OAAA,WAAAC,GAAA,IAAAnC,MAAA,CAAAuC,cAAA,CAAAR,MAAA,EAAAI,GAAA,EAAAnC,MAAA,CAAA0B,wBAAA,CAAAO,MAAA,EAAAE,GAAA,iBAAAJ,MAAA;AAAA,SAAAK,gBAAAlD,GAAA,EAAAiD,GAAA,EAAAK,KAAA,IAAAL,GAAA,GAAAM,cAAA,CAAAN,GAAA,OAAAA,GAAA,IAAAjD,GAAA,IAAAc,MAAA,CAAAuC,cAAA,CAAArD,GAAA,EAAAiD,GAAA,IAAAK,KAAA,EAAAA,KAAA,EAAAb,UAAA,QAAAe,YAAA,QAAAC,QAAA,oBAAAzD,GAAA,CAAAiD,GAAA,IAAAK,KAAA,WAAAtD,GAAA;AAAA,SAAAuD,eAAAG,GAAA,QAAAT,GAAA,GAAAU,YAAA,CAAAD,GAAA,oBAAAE,OAAA,CAAAX,GAAA,iBAAAA,GAAA,GAAAY,MAAA,CAAAZ,GAAA;AAAA,SAAAU,aAAAG,KAAA,EAAAC,IAAA,QAAAH,OAAA,CAAAE,KAAA,kBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAArC,MAAA,CAAAwC,WAAA,OAAAD,IAAA,KAAAE,SAAA,QAAAC,GAAA,GAAAH,IAAA,CAAA/C,IAAA,CAAA6C,KAAA,EAAAC,IAAA,oBAAAH,OAAA,CAAAO,GAAA,uBAAAA,GAAA,YAAA1D,SAAA,4DAAAsD,IAAA,gBAAAF,MAAA,GAAAO,MAAA,EAAAN,KAAA;AAAA,SAAAO,yBAAAtB,MAAA,EAAAuB,QAAA,QAAAvB,MAAA,yBAAAF,MAAA,GAAA0B,6BAAA,CAAAxB,MAAA,EAAAuB,QAAA,OAAArB,GAAA,EAAAnB,CAAA,MAAAhB,MAAA,CAAAsB,qBAAA,QAAAoC,gBAAA,GAAA1D,MAAA,CAAAsB,qBAAA,CAAAW,MAAA,QAAAjB,CAAA,MAAAA,CAAA,GAAA0C,gBAAA,CAAA3C,MAAA,EAAAC,CAAA,MAAAmB,GAAA,GAAAuB,gBAAA,CAAA1C,CAAA,OAAAwC,QAAA,CAAAG,OAAA,CAAAxB,GAAA,uBAAAnC,MAAA,CAAAC,SAAA,CAAA2D,oBAAA,CAAAzD,IAAA,CAAA8B,MAAA,EAAAE,GAAA,aAAAJ,MAAA,CAAAI,GAAA,IAAAF,MAAA,CAAAE,GAAA,cAAAJ,MAAA;AAAA,SAAA0B,8BAAAxB,MAAA,EAAAuB,QAAA,QAAAvB,MAAA,yBAAAF,MAAA,WAAA8B,UAAA,GAAA7D,MAAA,CAAAqB,IAAA,CAAAY,MAAA,OAAAE,GAAA,EAAAnB,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAA6C,UAAA,CAAA9C,MAAA,EAAAC,CAAA,MAAAmB,GAAA,GAAA0B,UAAA,CAAA7C,CAAA,OAAAwC,QAAA,CAAAG,OAAA,CAAAxB,GAAA,kBAAAJ,MAAA,CAAAI,GAAA,IAAAF,MAAA,CAAAE,GAAA,YAAAJ,MAAA;AAYA;AACA;AACA;AACO,IAAM+B,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,CACvB,iBAAiB,EACjB,IAAI,EACJ,cAAc,EACd,OAAO,EACP,SAAS,EACT,YAAY,EACZ,UAAU,EACV,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,GAAG,EACH,WAAW,EACX,UAAU,EACV,IAAI,EACJ,WAAW,EACX,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,OAAO,EACP,OAAO,CACR;;AAED;AACA;AACA;AACO,IAAME,IAAI,GAAAD,OAAA,CAAAC,IAAA,GAAG,SAAPA,IAAIA,CAAA,EAAyC;EAAA,IAArC9E,GAAW,GAAA8C,SAAA,CAAAjB,MAAA,QAAAiB,SAAA,QAAAoB,SAAA,GAAApB,SAAA,MAAG,CAAC,CAAC;EAAA,IAAEX,IAAc,GAAAW,SAAA,CAAAjB,MAAA,OAAAiB,SAAA,MAAAoB,SAAA;EACnD,IAAMa,IAAI,GAAG,CAAC,CAAC;EACf,KAAK,IAAM9B,GAAG,IAAIjD,GAAG,EAAE;IACrB,IAAImC,IAAI,CAACsC,OAAO,CAACxB,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE;IAC5B8B,IAAI,CAAC9B,GAAG,CAAC,GAAGjD,GAAG,CAACiD,GAAG,CAAC;EACtB;EACA,OAAO8B,IAAI;AACb,CAAC;AASD,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAGC,GAAG;EAAA,OACjB,OAAOA,GAAG,KAAK,QAAQ,GAAGA,GAAG,GAAGA,GAAG,CAACC,WAAW,IAAI,KAAK;AAAA;AAE1D,SAASC,UAAUA,CAAA,EAAkC;EAAA,IAAjCF,GAAuB,GAAAnC,SAAA,CAAAjB,MAAA,QAAAiB,SAAA,QAAAoB,SAAA,GAAApB,SAAA,MAAG,KAAK;EACjD,IAAMsC,YAAY,gBAAGC,cAAK,CAACC,UAAU,CACnC;IAAA,IAAAC,IAAA,GAAAzC,SAAA,CAAAjB,MAAA,QAAAiB,SAAA,QAAAoB,SAAA,GAAApB,SAAA,MAAuD,CAAC,CAAC;MAAA0C,OAAA,GAAAD,IAAA,CAAtDE,EAAE;MAAEC,OAAO,GAAAF,OAAA,cAAGP,GAAG,GAAAO,OAAA;MAAAG,kBAAA,GAAAJ,IAAA,CAAEK,aAAa;MAAbA,aAAa,GAAAD,kBAAA,cAAG,EAAE,GAAAA,kBAAA;MAAKE,KAAK,GAAAxB,wBAAA,CAAAkB,IAAA,EAAAxF,SAAA;IAAA,IAAS+F,GAAG,GAAAhD,SAAA,CAAAjB,MAAA,OAAAiB,SAAA,MAAAoB,SAAA;IAAA,OAC5D2B,KAAK,gBACDR,cAAK,CAACU,aAAa,CAACL,OAAO,EAAA9C,aAAA;MACzBkD,GAAG,EAAHA;IAAG,GACAhB,IAAI,CAACe,KAAK,KAAAG,MAAA,CAAA7F,kBAAA,CAAMyF,aAAa,GAAKhB,SAAS,EAAE,EAChD,gBACFS,cAAK,CAACU,aAAa,CAACL,OAAO,EAAE;MAAEI,GAAG,EAAHA;IAAI,CAAC,CAAC;EAAA,EAC5C;EACDV,YAAY,CAACF,WAAW,YAAAc,MAAA,CAAYhB,OAAO,CAACC,GAAG,CAAC,CAAE;EAClD,OAAOG,YAAY;AACrB;AAEA,IAAMa,UAAU,GAAGd,UAAU,EAAE;;AAE/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMe,QAEZ,GAAArB,OAAA,CAAAqB,QAAA,GAAGD,UAAU;AAEdC,QAAQ,CAACC,EAAE,GAAGhB,UAAU"}

package/dist/elements/Clickable/Clickable.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { ResponsiveValue } from "styled-system";
 import { BoxProps } from "../Box";
 /** ClickableProps */
-export declare type ClickableProps = React.ButtonHTMLAttributes<HTMLButtonElement> & BoxProps & {
+export type ClickableProps = React.ButtonHTMLAttributes<HTMLButtonElement> & BoxProps & {
     cursor?: ResponsiveValue<string>;
     textDecoration?: ResponsiveValue<string>;
 };
@@ -11,4 +11,4 @@ export declare type ClickableProps = React.ButtonHTMLAttributes<HTMLButtonElemen
  * without having to deal with the requirements to make the <div> accessible.
  */
 export declare const Clickable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ClickableProps>> & string;
-export declare const splitClickableProps: <U>(props: U) => [ClickableProps, Omit<U, "cursor" | "textDecoration" | keyof BoxProps | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>];
+export declare const splitClickableProps: <U extends Record<string, unknown>>(props: U) => [ClickableProps, Omit<U, "cursor" | "textDecoration" | keyof BoxProps | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>];

package/dist/elements/Clickable/Clickable.js

@@ -24,15 +24,13 @@ var clickableMixin = (0, _styledSystem.compose)(_Box.boxMixin, cursor, textDecor
  * Clickable is a utility component useful for wrapping things like <div>s
  * without having to deal with the requirements to make the <div> accessible.
  */
-var Clickable = _styledComponents.default.button.withConfig({
+var Clickable = exports.Clickable = _styledComponents.default.button.withConfig({
   displayName: "Clickable",
   componentId: "sc-10cr82y-0"
 })(["appearance:none;padding:0;border:0;margin:0;background-color:transparent;color:inherit;font:inherit;text-align:inherit;", " &:disabled{cursor:default;}"], clickableMixin);
-exports.Clickable = Clickable;
 Clickable.defaultProps = {
   cursor: "pointer",
   type: "button"
 };
-var splitClickableProps = (0, _splitProps.splitProps)(clickableMixin);
-exports.splitClickableProps = splitClickableProps;
+var splitClickableProps = exports.splitClickableProps = (0, _splitProps.splitProps)(clickableMixin);
 //# sourceMappingURL=Clickable.js.map

package/dist/elements/Clickable/Clickable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Clickable.js","names":["_styledComponents","_interopRequireDefault","require","_styledSystem","_splitProps","_Box","obj","__esModule","default","cursor","system","textDecoration","clickableMixin","compose","boxMixin","Clickable","styled","button","withConfig","displayName","componentId","exports","defaultProps","type","splitClickableProps","splitProps"],"sources":["../../../src/elements/Clickable/Clickable.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { compose, ResponsiveValue, system } from \"styled-system\"\nimport { splitProps } from \"../../utils/splitProps\"\nimport { boxMixin, BoxProps } from \"../Box\"\n\nconst cursor = system({ cursor: true })\nconst textDecoration = system({ textDecoration: true })\n\n/** ClickableProps */\nexport type ClickableProps = React.ButtonHTMLAttributes<HTMLButtonElement> &\n  BoxProps & {\n    cursor?: ResponsiveValue<string>\n    textDecoration?: ResponsiveValue<string>\n  }\n\nconst clickableMixin = compose(boxMixin, cursor, textDecoration)\n\n/**\n * Clickable is a utility component useful for wrapping things like <div>s\n * without having to deal with the requirements to make the <div> accessible.\n */\nexport const Clickable = styled.button<ClickableProps>`\n  appearance: none;\n  padding: 0;\n  border: 0;\n  margin: 0;\n  background-color: transparent;\n  color: inherit;\n  font: inherit;\n  text-align: inherit;\n\n  ${clickableMixin}\n\n  &:disabled {\n    cursor: default;\n  }\n`\n\nClickable.defaultProps = {\n  cursor: \"pointer\",\n  type: \"button\",\n}\n\nexport const splitClickableProps = splitProps<ClickableProps>(clickableMixin)\n"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AAA2C,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE3C,IAAMG,MAAM,GAAG,IAAAC,oBAAM,EAAC;EAAED,MAAM,EAAE;AAAK,CAAC,CAAC;AACvC,IAAME,cAAc,GAAG,IAAAD,oBAAM,EAAC;EAAEC,cAAc,EAAE;AAAK,CAAC,CAAC;;AAEvD;;AAOA,IAAMC,cAAc,GAAG,IAAAC,qBAAO,EAACC,aAAQ,EAAEL,MAAM,EAAEE,cAAc,CAAC;;AAEhE;AACA;AACA;AACA;AACO,IAAMI,SAAS,GAAGC,yBAAM,CAACC,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gKAUlCR,cAAc,CAKjB;AAAAS,OAAA,CAAAN,SAAA,GAAAA,SAAA;AAEDA,SAAS,CAACO,YAAY,GAAG;EACvBb,MAAM,EAAE,SAAS;EACjBc,IAAI,EAAE;AACR,CAAC;AAEM,IAAMC,mBAAmB,GAAG,IAAAC,sBAAU,EAAiBb,cAAc,CAAC;AAAAS,OAAA,CAAAG,mBAAA,GAAAA,mBAAA"}
+{"version":3,"file":"Clickable.js","names":["_styledComponents","_interopRequireDefault","require","_styledSystem","_splitProps","_Box","obj","__esModule","default","cursor","system","textDecoration","clickableMixin","compose","boxMixin","Clickable","exports","styled","button","withConfig","displayName","componentId","defaultProps","type","splitClickableProps","splitProps"],"sources":["../../../src/elements/Clickable/Clickable.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { compose, ResponsiveValue, system } from \"styled-system\"\nimport { splitProps } from \"../../utils/splitProps\"\nimport { boxMixin, BoxProps } from \"../Box\"\n\nconst cursor = system({ cursor: true })\nconst textDecoration = system({ textDecoration: true })\n\n/** ClickableProps */\nexport type ClickableProps = React.ButtonHTMLAttributes<HTMLButtonElement> &\n  BoxProps & {\n    cursor?: ResponsiveValue<string>\n    textDecoration?: ResponsiveValue<string>\n  }\n\nconst clickableMixin = compose(boxMixin, cursor, textDecoration)\n\n/**\n * Clickable is a utility component useful for wrapping things like <div>s\n * without having to deal with the requirements to make the <div> accessible.\n */\nexport const Clickable = styled.button<ClickableProps>`\n  appearance: none;\n  padding: 0;\n  border: 0;\n  margin: 0;\n  background-color: transparent;\n  color: inherit;\n  font: inherit;\n  text-align: inherit;\n\n  ${clickableMixin}\n\n  &:disabled {\n    cursor: default;\n  }\n`\n\nClickable.defaultProps = {\n  cursor: \"pointer\",\n  type: \"button\",\n}\n\nexport const splitClickableProps = splitProps<ClickableProps>(clickableMixin)\n"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AAA2C,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE3C,IAAMG,MAAM,GAAG,IAAAC,oBAAM,EAAC;EAAED,MAAM,EAAE;AAAK,CAAC,CAAC;AACvC,IAAME,cAAc,GAAG,IAAAD,oBAAM,EAAC;EAAEC,cAAc,EAAE;AAAK,CAAC,CAAC;;AAEvD;;AAOA,IAAMC,cAAc,GAAG,IAAAC,qBAAO,EAACC,aAAQ,EAAEL,MAAM,EAAEE,cAAc,CAAC;;AAEhE;AACA;AACA;AACA;AACO,IAAMI,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,yBAAM,CAACC,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gKAUlCT,cAAc,CAKjB;AAEDG,SAAS,CAACO,YAAY,GAAG;EACvBb,MAAM,EAAE,SAAS;EACjBc,IAAI,EAAE;AACR,CAAC;AAEM,IAAMC,mBAAmB,GAAAR,OAAA,CAAAQ,mBAAA,GAAG,IAAAC,sBAAU,EAAiBb,cAAc,CAAC"}

package/dist/elements/Clickable/Clickable.story.js

@@ -15,14 +15,13 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var _default = {
+var _default = exports.default = {
   title: "Components/Clickable"
 };
-exports.default = _default;
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{}, {
       textDecoration: "underline"
@@ -40,9 +39,8 @@ var Default = function Default() {
     onClick: (0, _addonActions.action)("onClick")
   }, "Clickable"));
 };
-exports.Default = Default;
 Default.displayName = "Default";
-var Submit = function Submit() {
+var Submit = exports.Submit = function Submit() {
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     isSubmitted = _useState2[0],
@@ -68,7 +66,6 @@ var Submit = function Submit() {
     type: "submit"
   }, "type=\"submit\"")));
 };
-exports.Submit = Submit;
 Submit.displayName = "Submit";
 Submit.story = {
   name: "Does not submit forms by default"

package/dist/elements/Clickable/Clickable.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"Clickable.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_Box","_Clickable","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","title","exports","Default","createElement","States","states","textDecoration","cursor","children","Fragment","bg","color","m","p","Clickable","onClick","action","displayName","Submit","_useState","useState","_useState2","isSubmitted","setSubmitted","onSubmit","e","preventDefault","setTimeout","Box","mt","border","type","mr","story"],"sources":["../../../src/elements/Clickable/Clickable.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Box } from \"../Box\"\nimport { Clickable, ClickableProps } from \"./Clickable\"\n\nexport default {\n  title: \"Components/Clickable\",\n}\n\nexport const Default = () => {\n  return (\n    <States<ClickableProps>\n      states={[\n        {},\n        { textDecoration: \"underline\" },\n        { cursor: \"default\" },\n        {\n          children: (\n            <>\n              Inherits the page’s\n              <br />\n              text alignment.\n            </>\n          ),\n        },\n        {\n          bg: \"red100\",\n          color: \"mono0\",\n          m: 2,\n          p: 1,\n        },\n      ]}\n    >\n      <Clickable onClick={action(\"onClick\")}>Clickable</Clickable>\n    </States>\n  )\n}\n\nexport const Submit = () => {\n  const [isSubmitted, setSubmitted] = useState(false)\n\n  return (\n    <form\n      onSubmit={(e) => {\n        e.preventDefault()\n        setSubmitted(true)\n\n        setTimeout(() => {\n          setSubmitted(false)\n        }, 1000)\n      }}\n    >\n      <pre>submitted? {isSubmitted ? \"yes\" : \"no\"}</pre>\n\n      <Box mt={1}>\n        <Clickable border=\"1px solid\" p={2} type=\"button\" mr={1}>\n          type=\"button\"\n        </Clickable>\n\n        <Clickable border=\"1px solid\" p={2} type=\"submit\">\n          type=\"submit\"\n        </Clickable>\n      </Box>\n    </form>\n  )\n}\n\nSubmit.story = {\n  name: \"Does not submit forms by default\",\n}\n"],"mappings":"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"}
+{"version":3,"file":"Clickable.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_Box","_Clickable","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","exports","title","Default","createElement","States","states","textDecoration","cursor","children","Fragment","bg","color","m","p","Clickable","onClick","action","displayName","Submit","_useState","useState","_useState2","isSubmitted","setSubmitted","onSubmit","e","preventDefault","setTimeout","Box","mt","border","type","mr","story"],"sources":["../../../src/elements/Clickable/Clickable.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Box } from \"../Box\"\nimport { Clickable, ClickableProps } from \"./Clickable\"\n\nexport default {\n  title: \"Components/Clickable\",\n}\n\nexport const Default = () => {\n  return (\n    <States<ClickableProps>\n      states={[\n        {},\n        { textDecoration: \"underline\" },\n        { cursor: \"default\" },\n        {\n          children: (\n            <>\n              Inherits the page’s\n              <br />\n              text alignment.\n            </>\n          ),\n        },\n        {\n          bg: \"red100\",\n          color: \"mono0\",\n          m: 2,\n          p: 1,\n        },\n      ]}\n    >\n      <Clickable onClick={action(\"onClick\")}>Clickable</Clickable>\n    </States>\n  )\n}\n\nexport const Submit = () => {\n  const [isSubmitted, setSubmitted] = useState(false)\n\n  return (\n    <form\n      onSubmit={(e) => {\n        e.preventDefault()\n        setSubmitted(true)\n\n        setTimeout(() => {\n          setSubmitted(false)\n        }, 1000)\n      }}\n    >\n      <pre>submitted? {isSubmitted ? \"yes\" : \"no\"}</pre>\n\n      <Box mt={1}>\n        <Clickable border=\"1px solid\" p={2} type=\"button\" mr={1}>\n          type=\"button\"\n        </Clickable>\n\n        <Clickable border=\"1px solid\" p={2} type=\"submit\">\n          type=\"submit\"\n        </Clickable>\n      </Box>\n    </form>\n  )\n}\n\nSubmit.story = {\n  name: \"Does not submit forms by default\",\n}\n"],"mappings":"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"}