@artsy/palette 41.8.1 → 42.0.0

package/dist/elements/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["_composeReactRefs","_interopRequireDefault","require","_react","_interopRequireWildcard","_styledComponents","_styledSystem","_CheckmarkIcon","_themes","_Box","_Spinner","_Text","_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","Button","React","forwardRef","_ref","forwardedRef","children","loading","success","_ref$size","size","onClick","_ref$alignItems","alignItems","_ref$justifyContent","justifyContent","_ref$variant","variant","Icon","rest","ref","useRef","handleClick","event","useEffect","current","_ref$current","blur","createElement","Container","composeRefs","$loading","tabIndex","display","Spinner","color","Text","lineHeight","getTextVariant","opacity","width","fill","mr","ml","exports","displayName","buttonMixin","css","styled","button","withConfig","componentId","prop","variants","BUTTON_SIZES","props","hover","BUTTON_VARIANTS","active","focus","disabled","THEME","mediaQueries","boxMixin","BUTTON_TEXT_SIZES","Array","isArray","map","s","large"],"sources":["../../../src/elements/Button/Button.tsx"],"sourcesContent":["import composeRefs from \"@seznam/compose-react-refs\"\nimport React, { useEffect, useRef } from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { ResponsiveValue, variant } from \"styled-system\"\nimport CheckmarkIcon from \"@artsy/icons/CheckmarkIcon\"\nimport { TextVariant } from \"@artsy/palette-tokens/dist/typography/v3\"\nimport { THEME } from \"../../themes\"\nimport { boxMixin, BoxProps } from \"../Box\"\nimport { Spinner } from \"../Spinner\"\nimport { Text, TextProps } from \"../Text\"\nimport { BUTTON_SIZES, BUTTON_TEXT_SIZES, BUTTON_VARIANTS } from \"./tokens\"\nimport { ButtonSize, ButtonVariant } from \"./types\"\n\nexport interface ButtonProps\n  extends BoxProps,\n    React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * @description\n   * The theme of the button. It's possible to pass an array that\n   * behaves accordingly to the media breakpoints [\"sm\", \"md\", \"lg\", \"xl\"]\n   * @example\n   * \"primaryBlack\"\n   * \"primaryWhite\"\n   * [\"primaryGray\", \"secondaryBlack\"]\n   * @see {@link ButtonVariant}\n   */\n  variant?: ResponsiveValue<ButtonVariant>\n  /** Size of the button */\n  size?: ResponsiveValue<ButtonSize>\n  /** Displays a loader in the button */\n  loading?: boolean\n  /** Forces hover state */\n  hover?: boolean\n  /** Forces focus state */\n  focus?: boolean\n  /** Forces active state */\n  active?: boolean\n  /** Forces success state */\n  success?: boolean\n  /** Optional icon slot */\n  Icon?: React.FunctionComponent<\n    React.PropsWithChildren<BoxProps & { fill?: ResponsiveValue<string> }>\n  >\n}\n\nexport const Button = React.forwardRef<HTMLElement, ButtonProps>(\n  (\n    {\n      children,\n      loading,\n      success,\n      size = \"large\",\n      onClick,\n      alignItems = \"center\",\n      justifyContent = \"center\",\n      variant = \"primaryBlack\",\n      Icon,\n      ...rest\n    },\n    forwardedRef\n  ) => {\n    const ref = useRef<HTMLButtonElement | null>(null)\n\n    const handleClick = (\n      event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n    ) => {\n      if (!loading && onClick) {\n        onClick(event)\n      }\n    }\n\n    useEffect(() => {\n      if (loading && ref.current !== null) {\n        ref.current?.blur()\n      }\n    }, [loading])\n\n    return (\n      <Container\n        ref={composeRefs(ref, forwardedRef) as any}\n        onClick={handleClick}\n        size={size}\n        $loading={loading}\n        success={success}\n        tabIndex={loading ? -1 : 0}\n        display=\"inline-flex\"\n        alignItems={alignItems}\n        justifyContent={justifyContent}\n        variant={variant}\n        {...rest}\n      >\n        {loading && <Spinner size={size} color=\"currentColor\" />}\n\n        <Text\n          lineHeight={1}\n          variant={getTextVariant(size)}\n          opacity={loading ? 0 : 1}\n          display=\"flex\"\n          alignItems={alignItems}\n          justifyContent={justifyContent}\n          width=\"100%\"\n        >\n          {!success && Icon && (\n            <Icon fill=\"currentColor\" mr={0.5} ml={-0.5} aria-hidden=\"true\" />\n          )}\n\n          {success && (\n            <CheckmarkIcon\n              fill=\"currentColor\"\n              mr={0.5}\n              ml={-0.5}\n              aria-hidden=\"true\"\n            />\n          )}\n\n          {children}\n        </Text>\n      </Container>\n    )\n  }\n)\n\nButton.displayName = \"Button\"\n\ntype ContainerProps = Pick<\n  ButtonProps,\n  \"active\" | \"disabled\" | \"focus\" | \"hover\" | \"size\" | \"success\"\n> & {\n  $loading?: boolean\n}\n\nexport const buttonMixin = css`\n  cursor: pointer;\n  position: relative;\n  white-space: nowrap;\n  font-weight: normal;\n  text-align: center;\n  border: 1px solid;\n  text-decoration: none;\n  transition: color 0.25s ease, border-color 0.25s ease,\n    background-color 0.25s ease, box-shadow 0.25s ease;\n`\n\nconst Container = styled.button<ContainerProps & ButtonProps>`\n  ${buttonMixin};\n\n  /* Handle sizing */\n  ${variant({ prop: \"size\", variants: BUTTON_SIZES })}\n\n  ${(props) => {\n    // Handle props driven states\n    if (props.hover) {\n      return variant({ variants: BUTTON_VARIANTS.hover })\n    }\n\n    if (props.active) {\n      return variant({ variants: BUTTON_VARIANTS.active })\n    }\n\n    if (props.success) {\n      return variant({ variants: BUTTON_VARIANTS.success })\n    }\n\n    if (props.focus) {\n      return css`\n        outline: 0;\n        ${variant({ variants: BUTTON_VARIANTS.focus })}\n      `\n    }\n\n    if (props.$loading) {\n      return css`\n        cursor: auto;\n        transition: none;\n        pointer-events: none;\n        ${variant({ variants: BUTTON_VARIANTS.loading })}\n      `\n    }\n\n    if (props.disabled) {\n      return css`\n        pointer-events: none;\n        ${variant({ variants: BUTTON_VARIANTS.disabled })}\n      `\n    }\n\n    return variant({ variants: BUTTON_VARIANTS.default })\n  }}\n\n  ${() => {\n    // Handle pseudo classes\n    return css`\n      @media ${THEME.mediaQueries.hover} {\n        &:hover {\n          ${variant({ variants: BUTTON_VARIANTS.hover })}\n        }\n      }\n\n      &:focus {\n        outline: 0;\n        ${variant({ variants: BUTTON_VARIANTS.focus })}\n      }\n\n      &:active {\n        ${variant({ variants: BUTTON_VARIANTS.active })}\n      }\n\n      &:disabled {\n        pointer-events: none;\n        ${variant({ variants: BUTTON_VARIANTS.disabled })}\n      }\n    `\n  }};\n\n  ${boxMixin};\n`\n\nconst getTextVariant = (\n  size: ResponsiveValue<ButtonSize>\n): TextProps[\"variant\"] => {\n  if (typeof size === \"string\") {\n    return BUTTON_TEXT_SIZES[size]\n  }\n\n  if (Array.isArray(size)) {\n    return size.map((s) => BUTTON_TEXT_SIZES[s!] as TextVariant)\n  }\n\n  return BUTTON_TEXT_SIZES.large\n}\n"],"mappings":"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"}
+{"version":3,"file":"Button.js","names":["_composeReactRefs","_interopRequireDefault","require","_react","_interopRequireWildcard","_styledComponents","_styledSystem","_CheckmarkIcon","_themes","_Box","_Spinner","_Text","_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","Button","exports","React","forwardRef","_ref","forwardedRef","children","loading","success","_ref$size","size","onClick","_ref$alignItems","alignItems","_ref$justifyContent","justifyContent","_ref$variant","variant","Icon","rest","ref","useRef","handleClick","event","useEffect","current","_ref$current","blur","createElement","Container","composeRefs","$loading","tabIndex","display","Spinner","color","Text","lineHeight","getTextVariant","opacity","width","fill","mr","ml","displayName","buttonMixin","css","styled","button","withConfig","componentId","prop","variants","BUTTON_SIZES","props","hover","BUTTON_VARIANTS","active","focus","disabled","THEME","mediaQueries","boxMixin","BUTTON_TEXT_SIZES","Array","isArray","map","s","large"],"sources":["../../../src/elements/Button/Button.tsx"],"sourcesContent":["import composeRefs from \"@seznam/compose-react-refs\"\nimport React, { useEffect, useRef } from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { ResponsiveValue, variant } from \"styled-system\"\nimport CheckmarkIcon from \"@artsy/icons/CheckmarkIcon\"\nimport { TextVariant } from \"@artsy/palette-tokens/dist/typography/v3\"\nimport { THEME } from \"../../themes\"\nimport { boxMixin, BoxProps } from \"../Box\"\nimport { Spinner } from \"../Spinner\"\nimport { Text, TextProps } from \"../Text\"\nimport { BUTTON_SIZES, BUTTON_TEXT_SIZES, BUTTON_VARIANTS } from \"./tokens\"\nimport { ButtonSize, ButtonVariant } from \"./types\"\n\nexport interface ButtonProps\n  extends BoxProps,\n    React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * @description\n   * The theme of the button. It's possible to pass an array that\n   * behaves accordingly to the media breakpoints [\"sm\", \"md\", \"lg\", \"xl\"]\n   * @example\n   * \"primaryBlack\"\n   * \"primaryWhite\"\n   * [\"primaryGray\", \"secondaryBlack\"]\n   * @see {@link ButtonVariant}\n   */\n  variant?: ResponsiveValue<ButtonVariant>\n  /** Size of the button */\n  size?: ResponsiveValue<ButtonSize>\n  /** Displays a loader in the button */\n  loading?: boolean\n  /** Forces hover state */\n  hover?: boolean\n  /** Forces focus state */\n  focus?: boolean\n  /** Forces active state */\n  active?: boolean\n  /** Forces success state */\n  success?: boolean\n  /** Optional icon slot */\n  Icon?: React.FunctionComponent<\n    React.PropsWithChildren<BoxProps & { fill?: ResponsiveValue<string> }>\n  >\n}\n\nexport const Button = React.forwardRef<HTMLElement, ButtonProps>(\n  (\n    {\n      children,\n      loading,\n      success,\n      size = \"large\",\n      onClick,\n      alignItems = \"center\",\n      justifyContent = \"center\",\n      variant = \"primaryBlack\",\n      Icon,\n      ...rest\n    },\n    forwardedRef\n  ) => {\n    const ref = useRef<HTMLButtonElement | null>(null)\n\n    const handleClick = (\n      event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n    ) => {\n      if (!loading && onClick) {\n        onClick(event)\n      }\n    }\n\n    useEffect(() => {\n      if (loading && ref.current !== null) {\n        ref.current?.blur()\n      }\n    }, [loading])\n\n    return (\n      <Container\n        ref={composeRefs(ref, forwardedRef) as any}\n        onClick={handleClick}\n        size={size}\n        $loading={loading}\n        success={success}\n        tabIndex={loading ? -1 : 0}\n        display=\"inline-flex\"\n        alignItems={alignItems}\n        justifyContent={justifyContent}\n        variant={variant}\n        {...rest}\n      >\n        {loading && <Spinner size={size} color=\"currentColor\" />}\n\n        <Text\n          lineHeight={1}\n          variant={getTextVariant(size)}\n          opacity={loading ? 0 : 1}\n          display=\"flex\"\n          alignItems={alignItems}\n          justifyContent={justifyContent}\n          width=\"100%\"\n        >\n          {!success && Icon && (\n            <Icon fill=\"currentColor\" mr={0.5} ml={-0.5} aria-hidden=\"true\" />\n          )}\n\n          {success && (\n            <CheckmarkIcon\n              fill=\"currentColor\"\n              mr={0.5}\n              ml={-0.5}\n              aria-hidden=\"true\"\n            />\n          )}\n\n          {children}\n        </Text>\n      </Container>\n    )\n  }\n)\n\nButton.displayName = \"Button\"\n\ntype ContainerProps = Pick<\n  ButtonProps,\n  \"active\" | \"disabled\" | \"focus\" | \"hover\" | \"size\" | \"success\"\n> & {\n  $loading?: boolean\n}\n\nexport const buttonMixin = css`\n  cursor: pointer;\n  position: relative;\n  white-space: nowrap;\n  font-weight: normal;\n  text-align: center;\n  border: 1px solid;\n  text-decoration: none;\n  transition: color 0.25s ease, border-color 0.25s ease,\n    background-color 0.25s ease, box-shadow 0.25s ease;\n`\n\nconst Container = styled.button<ContainerProps & ButtonProps>`\n  ${buttonMixin};\n\n  /* Handle sizing */\n  ${variant({ prop: \"size\", variants: BUTTON_SIZES })}\n\n  ${(props) => {\n    // Handle props driven states\n    if (props.hover) {\n      return variant({ variants: BUTTON_VARIANTS.hover })\n    }\n\n    if (props.active) {\n      return variant({ variants: BUTTON_VARIANTS.active })\n    }\n\n    if (props.success) {\n      return variant({ variants: BUTTON_VARIANTS.success })\n    }\n\n    if (props.focus) {\n      return css`\n        outline: 0;\n        ${variant({ variants: BUTTON_VARIANTS.focus })}\n      `\n    }\n\n    if (props.$loading) {\n      return css`\n        cursor: auto;\n        transition: none;\n        pointer-events: none;\n        ${variant({ variants: BUTTON_VARIANTS.loading })}\n      `\n    }\n\n    if (props.disabled) {\n      return css`\n        pointer-events: none;\n        ${variant({ variants: BUTTON_VARIANTS.disabled })}\n      `\n    }\n\n    return variant({ variants: BUTTON_VARIANTS.default })\n  }}\n\n  ${() => {\n    // Handle pseudo classes\n    return css`\n      @media ${THEME.mediaQueries.hover} {\n        &:hover {\n          ${variant({ variants: BUTTON_VARIANTS.hover })}\n        }\n      }\n\n      &:focus {\n        outline: 0;\n        ${variant({ variants: BUTTON_VARIANTS.focus })}\n      }\n\n      &:active {\n        ${variant({ variants: BUTTON_VARIANTS.active })}\n      }\n\n      &:disabled {\n        pointer-events: none;\n        ${variant({ variants: BUTTON_VARIANTS.disabled })}\n      }\n    `\n  }};\n\n  ${boxMixin};\n`\n\nconst getTextVariant = (\n  size: ResponsiveValue<ButtonSize>\n): TextProps[\"variant\"] => {\n  if (typeof size === \"string\") {\n    return BUTTON_TEXT_SIZES[size]\n  }\n\n  if (Array.isArray(size)) {\n    return size.map((s) => BUTTON_TEXT_SIZES[s!] as TextVariant)\n  }\n\n  return BUTTON_TEXT_SIZES.large\n}\n"],"mappings":"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"}

package/dist/elements/Button/Button.story.js

@@ -20,8 +20,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 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; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 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; }
@@ -29,11 +29,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var _default = {
+var _default = exports.default = {
   title: "Components/Button"
 };
-exports.default = _default;
-var _States = function _States() {
+var _States = exports._States = function _States() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{}, {
       focus: true
@@ -53,12 +52,11 @@ var _States = function _States() {
     }]
   }, /*#__PURE__*/_react.default.createElement(_index.Button, null, "Label"));
 };
-exports._States = _States;
 _States.displayName = "_States";
 _States.story = {
   name: "States"
 };
-var Sizes = function Sizes() {
+var Sizes = exports.Sizes = function Sizes() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: _index.BUTTON_SIZE_NAMES.map(function (size) {
       return {
@@ -67,7 +65,6 @@ var Sizes = function Sizes() {
     })
   }, /*#__PURE__*/_react.default.createElement(_index.Button, null, "Label"));
 };
-exports.Sizes = Sizes;
 Sizes.displayName = "Sizes";
 var variants = _index.BUTTON_VARIANT_NAMES.map(function (variant) {
   return {
@@ -79,7 +76,7 @@ var Display = (0, _styledComponents.default)(_Box.Box).withConfig({
   componentId: "sc-1hlhgwl-0"
 })([""]);
 Display.displayName = "Button";
-var Variants = function Variants() {
+var Variants = exports.Variants = function Variants() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{
       size: "large"
@@ -121,9 +118,8 @@ var Variants = function Variants() {
     }), "Success"))));
   });
 };
-exports.Variants = Variants;
 Variants.displayName = "Variants";
-var NativeButtonProps = function NativeButtonProps() {
+var NativeButtonProps = exports.NativeButtonProps = function NativeButtonProps() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{
       autoFocus: true,
@@ -139,12 +135,11 @@ var NativeButtonProps = function NativeButtonProps() {
     }]
   }, /*#__PURE__*/_react.default.createElement(_index.Button, null, "Label"));
 };
-exports.NativeButtonProps = NativeButtonProps;
 NativeButtonProps.displayName = "NativeButtonProps";
 NativeButtonProps.story = {
   name: "Native button tag props"
 };
-var WithBoxProps = function WithBoxProps() {
+var WithBoxProps = exports.WithBoxProps = function WithBoxProps() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, null, /*#__PURE__*/_react.default.createElement(_Box.Box, {
     border: "1px dotted",
     borderColor: "mono100"
@@ -162,12 +157,11 @@ var WithBoxProps = function WithBoxProps() {
     my: 2
   }, "margins")));
 };
-exports.WithBoxProps = WithBoxProps;
 WithBoxProps.displayName = "WithBoxProps";
 WithBoxProps.story = {
   name: "with BoxProps"
 };
-var Loading = function Loading() {
+var Loading = exports.Loading = function Loading() {
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     loading = _useState2[0],
@@ -184,9 +178,8 @@ var Loading = function Loading() {
     onClick: handleClick
   }, "click to load"));
 };
-exports.Loading = Loading;
 Loading.displayName = "Loading";
-var As = function As() {
+var As = exports.As = function As() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{}, {
       as: "div",
@@ -197,9 +190,8 @@ var As = function As() {
     href: "#example"
   }, "This is an anchor tag with an href"));
 };
-exports.As = As;
 As.displayName = "As";
-var WithIcon = function WithIcon() {
+var WithIcon = exports.WithIcon = function WithIcon() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{}, {
       focus: true
@@ -242,13 +234,11 @@ var WithIcon = function WithIcon() {
     Icon: _BellStrokeIcon.default
   }, "Create an Alert"));
 };
-exports.WithIcon = WithIcon;
 WithIcon.displayName = "WithIcon";
-var ResponsiveSize = function ResponsiveSize() {
+var ResponsiveSize = exports.ResponsiveSize = function ResponsiveSize() {
   return /*#__PURE__*/_react.default.createElement(_index.Button, {
     size: ["small", "large"]
   }, "Resize Viewport");
 };
-exports.ResponsiveSize = ResponsiveSize;
 ResponsiveSize.displayName = "ResponsiveSize";
 //# sourceMappingURL=Button.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.story.js","names":["_react","_interopRequireWildcard","require","_storybookStates","_styledComponents","_interopRequireDefault","_Join","_BellStrokeIcon","_Box","_Flex","_Spacer","_index","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Symbol","iterator","constructor","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","name","Array","from","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_extends","assign","bind","target","arguments","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","Number","_default","title","exports","_States","createElement","States","states","focus","hover","active","loading","disabled","success","Button","displayName","story","Sizes","BUTTON_SIZE_NAMES","map","size","variants","BUTTON_VARIANT_NAMES","variant","Display","styled","Box","withConfig","componentId","Variants","reduce","a","b","concat","props","p","overflowX","includes","bg","color","Flex","Join","separator","Spacer","x","NativeButtonProps","autoFocus","children","tabIndex","onClick","event","preventDefault","WithBoxProps","border","borderColor","display","width","my","Loading","_useState","useState","_useState2","setLoading","handleClick","setTimeout","As","as","href","WithIcon","Icon","BellStrokeIcon","ResponsiveSize"],"sources":["../../../src/elements/Button/Button.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport styled from \"styled-components\"\nimport { Join } from \"../Join\"\nimport BellStrokeIcon from \"@artsy/icons/BellStrokeIcon\"\nimport { Box } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport { Spacer } from \"../Spacer\"\nimport { ButtonProps } from \"./Button\"\nimport { Button, BUTTON_SIZE_NAMES, BUTTON_VARIANT_NAMES } from \"./index\"\n\nexport default { title: \"Components/Button\" }\n\nexport const _States = () => {\n  return (\n    <States<ButtonProps>\n      states={[\n        {},\n        { focus: true },\n        { hover: true },\n        { active: true },\n        { loading: true },\n        { disabled: true },\n        { success: true },\n        { loading: true, disabled: true },\n      ]}\n    >\n      <Button>Label</Button>\n    </States>\n  )\n}\n\n_States.story = {\n  name: \"States\",\n}\n\nexport const Sizes = () => {\n  return (\n    <States<ButtonProps> states={BUTTON_SIZE_NAMES.map((size) => ({ size }))}>\n      <Button>Label</Button>\n    </States>\n  )\n}\n\nconst variants = BUTTON_VARIANT_NAMES.map((variant) => ({ variant }))\n\nconst Display = styled(Box)``\nDisplay.displayName = \"Button\"\n\nexport const Variants = () => {\n  return (\n    <States<ButtonProps>\n      states={([{ size: \"large\" }, { size: \"small\" }] as const)\n        .map((size) => {\n          return variants.map((variant) => ({ ...size, ...variant }))\n        })\n        .reduce((a, b) => {\n          return a.concat(b)\n        }, [])}\n    >\n      {(props) => (\n        <Display\n          p={1}\n          overflowX=\"auto\"\n          {...([\"primaryWhite\", \"secondaryWhite\"].includes(`${props.variant}`)\n            ? { bg: \"mono100\", color: \"mono0\" }\n            : { bg: \"mono0\", color: \"mono100\" })}\n        >\n          <Flex>\n            <Join separator={<Spacer x={2} />}>\n              <Button {...props}>Default</Button>\n\n              <Button {...props} focus>\n                Focus\n              </Button>\n\n              <Button {...props} hover>\n                Hover\n              </Button>\n\n              <Button {...props} active>\n                Active\n              </Button>\n\n              <Button {...props} loading>\n                Loading\n              </Button>\n\n              <Button {...props} disabled>\n                Disabled\n              </Button>\n\n              <Button {...props} success>\n                Success\n              </Button>\n            </Join>\n          </Flex>\n        </Display>\n      )}\n    </States>\n  )\n}\n\nexport const NativeButtonProps = () => {\n  return (\n    <States<ButtonProps>\n      states={[\n        { autoFocus: true, children: \"autofocused\" },\n        { tabIndex: -1, children: \"not focusable with keyboard\" },\n        {\n          onClick: (event) => {\n            event.preventDefault()\n          },\n          children: \"correctly typed click event\",\n        },\n      ]}\n    >\n      <Button>Label</Button>\n    </States>\n  )\n}\n\nNativeButtonProps.story = {\n  name: \"Native button tag props\",\n}\n\nexport const WithBoxProps = () => {\n  return (\n    <States>\n      <Box border=\"1px dotted\" borderColor=\"mono100\">\n        <Button display=\"block\" width=\"100%\" my={2}>\n          full width\n        </Button>\n\n        <Button display=\"block\" width=\"100%\" my={2}>\n          with collapsing\n        </Button>\n\n        <Button display=\"block\" width=\"100%\" my={2}>\n          margins\n        </Button>\n      </Box>\n    </States>\n  )\n}\n\nWithBoxProps.story = {\n  name: \"with BoxProps\",\n}\n\nexport const Loading = () => {\n  const [loading, setLoading] = useState(false)\n\n  const handleClick = () => {\n    if (loading) return\n    setLoading(true)\n    setTimeout(() => {\n      setLoading(false)\n    }, 1000)\n  }\n  return (\n    <States>\n      <Button loading={loading} onClick={handleClick}>\n        click to load\n      </Button>\n    </States>\n  )\n}\n\nexport const As = () => {\n  return (\n    <States states={[{}, { as: \"div\", children: \"This is a div\" }]}>\n      {/* @ts-ignore */}\n      <Button as=\"a\" href=\"#example\">\n        This is an anchor tag with an href\n      </Button>\n    </States>\n  )\n}\n\nexport const WithIcon = () => {\n  return (\n    <States<ButtonProps>\n      states={[\n        {},\n        { focus: true },\n        { hover: true },\n        { loading: true },\n        { disabled: true },\n        { loading: true, disabled: true },\n        { success: true },\n        { size: \"large\" },\n        { size: \"large\", focus: true },\n        { size: \"large\", hover: true },\n        { size: \"large\", loading: true },\n        { size: \"large\", disabled: true },\n        { size: \"large\", loading: true, disabled: true },\n        { size: \"large\", success: true },\n      ]}\n    >\n      <Button variant=\"secondaryBlack\" size=\"small\" Icon={BellStrokeIcon}>\n        Create an Alert\n      </Button>\n    </States>\n  )\n}\n\nexport const ResponsiveSize = () => {\n  return <Button size={[\"small\", \"large\"]}>Resize Viewport</Button>\n}\n"],"mappings":"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"}
+{"version":3,"file":"Button.story.js","names":["_react","_interopRequireWildcard","require","_storybookStates","_styledComponents","_interopRequireDefault","_Join","_BellStrokeIcon","_Box","_Flex","_Spacer","_index","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Symbol","iterator","constructor","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","name","Array","from","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_extends","assign","bind","target","arguments","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","Number","_default","exports","title","_States","createElement","States","states","focus","hover","active","loading","disabled","success","Button","displayName","story","Sizes","BUTTON_SIZE_NAMES","map","size","variants","BUTTON_VARIANT_NAMES","variant","Display","styled","Box","withConfig","componentId","Variants","reduce","a","b","concat","props","p","overflowX","includes","bg","color","Flex","Join","separator","Spacer","x","NativeButtonProps","autoFocus","children","tabIndex","onClick","event","preventDefault","WithBoxProps","border","borderColor","display","width","my","Loading","_useState","useState","_useState2","setLoading","handleClick","setTimeout","As","as","href","WithIcon","Icon","BellStrokeIcon","ResponsiveSize"],"sources":["../../../src/elements/Button/Button.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport styled from \"styled-components\"\nimport { Join } from \"../Join\"\nimport BellStrokeIcon from \"@artsy/icons/BellStrokeIcon\"\nimport { Box } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport { Spacer } from \"../Spacer\"\nimport { ButtonProps } from \"./Button\"\nimport { Button, BUTTON_SIZE_NAMES, BUTTON_VARIANT_NAMES } from \"./index\"\n\nexport default { title: \"Components/Button\" }\n\nexport const _States = () => {\n  return (\n    <States<ButtonProps>\n      states={[\n        {},\n        { focus: true },\n        { hover: true },\n        { active: true },\n        { loading: true },\n        { disabled: true },\n        { success: true },\n        { loading: true, disabled: true },\n      ]}\n    >\n      <Button>Label</Button>\n    </States>\n  )\n}\n\n_States.story = {\n  name: \"States\",\n}\n\nexport const Sizes = () => {\n  return (\n    <States<ButtonProps> states={BUTTON_SIZE_NAMES.map((size) => ({ size }))}>\n      <Button>Label</Button>\n    </States>\n  )\n}\n\nconst variants = BUTTON_VARIANT_NAMES.map((variant) => ({ variant }))\n\nconst Display = styled(Box)``\nDisplay.displayName = \"Button\"\n\nexport const Variants = () => {\n  return (\n    <States<ButtonProps>\n      states={([{ size: \"large\" }, { size: \"small\" }] as const)\n        .map((size) => {\n          return variants.map((variant) => ({ ...size, ...variant }))\n        })\n        .reduce((a, b) => {\n          return a.concat(b)\n        }, [])}\n    >\n      {(props) => (\n        <Display\n          p={1}\n          overflowX=\"auto\"\n          {...([\"primaryWhite\", \"secondaryWhite\"].includes(`${props.variant}`)\n            ? { bg: \"mono100\", color: \"mono0\" }\n            : { bg: \"mono0\", color: \"mono100\" })}\n        >\n          <Flex>\n            <Join separator={<Spacer x={2} />}>\n              <Button {...props}>Default</Button>\n\n              <Button {...props} focus>\n                Focus\n              </Button>\n\n              <Button {...props} hover>\n                Hover\n              </Button>\n\n              <Button {...props} active>\n                Active\n              </Button>\n\n              <Button {...props} loading>\n                Loading\n              </Button>\n\n              <Button {...props} disabled>\n                Disabled\n              </Button>\n\n              <Button {...props} success>\n                Success\n              </Button>\n            </Join>\n          </Flex>\n        </Display>\n      )}\n    </States>\n  )\n}\n\nexport const NativeButtonProps = () => {\n  return (\n    <States<ButtonProps>\n      states={[\n        { autoFocus: true, children: \"autofocused\" },\n        { tabIndex: -1, children: \"not focusable with keyboard\" },\n        {\n          onClick: (event) => {\n            event.preventDefault()\n          },\n          children: \"correctly typed click event\",\n        },\n      ]}\n    >\n      <Button>Label</Button>\n    </States>\n  )\n}\n\nNativeButtonProps.story = {\n  name: \"Native button tag props\",\n}\n\nexport const WithBoxProps = () => {\n  return (\n    <States>\n      <Box border=\"1px dotted\" borderColor=\"mono100\">\n        <Button display=\"block\" width=\"100%\" my={2}>\n          full width\n        </Button>\n\n        <Button display=\"block\" width=\"100%\" my={2}>\n          with collapsing\n        </Button>\n\n        <Button display=\"block\" width=\"100%\" my={2}>\n          margins\n        </Button>\n      </Box>\n    </States>\n  )\n}\n\nWithBoxProps.story = {\n  name: \"with BoxProps\",\n}\n\nexport const Loading = () => {\n  const [loading, setLoading] = useState(false)\n\n  const handleClick = () => {\n    if (loading) return\n    setLoading(true)\n    setTimeout(() => {\n      setLoading(false)\n    }, 1000)\n  }\n  return (\n    <States>\n      <Button loading={loading} onClick={handleClick}>\n        click to load\n      </Button>\n    </States>\n  )\n}\n\nexport const As = () => {\n  return (\n    <States states={[{}, { as: \"div\", children: \"This is a div\" }]}>\n      {/* @ts-ignore */}\n      <Button as=\"a\" href=\"#example\">\n        This is an anchor tag with an href\n      </Button>\n    </States>\n  )\n}\n\nexport const WithIcon = () => {\n  return (\n    <States<ButtonProps>\n      states={[\n        {},\n        { focus: true },\n        { hover: true },\n        { loading: true },\n        { disabled: true },\n        { loading: true, disabled: true },\n        { success: true },\n        { size: \"large\" },\n        { size: \"large\", focus: true },\n        { size: \"large\", hover: true },\n        { size: \"large\", loading: true },\n        { size: \"large\", disabled: true },\n        { size: \"large\", loading: true, disabled: true },\n        { size: \"large\", success: true },\n      ]}\n    >\n      <Button variant=\"secondaryBlack\" size=\"small\" Icon={BellStrokeIcon}>\n        Create an Alert\n      </Button>\n    </States>\n  )\n}\n\nexport const ResponsiveSize = () => {\n  return <Button size={[\"small\", \"large\"]}>Resize Viewport</Button>\n}\n"],"mappings":"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"}

package/dist/elements/Button/tokens.d.ts

@@ -1,7 +1,7 @@
 import { TextProps } from "../Text";
 import { ButtonSize, ButtonState, ButtonVariant } from "./types";
 export declare const BUTTON_STYLES: Record<ButtonVariant, Record<ButtonState, any>>;
-declare type ButtonVariants = Record<ButtonState, Record<ButtonVariant, any>>;
+type ButtonVariants = Record<ButtonState, Record<ButtonVariant, any>>;
 /** Inverts the structure of the style object so that we can use responsive values for `variant` */
 export declare const BUTTON_VARIANTS: ButtonVariants;
 /** Available button sizes */

package/dist/elements/Button/tokens.js

@@ -53,7 +53,7 @@ var DEFAULT_SECONDARY_STATES = _objectSpread(_objectSpread({}, DEFAULT_PRIMARY_S
     color: "mono30"
   }
 });
-var BUTTON_STYLES = {
+var BUTTON_STYLES = exports.BUTTON_STYLES = {
   primaryBlack: _objectSpread({
     default: {
       backgroundColor: "mono100",
@@ -200,17 +200,15 @@ var BUTTON_STYLES = {
     }
   }
 };
-exports.BUTTON_STYLES = BUTTON_STYLES;
 /** Inverts the structure of the style object so that we can use responsive values for `variant` */
-var BUTTON_VARIANTS = _types.BUTTON_STATES.reduce(function (variantsMemo, state) {
+var BUTTON_VARIANTS = exports.BUTTON_VARIANTS = _types.BUTTON_STATES.reduce(function (variantsMemo, state) {
   return _objectSpread(_objectSpread({}, variantsMemo), {}, _defineProperty({}, state, _types.BUTTON_VARIANT_NAMES.reduce(function (stateMemo, variant) {
     return _objectSpread(_objectSpread({}, stateMemo), {}, _defineProperty({}, variant, BUTTON_STYLES[variant][state]));
   }, {})));
 }, {});
 
 /** Available button sizes */
-exports.BUTTON_VARIANTS = BUTTON_VARIANTS;
-var BUTTON_SIZES = {
+var BUTTON_SIZES = exports.BUTTON_SIZES = {
   small: {
     height: "30px",
     borderRadius: "15px",
@@ -224,10 +222,8 @@ var BUTTON_SIZES = {
 };
 
 /** Text sizes associated with available button sizes */
-exports.BUTTON_SIZES = BUTTON_SIZES;
-var BUTTON_TEXT_SIZES = {
+var BUTTON_TEXT_SIZES = exports.BUTTON_TEXT_SIZES = {
   small: "xs",
   large: "sm-display"
 };
-exports.BUTTON_TEXT_SIZES = BUTTON_TEXT_SIZES;
 //# sourceMappingURL=tokens.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","names":["_types","require","_typeof","obj","Symbol","iterator","constructor","prototype","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","call","TypeError","Number","DEFAULT_PRIMARY_STATES","focus","backgroundColor","borderColor","color","textDecoration","hover","active","loading","disabled","success","DEFAULT_SECONDARY_STATES","BUTTON_STYLES","primaryBlack","default","primaryWhite","primaryBlue","primaryGray","secondaryBlack","secondaryBlue","secondaryWhite","secondaryNeutral","tertiary","exports","BUTTON_VARIANTS","BUTTON_STATES","reduce","variantsMemo","state","BUTTON_VARIANT_NAMES","stateMemo","variant","BUTTON_SIZES","small","height","borderRadius","px","large","BUTTON_TEXT_SIZES"],"sources":["../../../src/elements/Button/tokens.ts"],"sourcesContent":["import { BUTTON_STATES, BUTTON_VARIANT_NAMES } from \"./types\"\nimport { TextProps } from \"../Text\"\nimport { ButtonSize, ButtonState, ButtonVariant } from \"./types\"\n\nconst DEFAULT_PRIMARY_STATES = {\n  focus: {\n    backgroundColor: \"blue100\",\n    borderColor: \"blue100\",\n    color: \"mono0\",\n    textDecoration: \"underline\",\n  },\n  hover: {\n    backgroundColor: \"blue100\",\n    borderColor: \"blue100\",\n    color: \"mono0\",\n    textDecoration: \"underline\",\n  },\n  active: {\n    backgroundColor: \"blue150\",\n    borderColor: \"blue150\",\n    color: \"mono0\",\n    textDecoration: \"underline\",\n  },\n  loading: {\n    backgroundColor: \"blue100\",\n    borderColor: \"blue100\",\n    color: \"mono0\",\n  },\n  disabled: {\n    backgroundColor: \"mono30\",\n    borderColor: \"mono30\",\n    color: \"mono0\",\n  },\n  success: {\n    backgroundColor: \"blue100\",\n    borderColor: \"blue100\",\n    color: \"mono0\",\n  },\n}\n\nconst DEFAULT_SECONDARY_STATES = {\n  ...DEFAULT_PRIMARY_STATES,\n  disabled: {\n    backgroundColor: \"transparent\",\n    borderColor: \"mono30\",\n    color: \"mono30\",\n  },\n}\n\nexport const BUTTON_STYLES: Record<ButtonVariant, Record<ButtonState, any>> = {\n  primaryBlack: {\n    default: {\n      backgroundColor: \"mono100\",\n      borderColor: \"mono100\",\n      color: \"mono0\",\n    },\n    ...DEFAULT_PRIMARY_STATES,\n  },\n\n  primaryWhite: {\n    default: {\n      backgroundColor: \"mono0\",\n      borderColor: \"mono0\",\n      color: \"mono100\",\n    },\n    ...DEFAULT_PRIMARY_STATES,\n  },\n\n  primaryBlue: {\n    default: {\n      backgroundColor: \"blue100\",\n      borderColor: \"blue100\",\n      color: \"mono0\",\n    },\n    ...DEFAULT_PRIMARY_STATES,\n    focus: {\n      backgroundColor: \"blue150\",\n      borderColor: \"blue150\",\n      color: \"mono0\",\n      textDecoration: \"underline\",\n    },\n    hover: {\n      backgroundColor: \"blue150\",\n      borderColor: \"blue150\",\n      color: \"mono0\",\n      textDecoration: \"underline\",\n    },\n    active: {\n      backgroundColor: \"blue200\",\n      borderColor: \"blue200\",\n      color: \"mono0\",\n      textDecoration: \"underline\",\n    },\n  },\n\n  primaryGray: {\n    default: {\n      backgroundColor: \"mono10\",\n      borderColor: \"mono10\",\n      color: \"mono100\",\n    },\n    ...DEFAULT_PRIMARY_STATES,\n  },\n\n  secondaryBlack: {\n    default: {\n      backgroundColor: \"transparent\",\n      borderColor: \"mono100\",\n      color: \"mono100\",\n    },\n    ...DEFAULT_SECONDARY_STATES,\n  },\n\n  secondaryBlue: {\n    default: {\n      backgroundColor: \"transparent\",\n      borderColor: \"blue100\",\n      color: \"blue100\",\n    },\n    ...DEFAULT_SECONDARY_STATES,\n  },\n\n  secondaryWhite: {\n    default: {\n      backgroundColor: \"transparent\",\n      borderColor: \"mono0\",\n      color: \"mono0\",\n    },\n    ...DEFAULT_SECONDARY_STATES,\n  },\n\n  /** Used for follow buttons */\n  secondaryNeutral: {\n    default: {\n      backgroundColor: \"transparent\",\n      borderColor: \"mono100\",\n      color: \"mono100\",\n    },\n    ...DEFAULT_SECONDARY_STATES,\n    focus: {\n      backgroundColor: \"mono10\",\n      borderColor: \"mono10\",\n      color: \"mono100\",\n      textDecoration: \"underline\",\n    },\n    hover: {\n      backgroundColor: \"mono100\",\n      borderColor: \"mono100\",\n      color: \"mono0\",\n      textDecoration: \"underline\",\n    },\n    active: {\n      backgroundColor: \"mono100\",\n      borderColor: \"mono100\",\n      color: \"mono0\",\n      textDecoration: \"underline\",\n    },\n    loading: {\n      backgroundColor: \"mono100\",\n      borderColor: \"mono100\",\n      color: \"mono0\",\n    },\n    success: {\n      backgroundColor: \"transparent\",\n      borderColor: \"mono100\",\n      color: \"mono100\",\n    },\n  },\n\n  tertiary: {\n    default: {\n      backgroundColor: \"transparent\",\n      borderColor: \"transparent\",\n      color: \"mono100\",\n    },\n    focus: {\n      backgroundColor: \"blue10\",\n      borderColor: \"blue10\",\n      color: \"blue100\",\n      textDecoration: \"underline\",\n    },\n    hover: {\n      backgroundColor: \"blue10\",\n      borderColor: \"blue10\",\n      color: \"blue100\",\n      textDecoration: \"underline\",\n    },\n    active: {\n      backgroundColor: \"blue15\",\n      borderColor: \"blue15\",\n      color: \"blue100\",\n      textDecoration: \"underline\",\n    },\n    loading: {\n      backgroundColor: \"blue10\",\n      borderColor: \"blue10\",\n      color: \"blue100\",\n    },\n    disabled: {\n      backgroundColor: \"transparent\",\n      borderColor: \"transparent\",\n      color: \"mono30\",\n    },\n    success: {\n      backgroundColor: \"transparent\",\n      borderColor: \"transparent\",\n      color: \"blue100\",\n    },\n  },\n}\n\ntype ButtonVariants = Record<ButtonState, Record<ButtonVariant, any>>\n\n/** Inverts the structure of the style object so that we can use responsive values for `variant` */\nexport const BUTTON_VARIANTS: ButtonVariants = BUTTON_STATES.reduce(\n  (variantsMemo, state) => {\n    return {\n      ...variantsMemo,\n      [state]: BUTTON_VARIANT_NAMES.reduce((stateMemo, variant) => {\n        return {\n          ...stateMemo,\n          [variant]: BUTTON_STYLES[variant][state],\n        }\n      }, {}),\n    }\n  },\n  {} as ButtonVariants\n)\n\n/** Available button sizes */\nexport const BUTTON_SIZES = {\n  small: {\n    height: \"30px\",\n    borderRadius: \"15px\",\n    px: \"25px\",\n  },\n  large: {\n    height: \"50px\",\n    borderRadius: \"25px\",\n    px: \"25px\",\n  },\n} as const\n\n/** Text sizes associated with available button sizes */\nexport const BUTTON_TEXT_SIZES: Record<ButtonSize, TextProps[\"variant\"]> = {\n  small: \"xs\",\n  large: \"sm-display\",\n}\n"],"mappings":"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"}
+{"version":3,"file":"tokens.js","names":["_types","require","_typeof","obj","Symbol","iterator","constructor","prototype","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","call","TypeError","Number","DEFAULT_PRIMARY_STATES","focus","backgroundColor","borderColor","color","textDecoration","hover","active","loading","disabled","success","DEFAULT_SECONDARY_STATES","BUTTON_STYLES","exports","primaryBlack","default","primaryWhite","primaryBlue","primaryGray","secondaryBlack","secondaryBlue","secondaryWhite","secondaryNeutral","tertiary","BUTTON_VARIANTS","BUTTON_STATES","reduce","variantsMemo","state","BUTTON_VARIANT_NAMES","stateMemo","variant","BUTTON_SIZES","small","height","borderRadius","px","large","BUTTON_TEXT_SIZES"],"sources":["../../../src/elements/Button/tokens.ts"],"sourcesContent":["import { BUTTON_STATES, BUTTON_VARIANT_NAMES } from \"./types\"\nimport { TextProps } from \"../Text\"\nimport { ButtonSize, ButtonState, ButtonVariant } from \"./types\"\n\nconst DEFAULT_PRIMARY_STATES = {\n  focus: {\n    backgroundColor: \"blue100\",\n    borderColor: \"blue100\",\n    color: \"mono0\",\n    textDecoration: \"underline\",\n  },\n  hover: {\n    backgroundColor: \"blue100\",\n    borderColor: \"blue100\",\n    color: \"mono0\",\n    textDecoration: \"underline\",\n  },\n  active: {\n    backgroundColor: \"blue150\",\n    borderColor: \"blue150\",\n    color: \"mono0\",\n    textDecoration: \"underline\",\n  },\n  loading: {\n    backgroundColor: \"blue100\",\n    borderColor: \"blue100\",\n    color: \"mono0\",\n  },\n  disabled: {\n    backgroundColor: \"mono30\",\n    borderColor: \"mono30\",\n    color: \"mono0\",\n  },\n  success: {\n    backgroundColor: \"blue100\",\n    borderColor: \"blue100\",\n    color: \"mono0\",\n  },\n}\n\nconst DEFAULT_SECONDARY_STATES = {\n  ...DEFAULT_PRIMARY_STATES,\n  disabled: {\n    backgroundColor: \"transparent\",\n    borderColor: \"mono30\",\n    color: \"mono30\",\n  },\n}\n\nexport const BUTTON_STYLES: Record<ButtonVariant, Record<ButtonState, any>> = {\n  primaryBlack: {\n    default: {\n      backgroundColor: \"mono100\",\n      borderColor: \"mono100\",\n      color: \"mono0\",\n    },\n    ...DEFAULT_PRIMARY_STATES,\n  },\n\n  primaryWhite: {\n    default: {\n      backgroundColor: \"mono0\",\n      borderColor: \"mono0\",\n      color: \"mono100\",\n    },\n    ...DEFAULT_PRIMARY_STATES,\n  },\n\n  primaryBlue: {\n    default: {\n      backgroundColor: \"blue100\",\n      borderColor: \"blue100\",\n      color: \"mono0\",\n    },\n    ...DEFAULT_PRIMARY_STATES,\n    focus: {\n      backgroundColor: \"blue150\",\n      borderColor: \"blue150\",\n      color: \"mono0\",\n      textDecoration: \"underline\",\n    },\n    hover: {\n      backgroundColor: \"blue150\",\n      borderColor: \"blue150\",\n      color: \"mono0\",\n      textDecoration: \"underline\",\n    },\n    active: {\n      backgroundColor: \"blue200\",\n      borderColor: \"blue200\",\n      color: \"mono0\",\n      textDecoration: \"underline\",\n    },\n  },\n\n  primaryGray: {\n    default: {\n      backgroundColor: \"mono10\",\n      borderColor: \"mono10\",\n      color: \"mono100\",\n    },\n    ...DEFAULT_PRIMARY_STATES,\n  },\n\n  secondaryBlack: {\n    default: {\n      backgroundColor: \"transparent\",\n      borderColor: \"mono100\",\n      color: \"mono100\",\n    },\n    ...DEFAULT_SECONDARY_STATES,\n  },\n\n  secondaryBlue: {\n    default: {\n      backgroundColor: \"transparent\",\n      borderColor: \"blue100\",\n      color: \"blue100\",\n    },\n    ...DEFAULT_SECONDARY_STATES,\n  },\n\n  secondaryWhite: {\n    default: {\n      backgroundColor: \"transparent\",\n      borderColor: \"mono0\",\n      color: \"mono0\",\n    },\n    ...DEFAULT_SECONDARY_STATES,\n  },\n\n  /** Used for follow buttons */\n  secondaryNeutral: {\n    default: {\n      backgroundColor: \"transparent\",\n      borderColor: \"mono100\",\n      color: \"mono100\",\n    },\n    ...DEFAULT_SECONDARY_STATES,\n    focus: {\n      backgroundColor: \"mono10\",\n      borderColor: \"mono10\",\n      color: \"mono100\",\n      textDecoration: \"underline\",\n    },\n    hover: {\n      backgroundColor: \"mono100\",\n      borderColor: \"mono100\",\n      color: \"mono0\",\n      textDecoration: \"underline\",\n    },\n    active: {\n      backgroundColor: \"mono100\",\n      borderColor: \"mono100\",\n      color: \"mono0\",\n      textDecoration: \"underline\",\n    },\n    loading: {\n      backgroundColor: \"mono100\",\n      borderColor: \"mono100\",\n      color: \"mono0\",\n    },\n    success: {\n      backgroundColor: \"transparent\",\n      borderColor: \"mono100\",\n      color: \"mono100\",\n    },\n  },\n\n  tertiary: {\n    default: {\n      backgroundColor: \"transparent\",\n      borderColor: \"transparent\",\n      color: \"mono100\",\n    },\n    focus: {\n      backgroundColor: \"blue10\",\n      borderColor: \"blue10\",\n      color: \"blue100\",\n      textDecoration: \"underline\",\n    },\n    hover: {\n      backgroundColor: \"blue10\",\n      borderColor: \"blue10\",\n      color: \"blue100\",\n      textDecoration: \"underline\",\n    },\n    active: {\n      backgroundColor: \"blue15\",\n      borderColor: \"blue15\",\n      color: \"blue100\",\n      textDecoration: \"underline\",\n    },\n    loading: {\n      backgroundColor: \"blue10\",\n      borderColor: \"blue10\",\n      color: \"blue100\",\n    },\n    disabled: {\n      backgroundColor: \"transparent\",\n      borderColor: \"transparent\",\n      color: \"mono30\",\n    },\n    success: {\n      backgroundColor: \"transparent\",\n      borderColor: \"transparent\",\n      color: \"blue100\",\n    },\n  },\n}\n\ntype ButtonVariants = Record<ButtonState, Record<ButtonVariant, any>>\n\n/** Inverts the structure of the style object so that we can use responsive values for `variant` */\nexport const BUTTON_VARIANTS: ButtonVariants = BUTTON_STATES.reduce(\n  (variantsMemo, state) => {\n    return {\n      ...variantsMemo,\n      [state]: BUTTON_VARIANT_NAMES.reduce((stateMemo, variant) => {\n        return {\n          ...stateMemo,\n          [variant]: BUTTON_STYLES[variant][state],\n        }\n      }, {}),\n    }\n  },\n  {} as ButtonVariants\n)\n\n/** Available button sizes */\nexport const BUTTON_SIZES = {\n  small: {\n    height: \"30px\",\n    borderRadius: \"15px\",\n    px: \"25px\",\n  },\n  large: {\n    height: \"50px\",\n    borderRadius: \"25px\",\n    px: \"25px\",\n  },\n} as const\n\n/** Text sizes associated with available button sizes */\nexport const BUTTON_TEXT_SIZES: Record<ButtonSize, TextProps[\"variant\"]> = {\n  small: \"xs\",\n  large: \"sm-display\",\n}\n"],"mappings":"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"}

package/dist/elements/Button/types.d.ts

@@ -1,11 +1,11 @@
 /** Names of button variants */
 export declare const BUTTON_VARIANT_NAMES: readonly ["primaryBlack", "primaryWhite", "primaryBlue", "primaryGray", "secondaryBlack", "secondaryBlue", "secondaryWhite", "secondaryNeutral", "tertiary"];
 /** Name of treatments */
-export declare type ButtonVariant = typeof BUTTON_VARIANT_NAMES[number];
+export type ButtonVariant = typeof BUTTON_VARIANT_NAMES[number];
 export declare const BUTTON_STATES: readonly ["default", "hover", "focus", "active", "loading", "disabled", "success"];
 /** Possible states that require styling */
-export declare type ButtonState = typeof BUTTON_STATES[number];
+export type ButtonState = typeof BUTTON_STATES[number];
 /** Names of button sizes */
 export declare const BUTTON_SIZE_NAMES: readonly ["small", "large"];
 /** Available sizes */
-export declare type ButtonSize = typeof BUTTON_SIZE_NAMES[number];
+export type ButtonSize = typeof BUTTON_SIZE_NAMES[number];

package/dist/elements/Button/types.js

@@ -5,17 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.BUTTON_VARIANT_NAMES = exports.BUTTON_STATES = exports.BUTTON_SIZE_NAMES = void 0;
 /** Names of button variants */
-var BUTTON_VARIANT_NAMES = ["primaryBlack", "primaryWhite", "primaryBlue", "primaryGray", "secondaryBlack", "secondaryBlue", "secondaryWhite", "secondaryNeutral", "tertiary"];
+var BUTTON_VARIANT_NAMES = exports.BUTTON_VARIANT_NAMES = ["primaryBlack", "primaryWhite", "primaryBlue", "primaryGray", "secondaryBlack", "secondaryBlue", "secondaryWhite", "secondaryNeutral", "tertiary"];
 
 /** Name of treatments */
-exports.BUTTON_VARIANT_NAMES = BUTTON_VARIANT_NAMES;
-var BUTTON_STATES = ["default", "hover", "focus", "active", "loading", "disabled", "success"];
+
+var BUTTON_STATES = exports.BUTTON_STATES = ["default", "hover", "focus", "active", "loading", "disabled", "success"];
 
 /** Possible states that require styling */
-exports.BUTTON_STATES = BUTTON_STATES;
+
 /** Names of button sizes */
-var BUTTON_SIZE_NAMES = ["small", "large"];
+var BUTTON_SIZE_NAMES = exports.BUTTON_SIZE_NAMES = ["small", "large"];
 
 /** Available sizes */
-exports.BUTTON_SIZE_NAMES = BUTTON_SIZE_NAMES;
 //# sourceMappingURL=types.js.map

package/dist/elements/Button/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["BUTTON_VARIANT_NAMES","exports","BUTTON_STATES","BUTTON_SIZE_NAMES"],"sources":["../../../src/elements/Button/types.ts"],"sourcesContent":["/** Names of button variants */\nexport const BUTTON_VARIANT_NAMES = [\n  \"primaryBlack\",\n  \"primaryWhite\",\n  \"primaryBlue\",\n  \"primaryGray\",\n  \"secondaryBlack\",\n  \"secondaryBlue\",\n  \"secondaryWhite\",\n  \"secondaryNeutral\",\n  \"tertiary\",\n] as const\n\n/** Name of treatments */\nexport type ButtonVariant = typeof BUTTON_VARIANT_NAMES[number]\n\nexport const BUTTON_STATES = [\n  \"default\",\n  \"hover\",\n  \"focus\",\n  \"active\",\n  \"loading\",\n  \"disabled\",\n  \"success\",\n] as const\n\n/** Possible states that require styling */\nexport type ButtonState = typeof BUTTON_STATES[number]\n\n/** Names of button sizes */\nexport const BUTTON_SIZE_NAMES = [\"small\", \"large\"] as const\n\n/** Available sizes */\nexport type ButtonSize = typeof BUTTON_SIZE_NAMES[number]\n"],"mappings":";;;;;;AAAA;AACO,IAAMA,oBAAoB,GAAG,CAClC,cAAc,EACd,cAAc,EACd,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,CACF;;AAEV;AAAAC,OAAA,CAAAD,oBAAA,GAAAA,oBAAA;AAGO,IAAME,aAAa,GAAG,CAC3B,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,CACD;;AAEV;AAAAD,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAGA;AACO,IAAMC,iBAAiB,GAAG,CAAC,OAAO,EAAE,OAAO,CAAU;;AAE5D;AAAAF,OAAA,CAAAE,iBAAA,GAAAA,iBAAA"}
+{"version":3,"file":"types.js","names":["BUTTON_VARIANT_NAMES","exports","BUTTON_STATES","BUTTON_SIZE_NAMES"],"sources":["../../../src/elements/Button/types.ts"],"sourcesContent":["/** Names of button variants */\nexport const BUTTON_VARIANT_NAMES = [\n  \"primaryBlack\",\n  \"primaryWhite\",\n  \"primaryBlue\",\n  \"primaryGray\",\n  \"secondaryBlack\",\n  \"secondaryBlue\",\n  \"secondaryWhite\",\n  \"secondaryNeutral\",\n  \"tertiary\",\n] as const\n\n/** Name of treatments */\nexport type ButtonVariant = typeof BUTTON_VARIANT_NAMES[number]\n\nexport const BUTTON_STATES = [\n  \"default\",\n  \"hover\",\n  \"focus\",\n  \"active\",\n  \"loading\",\n  \"disabled\",\n  \"success\",\n] as const\n\n/** Possible states that require styling */\nexport type ButtonState = typeof BUTTON_STATES[number]\n\n/** Names of button sizes */\nexport const BUTTON_SIZE_NAMES = [\"small\", \"large\"] as const\n\n/** Available sizes */\nexport type ButtonSize = typeof BUTTON_SIZE_NAMES[number]\n"],"mappings":";;;;;;AAAA;AACO,IAAMA,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,CAClC,cAAc,EACd,cAAc,EACd,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,CACF;;AAEV;;AAGO,IAAME,aAAa,GAAAD,OAAA,CAAAC,aAAA,GAAG,CAC3B,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,CACD;;AAEV;;AAGA;AACO,IAAMC,iBAAiB,GAAAF,OAAA,CAAAE,iBAAA,GAAG,CAAC,OAAO,EAAE,OAAO,CAAU;;AAE5D"}

package/dist/elements/CSSGrid/CSSGrid.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GridProps } from "styled-system";
 import { BoxProps } from "../Box";
 /**
@@ -10,5 +9,5 @@ export interface CSSGridProps extends GridProps, BoxProps {
  * A utility component that encapsulates CSS grid behavior
  */
 export declare const CSSGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, CSSGridProps>> & string;

package/dist/elements/CSSGrid/CSSGrid.js

@@ -15,9 +15,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 /**
  * A utility component that encapsulates CSS grid behavior
  */
-var CSSGrid = (0, _styledComponents.default)(_Box.Box).withConfig({
+var CSSGrid = exports.CSSGrid = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "CSSGrid",
   componentId: "sc-1q8w5xn-0"
 })(["display:grid;", ""], _styledSystem.grid);
-exports.CSSGrid = CSSGrid;
 //# sourceMappingURL=CSSGrid.js.map

package/dist/elements/CSSGrid/CSSGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"CSSGrid.js","names":["_styledComponents","_interopRequireDefault","require","_styledSystem","_Box","obj","__esModule","default","CSSGrid","styled","Box","withConfig","displayName","componentId","grid","exports"],"sources":["../../../src/elements/CSSGrid/CSSGrid.tsx"],"sourcesContent":["import styled from \"styled-components\"\nimport { grid, GridProps } from \"styled-system\"\nimport { Box, BoxProps } from \"../Box\"\n\n/**\n * All props available to the CSSGrid component\n */\nexport interface CSSGridProps extends GridProps, BoxProps {}\n\n/**\n * A utility component that encapsulates CSS grid behavior\n */\nexport const CSSGrid = styled(Box)<CSSGridProps>`\n  display: grid;\n  ${grid}\n`\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AAAsC,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEtC;AACA;AACA;;AAGA;AACA;AACA;AACO,IAAMG,OAAO,GAAG,IAAAC,yBAAM,EAACC,QAAG,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0BAE9BC,kBAAI,CACP;AAAAC,OAAA,CAAAP,OAAA,GAAAA,OAAA"}
+{"version":3,"file":"CSSGrid.js","names":["_styledComponents","_interopRequireDefault","require","_styledSystem","_Box","obj","__esModule","default","CSSGrid","exports","styled","Box","withConfig","displayName","componentId","grid"],"sources":["../../../src/elements/CSSGrid/CSSGrid.tsx"],"sourcesContent":["import styled from \"styled-components\"\nimport { grid, GridProps } from \"styled-system\"\nimport { Box, BoxProps } from \"../Box\"\n\n/**\n * All props available to the CSSGrid component\n */\nexport interface CSSGridProps extends GridProps, BoxProps {}\n\n/**\n * A utility component that encapsulates CSS grid behavior\n */\nexport const CSSGrid = styled(Box)<CSSGridProps>`\n  display: grid;\n  ${grid}\n`\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AAAsC,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEtC;AACA;AACA;;AAGA;AACA;AACA;AACO,IAAMG,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,IAAAE,yBAAM,EAACC,QAAG,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0BAE9BC,kBAAI,CACP"}

package/dist/elements/CSSGrid/CSSGrid.story.js

@@ -8,11 +8,10 @@ var _react = _interopRequireDefault(require("react"));
 var _Image = require("../Image");
 var _CSSGrid = require("./CSSGrid");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+var _default = exports.default = {
   title: "Components/CSSGrid"
 };
-exports.default = _default;
-var CssGridWithResponsiveProps = function CssGridWithResponsiveProps() {
+var CssGridWithResponsiveProps = exports.CssGridWithResponsiveProps = function CssGridWithResponsiveProps() {
   return /*#__PURE__*/_react.default.createElement(_CSSGrid.CSSGrid, {
     width: [220, 420, 680],
     gridGap: [2, 3, 4],
@@ -25,7 +24,6 @@ var CssGridWithResponsiveProps = function CssGridWithResponsiveProps() {
     });
   }));
 };
-exports.CssGridWithResponsiveProps = CssGridWithResponsiveProps;
 CssGridWithResponsiveProps.displayName = "CssGridWithResponsiveProps";
 CssGridWithResponsiveProps.story = {
   name: "CSSGrid with responsive props",

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

@@ -1 +1 @@
-{"version":3,"file":"CSSGrid.story.js","names":["_react","_interopRequireDefault","require","_Image","_CSSGrid","obj","__esModule","default","_default","title","exports","CssGridWithResponsiveProps","createElement","CSSGrid","width","gridGap","gridTemplateColumns","map","i","Image","src","key","displayName","story","name","parameters","chromatic","delay","diffThreshold"],"sources":["../../../src/elements/CSSGrid/CSSGrid.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { Image } from \"../Image\"\nimport { CSSGrid } from \"./CSSGrid\"\n\nexport default {\n  title: \"Components/CSSGrid\",\n}\n\nexport const CssGridWithResponsiveProps = () => {\n  return (\n    <CSSGrid\n      width={[220, 420, 680]}\n      gridGap={[2, 3, 4]}\n      gridTemplateColumns={[\n        \"repeat(2, 1fr)\",\n        \"repeat(3, 1fr)\",\n        \"repeat(4, 1fr)\",\n      ]}\n    >\n      {[1, 2, 3, 4, 5, 6, 7, 8].map((i) => {\n        return (\n          <Image\n            src=\"https://picsum.photos/id/1025/140/100/\"\n            width={[100, 120, 140]}\n            key={i}\n          />\n        )\n      })}\n    </CSSGrid>\n  )\n}\n\nCssGridWithResponsiveProps.story = {\n  name: \"CSSGrid with responsive props\",\n  parameters: { chromatic: { delay: 500, diffThreshold: 0.2 } },\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAmC,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAEpB;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAH,OAAA,GAAAC,QAAA;AAEM,IAAMG,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAAA,EAAS;EAC9C,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,QAAA,CAAAS,OAAO;IACNC,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;IACvBC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAE;IACnBC,mBAAmB,EAAE,CACnB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB;EAChB,GAED,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC,EAAK;IACnC,oBACElB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,MAAA,CAAAgB,KAAK;MACJC,GAAG,EAAC,wCAAwC;MAC5CN,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;MACvBO,GAAG,EAAEH;IAAE,EACP;EAEN,CAAC,CAAC,CACM;AAEd,CAAC;AAAAR,OAAA,CAAAC,0BAAA,GAAAA,0BAAA;AAtBYA,0BAA0B,CAAAW,WAAA;AAwBvCX,0BAA0B,CAACY,KAAK,GAAG;EACjCC,IAAI,EAAE,+BAA+B;EACrCC,UAAU,EAAE;IAAEC,SAAS,EAAE;MAAEC,KAAK,EAAE,GAAG;MAAEC,aAAa,EAAE;IAAI;EAAE;AAC9D,CAAC"}
+{"version":3,"file":"CSSGrid.story.js","names":["_react","_interopRequireDefault","require","_Image","_CSSGrid","obj","__esModule","default","_default","exports","title","CssGridWithResponsiveProps","createElement","CSSGrid","width","gridGap","gridTemplateColumns","map","i","Image","src","key","displayName","story","name","parameters","chromatic","delay","diffThreshold"],"sources":["../../../src/elements/CSSGrid/CSSGrid.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { Image } from \"../Image\"\nimport { CSSGrid } from \"./CSSGrid\"\n\nexport default {\n  title: \"Components/CSSGrid\",\n}\n\nexport const CssGridWithResponsiveProps = () => {\n  return (\n    <CSSGrid\n      width={[220, 420, 680]}\n      gridGap={[2, 3, 4]}\n      gridTemplateColumns={[\n        \"repeat(2, 1fr)\",\n        \"repeat(3, 1fr)\",\n        \"repeat(4, 1fr)\",\n      ]}\n    >\n      {[1, 2, 3, 4, 5, 6, 7, 8].map((i) => {\n        return (\n          <Image\n            src=\"https://picsum.photos/id/1025/140/100/\"\n            width={[100, 120, 140]}\n            key={i}\n          />\n        )\n      })}\n    </CSSGrid>\n  )\n}\n\nCssGridWithResponsiveProps.story = {\n  name: \"CSSGrid with responsive props\",\n  parameters: { chromatic: { delay: 500, diffThreshold: 0.2 } },\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAmC,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEpB;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,0BAA0B,GAAAF,OAAA,CAAAE,0BAAA,GAAG,SAA7BA,0BAA0BA,CAAA,EAAS;EAC9C,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,QAAA,CAAAS,OAAO;IACNC,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;IACvBC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAE;IACnBC,mBAAmB,EAAE,CACnB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB;EAChB,GAED,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC,EAAK;IACnC,oBACElB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,MAAA,CAAAgB,KAAK;MACJC,GAAG,EAAC,wCAAwC;MAC5CN,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;MACvBO,GAAG,EAAEH;IAAE,EACP;EAEN,CAAC,CAAC,CACM;AAEd,CAAC;AAtBYP,0BAA0B,CAAAW,WAAA;AAwBvCX,0BAA0B,CAACY,KAAK,GAAG;EACjCC,IAAI,EAAE,+BAA+B;EACrCC,UAAU,EAAE;IAAEC,SAAS,EAAE;MAAEC,KAAK,EAAE,GAAG;MAAEC,aAAa,EAAE;IAAI;EAAE;AAC9D,CAAC"}

package/dist/elements/Cards/Card.js

@@ -19,7 +19,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  * `Card` is a card with one image one tall image, and text for title
  * and subtitle at the bottom.
  */
-var Card = function Card(_ref) {
+var Card = exports.Card = function Card(_ref) {
   var image = _ref.image,
     title = _ref.title,
     subtitle = _ref.subtitle,
@@ -76,6 +76,5 @@ var Card = function Card(_ref) {
     color: "mono15"
   }, subtitle))));
 };
-exports.Card = Card;
 Card.displayName = "Card";
 //# sourceMappingURL=Card.js.map