@artsy/palette 41.8.1 → 42.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Join","_Shelf","_Spacer","_Skeleton","obj","__esModule","default","_default","title","exports","_SkeletonBox","createElement","States","states","borderRadius","SkeletonBox","width","height","displayName","_SkeletonText","variant","maxWidth","children","SkeletonText","ExampleArtworkSkeleton","_ref","i","Fragment","Spacer","y","_ExampleArtworkSkeleton","Skeleton","StressTest","Join","separator","Array","from","map","_","key","concat","overflow","Shelf","__","j"],"sources":["../../../src/elements/Skeleton/Skeleton.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Join } from \"../Join\"\nimport { Shelf } from \"../Shelf\"\nimport { Spacer } from \"../Spacer\"\nimport {\n  Skeleton,\n  SkeletonBox,\n  SkeletonBoxProps,\n  SkeletonText,\n  SkeletonTextProps,\n} from \"./Skeleton\"\n\nexport default {\n  title: \"Components/Skeleton\",\n}\n\nexport const _SkeletonBox = () => {\n  return (\n    <States<SkeletonBoxProps> states={[{}, { borderRadius: \"1em\" }]}>\n      <SkeletonBox width={400} height={300} />\n    </States>\n  )\n}\n\nexport const _SkeletonText = () => {\n  return (\n    <States<SkeletonTextProps>\n      states={[\n        { variant: \"xs\" },\n        { variant: \"sm\" },\n        { variant: \"md\" },\n        { variant: \"lg\" },\n        { variant: \"xl\" },\n        { variant: \"xxl\" },\n        {\n          variant: \"md\",\n          maxWidth: 300,\n          // @ts-expect-error  MIGRATE_STRICT_MODE\n          children:\n            \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam ratione impedit commodi quo, dolorem id animi ipsa voluptas eius cum suscipit distinctio qui quae aliquam consequuntur officiis numquam iste deleniti.\",\n        },\n        {\n          variant: \"xl\",\n          maxWidth: 300,\n          // @ts-expect-error  MIGRATE_STRICT_MODE\n          children:\n            \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam ratione impedit commodi quo, dolorem id animi ipsa voluptas eius cum suscipit distinctio qui quae aliquam consequuntur officiis numquam iste deleniti.\",\n        },\n      ]}\n    >\n      <SkeletonText variant=\"sm-display\">loading</SkeletonText>\n    </States>\n  )\n}\n\nconst ExampleArtworkSkeleton: React.FC<React.PropsWithChildren<{ i: number }>> = ({ i }) => {\n  return (\n    <>\n      <SkeletonBox width={200} height={[200, 300, 250, 275][i % 4]} />\n      <Spacer y={1} />\n      <SkeletonText variant=\"sm-display\">Artist Name</SkeletonText>\n      <SkeletonText variant=\"sm-display\">Artwork Title</SkeletonText>\n      <SkeletonText variant=\"xs\">Partner</SkeletonText>\n      <SkeletonText variant=\"xs\">Price</SkeletonText>\n    </>\n  )\n}\n\nexport const _ExampleArtworkSkeleton = () => {\n  return (\n    <Skeleton>\n      <ExampleArtworkSkeleton i={0} />\n    </Skeleton>\n  )\n}\n\nexport const StressTest = () => {\n  return (\n    <Join separator={<Spacer y={6} />}>\n      {Array.from(Array(12)).map((_, i) => {\n        return (\n          <Skeleton key={`a-${i}`} overflow=\"hidden\">\n            <Shelf>\n              {Array.from(Array(12)).map((__, j) => {\n                return <ExampleArtworkSkeleton key={`b-${j}`} i={j} />\n              })}\n            </Shelf>\n          </Skeleton>\n        )\n      })}\n    </Join>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Skeleton.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Join","_Shelf","_Spacer","_Skeleton","obj","__esModule","default","_default","exports","title","_SkeletonBox","createElement","States","states","borderRadius","SkeletonBox","width","height","displayName","_SkeletonText","variant","maxWidth","children","SkeletonText","ExampleArtworkSkeleton","_ref","i","Fragment","Spacer","y","_ExampleArtworkSkeleton","Skeleton","StressTest","Join","separator","Array","from","map","_","key","concat","overflow","Shelf","__","j"],"sources":["../../../src/elements/Skeleton/Skeleton.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Join } from \"../Join\"\nimport { Shelf } from \"../Shelf\"\nimport { Spacer } from \"../Spacer\"\nimport {\n  Skeleton,\n  SkeletonBox,\n  SkeletonBoxProps,\n  SkeletonText,\n  SkeletonTextProps,\n} from \"./Skeleton\"\n\nexport default {\n  title: \"Components/Skeleton\",\n}\n\nexport const _SkeletonBox = () => {\n  return (\n    <States<SkeletonBoxProps> states={[{}, { borderRadius: \"1em\" }]}>\n      <SkeletonBox width={400} height={300} />\n    </States>\n  )\n}\n\nexport const _SkeletonText = () => {\n  return (\n    <States<SkeletonTextProps>\n      states={[\n        { variant: \"xs\" },\n        { variant: \"sm\" },\n        { variant: \"md\" },\n        { variant: \"lg\" },\n        { variant: \"xl\" },\n        { variant: \"xxl\" },\n        {\n          variant: \"md\",\n          maxWidth: 300,\n          // @ts-expect-error  MIGRATE_STRICT_MODE\n          children:\n            \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam ratione impedit commodi quo, dolorem id animi ipsa voluptas eius cum suscipit distinctio qui quae aliquam consequuntur officiis numquam iste deleniti.\",\n        },\n        {\n          variant: \"xl\",\n          maxWidth: 300,\n          // @ts-expect-error  MIGRATE_STRICT_MODE\n          children:\n            \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam ratione impedit commodi quo, dolorem id animi ipsa voluptas eius cum suscipit distinctio qui quae aliquam consequuntur officiis numquam iste deleniti.\",\n        },\n      ]}\n    >\n      <SkeletonText variant=\"sm-display\">loading</SkeletonText>\n    </States>\n  )\n}\n\nconst ExampleArtworkSkeleton: React.FC<React.PropsWithChildren<{ i: number }>> = ({ i }) => {\n  return (\n    <>\n      <SkeletonBox width={200} height={[200, 300, 250, 275][i % 4]} />\n      <Spacer y={1} />\n      <SkeletonText variant=\"sm-display\">Artist Name</SkeletonText>\n      <SkeletonText variant=\"sm-display\">Artwork Title</SkeletonText>\n      <SkeletonText variant=\"xs\">Partner</SkeletonText>\n      <SkeletonText variant=\"xs\">Price</SkeletonText>\n    </>\n  )\n}\n\nexport const _ExampleArtworkSkeleton = () => {\n  return (\n    <Skeleton>\n      <ExampleArtworkSkeleton i={0} />\n    </Skeleton>\n  )\n}\n\nexport const StressTest = () => {\n  return (\n    <Join separator={<Spacer y={6} />}>\n      {Array.from(Array(12)).map((_, i) => {\n        return (\n          <Skeleton key={`a-${i}`} overflow=\"hidden\">\n            <Shelf>\n              {Array.from(Array(12)).map((__, j) => {\n                return <ExampleArtworkSkeleton key={`b-${j}`} i={j} />\n              })}\n            </Shelf>\n          </Skeleton>\n        )\n      })}\n    </Join>\n  )\n}\n"],"mappings":"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"}

package/dist/elements/Skip/Skip.d.ts

@@ -3,7 +3,7 @@ import { ClickableProps } from "../Clickable";
 /**
  * Either a button or an anchor tag
  */
-export declare type SkipProps = ClickableProps | (ClickableProps & {
+export type SkipProps = ClickableProps | (ClickableProps & {
     as: "a";
     href: string;
 });

package/dist/elements/Skip/Skip.js

@@ -29,7 +29,7 @@ var Container = (0, _styledComponents.default)(_Clickable.Clickable).withConfig(
  * Used, for example, to skip to content in the nav.
  * Is visually hidden until focused, which reveals it.
  */
-var Skip = /*#__PURE__*/_react.default.forwardRef(function (_ref, forwardedRef) {
+var Skip = exports.Skip = /*#__PURE__*/_react.default.forwardRef(function (_ref, forwardedRef) {
   var children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(Container, _extends({
@@ -41,6 +41,5 @@ var Skip = /*#__PURE__*/_react.default.forwardRef(function (_ref, forwardedRef)
     variant: "sm"
   }, children));
 });
-exports.Skip = Skip;
 Skip.displayName = "Skip";
 //# sourceMappingURL=Skip.js.map

package/dist/elements/Skip/Skip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skip.js","names":["_react","_interopRequireDefault","require","_styledComponents","_Clickable","_Text","_VisuallyHidden","_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","Container","styled","Clickable","withConfig","displayName","componentId","visuallyHiddenMixin","Skip","React","forwardRef","_ref","forwardedRef","children","rest","createElement","ref","display","bg","Text","p","variant","exports"],"sources":["../../../src/elements/Skip/Skip.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\nimport { Text } from \"../Text\"\nimport { visuallyHiddenMixin } from \"../VisuallyHidden\"\n\nconst Container = styled(Clickable)`\n  display: block;\n  text-decoration: underline;\n  outline: 0;\n\n  &:not(:focus):not(:active) {\n    ${visuallyHiddenMixin}\n  }\n`\n\n/**\n * Either a button or an anchor tag\n */\nexport type SkipProps =\n  | ClickableProps\n  | (ClickableProps & {\n      as: \"a\"\n      href: string\n    })\n\n/**\n * Skip link or button.\n * Utilize `as=\"a\"` for an anchor tag to link to landmark IDs.\n * Used, for example, to skip to content in the nav.\n * Is visually hidden until focused, which reveals it.\n */\nexport const Skip = React.forwardRef(\n  ({ children, ...rest }: SkipProps, forwardedRef) => {\n    return (\n      <Container\n        ref={forwardedRef as any}\n        display=\"block\"\n        bg=\"mono10\"\n        {...rest}\n      >\n        <Text p={1} variant=\"sm\">\n          {children}\n        </Text>\n      </Container>\n    )\n  }\n)\n\nSkip.displayName = \"Skip\"\n"],"mappings":"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"}
+{"version":3,"file":"Skip.js","names":["_react","_interopRequireDefault","require","_styledComponents","_Clickable","_Text","_VisuallyHidden","_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","Container","styled","Clickable","withConfig","displayName","componentId","visuallyHiddenMixin","Skip","exports","React","forwardRef","_ref","forwardedRef","children","rest","createElement","ref","display","bg","Text","p","variant"],"sources":["../../../src/elements/Skip/Skip.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\nimport { Text } from \"../Text\"\nimport { visuallyHiddenMixin } from \"../VisuallyHidden\"\n\nconst Container = styled(Clickable)`\n  display: block;\n  text-decoration: underline;\n  outline: 0;\n\n  &:not(:focus):not(:active) {\n    ${visuallyHiddenMixin}\n  }\n`\n\n/**\n * Either a button or an anchor tag\n */\nexport type SkipProps =\n  | ClickableProps\n  | (ClickableProps & {\n      as: \"a\"\n      href: string\n    })\n\n/**\n * Skip link or button.\n * Utilize `as=\"a\"` for an anchor tag to link to landmark IDs.\n * Used, for example, to skip to content in the nav.\n * Is visually hidden until focused, which reveals it.\n */\nexport const Skip = React.forwardRef(\n  ({ children, ...rest }: SkipProps, forwardedRef) => {\n    return (\n      <Container\n        ref={forwardedRef as any}\n        display=\"block\"\n        bg=\"mono10\"\n        {...rest}\n      >\n        <Text p={1} variant=\"sm\">\n          {children}\n        </Text>\n      </Container>\n    )\n  }\n)\n\nSkip.displayName = \"Skip\"\n"],"mappings":"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"}

package/dist/elements/Skip/Skip.story.js

@@ -8,22 +8,20 @@ var _react = _interopRequireDefault(require("react"));
 var _Text = require("../Text");
 var _Skip = require("./Skip");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+var _default = exports.default = {
   title: "Components/Skip"
 };
-exports.default = _default;
-var SkipButton = function SkipButton() {
+var SkipButton = exports.SkipButton = function SkipButton() {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Text.Text, {
     variant: "sm"
   }, "Press <tab> to focus"), /*#__PURE__*/_react.default.createElement(_Skip.Skip, null, "Skip to main content"), /*#__PURE__*/_react.default.createElement(_Text.Text, {
     variant: "sm"
   }, "It should not interfere with the normal flow of content"));
 };
-exports.SkipButton = SkipButton;
 SkipButton.story = {
   name: "Skip button"
 };
-var SkipButtonWithSpacing = function SkipButtonWithSpacing() {
+var SkipButtonWithSpacing = exports.SkipButtonWithSpacing = function SkipButtonWithSpacing() {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Text.Text, {
     variant: "sm"
   }, "Press <tab> to focus"), /*#__PURE__*/_react.default.createElement(_Skip.Skip, {
@@ -33,11 +31,10 @@ var SkipButtonWithSpacing = function SkipButtonWithSpacing() {
     variant: "sm"
   }, "It should not interfere with the normal flow of content"));
 };
-exports.SkipButtonWithSpacing = SkipButtonWithSpacing;
 SkipButtonWithSpacing.story = {
   name: "Skip button with spacing"
 };
-var SkipLink = function SkipLink() {
+var SkipLink = exports.SkipLink = function SkipLink() {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Text.Text, {
     variant: "sm"
   }, "Press <tab> to focus"), /*#__PURE__*/_react.default.createElement(_Skip.Skip, {
@@ -49,7 +46,6 @@ var SkipLink = function SkipLink() {
     variant: "sm"
   }, "It should not interfere with the normal flow of content"));
 };
-exports.SkipLink = SkipLink;
 SkipLink.story = {
   name: "Skip link"
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Skip.story.js","names":["_react","_interopRequireDefault","require","_Text","_Skip","obj","__esModule","default","_default","title","exports","SkipButton","createElement","Fragment","Text","variant","Skip","story","name","SkipButtonWithSpacing","width","my","SkipLink","as","href"],"sources":["../../../src/elements/Skip/Skip.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { Text } from \"../Text\"\nimport { Skip } from \"./Skip\"\n\nexport default {\n  title: \"Components/Skip\",\n}\n\nexport const SkipButton = () => {\n  return (\n    <>\n      <Text variant=\"sm\">Press &lt;tab&gt; to focus</Text>\n      <Skip>Skip to main content</Skip>\n      <Text variant=\"sm\">\n        It should not interfere with the normal flow of content\n      </Text>\n    </>\n  )\n}\n\nSkipButton.story = {\n  name: \"Skip button\",\n}\n\nexport const SkipButtonWithSpacing = () => {\n  return (\n    <>\n      <Text variant=\"sm\">Press &lt;tab&gt; to focus</Text>\n      <Skip width=\"100%\" my={1}>\n        Skip to main content\n      </Skip>\n      <Text variant=\"sm\">\n        It should not interfere with the normal flow of content\n      </Text>\n    </>\n  )\n}\n\nSkipButtonWithSpacing.story = {\n  name: \"Skip button with spacing\",\n}\n\nexport const SkipLink = () => {\n  return (\n    <>\n      <Text variant=\"sm\">Press &lt;tab&gt; to focus</Text>\n      <Skip width=\"100%\" my={1} as=\"a\" href=\"#main\">\n        Skip to main content\n      </Skip>\n      <Text variant=\"sm\">\n        It should not interfere with the normal flow of content\n      </Text>\n    </>\n  )\n}\n\nSkipLink.story = {\n  name: \"Skip link\",\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAA6B,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAEd;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAH,OAAA,GAAAC,QAAA;AAEM,IAAMG,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;EAC9B,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAAAZ,MAAA,CAAAO,OAAA,CAAAM,QAAA,qBACEb,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAW,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,sBAA0B,CAAO,eACpDf,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,KAAA,CAAAY,IAAI,QAAC,sBAAoB,CAAO,eACjChB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAW,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,yDAEnB,CAAO,CACN;AAEP,CAAC;AAAAL,OAAA,CAAAC,UAAA,GAAAA,UAAA;AAEDA,UAAU,CAACM,KAAK,GAAG;EACjBC,IAAI,EAAE;AACR,CAAC;AAEM,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAA,EAAS;EACzC,oBACEnB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAAAZ,MAAA,CAAAO,OAAA,CAAAM,QAAA,qBACEb,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAW,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,sBAA0B,CAAO,eACpDf,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,KAAA,CAAAY,IAAI;IAACI,KAAK,EAAC,MAAM;IAACC,EAAE,EAAE;EAAE,GAAC,sBAE1B,CAAO,eACPrB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAW,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,yDAEnB,CAAO,CACN;AAEP,CAAC;AAAAL,OAAA,CAAAS,qBAAA,GAAAA,qBAAA;AAEDA,qBAAqB,CAACF,KAAK,GAAG;EAC5BC,IAAI,EAAE;AACR,CAAC;AAEM,IAAMI,QAAQ,GAAG,SAAXA,QAAQA,CAAA,EAAS;EAC5B,oBACEtB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAAAZ,MAAA,CAAAO,OAAA,CAAAM,QAAA,qBACEb,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAW,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,sBAA0B,CAAO,eACpDf,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,KAAA,CAAAY,IAAI;IAACI,KAAK,EAAC,MAAM;IAACC,EAAE,EAAE,CAAE;IAACE,EAAE,EAAC,GAAG;IAACC,IAAI,EAAC;EAAO,GAAC,sBAE9C,CAAO,eACPxB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAW,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,yDAEnB,CAAO,CACN;AAEP,CAAC;AAAAL,OAAA,CAAAY,QAAA,GAAAA,QAAA;AAEDA,QAAQ,CAACL,KAAK,GAAG;EACfC,IAAI,EAAE;AACR,CAAC"}
+{"version":3,"file":"Skip.story.js","names":["_react","_interopRequireDefault","require","_Text","_Skip","obj","__esModule","default","_default","exports","title","SkipButton","createElement","Fragment","Text","variant","Skip","story","name","SkipButtonWithSpacing","width","my","SkipLink","as","href"],"sources":["../../../src/elements/Skip/Skip.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { Text } from \"../Text\"\nimport { Skip } from \"./Skip\"\n\nexport default {\n  title: \"Components/Skip\",\n}\n\nexport const SkipButton = () => {\n  return (\n    <>\n      <Text variant=\"sm\">Press &lt;tab&gt; to focus</Text>\n      <Skip>Skip to main content</Skip>\n      <Text variant=\"sm\">\n        It should not interfere with the normal flow of content\n      </Text>\n    </>\n  )\n}\n\nSkipButton.story = {\n  name: \"Skip button\",\n}\n\nexport const SkipButtonWithSpacing = () => {\n  return (\n    <>\n      <Text variant=\"sm\">Press &lt;tab&gt; to focus</Text>\n      <Skip width=\"100%\" my={1}>\n        Skip to main content\n      </Skip>\n      <Text variant=\"sm\">\n        It should not interfere with the normal flow of content\n      </Text>\n    </>\n  )\n}\n\nSkipButtonWithSpacing.story = {\n  name: \"Skip button with spacing\",\n}\n\nexport const SkipLink = () => {\n  return (\n    <>\n      <Text variant=\"sm\">Press &lt;tab&gt; to focus</Text>\n      <Skip width=\"100%\" my={1} as=\"a\" href=\"#main\">\n        Skip to main content\n      </Skip>\n      <Text variant=\"sm\">\n        It should not interfere with the normal flow of content\n      </Text>\n    </>\n  )\n}\n\nSkipLink.story = {\n  name: \"Skip link\",\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAA6B,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEd;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,UAAU,GAAAF,OAAA,CAAAE,UAAA,GAAG,SAAbA,UAAUA,CAAA,EAAS;EAC9B,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAAAZ,MAAA,CAAAO,OAAA,CAAAM,QAAA,qBACEb,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAW,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,sBAA0B,CAAO,eACpDf,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,KAAA,CAAAY,IAAI,QAAC,sBAAoB,CAAO,eACjChB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAW,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,yDAEnB,CAAO,CACN;AAEP,CAAC;AAEDJ,UAAU,CAACM,KAAK,GAAG;EACjBC,IAAI,EAAE;AACR,CAAC;AAEM,IAAMC,qBAAqB,GAAAV,OAAA,CAAAU,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAA,EAAS;EACzC,oBACEnB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAAAZ,MAAA,CAAAO,OAAA,CAAAM,QAAA,qBACEb,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAW,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,sBAA0B,CAAO,eACpDf,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,KAAA,CAAAY,IAAI;IAACI,KAAK,EAAC,MAAM;IAACC,EAAE,EAAE;EAAE,GAAC,sBAE1B,CAAO,eACPrB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAW,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,yDAEnB,CAAO,CACN;AAEP,CAAC;AAEDI,qBAAqB,CAACF,KAAK,GAAG;EAC5BC,IAAI,EAAE;AACR,CAAC;AAEM,IAAMI,QAAQ,GAAAb,OAAA,CAAAa,QAAA,GAAG,SAAXA,QAAQA,CAAA,EAAS;EAC5B,oBACEtB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAAAZ,MAAA,CAAAO,OAAA,CAAAM,QAAA,qBACEb,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAW,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,sBAA0B,CAAO,eACpDf,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,KAAA,CAAAY,IAAI;IAACI,KAAK,EAAC,MAAM;IAACC,EAAE,EAAE,CAAE;IAACE,EAAE,EAAC,GAAG;IAACC,IAAI,EAAC;EAAO,GAAC,sBAE9C,CAAO,eACPxB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAW,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,yDAEnB,CAAO,CACN;AAEP,CAAC;AAEDO,QAAQ,CAACL,KAAK,GAAG;EACfC,IAAI,EAAE;AACR,CAAC"}

package/dist/elements/Spacer/Spacer.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { BoxProps } from "../../elements/Box";
-export declare type SpacerProps = {
+export type SpacerProps = {
     x?: BoxProps["ml"];
     y?: BoxProps["mt"];
 } & React.HTMLAttributes<HTMLDivElement>;

package/dist/elements/Spacer/Spacer.js

@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 /**
  * Used to inject space where it's needed.
  */
-var Spacer = function Spacer(_ref) {
+var Spacer = exports.Spacer = function Spacer(_ref) {
   var x = _ref.x,
     y = _ref.y,
     restProps = _objectWithoutProperties(_ref, _excluded);
@@ -23,7 +23,6 @@ var Spacer = function Spacer(_ref) {
     mt: y
   }));
 };
-exports.Spacer = Spacer;
 Spacer.displayName = "Spacer";
 Spacer.displayName = "Spacer";
 //# sourceMappingURL=Spacer.js.map

package/dist/elements/Spacer/Spacer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spacer.js","names":["_react","_interopRequireDefault","require","_Box","_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","Spacer","_ref","x","y","restProps","createElement","Box","ml","mt","exports","displayName"],"sources":["../../../src/elements/Spacer/Spacer.tsx"],"sourcesContent":["import React from \"react\"\nimport { Box, BoxProps } from \"../../elements/Box\"\n\nexport type SpacerProps = {\n  x?: BoxProps[\"ml\"]\n  y?: BoxProps[\"mt\"]\n} & React.HTMLAttributes<HTMLDivElement>\n\n/**\n * Used to inject space where it's needed.\n */\nexport const Spacer = ({ x, y, ...restProps }: SpacerProps) => {\n  return <Box {...restProps} ml={x} mt={y} />\n}\n\nSpacer.displayName = \"Spacer\"\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AAAkD,IAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAOlD;AACA;AACA;AACO,IAAMmB,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAA4C;EAAA,IAAtCC,CAAC,GAAAD,IAAA,CAADC,CAAC;IAAEC,CAAC,GAAAF,IAAA,CAADE,CAAC;IAAKC,SAAS,GAAAb,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EACzC,oBAAOJ,MAAA,CAAAO,OAAA,CAAA6B,aAAA,CAACjC,IAAA,CAAAkC,GAAG,EAAA7B,QAAA,KAAK2B,SAAS;IAAEG,EAAE,EAAEL,CAAE;IAACM,EAAE,EAAEL;EAAE,GAAG;AAC7C,CAAC;AAAAM,OAAA,CAAAT,MAAA,GAAAA,MAAA;AAFYA,MAAM,CAAAU,WAAA;AAInBV,MAAM,CAACU,WAAW,GAAG,QAAQ"}
+{"version":3,"file":"Spacer.js","names":["_react","_interopRequireDefault","require","_Box","_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","Spacer","exports","_ref","x","y","restProps","createElement","Box","ml","mt","displayName"],"sources":["../../../src/elements/Spacer/Spacer.tsx"],"sourcesContent":["import React from \"react\"\nimport { Box, BoxProps } from \"../../elements/Box\"\n\nexport type SpacerProps = {\n  x?: BoxProps[\"ml\"]\n  y?: BoxProps[\"mt\"]\n} & React.HTMLAttributes<HTMLDivElement>\n\n/**\n * Used to inject space where it's needed.\n */\nexport const Spacer = ({ x, y, ...restProps }: SpacerProps) => {\n  return <Box {...restProps} ml={x} mt={y} />\n}\n\nSpacer.displayName = \"Spacer\"\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AAAkD,IAAAE,SAAA;AAAA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAOlD;AACA;AACA;AACO,IAAMmB,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAAE,IAAA,EAA4C;EAAA,IAAtCC,CAAC,GAAAD,IAAA,CAADC,CAAC;IAAEC,CAAC,GAAAF,IAAA,CAADE,CAAC;IAAKC,SAAS,GAAAd,wBAAA,CAAAW,IAAA,EAAA7B,SAAA;EACzC,oBAAOJ,MAAA,CAAAO,OAAA,CAAA8B,aAAA,CAAClC,IAAA,CAAAmC,GAAG,EAAA9B,QAAA,KAAK4B,SAAS;IAAEG,EAAE,EAAEL,CAAE;IAACM,EAAE,EAAEL;EAAE,GAAG;AAC7C,CAAC;AAFYJ,MAAM,CAAAU,WAAA;AAInBV,MAAM,CAACU,WAAW,GAAG,QAAQ"}

package/dist/elements/Spacer/Spacer.story.js

@@ -15,18 +15,17 @@ 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; }
-var _default = {
+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; }
+var _default = exports.default = {
   title: "Components/Spacer",
   component: _Spacer2.Spacer
 };
-exports.default = _default;
 var VALUES = Object.keys(_v.THEME.space).sort(function (a, b) {
   return Number(a) - Number(b);
 }).map(function (value) {
   return Number(value);
 });
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [].concat(_toConsumableArray(VALUES.map(function (value) {
       return {
@@ -68,7 +67,6 @@ var Default = function Default() {
     })));
   });
 };
-exports.Default = Default;
 Default.displayName = "Default";
 var _Spacer = _Box.Box;
 _Spacer.displayName = "Spacer";

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

@@ -1 +1 @@
-{"version":3,"file":"Spacer.story.js","names":["_v","require","_react","_interopRequireDefault","_storybookStates","_Box","_Spacer2","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","_default","title","component","Spacer","exports","VALUES","keys","THEME","space","sort","a","b","Number","map","value","Default","createElement","States","states","concat","y","x","_ref","_Spacer","Box","height","width","bg","display","displayName"],"sources":["../../../src/elements/Spacer/Spacer.story.tsx"],"sourcesContent":["import { THEME } from \"@artsy/palette-tokens/dist/themes/v3\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Box } from \"../Box\"\nimport { Spacer, SpacerProps } from \"./Spacer\"\n\nexport default {\n  title: \"Components/Spacer\",\n  component: Spacer,\n}\n\nconst VALUES = Object.keys(THEME.space)\n  .sort((a, b) => {\n    return Number(a) - Number(b)\n  })\n  .map((value) => Number(value))\n\nexport const Default = () => {\n  return (\n    <States<SpacerProps>\n      states={[\n        ...VALUES.map((value) => ({ y: value })),\n        ...VALUES.map((value) => ({ x: value })),\n      ]}\n    >\n      {({ x, y }) => {\n        if (y) {\n          return (\n            <_Spacer>\n              <Box height={2} width={100} bg=\"mono60\" />\n\n              <Spacer y={y} />\n\n              <Box height={2} width={100} bg=\"mono60\" />\n            </_Spacer>\n          )\n        }\n\n        return (\n          <_Spacer>\n            <Box display=\"flex\">\n              <Box height={100} width={2} bg=\"mono60\" />\n\n              <Spacer x={x} />\n\n              <Box height={100} width={2} bg=\"mono60\" />\n            </Box>\n          </_Spacer>\n        )\n      }}\n    </States>\n  )\n}\n\nconst _Spacer = Box\n_Spacer.displayName = \"Spacer\"\n"],"mappings":";;;;;;AAAA,IAAAA,EAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAA8C,SAAAE,uBAAAI,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,MAAAC,IAAA,CAAAD,CAAA,IAAA1B,GAAA,CAAA0B,CAAA,YAAAC,IAAA;AAAA,IAAAC,QAAA,GAE/B;EACbC,KAAK,EAAE,mBAAmB;EAC1BC,SAAS,EAAEC;AACb,CAAC;AAAAC,OAAA,CAAAlC,OAAA,GAAA8B,QAAA;AAED,IAAMK,MAAM,GAAGvB,MAAM,CAACwB,IAAI,CAACC,QAAK,CAACC,KAAK,CAAC,CACpCC,IAAI,CAAC,UAACC,CAAC,EAAEC,CAAC,EAAK;EACd,OAAOC,MAAM,CAACF,CAAC,CAAC,GAAGE,MAAM,CAACD,CAAC,CAAC;AAC9B,CAAC,CAAC,CACDE,GAAG,CAAC,UAACC,KAAK;EAAA,OAAKF,MAAM,CAACE,KAAK,CAAC;AAAA,EAAC;AAEzB,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEpD,MAAA,CAAAO,OAAA,CAAA8C,aAAA,CAACnD,gBAAA,CAAAoD,MAAM;IACLC,MAAM,KAAAC,MAAA,CAAAhD,kBAAA,CACDkC,MAAM,CAACQ,GAAG,CAAC,UAACC,KAAK;MAAA,OAAM;QAAEM,CAAC,EAAEN;MAAM,CAAC;IAAA,CAAC,CAAC,GAAA3C,kBAAA,CACrCkC,MAAM,CAACQ,GAAG,CAAC,UAACC,KAAK;MAAA,OAAM;QAAEO,CAAC,EAAEP;MAAM,CAAC;IAAA,CAAC,CAAC;EACxC,GAED,UAAAQ,IAAA,EAAc;IAAA,IAAXD,CAAC,GAAAC,IAAA,CAADD,CAAC;MAAED,CAAC,GAAAE,IAAA,CAADF,CAAC;IACN,IAAIA,CAAC,EAAE;MACL,oBACEzD,MAAA,CAAAO,OAAA,CAAA8C,aAAA,CAACO,OAAO,qBACN5D,MAAA,CAAAO,OAAA,CAAA8C,aAAA,CAAClD,IAAA,CAAA0D,GAAG;QAACC,MAAM,EAAE,CAAE;QAACC,KAAK,EAAE,GAAI;QAACC,EAAE,EAAC;MAAQ,EAAG,eAE1ChE,MAAA,CAAAO,OAAA,CAAA8C,aAAA,CAACjD,QAAA,CAAAoC,MAAM;QAACiB,CAAC,EAAEA;MAAE,EAAG,eAEhBzD,MAAA,CAAAO,OAAA,CAAA8C,aAAA,CAAClD,IAAA,CAAA0D,GAAG;QAACC,MAAM,EAAE,CAAE;QAACC,KAAK,EAAE,GAAI;QAACC,EAAE,EAAC;MAAQ,EAAG,CAClC;IAEd;IAEA,oBACEhE,MAAA,CAAAO,OAAA,CAAA8C,aAAA,CAACO,OAAO,qBACN5D,MAAA,CAAAO,OAAA,CAAA8C,aAAA,CAAClD,IAAA,CAAA0D,GAAG;MAACI,OAAO,EAAC;IAAM,gBACjBjE,MAAA,CAAAO,OAAA,CAAA8C,aAAA,CAAClD,IAAA,CAAA0D,GAAG;MAACC,MAAM,EAAE,GAAI;MAACC,KAAK,EAAE,CAAE;MAACC,EAAE,EAAC;IAAQ,EAAG,eAE1ChE,MAAA,CAAAO,OAAA,CAAA8C,aAAA,CAACjD,QAAA,CAAAoC,MAAM;MAACkB,CAAC,EAAEA;IAAE,EAAG,eAEhB1D,MAAA,CAAAO,OAAA,CAAA8C,aAAA,CAAClD,IAAA,CAAA0D,GAAG;MAACC,MAAM,EAAE,GAAI;MAACC,KAAK,EAAE,CAAE;MAACC,EAAE,EAAC;IAAQ,EAAG,CACtC,CACE;EAEd,CAAC,CACM;AAEb,CAAC;AAAAvB,OAAA,CAAAW,OAAA,GAAAA,OAAA;AAnCYA,OAAO,CAAAc,WAAA;AAqCpB,IAAMN,OAAO,GAAGC,QAAG;AACnBD,OAAO,CAACM,WAAW,GAAG,QAAQ"}
+{"version":3,"file":"Spacer.story.js","names":["_v","require","_react","_interopRequireDefault","_storybookStates","_Box","_Spacer2","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","_default","exports","title","component","Spacer","VALUES","keys","THEME","space","sort","a","b","Number","map","value","Default","createElement","States","states","concat","y","x","_ref","_Spacer","Box","height","width","bg","display","displayName"],"sources":["../../../src/elements/Spacer/Spacer.story.tsx"],"sourcesContent":["import { THEME } from \"@artsy/palette-tokens/dist/themes/v3\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Box } from \"../Box\"\nimport { Spacer, SpacerProps } from \"./Spacer\"\n\nexport default {\n  title: \"Components/Spacer\",\n  component: Spacer,\n}\n\nconst VALUES = Object.keys(THEME.space)\n  .sort((a, b) => {\n    return Number(a) - Number(b)\n  })\n  .map((value) => Number(value))\n\nexport const Default = () => {\n  return (\n    <States<SpacerProps>\n      states={[\n        ...VALUES.map((value) => ({ y: value })),\n        ...VALUES.map((value) => ({ x: value })),\n      ]}\n    >\n      {({ x, y }) => {\n        if (y) {\n          return (\n            <_Spacer>\n              <Box height={2} width={100} bg=\"mono60\" />\n\n              <Spacer y={y} />\n\n              <Box height={2} width={100} bg=\"mono60\" />\n            </_Spacer>\n          )\n        }\n\n        return (\n          <_Spacer>\n            <Box display=\"flex\">\n              <Box height={100} width={2} bg=\"mono60\" />\n\n              <Spacer x={x} />\n\n              <Box height={100} width={2} bg=\"mono60\" />\n            </Box>\n          </_Spacer>\n        )\n      }}\n    </States>\n  )\n}\n\nconst _Spacer = Box\n_Spacer.displayName = \"Spacer\"\n"],"mappings":"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"}

package/dist/elements/Spinner/Spinner.d.ts

@@ -21,7 +21,7 @@ declare const SPINNER_VARIANTS: {
         readonly left: "calc(50% - 12.5px)";
     };
 };
-export declare type SpinnerSize = keyof typeof SPINNER_VARIANTS;
+export type SpinnerSize = keyof typeof SPINNER_VARIANTS;
 export interface SpinnerProps extends Omit<BoxProps, "size" | "width" | "height"> {
     /** Delay before spinner appears */
     delay?: number;

package/dist/elements/Spinner/Spinner.js

@@ -16,8 +16,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _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; }
@@ -45,7 +45,7 @@ var SPINNER_VARIANTS = {
   }
 };
 /** Generic Spinner component */
-var Spinner = function Spinner(_ref) {
+var Spinner = exports.Spinner = function Spinner(_ref) {
   var _ref$position = _ref.position,
     position = _ref$position === void 0 ? "absolute" : _ref$position,
     _ref$delay = _ref.delay,
@@ -74,7 +74,6 @@ var Spinner = function Spinner(_ref) {
     position: position
   }, rest));
 };
-exports.Spinner = Spinner;
 Spinner.displayName = "Spinner";
 var spin = (0, _styledComponents.keyframes)(["100%{transform:rotate(360deg)}"]);
 var Bar = (0, _styledComponents.default)(_Box.Box).withConfig({

package/dist/elements/Spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_styledSystem","_Box","_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","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","SPINNER_VARIANTS","small","width","height","top","left","medium","large","Spinner","_ref","_ref$position","position","_ref$delay","delay","_ref$size","size","_ref$color","color","rest","_useState","useState","_useState2","show","setShow","useEffect","timeout","setTimeout","clearTimeout","createElement","Bar","bg","exports","displayName","spin","keyframes","styled","Box","withConfig","componentId","variant","variants","prop"],"sources":["../../../src/elements/Spinner/Spinner.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport styled, { keyframes } from \"styled-components\"\nimport { ResponsiveValue, variant } from \"styled-system\"\nimport { Box, BoxProps } from \"../Box\"\n\nconst SPINNER_VARIANTS = {\n  small: {\n    width: 12.5,\n    height: 3,\n    // TODO: Remove `top` and `left`\n    top: \"calc(50% - 1.5px)\",\n    left: \"calc(50% - 6.25px)\",\n  },\n\n  medium: {\n    width: 20,\n    height: 4.8,\n    // TODO: Remove `top` and `left`\n    top: \"calc(50% - 2.4px)\",\n    left: \"calc(50% - 10px)\",\n  },\n\n  large: {\n    width: 25,\n    height: 6,\n    // TODO: Remove `top` and `left`\n    top: \"calc(50% - 3px)\",\n    left: \"calc(50% - 12.5px)\",\n  },\n} as const\n\nexport type SpinnerSize = keyof typeof SPINNER_VARIANTS\n\nexport interface SpinnerProps\n  extends Omit<BoxProps, \"size\" | \"width\" | \"height\"> {\n  /** Delay before spinner appears */\n  delay?: number\n  /** Size of the spinner */\n  size?: ResponsiveValue<SpinnerSize>\n  /** Color of the spinner */\n  color?: ResponsiveValue<string>\n}\n\n/** Generic Spinner component */\nexport const Spinner: React.FC<React.PropsWithChildren<SpinnerProps>> = ({\n  position = \"absolute\",\n  delay = 0,\n  size = \"large\",\n  color = \"mono100\",\n  ...rest\n}) => {\n  const [show, setShow] = useState(delay === 0)\n\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      setShow(true)\n    }, delay)\n\n    return () => {\n      clearTimeout(timeout)\n    }\n  }, [delay])\n\n  if (!show) return null\n\n  return (\n    <Bar\n      bg={color ?? \"currentColor\"}\n      size={size}\n      position={position}\n      {...rest}\n    />\n  )\n}\n\nconst spin = keyframes`\n  100% {\n    transform: rotate(360deg)\n  }\n`\n\nconst Bar = styled(Box)`\n  animation: ${spin} 1s infinite linear;\n  ${variant({ variants: SPINNER_VARIANTS, prop: \"size\" })}\n`\n\nSpinner.displayName = \"Spinner\"\n"],"mappings":"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"}
+{"version":3,"file":"Spinner.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_styledSystem","_Box","_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","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","SPINNER_VARIANTS","small","width","height","top","left","medium","large","Spinner","exports","_ref","_ref$position","position","_ref$delay","delay","_ref$size","size","_ref$color","color","rest","_useState","useState","_useState2","show","setShow","useEffect","timeout","setTimeout","clearTimeout","createElement","Bar","bg","displayName","spin","keyframes","styled","Box","withConfig","componentId","variant","variants","prop"],"sources":["../../../src/elements/Spinner/Spinner.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport styled, { keyframes } from \"styled-components\"\nimport { ResponsiveValue, variant } from \"styled-system\"\nimport { Box, BoxProps } from \"../Box\"\n\nconst SPINNER_VARIANTS = {\n  small: {\n    width: 12.5,\n    height: 3,\n    // TODO: Remove `top` and `left`\n    top: \"calc(50% - 1.5px)\",\n    left: \"calc(50% - 6.25px)\",\n  },\n\n  medium: {\n    width: 20,\n    height: 4.8,\n    // TODO: Remove `top` and `left`\n    top: \"calc(50% - 2.4px)\",\n    left: \"calc(50% - 10px)\",\n  },\n\n  large: {\n    width: 25,\n    height: 6,\n    // TODO: Remove `top` and `left`\n    top: \"calc(50% - 3px)\",\n    left: \"calc(50% - 12.5px)\",\n  },\n} as const\n\nexport type SpinnerSize = keyof typeof SPINNER_VARIANTS\n\nexport interface SpinnerProps\n  extends Omit<BoxProps, \"size\" | \"width\" | \"height\"> {\n  /** Delay before spinner appears */\n  delay?: number\n  /** Size of the spinner */\n  size?: ResponsiveValue<SpinnerSize>\n  /** Color of the spinner */\n  color?: ResponsiveValue<string>\n}\n\n/** Generic Spinner component */\nexport const Spinner: React.FC<React.PropsWithChildren<SpinnerProps>> = ({\n  position = \"absolute\",\n  delay = 0,\n  size = \"large\",\n  color = \"mono100\",\n  ...rest\n}) => {\n  const [show, setShow] = useState(delay === 0)\n\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      setShow(true)\n    }, delay)\n\n    return () => {\n      clearTimeout(timeout)\n    }\n  }, [delay])\n\n  if (!show) return null\n\n  return (\n    <Bar\n      bg={color ?? \"currentColor\"}\n      size={size}\n      position={position}\n      {...rest}\n    />\n  )\n}\n\nconst spin = keyframes`\n  100% {\n    transform: rotate(360deg)\n  }\n`\n\nconst Bar = styled(Box)`\n  animation: ${spin} 1s infinite linear;\n  ${variant({ variants: SPINNER_VARIANTS, prop: \"size\" })}\n`\n\nSpinner.displayName = \"Spinner\"\n"],"mappings":"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"}

package/dist/elements/Spinner/Spinner.story.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _storybookStates = require("storybook-states");
 var _Spinner = require("./Spinner");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+var _default = exports.default = {
   title: "Components/Spinner",
   parameters: {
     chromatic: {
@@ -16,8 +16,7 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{}, {
       color: "brand",
@@ -30,19 +29,16 @@ var Default = function Default() {
     position: "static"
   }));
 };
-exports.Default = Default;
 Default.displayName = "Default";
-var DefaultSpinner = function DefaultSpinner() {
+var DefaultSpinner = exports.DefaultSpinner = function DefaultSpinner() {
   return /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, null);
 };
-exports.DefaultSpinner = DefaultSpinner;
 DefaultSpinner.displayName = "DefaultSpinner";
-var SpinnerWithDelayedShow = function SpinnerWithDelayedShow() {
+var SpinnerWithDelayedShow = exports.SpinnerWithDelayedShow = function SpinnerWithDelayedShow() {
   return /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, {
     delay: 1000
   });
 };
-exports.SpinnerWithDelayedShow = SpinnerWithDelayedShow;
 SpinnerWithDelayedShow.displayName = "SpinnerWithDelayedShow";
 SpinnerWithDelayedShow.story = {
   name: "Spinner with delayed show"

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Spinner","obj","__esModule","default","_default","title","parameters","chromatic","disable","exports","Default","createElement","States","states","color","size","m","Spinner","position","displayName","DefaultSpinner","SpinnerWithDelayedShow","delay","story","name"],"sources":["../../../src/elements/Spinner/Spinner.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Spinner, SpinnerProps } from \"./Spinner\"\n\nexport default {\n  title: \"Components/Spinner\",\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const Default = () => (\n  <States<SpinnerProps>\n    states={[\n      {},\n      { color: \"brand\", size: \"small\", m: 2 },\n      { size: [\"small\", \"medium\", \"large\"] },\n    ]}\n  >\n    <Spinner position=\"static\" />\n  </States>\n)\n\nexport const DefaultSpinner = () => {\n  return <Spinner />\n}\n\nexport const SpinnerWithDelayedShow = () => {\n  return <Spinner delay={1000} />\n}\n\nSpinnerWithDelayedShow.story = {\n  name: \"Spinner with delayed show\",\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAiD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAElC;EACbC,KAAK,EAAE,oBAAoB;EAC3BC,UAAU,EAAE;IAAEC,SAAS,EAAE;MAAEC,OAAO,EAAE;IAAK;EAAE;AAC7C,CAAC;AAAAC,OAAA,CAAAN,OAAA,GAAAC,QAAA;AAEM,IAAMM,OAAO,GAAG,SAAVA,OAAOA,CAAA;EAAA,oBAClBd,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACZ,gBAAA,CAAAa,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEC,KAAK,EAAE,OAAO;MAAEC,IAAI,EAAE,OAAO;MAAEC,CAAC,EAAE;IAAE,CAAC,EACvC;MAAED,IAAI,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO;IAAE,CAAC;EACtC,gBAEFnB,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACX,QAAA,CAAAiB,OAAO;IAACC,QAAQ,EAAC;EAAQ,EAAG,CACtB;AAAA,CACV;AAAAT,OAAA,CAAAC,OAAA,GAAAA,OAAA;AAVYA,OAAO,CAAAS,WAAA;AAYb,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;EAClC,oBAAOxB,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACX,QAAA,CAAAiB,OAAO,OAAG;AACpB,CAAC;AAAAR,OAAA,CAAAW,cAAA,GAAAA,cAAA;AAFYA,cAAc,CAAAD,WAAA;AAIpB,IAAME,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAA,EAAS;EAC1C,oBAAOzB,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACX,QAAA,CAAAiB,OAAO;IAACK,KAAK,EAAE;EAAK,EAAG;AACjC,CAAC;AAAAb,OAAA,CAAAY,sBAAA,GAAAA,sBAAA;AAFYA,sBAAsB,CAAAF,WAAA;AAInCE,sBAAsB,CAACE,KAAK,GAAG;EAC7BC,IAAI,EAAE;AACR,CAAC"}
+{"version":3,"file":"Spinner.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Spinner","obj","__esModule","default","_default","exports","title","parameters","chromatic","disable","Default","createElement","States","states","color","size","m","Spinner","position","displayName","DefaultSpinner","SpinnerWithDelayedShow","delay","story","name"],"sources":["../../../src/elements/Spinner/Spinner.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Spinner, SpinnerProps } from \"./Spinner\"\n\nexport default {\n  title: \"Components/Spinner\",\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const Default = () => (\n  <States<SpinnerProps>\n    states={[\n      {},\n      { color: \"brand\", size: \"small\", m: 2 },\n      { size: [\"small\", \"medium\", \"large\"] },\n    ]}\n  >\n    <Spinner position=\"static\" />\n  </States>\n)\n\nexport const DefaultSpinner = () => {\n  return <Spinner />\n}\n\nexport const SpinnerWithDelayedShow = () => {\n  return <Spinner delay={1000} />\n}\n\nSpinnerWithDelayedShow.story = {\n  name: \"Spinner with delayed show\",\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAiD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAElC;EACbG,KAAK,EAAE,oBAAoB;EAC3BC,UAAU,EAAE;IAAEC,SAAS,EAAE;MAAEC,OAAO,EAAE;IAAK;EAAE;AAC7C,CAAC;AAEM,IAAMC,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG,SAAVA,OAAOA,CAAA;EAAA,oBAClBd,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACZ,gBAAA,CAAAa,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEC,KAAK,EAAE,OAAO;MAAEC,IAAI,EAAE,OAAO;MAAEC,CAAC,EAAE;IAAE,CAAC,EACvC;MAAED,IAAI,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO;IAAE,CAAC;EACtC,gBAEFnB,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACX,QAAA,CAAAiB,OAAO;IAACC,QAAQ,EAAC;EAAQ,EAAG,CACtB;AAAA,CACV;AAVYR,OAAO,CAAAS,WAAA;AAYb,IAAMC,cAAc,GAAAf,OAAA,CAAAe,cAAA,GAAG,SAAjBA,cAAcA,CAAA,EAAS;EAClC,oBAAOxB,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACX,QAAA,CAAAiB,OAAO,OAAG;AACpB,CAAC;AAFYG,cAAc,CAAAD,WAAA;AAIpB,IAAME,sBAAsB,GAAAhB,OAAA,CAAAgB,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAA,EAAS;EAC1C,oBAAOzB,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACX,QAAA,CAAAiB,OAAO;IAACK,KAAK,EAAE;EAAK,EAAG;AACjC,CAAC;AAFYD,sBAAsB,CAAAF,WAAA;AAInCE,sBAAsB,CAACE,KAAK,GAAG;EAC7BC,IAAI,EAAE;AACR,CAAC"}

package/dist/elements/Stack/Stack.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { BoxProps } from "../Box";
 import { ResponsiveValue } from "styled-system";
-export declare type StackProps = BoxProps & {
+export type StackProps = BoxProps & {
     gap: ResponsiveValue<string | number>;
 };
 /**
@@ -9,5 +8,5 @@ export declare type StackProps = BoxProps & {
  * `gap` is required
  */
 export declare const Stack: 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;
 }, StackProps>> & string;

package/dist/elements/Stack/Stack.js

@@ -11,11 +11,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * `Stack` is `Box` with` display: flex` and `flex-direction: column`.
  * `gap` is required
  */
-var Stack = (0, _styledComponents.default)(_Box.Box).withConfig({
+var Stack = exports.Stack = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "Stack",
   componentId: "sc-81d5w9-0"
 })([""]);
-exports.Stack = Stack;
 Stack.defaultProps = {
   display: "flex",
   flexDirection: "column"

package/dist/elements/Stack/Stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","names":["_styledComponents","_interopRequireDefault","require","_Box","obj","__esModule","default","Stack","styled","Box","withConfig","displayName","componentId","exports","defaultProps","display","flexDirection"],"sources":["../../../src/elements/Stack/Stack.tsx"],"sourcesContent":["import styled from \"styled-components\"\nimport { Box, BoxProps } from \"../Box\"\nimport { ResponsiveValue } from \"styled-system\"\n\nexport type StackProps = BoxProps & {\n  gap: ResponsiveValue<string | number>\n}\n\n/**\n * `Stack` is `Box` with` display: flex` and `flex-direction: column`.\n * `gap` is required\n */\nexport const Stack = styled(Box)<StackProps>``\n\nStack.defaultProps = {\n  display: \"flex\",\n  flexDirection: \"column\",\n}\n\nStack.displayName = \"Stack\"\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AAAsC,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAOtC;AACA;AACA;AACA;AACO,IAAMG,KAAK,GAAG,IAAAC,yBAAM,EAACC,QAAG,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAc;AAAAC,OAAA,CAAAN,KAAA,GAAAA,KAAA;AAE9CA,KAAK,CAACO,YAAY,GAAG;EACnBC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE;AACjB,CAAC;AAEDT,KAAK,CAACI,WAAW,GAAG,OAAO"}
+{"version":3,"file":"Stack.js","names":["_styledComponents","_interopRequireDefault","require","_Box","obj","__esModule","default","Stack","exports","styled","Box","withConfig","displayName","componentId","defaultProps","display","flexDirection"],"sources":["../../../src/elements/Stack/Stack.tsx"],"sourcesContent":["import styled from \"styled-components\"\nimport { Box, BoxProps } from \"../Box\"\nimport { ResponsiveValue } from \"styled-system\"\n\nexport type StackProps = BoxProps & {\n  gap: ResponsiveValue<string | number>\n}\n\n/**\n * `Stack` is `Box` with` display: flex` and `flex-direction: column`.\n * `gap` is required\n */\nexport const Stack = styled(Box)<StackProps>``\n\nStack.defaultProps = {\n  display: \"flex\",\n  flexDirection: \"column\",\n}\n\nStack.displayName = \"Stack\"\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AAAsC,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAOtC;AACA;AACA;AACA;AACO,IAAMG,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG,IAAAE,yBAAM,EAACC,QAAG,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAc;AAE9CN,KAAK,CAACO,YAAY,GAAG;EACnBC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE;AACjB,CAAC;AAEDT,KAAK,CAACK,WAAW,GAAG,OAAO"}

package/dist/elements/Stack/Stack.story.js

@@ -9,11 +9,10 @@ var _storybookStates = require("storybook-states");
 var _Stack = require("../Stack");
 var _Box = require("../Box");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+var _default = exports.default = {
   title: "Components/Stack"
 };
-exports.default = _default;
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{
       gap: 0
@@ -43,6 +42,5 @@ var Default = function Default() {
     bg: "yellow100"
   }, "6")));
 };
-exports.Default = Default;
 Default.displayName = "Default";
 //# sourceMappingURL=Stack.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Stack.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Stack","_Box","obj","__esModule","default","_default","title","exports","Default","createElement","States","states","gap","flexDirection","Stack","Box","bg","displayName"],"sources":["../../../src/elements/Stack/Stack.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Stack, StackProps } from \"../Stack\"\nimport { Box } from \"../Box\"\n\nexport default {\n  title: \"Components/Stack\",\n}\n\nexport const Default = () => {\n  return (\n    <States<StackProps>\n      states={[\n        { gap: 0 },\n        { gap: 1 },\n        { gap: 2, flexDirection: \"row\" },\n        { gap: 2 },\n        { gap: [2, 4] },\n      ]}\n    >\n      <Stack gap={0}>\n        <Box bg=\"yellow100\">1</Box>\n        <Box bg=\"yellow100\">2</Box>\n        <Box bg=\"yellow100\">3</Box>\n        <Box bg=\"yellow100\">4</Box>\n        <Box bg=\"yellow100\">5</Box>\n        <Box bg=\"yellow100\">6</Box>\n      </Stack>\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AAA4B,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAEb;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAH,OAAA,GAAAC,QAAA;AAEM,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEZ,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACV,gBAAA,CAAAW,MAAM;IACLC,MAAM,EAAE,CACN;MAAEC,GAAG,EAAE;IAAE,CAAC,EACV;MAAEA,GAAG,EAAE;IAAE,CAAC,EACV;MAAEA,GAAG,EAAE,CAAC;MAAEC,aAAa,EAAE;IAAM,CAAC,EAChC;MAAED,GAAG,EAAE;IAAE,CAAC,EACV;MAAEA,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IAAE,CAAC;EACf,gBAEFhB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACT,MAAA,CAAAc,KAAK;IAACF,GAAG,EAAE;EAAE,gBACZhB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAc,GAAG;IAACC,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,eAC3BpB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAc,GAAG;IAACC,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,eAC3BpB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAc,GAAG;IAACC,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,eAC3BpB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAc,GAAG;IAACC,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,eAC3BpB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAc,GAAG;IAACC,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,eAC3BpB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAc,GAAG;IAACC,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,CACrB,CACD;AAEb,CAAC;AAAAT,OAAA,CAAAC,OAAA,GAAAA,OAAA;AArBYA,OAAO,CAAAS,WAAA"}
+{"version":3,"file":"Stack.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Stack","_Box","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","gap","flexDirection","Stack","Box","bg","displayName"],"sources":["../../../src/elements/Stack/Stack.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Stack, StackProps } from \"../Stack\"\nimport { Box } from \"../Box\"\n\nexport default {\n  title: \"Components/Stack\",\n}\n\nexport const Default = () => {\n  return (\n    <States<StackProps>\n      states={[\n        { gap: 0 },\n        { gap: 1 },\n        { gap: 2, flexDirection: \"row\" },\n        { gap: 2 },\n        { gap: [2, 4] },\n      ]}\n    >\n      <Stack gap={0}>\n        <Box bg=\"yellow100\">1</Box>\n        <Box bg=\"yellow100\">2</Box>\n        <Box bg=\"yellow100\">3</Box>\n        <Box bg=\"yellow100\">4</Box>\n        <Box bg=\"yellow100\">5</Box>\n        <Box bg=\"yellow100\">6</Box>\n      </Stack>\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AAA4B,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEb;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEZ,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACV,gBAAA,CAAAW,MAAM;IACLC,MAAM,EAAE,CACN;MAAEC,GAAG,EAAE;IAAE,CAAC,EACV;MAAEA,GAAG,EAAE;IAAE,CAAC,EACV;MAAEA,GAAG,EAAE,CAAC;MAAEC,aAAa,EAAE;IAAM,CAAC,EAChC;MAAED,GAAG,EAAE;IAAE,CAAC,EACV;MAAEA,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IAAE,CAAC;EACf,gBAEFhB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACT,MAAA,CAAAc,KAAK;IAACF,GAAG,EAAE;EAAE,gBACZhB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAc,GAAG;IAACC,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,eAC3BpB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAc,GAAG;IAACC,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,eAC3BpB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAc,GAAG;IAACC,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,eAC3BpB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAc,GAAG;IAACC,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,eAC3BpB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAc,GAAG;IAACC,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,eAC3BpB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAc,GAAG;IAACC,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,CACrB,CACD;AAEb,CAAC;AArBYR,OAAO,CAAAS,WAAA"}

package/dist/elements/StackableBorderBox/StackableBorderBox.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { BorderBoxProps } from "../BorderBox";
-export declare type StackableBorderBoxProps = BorderBoxProps;
+export type StackableBorderBoxProps = BorderBoxProps;
 /**
  * A stackable border box is a BorderBox that shares borders with its siblings.
  */
 export declare const StackableBorderBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("..").BoxProps> & import("..").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;
 }, never>, BorderBoxProps>> & string;

package/dist/elements/StackableBorderBox/StackableBorderBox.js

@@ -16,11 +16,10 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 /**
  * A stackable border box is a BorderBox that shares borders with its siblings.
  */
-var StackableBorderBox = (0, _styledComponents.default)(_BorderBox.BorderBox).withConfig({
+var StackableBorderBox = exports.StackableBorderBox = (0, _styledComponents.default)(_BorderBox.BorderBox).withConfig({
   displayName: "StackableBorderBox",
   componentId: "sc-1odyc7i-0"
 })(["&:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;}&:not(:last-child){border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;}"]);
-exports.StackableBorderBox = StackableBorderBox;
 StackableBorderBox.displayName = "StackableBorderBox";
 StackableBorderBox.defaultProps = _objectSpread({}, _BorderBox.BorderBox.defaultProps);
 //# sourceMappingURL=StackableBorderBox.js.map

package/dist/elements/StackableBorderBox/StackableBorderBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackableBorderBox.js","names":["_styledComponents","_interopRequireDefault","require","_BorderBox","obj","__esModule","default","_typeof","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","StackableBorderBox","styled","BorderBox","withConfig","displayName","componentId","exports","defaultProps"],"sources":["../../../src/elements/StackableBorderBox/StackableBorderBox.tsx"],"sourcesContent":["import styled from \"styled-components\"\nimport { BorderBox, BorderBoxProps } from \"../BorderBox\"\n\nexport type StackableBorderBoxProps = BorderBoxProps\n\n/**\n * A stackable border box is a BorderBox that shares borders with its siblings.\n */\nexport const StackableBorderBox = styled(BorderBox)<BorderBoxProps>`\n  &:not(:first-child) {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n  &:not(:last-child) {\n    border-bottom: 0;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n`\n\nStackableBorderBox.displayName = \"StackableBorderBox\"\n\nStackableBorderBox.defaultProps = {\n  ...BorderBox.defaultProps,\n}\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAAwD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,QAAAH,GAAA,sCAAAG,OAAA,wBAAAC,MAAA,uBAAAA,MAAA,CAAAC,QAAA,aAAAL,GAAA,kBAAAA,GAAA,gBAAAA,GAAA,WAAAA,GAAA,yBAAAI,MAAA,IAAAJ,GAAA,CAAAM,WAAA,KAAAF,MAAA,IAAAJ,GAAA,KAAAI,MAAA,CAAAG,SAAA,qBAAAP,GAAA,KAAAG,OAAA,CAAAH,GAAA;AAAA,SAAAQ,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAC,MAAA,CAAAD,IAAA,CAAAF,MAAA,OAAAG,MAAA,CAAAC,qBAAA,QAAAC,OAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAJ,MAAA,GAAAC,cAAA,KAAAI,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAJ,MAAA,CAAAK,wBAAA,CAAAR,MAAA,EAAAO,GAAA,EAAAE,UAAA,OAAAP,IAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,IAAA,EAAAG,OAAA,YAAAH,IAAA;AAAA,SAAAU,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAf,OAAA,CAAAI,MAAA,CAAAc,MAAA,OAAAC,OAAA,WAAAC,GAAA,IAAAC,eAAA,CAAAP,MAAA,EAAAM,GAAA,EAAAF,MAAA,CAAAE,GAAA,SAAAhB,MAAA,CAAAkB,yBAAA,GAAAlB,MAAA,CAAAmB,gBAAA,CAAAT,MAAA,EAAAV,MAAA,CAAAkB,yBAAA,CAAAJ,MAAA,KAAAlB,OAAA,CAAAI,MAAA,CAAAc,MAAA,GAAAC,OAAA,WAAAC,GAAA,IAAAhB,MAAA,CAAAoB,cAAA,CAAAV,MAAA,EAAAM,GAAA,EAAAhB,MAAA,CAAAK,wBAAA,CAAAS,MAAA,EAAAE,GAAA,iBAAAN,MAAA;AAAA,SAAAO,gBAAA7B,GAAA,EAAA4B,GAAA,EAAAK,KAAA,IAAAL,GAAA,GAAAM,cAAA,CAAAN,GAAA,OAAAA,GAAA,IAAA5B,GAAA,IAAAY,MAAA,CAAAoB,cAAA,CAAAhC,GAAA,EAAA4B,GAAA,IAAAK,KAAA,EAAAA,KAAA,EAAAf,UAAA,QAAAiB,YAAA,QAAAC,QAAA,oBAAApC,GAAA,CAAA4B,GAAA,IAAAK,KAAA,WAAAjC,GAAA;AAAA,SAAAkC,eAAAG,GAAA,QAAAT,GAAA,GAAAU,YAAA,CAAAD,GAAA,oBAAAlC,OAAA,CAAAyB,GAAA,iBAAAA,GAAA,GAAAW,MAAA,CAAAX,GAAA;AAAA,SAAAU,aAAAE,KAAA,EAAAC,IAAA,QAAAtC,OAAA,CAAAqC,KAAA,kBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAApC,MAAA,CAAAuC,WAAA,OAAAD,IAAA,KAAAE,SAAA,QAAAC,GAAA,GAAAH,IAAA,CAAAI,IAAA,CAAAN,KAAA,EAAAC,IAAA,oBAAAtC,OAAA,CAAA0C,GAAA,uBAAAA,GAAA,YAAAE,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAIxD;AACA;AACA;AACO,IAAMS,kBAAkB,GAAG,IAAAC,yBAAM,EAACC,oBAAS,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6KAUlD;AAAAC,OAAA,CAAAN,kBAAA,GAAAA,kBAAA;AAEDA,kBAAkB,CAACI,WAAW,GAAG,oBAAoB;AAErDJ,kBAAkB,CAACO,YAAY,GAAAnC,aAAA,KAC1B8B,oBAAS,CAACK,YAAY,CAC1B"}
+{"version":3,"file":"StackableBorderBox.js","names":["_styledComponents","_interopRequireDefault","require","_BorderBox","obj","__esModule","default","_typeof","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","StackableBorderBox","exports","styled","BorderBox","withConfig","displayName","componentId","defaultProps"],"sources":["../../../src/elements/StackableBorderBox/StackableBorderBox.tsx"],"sourcesContent":["import styled from \"styled-components\"\nimport { BorderBox, BorderBoxProps } from \"../BorderBox\"\n\nexport type StackableBorderBoxProps = BorderBoxProps\n\n/**\n * A stackable border box is a BorderBox that shares borders with its siblings.\n */\nexport const StackableBorderBox = styled(BorderBox)<BorderBoxProps>`\n  &:not(:first-child) {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n  &:not(:last-child) {\n    border-bottom: 0;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n`\n\nStackableBorderBox.displayName = \"StackableBorderBox\"\n\nStackableBorderBox.defaultProps = {\n  ...BorderBox.defaultProps,\n}\n"],"mappings":"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"}

package/dist/elements/StackableBorderBox/StackableBorderBox.story.js

@@ -10,11 +10,10 @@ var _Avatar = require("../Avatar/Avatar");
 var _Flex = require("../Flex");
 var _Button = require("../Button");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+var _default = exports.default = {
   title: "Components/StackableBorderBox"
 };
-exports.default = _default;
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_StackableBorderBox.StackableBorderBox, null, /*#__PURE__*/_react.default.createElement(_Flex.Flex, null, /*#__PURE__*/_react.default.createElement(_Flex.Flex, null, /*#__PURE__*/_react.default.createElement(_Avatar.Avatar, {
     size: "xs",
     src: "https://picsum.photos/seed/example/110/110"
@@ -23,5 +22,4 @@ var Default = function Default() {
     src: "https://picsum.photos/seed/example/110/110"
   })), /*#__PURE__*/_react.default.createElement(_Button.Button, null, "Click me"))), /*#__PURE__*/_react.default.createElement(_StackableBorderBox.StackableBorderBox, null, "2"), /*#__PURE__*/_react.default.createElement(_StackableBorderBox.StackableBorderBox, null, "3"), /*#__PURE__*/_react.default.createElement(_StackableBorderBox.StackableBorderBox, null, "4"));
 };
-exports.Default = Default;
 //# sourceMappingURL=StackableBorderBox.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StackableBorderBox.story.js","names":["_react","_interopRequireDefault","require","_StackableBorderBox","_Avatar","_Flex","_Button","obj","__esModule","default","_default","title","exports","Default","createElement","Fragment","StackableBorderBox","Flex","Avatar","size","src","Button"],"sources":["../../../src/elements/StackableBorderBox/StackableBorderBox.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { StackableBorderBox } from \"./StackableBorderBox\"\nimport { Avatar } from \"../Avatar/Avatar\"\nimport { Flex } from \"../Flex\"\nimport { Button } from \"../Button\"\n\nexport default {\n  title: \"Components/StackableBorderBox\",\n}\n\nexport const Default = () => {\n  return (\n    <>\n      <StackableBorderBox>\n        <Flex>\n          <Flex>\n            <Avatar\n              size=\"xs\"\n              src=\"https://picsum.photos/seed/example/110/110\"\n            />\n          </Flex>\n          <Flex>\n            <Avatar\n              size=\"xs\"\n              src=\"https://picsum.photos/seed/example/110/110\"\n            />\n          </Flex>\n          <Button>Click me</Button>\n        </Flex>\n      </StackableBorderBox>\n      <StackableBorderBox>2</StackableBorderBox>\n      <StackableBorderBox>3</StackableBorderBox>\n      <StackableBorderBox>4</StackableBorderBox>\n    </>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAkC,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAEnB;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAH,OAAA,GAAAC,QAAA;AAEM,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEb,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAAAd,MAAA,CAAAS,OAAA,CAAAM,QAAA,qBACEf,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACX,mBAAA,CAAAa,kBAAkB,qBACjBhB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAY,IAAI,qBACHjB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAY,IAAI,qBACHjB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACV,OAAA,CAAAc,MAAM;IACLC,IAAI,EAAC,IAAI;IACTC,GAAG,EAAC;EAA4C,EAChD,CACG,eACPpB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAY,IAAI,qBACHjB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACV,OAAA,CAAAc,MAAM;IACLC,IAAI,EAAC,IAAI;IACTC,GAAG,EAAC;EAA4C,EAChD,CACG,eACPpB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACR,OAAA,CAAAe,MAAM,QAAC,UAAQ,CAAS,CACpB,CACY,eACrBrB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACX,mBAAA,CAAAa,kBAAkB,QAAC,GAAC,CAAqB,eAC1ChB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACX,mBAAA,CAAAa,kBAAkB,QAAC,GAAC,CAAqB,eAC1ChB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACX,mBAAA,CAAAa,kBAAkB,QAAC,GAAC,CAAqB,CACzC;AAEP,CAAC;AAAAJ,OAAA,CAAAC,OAAA,GAAAA,OAAA"}
+{"version":3,"file":"StackableBorderBox.story.js","names":["_react","_interopRequireDefault","require","_StackableBorderBox","_Avatar","_Flex","_Button","obj","__esModule","default","_default","exports","title","Default","createElement","Fragment","StackableBorderBox","Flex","Avatar","size","src","Button"],"sources":["../../../src/elements/StackableBorderBox/StackableBorderBox.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { StackableBorderBox } from \"./StackableBorderBox\"\nimport { Avatar } from \"../Avatar/Avatar\"\nimport { Flex } from \"../Flex\"\nimport { Button } from \"../Button\"\n\nexport default {\n  title: \"Components/StackableBorderBox\",\n}\n\nexport const Default = () => {\n  return (\n    <>\n      <StackableBorderBox>\n        <Flex>\n          <Flex>\n            <Avatar\n              size=\"xs\"\n              src=\"https://picsum.photos/seed/example/110/110\"\n            />\n          </Flex>\n          <Flex>\n            <Avatar\n              size=\"xs\"\n              src=\"https://picsum.photos/seed/example/110/110\"\n            />\n          </Flex>\n          <Button>Click me</Button>\n        </Flex>\n      </StackableBorderBox>\n      <StackableBorderBox>2</StackableBorderBox>\n      <StackableBorderBox>3</StackableBorderBox>\n      <StackableBorderBox>4</StackableBorderBox>\n    </>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAkC,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEnB;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEb,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAAAd,MAAA,CAAAS,OAAA,CAAAM,QAAA,qBACEf,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACX,mBAAA,CAAAa,kBAAkB,qBACjBhB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAY,IAAI,qBACHjB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAY,IAAI,qBACHjB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACV,OAAA,CAAAc,MAAM;IACLC,IAAI,EAAC,IAAI;IACTC,GAAG,EAAC;EAA4C,EAChD,CACG,eACPpB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAY,IAAI,qBACHjB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACV,OAAA,CAAAc,MAAM;IACLC,IAAI,EAAC,IAAI;IACTC,GAAG,EAAC;EAA4C,EAChD,CACG,eACPpB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACR,OAAA,CAAAe,MAAM,QAAC,UAAQ,CAAS,CACpB,CACY,eACrBrB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACX,mBAAA,CAAAa,kBAAkB,QAAC,GAAC,CAAqB,eAC1ChB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACX,mBAAA,CAAAa,kBAAkB,QAAC,GAAC,CAAqB,eAC1ChB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACX,mBAAA,CAAAa,kBAAkB,QAAC,GAAC,CAAqB,CACzC;AAEP,CAAC"}