@artsy/palette 41.8.1 → 42.0.0

package/dist/elements/BaseTabs/BaseTabs.story.js

@@ -25,11 +25,10 @@ var RouterLink = function RouterLink(_ref) {
   }, rest), children);
 };
 RouterLink.displayName = "RouterLink";
-var _default = {
+var _default = exports.default = {
   title: "Components/BaseTabs"
 };
-exports.default = _default;
-var _BaseTab = function _BaseTab() {
+var _BaseTab = exports._BaseTab = function _BaseTab() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{}, {
       focus: true
@@ -40,9 +39,8 @@ var _BaseTab = function _BaseTab() {
     }]
   }, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "Example"));
 };
-exports._BaseTab = _BaseTab;
 _BaseTab.displayName = "_BaseTab";
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{}, {
       fill: true
@@ -53,9 +51,8 @@ var Default = function Default() {
     active: true
   }, "Active"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "Last")));
 };
-exports.Default = Default;
 Default.displayName = "Default";
-var AsA = function AsA() {
+var AsA = exports.AsA = function AsA() {
   return /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTabs, null, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
     as: "a",
     href: "#overview"
@@ -77,12 +74,11 @@ var AsA = function AsA() {
     href: "#related-artists"
   }, "Related Artists"));
 };
-exports.AsA = AsA;
 AsA.displayName = "AsA";
 AsA.story = {
   name: 'as="a"'
 };
-var AsClickable = function AsClickable() {
+var AsClickable = exports.AsClickable = function AsClickable() {
   return /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTabs, null, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
     as: _Clickable.Clickable,
     onClick: (0, _addonActions.action)("onClick")
@@ -104,12 +100,11 @@ var AsClickable = function AsClickable() {
     onClick: (0, _addonActions.action)("onClick")
   }, "Related Artists"));
 };
-exports.AsClickable = AsClickable;
 AsClickable.displayName = "AsClickable";
 AsClickable.story = {
   name: "as={Clickable}"
 };
-var AsRouterLink = function AsRouterLink() {
+var AsRouterLink = exports.AsRouterLink = function AsRouterLink() {
   return /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTabs, null, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
     as: RouterLink,
     to: "#example",
@@ -117,12 +112,11 @@ var AsRouterLink = function AsRouterLink() {
     garbage: true
   }, "Example"));
 };
-exports.AsRouterLink = AsRouterLink;
 AsRouterLink.displayName = "AsRouterLink";
 AsRouterLink.story = {
   name: "as={RouterLink}"
 };
-var Overflowing = function Overflowing() {
+var Overflowing = exports.Overflowing = function Overflowing() {
   return /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTabs, null, ["Artworks (580656)", "Artists (8)", "Collections (7)", "Artist Series (13)", "Galleries (4)", "Shows (3667)", "Categories (21)", "Articles (656)", "Auctions (23)", "More (46)"].map(function (label, i) {
     return /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
       key: label,
@@ -130,9 +124,8 @@ var Overflowing = function Overflowing() {
     }, label);
   }));
 };
-exports.Overflowing = Overflowing;
 Overflowing.displayName = "Overflowing";
-var Fill = function Fill() {
+var Fill = exports.Fill = function Fill() {
   return /*#__PURE__*/_react.default.createElement(_Box.Box, {
     m: 3
   }, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTabs, {
@@ -166,9 +159,8 @@ var Fill = function Fill() {
     href: "#"
   }, "Three")));
 };
-exports.Fill = Fill;
 Fill.displayName = "Fill";
-var BreakingOutOfContainerMargin = function BreakingOutOfContainerMargin() {
+var BreakingOutOfContainerMargin = exports.BreakingOutOfContainerMargin = function BreakingOutOfContainerMargin() {
   return /*#__PURE__*/_react.default.createElement(_Box.Box, {
     m: 6,
     bg: "mono10"
@@ -179,17 +171,15 @@ var BreakingOutOfContainerMargin = function BreakingOutOfContainerMargin() {
     active: true
   }, "Rail border should extend past mono10 background")));
 };
-exports.BreakingOutOfContainerMargin = BreakingOutOfContainerMargin;
 BreakingOutOfContainerMargin.displayName = "BreakingOutOfContainerMargin";
 BreakingOutOfContainerMargin.story = {
   name: "Breaking out of container margin"
 };
-var NestedChildren = function NestedChildren() {
+var NestedChildren = exports.NestedChildren = function NestedChildren() {
   return /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTabs, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "First"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "Second"), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
     active: true
   }, "Active"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "Last"))));
 };
-exports.NestedChildren = NestedChildren;
 NestedChildren.displayName = "NestedChildren";
 NestedChildren.story = {
   name: "nested children"

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

@@ -1 +1 @@
-{"version":3,"file":"BaseTabs.story.js","names":["_addonActions","require","_react","_interopRequireDefault","_storybookStates","_BaseTabs","_Box","_Clickable","_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","RouterLink","_ref","to","children","rest","createElement","href","displayName","_default","title","exports","_BaseTab","States","states","focus","hover","active","BaseTab","Default","fill","justifyContent","BaseTabs","AsA","as","story","name","AsClickable","Clickable","onClick","action","AsRouterLink","activeClassName","garbage","Overflowing","map","label","Fill","Box","m","my","BreakingOutOfContainerMargin","bg","mx","px","NestedChildren","Fragment"],"sources":["../../../src/elements/BaseTabs/BaseTabs.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { BaseTab, BaseTabs } from \"../BaseTabs\"\nimport { Box } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { BaseTabProps } from \"./BaseTab\"\nimport { BaseTabsProps } from \"./BaseTabs\"\n\n// Fake `RouterLink`\nconst RouterLink: React.FC<React.PropsWithChildren<{ to: string }>> = ({\n  to,\n  children,\n  ...rest\n}) => {\n  return (\n    <a href={to} {...rest}>\n      {children}\n    </a>\n  )\n}\n\nexport default { title: \"Components/BaseTabs\" }\n\nexport const _BaseTab = () => {\n  return (\n    <States<BaseTabProps>\n      states={[{}, { focus: true }, { hover: true }, { active: true }]}\n    >\n      <BaseTab>Example</BaseTab>\n    </States>\n  )\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<BaseTabsProps>>\n      states={[{}, { fill: true }, { justifyContent: \"center\" }]}\n    >\n      <BaseTabs>\n        <BaseTab>First</BaseTab>\n        <BaseTab>Second</BaseTab>\n        <BaseTab active>Active</BaseTab>\n        <BaseTab>Last</BaseTab>\n      </BaseTabs>\n    </States>\n  )\n}\n\nexport const AsA = () => {\n  return (\n    <BaseTabs>\n      <BaseTab as=\"a\" href=\"#overview\">\n        Overview\n      </BaseTab>\n\n      <BaseTab as=\"a\" href=\"#cv\">\n        CV\n      </BaseTab>\n\n      <BaseTab as=\"a\" href=\"#shows\" active>\n        Shows\n      </BaseTab>\n\n      <BaseTab as=\"a\" href=\"#auction-results\">\n        Auction Results\n      </BaseTab>\n\n      <BaseTab as=\"a\" href=\"#articles\">\n        Articles\n      </BaseTab>\n\n      <BaseTab as=\"a\" href=\"#related-artists\">\n        Related Artists\n      </BaseTab>\n    </BaseTabs>\n  )\n}\n\nAsA.story = {\n  name: 'as=\"a\"',\n}\n\nexport const AsClickable = () => {\n  return (\n    <BaseTabs>\n      <BaseTab as={Clickable} onClick={action(\"onClick\")}>\n        Overview\n      </BaseTab>\n\n      <BaseTab as={Clickable} onClick={action(\"onClick\")}>\n        CV\n      </BaseTab>\n\n      <BaseTab as={Clickable} onClick={action(\"onClick\")} active>\n        Shows\n      </BaseTab>\n\n      <BaseTab as={Clickable} onClick={action(\"onClick\")}>\n        Auction Results\n      </BaseTab>\n\n      <BaseTab as={Clickable} onClick={action(\"onClick\")}>\n        Articles\n      </BaseTab>\n\n      <BaseTab as={Clickable} onClick={action(\"onClick\")}>\n        Related Artists\n      </BaseTab>\n    </BaseTabs>\n  )\n}\n\nAsClickable.story = {\n  name: \"as={Clickable}\",\n}\n\nexport const AsRouterLink = () => {\n  return (\n    <BaseTabs>\n      <BaseTab as={RouterLink} to=\"#example\" activeClassName=\"active\" garbage>\n        Example\n      </BaseTab>\n    </BaseTabs>\n  )\n}\n\nAsRouterLink.story = {\n  name: \"as={RouterLink}\",\n}\n\nexport const Overflowing = () => {\n  return (\n    <BaseTabs>\n      {[\n        \"Artworks (580656)\",\n        \"Artists (8)\",\n        \"Collections (7)\",\n        \"Artist Series (13)\",\n        \"Galleries (4)\",\n        \"Shows (3667)\",\n        \"Categories (21)\",\n        \"Articles (656)\",\n        \"Auctions (23)\",\n        \"More (46)\",\n      ].map((label, i) => {\n        return (\n          <BaseTab key={label} active={i === 1}>\n            {label}\n          </BaseTab>\n        )\n      })}\n    </BaseTabs>\n  )\n}\n\nexport const Fill = () => {\n  return (\n    <Box m={3}>\n      <BaseTabs fill my={3}>\n        <BaseTab as=\"a\" href=\"#\">\n          One\n        </BaseTab>\n      </BaseTabs>\n\n      <BaseTabs fill my={3}>\n        <BaseTab as=\"a\" href=\"#\">\n          One\n        </BaseTab>\n\n        <BaseTab as=\"a\" href=\"#\" active>\n          Two\n        </BaseTab>\n      </BaseTabs>\n\n      <BaseTabs fill my={3}>\n        <BaseTab as=\"a\" href=\"#\">\n          One\n        </BaseTab>\n\n        <BaseTab as=\"a\" href=\"#\" active>\n          Two\n        </BaseTab>\n\n        <BaseTab as=\"a\" href=\"#\">\n          Three\n        </BaseTab>\n      </BaseTabs>\n    </Box>\n  )\n}\n\nexport const BreakingOutOfContainerMargin = () => {\n  return (\n    <Box m={6} bg=\"mono10\">\n      <BaseTabs mx={-6} px={6}>\n        <BaseTab active>\n          Rail border should extend past mono10 background\n        </BaseTab>\n      </BaseTabs>\n    </Box>\n  )\n}\n\nBreakingOutOfContainerMargin.story = {\n  name: \"Breaking out of container margin\",\n}\n\nexport const NestedChildren = () => {\n  return (\n    <BaseTabs>\n      <>\n        <BaseTab>First</BaseTab>\n        <BaseTab>Second</BaseTab>\n        <>\n          <BaseTab active>Active</BaseTab>\n          <BaseTab>Last</BaseTab>\n        </>\n      </>\n    </BaseTabs>\n  )\n}\n\nNestedChildren.story = {\n  name: \"nested children\",\n}\n"],"mappings":"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"}
+{"version":3,"file":"BaseTabs.story.js","names":["_addonActions","require","_react","_interopRequireDefault","_storybookStates","_BaseTabs","_Box","_Clickable","_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","RouterLink","_ref","to","children","rest","createElement","href","displayName","_default","exports","title","_BaseTab","States","states","focus","hover","active","BaseTab","Default","fill","justifyContent","BaseTabs","AsA","as","story","name","AsClickable","Clickable","onClick","action","AsRouterLink","activeClassName","garbage","Overflowing","map","label","Fill","Box","m","my","BreakingOutOfContainerMargin","bg","mx","px","NestedChildren","Fragment"],"sources":["../../../src/elements/BaseTabs/BaseTabs.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { BaseTab, BaseTabs } from \"../BaseTabs\"\nimport { Box } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { BaseTabProps } from \"./BaseTab\"\nimport { BaseTabsProps } from \"./BaseTabs\"\n\n// Fake `RouterLink`\nconst RouterLink: React.FC<React.PropsWithChildren<{ to: string }>> = ({\n  to,\n  children,\n  ...rest\n}) => {\n  return (\n    <a href={to} {...rest}>\n      {children}\n    </a>\n  )\n}\n\nexport default { title: \"Components/BaseTabs\" }\n\nexport const _BaseTab = () => {\n  return (\n    <States<BaseTabProps>\n      states={[{}, { focus: true }, { hover: true }, { active: true }]}\n    >\n      <BaseTab>Example</BaseTab>\n    </States>\n  )\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<BaseTabsProps>>\n      states={[{}, { fill: true }, { justifyContent: \"center\" }]}\n    >\n      <BaseTabs>\n        <BaseTab>First</BaseTab>\n        <BaseTab>Second</BaseTab>\n        <BaseTab active>Active</BaseTab>\n        <BaseTab>Last</BaseTab>\n      </BaseTabs>\n    </States>\n  )\n}\n\nexport const AsA = () => {\n  return (\n    <BaseTabs>\n      <BaseTab as=\"a\" href=\"#overview\">\n        Overview\n      </BaseTab>\n\n      <BaseTab as=\"a\" href=\"#cv\">\n        CV\n      </BaseTab>\n\n      <BaseTab as=\"a\" href=\"#shows\" active>\n        Shows\n      </BaseTab>\n\n      <BaseTab as=\"a\" href=\"#auction-results\">\n        Auction Results\n      </BaseTab>\n\n      <BaseTab as=\"a\" href=\"#articles\">\n        Articles\n      </BaseTab>\n\n      <BaseTab as=\"a\" href=\"#related-artists\">\n        Related Artists\n      </BaseTab>\n    </BaseTabs>\n  )\n}\n\nAsA.story = {\n  name: 'as=\"a\"',\n}\n\nexport const AsClickable = () => {\n  return (\n    <BaseTabs>\n      <BaseTab as={Clickable} onClick={action(\"onClick\")}>\n        Overview\n      </BaseTab>\n\n      <BaseTab as={Clickable} onClick={action(\"onClick\")}>\n        CV\n      </BaseTab>\n\n      <BaseTab as={Clickable} onClick={action(\"onClick\")} active>\n        Shows\n      </BaseTab>\n\n      <BaseTab as={Clickable} onClick={action(\"onClick\")}>\n        Auction Results\n      </BaseTab>\n\n      <BaseTab as={Clickable} onClick={action(\"onClick\")}>\n        Articles\n      </BaseTab>\n\n      <BaseTab as={Clickable} onClick={action(\"onClick\")}>\n        Related Artists\n      </BaseTab>\n    </BaseTabs>\n  )\n}\n\nAsClickable.story = {\n  name: \"as={Clickable}\",\n}\n\nexport const AsRouterLink = () => {\n  return (\n    <BaseTabs>\n      <BaseTab as={RouterLink} to=\"#example\" activeClassName=\"active\" garbage>\n        Example\n      </BaseTab>\n    </BaseTabs>\n  )\n}\n\nAsRouterLink.story = {\n  name: \"as={RouterLink}\",\n}\n\nexport const Overflowing = () => {\n  return (\n    <BaseTabs>\n      {[\n        \"Artworks (580656)\",\n        \"Artists (8)\",\n        \"Collections (7)\",\n        \"Artist Series (13)\",\n        \"Galleries (4)\",\n        \"Shows (3667)\",\n        \"Categories (21)\",\n        \"Articles (656)\",\n        \"Auctions (23)\",\n        \"More (46)\",\n      ].map((label, i) => {\n        return (\n          <BaseTab key={label} active={i === 1}>\n            {label}\n          </BaseTab>\n        )\n      })}\n    </BaseTabs>\n  )\n}\n\nexport const Fill = () => {\n  return (\n    <Box m={3}>\n      <BaseTabs fill my={3}>\n        <BaseTab as=\"a\" href=\"#\">\n          One\n        </BaseTab>\n      </BaseTabs>\n\n      <BaseTabs fill my={3}>\n        <BaseTab as=\"a\" href=\"#\">\n          One\n        </BaseTab>\n\n        <BaseTab as=\"a\" href=\"#\" active>\n          Two\n        </BaseTab>\n      </BaseTabs>\n\n      <BaseTabs fill my={3}>\n        <BaseTab as=\"a\" href=\"#\">\n          One\n        </BaseTab>\n\n        <BaseTab as=\"a\" href=\"#\" active>\n          Two\n        </BaseTab>\n\n        <BaseTab as=\"a\" href=\"#\">\n          Three\n        </BaseTab>\n      </BaseTabs>\n    </Box>\n  )\n}\n\nexport const BreakingOutOfContainerMargin = () => {\n  return (\n    <Box m={6} bg=\"mono10\">\n      <BaseTabs mx={-6} px={6}>\n        <BaseTab active>\n          Rail border should extend past mono10 background\n        </BaseTab>\n      </BaseTabs>\n    </Box>\n  )\n}\n\nBreakingOutOfContainerMargin.story = {\n  name: \"Breaking out of container margin\",\n}\n\nexport const NestedChildren = () => {\n  return (\n    <BaseTabs>\n      <>\n        <BaseTab>First</BaseTab>\n        <BaseTab>Second</BaseTab>\n        <>\n          <BaseTab active>Active</BaseTab>\n          <BaseTab>Last</BaseTab>\n        </>\n      </>\n    </BaseTabs>\n  )\n}\n\nNestedChildren.story = {\n  name: \"nested children\",\n}\n"],"mappings":"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"}

package/dist/elements/BaseTabs/tokens.js

@@ -6,11 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.STATES = void 0;
 var _themeGet = require("@styled-system/theme-get");
 var _styledComponents = require("styled-components");
-var STATES = {
+var STATES = exports.STATES = {
   default: (0, _styledComponents.css)(["height:40px;padding:0 ", ";color:", ";border-bottom:1px solid transparent;"], (0, _themeGet.themeGet)("space.2"), (0, _themeGet.themeGet)("colors.mono60")),
   active: (0, _styledComponents.css)(["outline:0;color:", ";border-bottom-color:", ";&:hover{text-decoration:none !important;color:inherit !important;}"], (0, _themeGet.themeGet)("colors.mono100"), (0, _themeGet.themeGet)("colors.mono100")),
   focus: (0, _styledComponents.css)(["text-decoration:underline;color:", ";"], (0, _themeGet.themeGet)("colors.mono100")),
   hover: (0, _styledComponents.css)(["text-decoration:underline;color:", ";"], (0, _themeGet.themeGet)("colors.blue100"))
 };
-exports.STATES = STATES;
 //# sourceMappingURL=tokens.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","STATES","default","css","themeGet","active","focus","hover","exports"],"sources":["../../../src/elements/BaseTabs/tokens.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css } from \"styled-components\"\n\nexport const STATES = {\n  default: css`\n    height: 40px;\n    padding: 0 ${themeGet(\"space.2\")};\n    color: ${themeGet(\"colors.mono60\")};\n    border-bottom: 1px solid transparent;\n  `,\n  active: css`\n    outline: 0;\n    color: ${themeGet(\"colors.mono100\")};\n    border-bottom-color: ${themeGet(\"colors.mono100\")};\n\n    &:hover {\n      text-decoration: none !important;\n      color: inherit !important;\n    }\n  `,\n  focus: css`\n    text-decoration: underline;\n    color: ${themeGet(\"colors.mono100\")};\n  `,\n  hover: css`\n    text-decoration: underline;\n    color: ${themeGet(\"colors.blue100\")};\n  `,\n}\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEO,IAAME,MAAM,GAAG;EACpBC,OAAO,MAAEC,qBAAG,kFAEG,IAAAC,kBAAQ,EAAC,SAAS,CAAC,EACvB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,CAEnC;EACDC,MAAM,MAAEF,qBAAG,wHAEA,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACZ,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,CAMlD;EACDE,KAAK,MAAEH,qBAAG,6CAEC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,CACpC;EACDG,KAAK,MAAEJ,qBAAG,6CAEC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC;AAEvC,CAAC;AAAAI,OAAA,CAAAP,MAAA,GAAAA,MAAA"}
+{"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","STATES","exports","default","css","themeGet","active","focus","hover"],"sources":["../../../src/elements/BaseTabs/tokens.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css } from \"styled-components\"\n\nexport const STATES = {\n  default: css`\n    height: 40px;\n    padding: 0 ${themeGet(\"space.2\")};\n    color: ${themeGet(\"colors.mono60\")};\n    border-bottom: 1px solid transparent;\n  `,\n  active: css`\n    outline: 0;\n    color: ${themeGet(\"colors.mono100\")};\n    border-bottom-color: ${themeGet(\"colors.mono100\")};\n\n    &:hover {\n      text-decoration: none !important;\n      color: inherit !important;\n    }\n  `,\n  focus: css`\n    text-decoration: underline;\n    color: ${themeGet(\"colors.mono100\")};\n  `,\n  hover: css`\n    text-decoration: underline;\n    color: ${themeGet(\"colors.blue100\")};\n  `,\n}\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEO,IAAME,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACpBE,OAAO,MAAEC,qBAAG,kFAEG,IAAAC,kBAAQ,EAAC,SAAS,CAAC,EACvB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,CAEnC;EACDC,MAAM,MAAEF,qBAAG,wHAEA,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACZ,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,CAMlD;EACDE,KAAK,MAAEH,qBAAG,6CAEC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,CACpC;EACDG,KAAK,MAAEJ,qBAAG,6CAEC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC;AAEvC,CAAC"}

package/dist/elements/BorderBox/BorderBox.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 import { BoxProps } from "../Box";
-export declare type BorderBoxProps = BoxProps;
+export type BorderBoxProps = BoxProps;
 /**
  * A `div` that has a common border and padding set by default
  * @deprecated: Use `Box` along with props e.g. `border="1px solid" borderColor="mono10" p={2}`,
  * as needed.
  */
 export declare const BorderBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<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;
 }, never>> & string;

package/dist/elements/BorderBox/BorderBox.js

@@ -12,11 +12,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @deprecated: Use `Box` along with props e.g. `border="1px solid" borderColor="mono10" p={2}`,
  * as needed.
  */
-var BorderBox = (0, _styledComponents.default)(_Box.Box).withConfig({
+var BorderBox = exports.BorderBox = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "BorderBox",
   componentId: "sc-18mwadn-0"
 })(["border-width:1px;border-style:solid;"]);
-exports.BorderBox = BorderBox;
 BorderBox.displayName = "BorderBox";
 BorderBox.defaultProps = {
   borderColor: "mono10",

package/dist/elements/BorderBox/BorderBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"BorderBox.js","names":["_styledComponents","_interopRequireDefault","require","_Box","obj","__esModule","default","BorderBox","styled","Box","withConfig","displayName","componentId","exports","defaultProps","borderColor","p"],"sources":["../../../src/elements/BorderBox/BorderBox.tsx"],"sourcesContent":["import styled from \"styled-components\"\nimport { Box, BoxProps } from \"../Box\"\n\nexport type BorderBoxProps = BoxProps\n\n/**\n * A `div` that has a common border and padding set by default\n * @deprecated: Use `Box` along with props e.g. `border=\"1px solid\" borderColor=\"mono10\" p={2}`,\n * as needed.\n */\nexport const BorderBox = styled(Box)`\n  border-width: 1px;\n  border-style: solid;\n`\n\nBorderBox.displayName = \"BorderBox\"\n\nBorderBox.defaultProps = {\n  borderColor: \"mono10\",\n  p: 2,\n}\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;AAItC;AACA;AACA;AACA;AACA;AACO,IAAMG,SAAS,GAAG,IAAAC,yBAAM,EAACC,QAAG,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4CAGnC;AAAAC,OAAA,CAAAN,SAAA,GAAAA,SAAA;AAEDA,SAAS,CAACI,WAAW,GAAG,WAAW;AAEnCJ,SAAS,CAACO,YAAY,GAAG;EACvBC,WAAW,EAAE,QAAQ;EACrBC,CAAC,EAAE;AACL,CAAC"}
+{"version":3,"file":"BorderBox.js","names":["_styledComponents","_interopRequireDefault","require","_Box","obj","__esModule","default","BorderBox","exports","styled","Box","withConfig","displayName","componentId","defaultProps","borderColor","p"],"sources":["../../../src/elements/BorderBox/BorderBox.tsx"],"sourcesContent":["import styled from \"styled-components\"\nimport { Box, BoxProps } from \"../Box\"\n\nexport type BorderBoxProps = BoxProps\n\n/**\n * A `div` that has a common border and padding set by default\n * @deprecated: Use `Box` along with props e.g. `border=\"1px solid\" borderColor=\"mono10\" p={2}`,\n * as needed.\n */\nexport const BorderBox = styled(Box)`\n  border-width: 1px;\n  border-style: solid;\n`\n\nBorderBox.displayName = \"BorderBox\"\n\nBorderBox.defaultProps = {\n  borderColor: \"mono10\",\n  p: 2,\n}\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;AAItC;AACA;AACA;AACA;AACA;AACO,IAAMG,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,yBAAM,EAACC,QAAG,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4CAGnC;AAEDN,SAAS,CAACK,WAAW,GAAG,WAAW;AAEnCL,SAAS,CAACO,YAAY,GAAG;EACvBC,WAAW,EAAE,QAAQ;EACrBC,CAAC,EAAE;AACL,CAAC"}

package/dist/elements/BorderBox/BorderBoxBase.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FlexProps } from "../Flex";
 export interface BorderBoxProps extends FlexProps {
     hover?: boolean;
@@ -8,5 +7,5 @@ export interface BorderBoxProps extends FlexProps {
  * @deprecated: Use `Box`
  */
 export declare const BorderBoxBase: 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;
 }, keyof import("..").BoxProps> & import("..").BoxProps, BorderBoxProps>> & string;

package/dist/elements/BorderBox/BorderBoxBase.js

@@ -11,11 +11,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * A `div` that has a common border and padding set by default
  * @deprecated: Use `Box`
  */
-var BorderBoxBase = (0, _styledComponents.default)(_Flex.Flex).withConfig({
+var BorderBoxBase = exports.BorderBoxBase = (0, _styledComponents.default)(_Flex.Flex).withConfig({
   displayName: "BorderBoxBase",
   componentId: "sc-1072ama-0"
 })(["border-width:1px;border-style:solid;"]);
-exports.BorderBoxBase = BorderBoxBase;
 BorderBoxBase.defaultProps = {
   borderColor: "mono10",
   p: 2

package/dist/elements/BorderBox/BorderBoxBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"BorderBoxBase.js","names":["_styledComponents","_interopRequireDefault","require","_Flex","obj","__esModule","default","BorderBoxBase","styled","Flex","withConfig","displayName","componentId","exports","defaultProps","borderColor","p"],"sources":["../../../src/elements/BorderBox/BorderBoxBase.tsx"],"sourcesContent":["import styled from \"styled-components\"\nimport { Flex, FlexProps } from \"../Flex\"\n\nexport interface BorderBoxProps extends FlexProps {\n  hover?: boolean\n}\n\n/**\n * A `div` that has a common border and padding set by default\n * @deprecated: Use `Box`\n */\nexport const BorderBoxBase = styled(Flex)<BorderBoxProps>`\n  border-width: 1px;\n  border-style: solid;\n`\n\nBorderBoxBase.defaultProps = {\n  borderColor: \"mono10\",\n  p: 2,\n}\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAyC,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAMzC;AACA;AACA;AACA;AACO,IAAMG,aAAa,GAAG,IAAAC,yBAAM,EAACC,UAAI,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4CAGxC;AAAAC,OAAA,CAAAN,aAAA,GAAAA,aAAA;AAEDA,aAAa,CAACO,YAAY,GAAG;EAC3BC,WAAW,EAAE,QAAQ;EACrBC,CAAC,EAAE;AACL,CAAC"}
+{"version":3,"file":"BorderBoxBase.js","names":["_styledComponents","_interopRequireDefault","require","_Flex","obj","__esModule","default","BorderBoxBase","exports","styled","Flex","withConfig","displayName","componentId","defaultProps","borderColor","p"],"sources":["../../../src/elements/BorderBox/BorderBoxBase.tsx"],"sourcesContent":["import styled from \"styled-components\"\nimport { Flex, FlexProps } from \"../Flex\"\n\nexport interface BorderBoxProps extends FlexProps {\n  hover?: boolean\n}\n\n/**\n * A `div` that has a common border and padding set by default\n * @deprecated: Use `Box`\n */\nexport const BorderBoxBase = styled(Flex)<BorderBoxProps>`\n  border-width: 1px;\n  border-style: solid;\n`\n\nBorderBoxBase.defaultProps = {\n  borderColor: \"mono10\",\n  p: 2,\n}\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAyC,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAMzC;AACA;AACA;AACA;AACO,IAAMG,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,yBAAM,EAACC,UAAI,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4CAGxC;AAEDN,aAAa,CAACO,YAAY,GAAG;EAC3BC,WAAW,EAAE,QAAQ;EACrBC,CAAC,EAAE;AACL,CAAC"}

package/dist/elements/BorderedRadio/BorderedRadio.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { RadioProps } from "../Radio";
-export declare type BorderedRadioProps<T = any> = RadioProps<T>;
+export type BorderedRadioProps<T = any> = RadioProps<T>;
 /** A radio button with a border */
 export declare const BorderedRadio: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<RadioProps<unknown>, BorderedRadioProps<any>>> & string & Omit<(<T>({ children, disabled, hover, focus, error, label, selected, value, size, onSelect, ...rest }: RadioProps<T>) => import("react").JSX.Element), keyof import("react").Component<any, {}, any>>;

package/dist/elements/BorderedRadio/BorderedRadio.js

@@ -9,9 +9,8 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _Radio = require("../Radio");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /** A radio button with a border */
-var BorderedRadio = (0, _styledComponents.default)(_Radio.Radio).withConfig({
+var BorderedRadio = exports.BorderedRadio = (0, _styledComponents.default)(_Radio.Radio).withConfig({
   displayName: "BorderedRadio",
   componentId: "sc-1499ebf-0"
 })(["padding:", ";border-radius:2px;border:1px solid ", ";transition:background-color 0.25s;&:hover:not(:disabled){background-color:", ";}&: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;}"], (0, _themeGet.themeGet)("space.2"), (0, _themeGet.themeGet)("colors.mono10"), (0, _themeGet.themeGet)("colors.mono5"));
-exports.BorderedRadio = BorderedRadio;
 //# sourceMappingURL=BorderedRadio.js.map

package/dist/elements/BorderedRadio/BorderedRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"BorderedRadio.js","names":["_themeGet","require","_styledComponents","_interopRequireDefault","_Radio","obj","__esModule","default","BorderedRadio","styled","Radio","withConfig","displayName","componentId","themeGet","exports"],"sources":["../../../src/elements/BorderedRadio/BorderedRadio.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport styled from \"styled-components\"\nimport { Radio, RadioProps } from \"../Radio\"\n\nexport type BorderedRadioProps<T = any> = RadioProps<T>\n\n/** A radio button with a border */\nexport const BorderedRadio = styled(Radio)<BorderedRadioProps>`\n  padding: ${themeGet(\"space.2\")};\n  border-radius: 2px;\n  border: 1px solid ${themeGet(\"colors.mono10\")};\n  transition: background-color 0.25s;\n\n  &:hover:not(:disabled) {\n    background-color: ${themeGet(\"colors.mono5\")};\n  }\n\n  &:not(:first-child) {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  &:not(:last-child) {\n    border-bottom: 0;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n`\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA4C,SAAAE,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAI5C;AACO,IAAMG,aAAa,GAAG,IAAAC,yBAAM,EAACC,YAAK,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mTAC7B,IAAAC,kBAAQ,EAAC,SAAS,CAAC,EAEV,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAIvB,IAAAA,kBAAQ,EAAC,cAAc,CAAC,CAa/C;AAAAC,OAAA,CAAAP,aAAA,GAAAA,aAAA"}
+{"version":3,"file":"BorderedRadio.js","names":["_themeGet","require","_styledComponents","_interopRequireDefault","_Radio","obj","__esModule","default","BorderedRadio","exports","styled","Radio","withConfig","displayName","componentId","themeGet"],"sources":["../../../src/elements/BorderedRadio/BorderedRadio.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport styled from \"styled-components\"\nimport { Radio, RadioProps } from \"../Radio\"\n\nexport type BorderedRadioProps<T = any> = RadioProps<T>\n\n/** A radio button with a border */\nexport const BorderedRadio = styled(Radio)<BorderedRadioProps>`\n  padding: ${themeGet(\"space.2\")};\n  border-radius: 2px;\n  border: 1px solid ${themeGet(\"colors.mono10\")};\n  transition: background-color 0.25s;\n\n  &:hover:not(:disabled) {\n    background-color: ${themeGet(\"colors.mono5\")};\n  }\n\n  &:not(:first-child) {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  &:not(:last-child) {\n    border-bottom: 0;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n`\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA4C,SAAAE,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAI5C;AACO,IAAMG,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,yBAAM,EAACC,YAAK,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mTAC7B,IAAAC,kBAAQ,EAAC,SAAS,CAAC,EAEV,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAIvB,IAAAA,kBAAQ,EAAC,cAAc,CAAC,CAa/C"}

package/dist/elements/BorderedRadio/BorderedRadio.story.js

@@ -10,11 +10,10 @@ var _storybookStates = require("storybook-states");
 var _RadioGroup = require("../RadioGroup");
 var _BorderedRadio = require("./BorderedRadio");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+var _default = exports.default = {
   title: "Components/BorderedRadio"
 };
-exports.default = _default;
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{}, {
       defaultValue: "Aural"
@@ -30,6 +29,5 @@ var Default = function Default() {
     }, value);
   })));
 };
-exports.Default = Default;
 Default.displayName = "Default";
 //# sourceMappingURL=BorderedRadio.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BorderedRadio.story.js","names":["_addonActions","require","_react","_interopRequireDefault","_storybookStates","_RadioGroup","_BorderedRadio","obj","__esModule","default","_default","title","exports","Default","createElement","States","states","defaultValue","deselectable","RadioGroup","onSelect","action","map","value","BorderedRadio","key","displayName"],"sources":["../../../src/elements/BorderedRadio/BorderedRadio.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { RadioGroup, RadioGroupProps } from \"../RadioGroup\"\nimport { BorderedRadio } from \"./BorderedRadio\"\n\nexport default {\n  title: \"Components/BorderedRadio\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<RadioGroupProps<string>>>\n      states={[{}, { defaultValue: \"Aural\" }, { deselectable: true }]}\n    >\n      <RadioGroup onSelect={action(\"onSelect\")}>\n        {[\"Visual\", \"Linguistic\", \"Spatial\", \"Aural\", \"Gestural\"].map(\n          (value) => {\n            return (\n              <BorderedRadio key={value} value={value}>\n                {value}\n              </BorderedRadio>\n            )\n          }\n        )}\n      </RadioGroup>\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAA+C,SAAAE,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAEhC;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAH,OAAA,GAAAC,QAAA;AAEM,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACV,gBAAA,CAAAW,MAAM;IACLC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;MAAEC,YAAY,EAAE;IAAQ,CAAC,EAAE;MAAEC,YAAY,EAAE;IAAK,CAAC;EAAE,gBAEhEhB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,WAAA,CAAAc,UAAU;IAACC,QAAQ,EAAE,IAAAC,oBAAM,EAAC,UAAU;EAAE,GACtC,CAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC,CAACC,GAAG,CAC3D,UAACC,KAAK,EAAK;IACT,oBACErB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,cAAA,CAAAkB,aAAa;MAACC,GAAG,EAAEF,KAAM;MAACA,KAAK,EAAEA;IAAM,GACrCA,KAAK,CACQ;EAEpB,CAAC,CACF,CACU,CACN;AAEb,CAAC;AAAAX,OAAA,CAAAC,OAAA,GAAAA,OAAA;AAlBYA,OAAO,CAAAa,WAAA"}
+{"version":3,"file":"BorderedRadio.story.js","names":["_addonActions","require","_react","_interopRequireDefault","_storybookStates","_RadioGroup","_BorderedRadio","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","defaultValue","deselectable","RadioGroup","onSelect","action","map","value","BorderedRadio","key","displayName"],"sources":["../../../src/elements/BorderedRadio/BorderedRadio.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { RadioGroup, RadioGroupProps } from \"../RadioGroup\"\nimport { BorderedRadio } from \"./BorderedRadio\"\n\nexport default {\n  title: \"Components/BorderedRadio\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<RadioGroupProps<string>>>\n      states={[{}, { defaultValue: \"Aural\" }, { deselectable: true }]}\n    >\n      <RadioGroup onSelect={action(\"onSelect\")}>\n        {[\"Visual\", \"Linguistic\", \"Spatial\", \"Aural\", \"Gestural\"].map(\n          (value) => {\n            return (\n              <BorderedRadio key={value} value={value}>\n                {value}\n              </BorderedRadio>\n            )\n          }\n        )}\n      </RadioGroup>\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAA+C,SAAAE,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEhC;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACV,gBAAA,CAAAW,MAAM;IACLC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;MAAEC,YAAY,EAAE;IAAQ,CAAC,EAAE;MAAEC,YAAY,EAAE;IAAK,CAAC;EAAE,gBAEhEhB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,WAAA,CAAAc,UAAU;IAACC,QAAQ,EAAE,IAAAC,oBAAM,EAAC,UAAU;EAAE,GACtC,CAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC,CAACC,GAAG,CAC3D,UAACC,KAAK,EAAK;IACT,oBACErB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,cAAA,CAAAkB,aAAa;MAACC,GAAG,EAAEF,KAAM;MAACA,KAAK,EAAEA;IAAM,GACrCA,KAAK,CACQ;EAEpB,CAAC,CACF,CACU,CACN;AAEb,CAAC;AAlBYV,OAAO,CAAAa,WAAA"}

package/dist/elements/Box/Box.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CSSProperties } from "styled-components";
 import { BackgroundProps, BorderProps, BoxShadowProps, ColorProps, FlexboxProps, GridAreaProps, LayoutProps, PositionProps, ResponsiveValue, SpaceProps, TextAlignProps } from "styled-system";
 export declare const pointerEvents: import("styled-system").styleFn;
@@ -16,4 +15,4 @@ export declare const boxMixin: import("styled-system").styleFn;
  */
 export declare const Box: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps>> & string;
 /** Splits out props into valid and invalid BoxProps */
-export declare const splitBoxProps: <U>(props: U) => [BoxProps, Omit<U, keyof BoxProps>];
+export declare const splitBoxProps: <U extends Record<string, unknown>>(props: U) => [BoxProps, Omit<U, keyof BoxProps>];

package/dist/elements/Box/Box.js

@@ -14,31 +14,28 @@ var gap = (0, _styledSystem.system)({
     scale: "space"
   }
 });
-var pointerEvents = (0, _styledSystem.system)({
+var pointerEvents = exports.pointerEvents = (0, _styledSystem.system)({
   pointerEvents: {
     property: "pointerEvents",
     scale: "pointerEvents" // Optional if you're using a theme scale
   }
 });
-exports.pointerEvents = pointerEvents;
+
 /**
  * All the system functions for Box
  */
-var boxMixin = (0, _styledSystem.compose)(_styledSystem.background, _styledSystem.border, _styledSystem.boxShadow, _styledSystem.color, _styledSystem.flexbox, gap, _styledSystem.gridArea, _styledSystem.layout, pointerEvents, _styledSystem.position, _styledSystem.space, _styledSystem.textAlign);
+var boxMixin = exports.boxMixin = (0, _styledSystem.compose)(_styledSystem.background, _styledSystem.border, _styledSystem.boxShadow, _styledSystem.color, _styledSystem.flexbox, gap, _styledSystem.gridArea, _styledSystem.layout, pointerEvents, _styledSystem.position, _styledSystem.space, _styledSystem.textAlign);
 
 /**
  * Box is just a `View` or `div` (depending on the platform) with common styled-systems
  * hooks.
  */
-exports.boxMixin = boxMixin;
-var Box = _styledComponents.default.div.withConfig({
+var Box = exports.Box = _styledComponents.default.div.withConfig({
   displayName: "Box",
   componentId: "sc-15se88d-0"
 })(["", ""], boxMixin);
-exports.Box = Box;
 Box.displayName = "Box";
 
 /** Splits out props into valid and invalid BoxProps */
-var splitBoxProps = (0, _splitProps.splitProps)(boxMixin);
-exports.splitBoxProps = splitBoxProps;
+var splitBoxProps = exports.splitBoxProps = (0, _splitProps.splitProps)(boxMixin);
 //# sourceMappingURL=Box.js.map

package/dist/elements/Box/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","names":["_styledComponents","_interopRequireDefault","require","_styledSystem","_splitProps","obj","__esModule","default","gap","system","property","scale","pointerEvents","exports","boxMixin","compose","background","border","boxShadow","color","flexbox","gridArea","layout","position","space","textAlign","Box","styled","div","withConfig","displayName","componentId","splitBoxProps","splitProps"],"sources":["../../../src/elements/Box/Box.tsx"],"sourcesContent":["import styled, { CSSProperties } from \"styled-components\"\nimport {\n  background,\n  BackgroundProps,\n  border,\n  BorderProps,\n  boxShadow,\n  BoxShadowProps,\n  color,\n  ColorProps,\n  compose,\n  flexbox,\n  FlexboxProps,\n  gridArea,\n  GridAreaProps,\n  layout,\n  LayoutProps,\n  position,\n  PositionProps,\n  ResponsiveValue,\n  space,\n  SpaceProps,\n  system,\n  textAlign,\n  TextAlignProps,\n} from \"styled-system\"\nimport { splitProps } from \"../../utils/splitProps\"\n\nconst gap = system({\n  gap: {\n    property: \"gap\",\n    scale: \"space\",\n  },\n})\n\nexport const pointerEvents = system({\n  pointerEvents: {\n    property: \"pointerEvents\",\n    scale: \"pointerEvents\", // Optional if you're using a theme scale\n  },\n})\n\nexport interface BoxProps\n  extends BackgroundProps,\n    BorderProps,\n    BoxShadowProps,\n    Omit<ColorProps, \"color\">,\n    FlexboxProps,\n    GridAreaProps,\n    LayoutProps,\n    PositionProps,\n    SpaceProps,\n    TextAlignProps {\n  gap?: ResponsiveValue<string | number>\n  pointerEvents?: ResponsiveValue<CSSProperties[\"pointerEvents\"]>\n}\n\n/**\n * All the system functions for Box\n */\nexport const boxMixin = compose(\n  background,\n  border,\n  boxShadow,\n  color,\n  flexbox,\n  gap,\n  gridArea,\n  layout,\n  pointerEvents,\n  position,\n  space,\n  textAlign\n)\n\n/**\n * Box is just a `View` or `div` (depending on the platform) with common styled-systems\n * hooks.\n */\nexport const Box = styled.div<BoxProps>`\n  ${boxMixin}\n`\n\nBox.displayName = \"Box\"\n\n/** Splits out props into valid and invalid BoxProps */\nexport const splitBoxProps = splitProps<BoxProps>(boxMixin)\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAyBA,IAAAE,WAAA,GAAAF,OAAA;AAAmD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEnD,IAAMG,GAAG,GAAG,IAAAC,oBAAM,EAAC;EACjBD,GAAG,EAAE;IACHE,QAAQ,EAAE,KAAK;IACfC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEK,IAAMC,aAAa,GAAG,IAAAH,oBAAM,EAAC;EAClCG,aAAa,EAAE;IACbF,QAAQ,EAAE,eAAe;IACzBC,KAAK,EAAE,eAAe,CAAE;EAC1B;AACF,CAAC,CAAC;AAAAE,OAAA,CAAAD,aAAA,GAAAA,aAAA;AAiBF;AACA;AACA;AACO,IAAME,QAAQ,GAAG,IAAAC,qBAAO,EAC7BC,wBAAU,EACVC,oBAAM,EACNC,uBAAS,EACTC,mBAAK,EACLC,qBAAO,EACPZ,GAAG,EACHa,sBAAQ,EACRC,oBAAM,EACNV,aAAa,EACbW,sBAAQ,EACRC,mBAAK,EACLC,uBAAS,CACV;;AAED;AACA;AACA;AACA;AAHAZ,OAAA,CAAAC,QAAA,GAAAA,QAAA;AAIO,IAAMY,GAAG,GAAGC,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACzBjB,QAAQ,CACX;AAAAD,OAAA,CAAAa,GAAA,GAAAA,GAAA;AAEDA,GAAG,CAACI,WAAW,GAAG,KAAK;;AAEvB;AACO,IAAME,aAAa,GAAG,IAAAC,sBAAU,EAAWnB,QAAQ,CAAC;AAAAD,OAAA,CAAAmB,aAAA,GAAAA,aAAA"}
+{"version":3,"file":"Box.js","names":["_styledComponents","_interopRequireDefault","require","_styledSystem","_splitProps","obj","__esModule","default","gap","system","property","scale","pointerEvents","exports","boxMixin","compose","background","border","boxShadow","color","flexbox","gridArea","layout","position","space","textAlign","Box","styled","div","withConfig","displayName","componentId","splitBoxProps","splitProps"],"sources":["../../../src/elements/Box/Box.tsx"],"sourcesContent":["import styled, { CSSProperties } from \"styled-components\"\nimport {\n  background,\n  BackgroundProps,\n  border,\n  BorderProps,\n  boxShadow,\n  BoxShadowProps,\n  color,\n  ColorProps,\n  compose,\n  flexbox,\n  FlexboxProps,\n  gridArea,\n  GridAreaProps,\n  layout,\n  LayoutProps,\n  position,\n  PositionProps,\n  ResponsiveValue,\n  space,\n  SpaceProps,\n  system,\n  textAlign,\n  TextAlignProps,\n} from \"styled-system\"\nimport { splitProps } from \"../../utils/splitProps\"\n\nconst gap = system({\n  gap: {\n    property: \"gap\",\n    scale: \"space\",\n  },\n})\n\nexport const pointerEvents = system({\n  pointerEvents: {\n    property: \"pointerEvents\",\n    scale: \"pointerEvents\", // Optional if you're using a theme scale\n  },\n})\n\nexport interface BoxProps\n  extends BackgroundProps,\n    BorderProps,\n    BoxShadowProps,\n    Omit<ColorProps, \"color\">,\n    FlexboxProps,\n    GridAreaProps,\n    LayoutProps,\n    PositionProps,\n    SpaceProps,\n    TextAlignProps {\n  gap?: ResponsiveValue<string | number>\n  pointerEvents?: ResponsiveValue<CSSProperties[\"pointerEvents\"]>\n}\n\n/**\n * All the system functions for Box\n */\nexport const boxMixin = compose(\n  background,\n  border,\n  boxShadow,\n  color,\n  flexbox,\n  gap,\n  gridArea,\n  layout,\n  pointerEvents,\n  position,\n  space,\n  textAlign\n)\n\n/**\n * Box is just a `View` or `div` (depending on the platform) with common styled-systems\n * hooks.\n */\nexport const Box = styled.div<BoxProps>`\n  ${boxMixin}\n`\n\nBox.displayName = \"Box\"\n\n/** Splits out props into valid and invalid BoxProps */\nexport const splitBoxProps = splitProps<BoxProps>(boxMixin)\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAyBA,IAAAE,WAAA,GAAAF,OAAA;AAAmD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEnD,IAAMG,GAAG,GAAG,IAAAC,oBAAM,EAAC;EACjBD,GAAG,EAAE;IACHE,QAAQ,EAAE,KAAK;IACfC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEK,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAH,oBAAM,EAAC;EAClCG,aAAa,EAAE;IACbF,QAAQ,EAAE,eAAe;IACzBC,KAAK,EAAE,eAAe,CAAE;EAC1B;AACF,CAAC,CAAC;;AAiBF;AACA;AACA;AACO,IAAMG,QAAQ,GAAAD,OAAA,CAAAC,QAAA,GAAG,IAAAC,qBAAO,EAC7BC,wBAAU,EACVC,oBAAM,EACNC,uBAAS,EACTC,mBAAK,EACLC,qBAAO,EACPZ,GAAG,EACHa,sBAAQ,EACRC,oBAAM,EACNV,aAAa,EACbW,sBAAQ,EACRC,mBAAK,EACLC,uBAAS,CACV;;AAED;AACA;AACA;AACA;AACO,IAAMC,GAAG,GAAAb,OAAA,CAAAa,GAAA,GAAGC,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACzBjB,QAAQ,CACX;AAEDY,GAAG,CAACI,WAAW,GAAG,KAAK;;AAEvB;AACO,IAAME,aAAa,GAAAnB,OAAA,CAAAmB,aAAA,GAAG,IAAAC,sBAAU,EAAWnB,QAAQ,CAAC"}

package/dist/elements/Box/Box.story.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"Box.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Box","obj","__esModule","default","_default","title","exports","Stack","createElement","States","states","gap","Box","display","flexDirection","bg","displayName"],"sources":["../../../src/elements/Box/Box.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Box, BoxProps } from \"../Box\"\n\nexport default {\n  title: \"Components/Box\",\n}\n\nexport const Stack = () => {\n  return (\n    <States<BoxProps> states={[{}, { gap: 1 }, { gap: 2 }, { gap: [2, 4] }]}>\n      <Box display=\"flex\" flexDirection=\"column\">\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      </Box>\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AAAsC,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAEvB;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAH,OAAA,GAAAC,QAAA;AAEM,IAAMG,KAAK,GAAG,SAARA,KAAKA,CAAA,EAAS;EACzB,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,gBAAA,CAAAU,MAAM;IAAWC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;MAAEC,GAAG,EAAE;IAAE,CAAC,EAAE;MAAEA,GAAG,EAAE;IAAE,CAAC,EAAE;MAAEA,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IAAE,CAAC;EAAE,gBACtEf,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAY,GAAG;IAACC,OAAO,EAAC,MAAM;IAACC,aAAa,EAAC;EAAQ,gBACxClB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAY,GAAG;IAACG,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,eAC3BnB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAY,GAAG;IAACG,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,eAC3BnB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAY,GAAG;IAACG,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,eAC3BnB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAY,GAAG;IAACG,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,eAC3BnB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAY,GAAG;IAACG,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,eAC3BnB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAY,GAAG;IAACG,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,CACvB,CACC;AAEb,CAAC;AAAAT,OAAA,CAAAC,KAAA,GAAAA,KAAA;AAbYA,KAAK,CAAAS,WAAA"}
+{"version":3,"file":"Box.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Box","obj","__esModule","default","_default","exports","title","Stack","createElement","States","states","gap","Box","display","flexDirection","bg","displayName"],"sources":["../../../src/elements/Box/Box.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Box, BoxProps } from \"../Box\"\n\nexport default {\n  title: \"Components/Box\",\n}\n\nexport const Stack = () => {\n  return (\n    <States<BoxProps> states={[{}, { gap: 1 }, { gap: 2 }, { gap: [2, 4] }]}>\n      <Box display=\"flex\" flexDirection=\"column\">\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      </Box>\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AAAsC,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEvB;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAG,SAARA,KAAKA,CAAA,EAAS;EACzB,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,gBAAA,CAAAU,MAAM;IAAWC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;MAAEC,GAAG,EAAE;IAAE,CAAC,EAAE;MAAEA,GAAG,EAAE;IAAE,CAAC,EAAE;MAAEA,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IAAE,CAAC;EAAE,gBACtEf,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAY,GAAG;IAACC,OAAO,EAAC,MAAM;IAACC,aAAa,EAAC;EAAQ,gBACxClB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAY,GAAG;IAACG,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,eAC3BnB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAY,GAAG;IAACG,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,eAC3BnB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAY,GAAG;IAACG,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,eAC3BnB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAY,GAAG;IAACG,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,eAC3BnB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAY,GAAG;IAACG,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,eAC3BnB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAY,GAAG;IAACG,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,CACvB,CACC;AAEb,CAAC;AAbYR,KAAK,CAAAS,WAAA"}

package/dist/elements/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { BoxProps } from "../Box";
 /** Breadcrumbs extends Box */
-export declare type BreadcrumbsProps = BoxProps;
+export type BreadcrumbsProps = BoxProps;
 /**
  * A breadcrumb trail consists of a list of links to the parent pages of the
  * current page in hierarchical order. It helps users find their place within

package/dist/elements/Breadcrumbs/Breadcrumbs.js

@@ -30,7 +30,7 @@ var Li = (0, _styledComponents.default)(_Text.Text).withConfig({
  * a website or web application. Breadcrumbs are often placed horizontally
  * before a page's main content.
  */
-var Breadcrumbs = function Breadcrumbs(_ref) {
+var Breadcrumbs = exports.Breadcrumbs = function Breadcrumbs(_ref) {
   var children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
   var cells = (0, _flattenChildren.flattenChildren)(children);
@@ -57,6 +57,5 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
     }) : cell);
   }))));
 };
-exports.Breadcrumbs = Breadcrumbs;
 Breadcrumbs.displayName = "Breadcrumbs";
 //# sourceMappingURL=Breadcrumbs.js.map

package/dist/elements/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","names":["_themeGet","require","_react","_interopRequireDefault","_styledComponents","_flattenChildren","_Box","_Flex","_Join","_Text","_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","Li","styled","Text","withConfig","displayName","componentId","themeGet","Breadcrumbs","_ref","children","rest","cells","flattenChildren","createElement","Box","as","Flex","Join","separator","size","color","mx","map","cell","React","cloneElement","exports"],"sources":["../../../src/elements/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React from \"react\"\nimport styled from \"styled-components\"\nimport { flattenChildren } from \"../../helpers/flattenChildren\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport { Join } from \"../Join\"\nimport { Text } from \"../Text\"\n\nconst Li = styled(Text)`\n  > a {\n    color: ${themeGet(\"colors.mono60\")};\n    text-decoration: none;\n\n    &:hover {\n      color: ${themeGet(\"colors.blue100\")};\n      text-decoration: underline;\n    }\n  }\n\n  &:last-of-type {\n    > a {\n      color: ${themeGet(\"colors.mono100\")};\n\n      &:hover {\n        color: ${themeGet(\"colors.mono100\")};\n        text-decoration: none;\n      }\n    }\n  }\n`\n\n/** Breadcrumbs extends Box */\nexport type BreadcrumbsProps = BoxProps\n\n/**\n * A breadcrumb trail consists of a list of links to the parent pages of the\n * current page in hierarchical order. It helps users find their place within\n * a website or web application. Breadcrumbs are often placed horizontally\n * before a page's main content.\n */\nexport const Breadcrumbs: React.FC<\n  React.PropsWithChildren<BreadcrumbsProps>\n> = ({ children, ...rest }) => {\n  const cells = flattenChildren(children)\n\n  return (\n    <Box as=\"nav\" aria-label=\"Breadcrumb\" {...rest}>\n      <Flex as=\"ol\">\n        <Join\n          separator={\n            <Text as=\"span\" size=\"xs\" color=\"mono60\" mx={1} aria-hidden=\"true\">\n              /\n            </Text>\n          }\n        >\n          {cells.map((cell: React.ReactElement<any>, i) => {\n            return (\n              <Li as=\"li\" size=\"xs\" key={i}>\n                {i === cells.length - 1\n                  ? React.cloneElement(cell, { \"aria-current\": \"page\" })\n                  : cell}\n              </Li>\n            )\n          })}\n        </Join>\n      </Flex>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,IAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AAA8B,IAAAS,SAAA;AAAA,SAAAP,uBAAAQ,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;AAE9B,IAAMmB,EAAE,GAAG,IAAAC,yBAAM,EAACC,UAAI,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qKAEV,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAIvB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAO1B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAGxB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,CAK1C;;AAED;;AAGA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,WAEZ,GAAG,SAFSA,WAEZA,CAAAC,IAAA,EAA8B;EAAA,IAAxBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAKC,IAAI,GAAAnB,wBAAA,CAAAiB,IAAA,EAAAnC,SAAA;EACtB,IAAMsC,KAAK,GAAG,IAAAC,gCAAe,EAACH,QAAQ,CAAC;EAEvC,oBACE5C,MAAA,CAAAW,OAAA,CAAAqC,aAAA,CAAC5C,IAAA,CAAA6C,GAAG,EAAArC,QAAA;IAACsC,EAAE,EAAC,KAAK;IAAC,cAAW;EAAY,GAAKL,IAAI,gBAC5C7C,MAAA,CAAAW,OAAA,CAAAqC,aAAA,CAAC3C,KAAA,CAAA8C,IAAI;IAACD,EAAE,EAAC;EAAI,gBACXlD,MAAA,CAAAW,OAAA,CAAAqC,aAAA,CAAC1C,KAAA,CAAA8C,IAAI;IACHC,SAAS,eACPrD,MAAA,CAAAW,OAAA,CAAAqC,aAAA,CAACzC,KAAA,CAAA8B,IAAI;MAACa,EAAE,EAAC,MAAM;MAACI,IAAI,EAAC,IAAI;MAACC,KAAK,EAAC,QAAQ;MAACC,EAAE,EAAE,CAAE;MAAC,eAAY;IAAM,GAAC,GAEnE;EACD,GAEAV,KAAK,CAACW,GAAG,CAAC,UAACC,IAA6B,EAAEzC,CAAC,EAAK;IAC/C,oBACEjB,MAAA,CAAAW,OAAA,CAAAqC,aAAA,CAACb,EAAE;MAACe,EAAE,EAAC,IAAI;MAACI,IAAI,EAAC,IAAI;MAACjC,GAAG,EAAEJ;IAAE,GAC1BA,CAAC,KAAK6B,KAAK,CAAC3B,MAAM,GAAG,CAAC,gBACnBwC,cAAK,CAACC,YAAY,CAACF,IAAI,EAAE;MAAE,cAAc,EAAE;IAAO,CAAC,CAAC,GACpDA,IAAI,CACL;EAET,CAAC,CAAC,CACG,CACF,CACH;AAEV,CAAC;AAAAG,OAAA,CAAAnB,WAAA,GAAAA,WAAA;AA5BYA,WAEZ,CAAAH,WAAA"}
+{"version":3,"file":"Breadcrumbs.js","names":["_themeGet","require","_react","_interopRequireDefault","_styledComponents","_flattenChildren","_Box","_Flex","_Join","_Text","_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","Li","styled","Text","withConfig","displayName","componentId","themeGet","Breadcrumbs","exports","_ref","children","rest","cells","flattenChildren","createElement","Box","as","Flex","Join","separator","size","color","mx","map","cell","React","cloneElement"],"sources":["../../../src/elements/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React from \"react\"\nimport styled from \"styled-components\"\nimport { flattenChildren } from \"../../helpers/flattenChildren\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport { Join } from \"../Join\"\nimport { Text } from \"../Text\"\n\nconst Li = styled(Text)`\n  > a {\n    color: ${themeGet(\"colors.mono60\")};\n    text-decoration: none;\n\n    &:hover {\n      color: ${themeGet(\"colors.blue100\")};\n      text-decoration: underline;\n    }\n  }\n\n  &:last-of-type {\n    > a {\n      color: ${themeGet(\"colors.mono100\")};\n\n      &:hover {\n        color: ${themeGet(\"colors.mono100\")};\n        text-decoration: none;\n      }\n    }\n  }\n`\n\n/** Breadcrumbs extends Box */\nexport type BreadcrumbsProps = BoxProps\n\n/**\n * A breadcrumb trail consists of a list of links to the parent pages of the\n * current page in hierarchical order. It helps users find their place within\n * a website or web application. Breadcrumbs are often placed horizontally\n * before a page's main content.\n */\nexport const Breadcrumbs: React.FC<\n  React.PropsWithChildren<BreadcrumbsProps>\n> = ({ children, ...rest }) => {\n  const cells = flattenChildren(children)\n\n  return (\n    <Box as=\"nav\" aria-label=\"Breadcrumb\" {...rest}>\n      <Flex as=\"ol\">\n        <Join\n          separator={\n            <Text as=\"span\" size=\"xs\" color=\"mono60\" mx={1} aria-hidden=\"true\">\n              /\n            </Text>\n          }\n        >\n          {cells.map((cell: React.ReactElement<any>, i) => {\n            return (\n              <Li as=\"li\" size=\"xs\" key={i}>\n                {i === cells.length - 1\n                  ? React.cloneElement(cell, { \"aria-current\": \"page\" })\n                  : cell}\n              </Li>\n            )\n          })}\n        </Join>\n      </Flex>\n    </Box>\n  )\n}\n"],"mappings":"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"}

package/dist/elements/Breadcrumbs/Breadcrumbs.story.js

@@ -8,11 +8,10 @@ var _react = _interopRequireDefault(require("react"));
 var _storybookStates = require("storybook-states");
 var _Breadcrumbs = require("./Breadcrumbs");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+var _default = exports.default = {
   title: "Components/Breadcrumbs"
 };
-exports.default = _default;
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{}, {
       children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("a", {
@@ -35,6 +34,5 @@ var Default = function Default() {
     href: "#4"
   }, "Level 04")));
 };
-exports.Default = Default;
 Default.displayName = "Default";
 //# sourceMappingURL=Breadcrumbs.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Breadcrumbs","obj","__esModule","default","_default","title","exports","Default","createElement","States","states","children","Fragment","href","Breadcrumbs","displayName"],"sources":["../../../src/elements/Breadcrumbs/Breadcrumbs.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Breadcrumbs } from \"./Breadcrumbs\"\n\nexport default {\n  title: \"Components/Breadcrumbs\",\n}\n\nexport const Default = () => {\n  return (\n    <States\n      states={[\n        {},\n        {\n          children: (\n            <>\n              <a href=\"#1\">Level 01</a>\n              <a href=\"#2\">Level 02</a>\n            </>\n          ),\n        },\n        {\n          children: <a href=\"#1\">Level 01</a>,\n        },\n      ]}\n    >\n      <Breadcrumbs>\n        <a href=\"#1\">Level 01</a>\n        <a href=\"#2\">Level 02</a>\n        <a href=\"#3\">Level 03</a>\n        <a href=\"#4\">Level 04</a>\n      </Breadcrumbs>\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAA2C,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAE5B;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAH,OAAA,GAAAC,QAAA;AAEM,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,gBAAA,CAAAU,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MACEC,QAAQ,eACNf,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAAAZ,MAAA,CAAAO,OAAA,CAAAS,QAAA,qBACEhB,MAAA,CAAAO,OAAA,CAAAK,aAAA;QAAGK,IAAI,EAAC;MAAI,GAAC,UAAQ,CAAI,eACzBjB,MAAA,CAAAO,OAAA,CAAAK,aAAA;QAAGK,IAAI,EAAC;MAAI,GAAC,UAAQ,CAAI;IAG/B,CAAC,EACD;MACEF,QAAQ,eAAEf,MAAA,CAAAO,OAAA,CAAAK,aAAA;QAAGK,IAAI,EAAC;MAAI,GAAC,UAAQ;IACjC,CAAC;EACD,gBAEFjB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,YAAA,CAAAc,WAAW,qBACVlB,MAAA,CAAAO,OAAA,CAAAK,aAAA;IAAGK,IAAI,EAAC;EAAI,GAAC,UAAQ,CAAI,eACzBjB,MAAA,CAAAO,OAAA,CAAAK,aAAA;IAAGK,IAAI,EAAC;EAAI,GAAC,UAAQ,CAAI,eACzBjB,MAAA,CAAAO,OAAA,CAAAK,aAAA;IAAGK,IAAI,EAAC;EAAI,GAAC,UAAQ,CAAI,eACzBjB,MAAA,CAAAO,OAAA,CAAAK,aAAA;IAAGK,IAAI,EAAC;EAAI,GAAC,UAAQ,CAAI,CACb,CACP;AAEb,CAAC;AAAAP,OAAA,CAAAC,OAAA,GAAAA,OAAA;AA1BYA,OAAO,CAAAQ,WAAA"}
+{"version":3,"file":"Breadcrumbs.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Breadcrumbs","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","children","Fragment","href","Breadcrumbs","displayName"],"sources":["../../../src/elements/Breadcrumbs/Breadcrumbs.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Breadcrumbs } from \"./Breadcrumbs\"\n\nexport default {\n  title: \"Components/Breadcrumbs\",\n}\n\nexport const Default = () => {\n  return (\n    <States\n      states={[\n        {},\n        {\n          children: (\n            <>\n              <a href=\"#1\">Level 01</a>\n              <a href=\"#2\">Level 02</a>\n            </>\n          ),\n        },\n        {\n          children: <a href=\"#1\">Level 01</a>,\n        },\n      ]}\n    >\n      <Breadcrumbs>\n        <a href=\"#1\">Level 01</a>\n        <a href=\"#2\">Level 02</a>\n        <a href=\"#3\">Level 03</a>\n        <a href=\"#4\">Level 04</a>\n      </Breadcrumbs>\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAA2C,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAE5B;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,gBAAA,CAAAU,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MACEC,QAAQ,eACNf,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAAAZ,MAAA,CAAAO,OAAA,CAAAS,QAAA,qBACEhB,MAAA,CAAAO,OAAA,CAAAK,aAAA;QAAGK,IAAI,EAAC;MAAI,GAAC,UAAQ,CAAI,eACzBjB,MAAA,CAAAO,OAAA,CAAAK,aAAA;QAAGK,IAAI,EAAC;MAAI,GAAC,UAAQ,CAAI;IAG/B,CAAC,EACD;MACEF,QAAQ,eAAEf,MAAA,CAAAO,OAAA,CAAAK,aAAA;QAAGK,IAAI,EAAC;MAAI,GAAC,UAAQ;IACjC,CAAC;EACD,gBAEFjB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,YAAA,CAAAc,WAAW,qBACVlB,MAAA,CAAAO,OAAA,CAAAK,aAAA;IAAGK,IAAI,EAAC;EAAI,GAAC,UAAQ,CAAI,eACzBjB,MAAA,CAAAO,OAAA,CAAAK,aAAA;IAAGK,IAAI,EAAC;EAAI,GAAC,UAAQ,CAAI,eACzBjB,MAAA,CAAAO,OAAA,CAAAK,aAAA;IAAGK,IAAI,EAAC;EAAI,GAAC,UAAQ,CAAI,eACzBjB,MAAA,CAAAO,OAAA,CAAAK,aAAA;IAAGK,IAAI,EAAC;EAAI,GAAC,UAAQ,CAAI,CACb,CACP;AAEb,CAAC;AA1BYN,OAAO,CAAAQ,WAAA"}

package/dist/elements/Button/Button.js

@@ -22,7 +22,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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 _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; }
-var Button = /*#__PURE__*/_react.default.forwardRef(function (_ref, forwardedRef) {
+var Button = exports.Button = /*#__PURE__*/_react.default.forwardRef(function (_ref, forwardedRef) {
   var children = _ref.children,
     loading = _ref.loading,
     success = _ref.success,
@@ -83,10 +83,8 @@ var Button = /*#__PURE__*/_react.default.forwardRef(function (_ref, forwardedRef
     "aria-hidden": "true"
   }), children));
 });
-exports.Button = Button;
 Button.displayName = "Button";
-var buttonMixin = (0, _styledComponents.css)(["cursor:pointer;position:relative;white-space:nowrap;font-weight:normal;text-align:center;border:1px solid;text-decoration:none;transition:color 0.25s ease,border-color 0.25s ease,background-color 0.25s ease,box-shadow 0.25s ease;"]);
-exports.buttonMixin = buttonMixin;
+var buttonMixin = exports.buttonMixin = (0, _styledComponents.css)(["cursor:pointer;position:relative;white-space:nowrap;font-weight:normal;text-align:center;border:1px solid;text-decoration:none;transition:color 0.25s ease,border-color 0.25s ease,background-color 0.25s ease,box-shadow 0.25s ease;"]);
 var Container = _styledComponents.default.button.withConfig({
   displayName: "Button__Container",
   componentId: "sc-1bhxy1c-0"