@artsy/palette 41.0.0-canary.1423.31655.0 → 41.0.0-canary.1433.31866.0

package/dist/elements/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_CloseIcon","_Clickable","_Flex","_Text","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","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","Banner","_ref","_ref$dismissable","dismissable","_ref$variant","variant","onClose","children","rest","_useState","useState","_useState2","dismissed","setDismissed","handleClick","createElement","Container","position","py","px","Text","display","alignItems","justifyContent","textAlign","flex","Clickable","top","right","bottom","p","color","onClick","style","fill","exports","displayName","BANNER_VARIANTS","defaultLight","backgroundColor","defaultDark","success","error","brand","styled","Flex","withConfig","componentId","variants"],"sources":["../../../src/elements/Banner/Banner.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport CloseIcon from \"@artsy/icons/CloseIcon\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex, FlexProps } from \"../Flex\"\nimport { Text } from \"../Text\"\n\nexport type BannerVariant = keyof typeof BANNER_VARIANTS\n\nexport interface BannerProps extends FlexProps {\n  variant?: BannerVariant\n  dismissable?: boolean\n  onClose?: () => void\n}\n\n/** A banner */\nexport const Banner: React.FC<React.PropsWithChildren<BannerProps>> = ({\n  dismissable = false,\n  variant = \"defaultLight\",\n  onClose,\n  children,\n  ...rest\n}) => {\n  const [dismissed, setDismissed] = useState(false)\n\n  const handleClick = () => {\n    if (onClose) {\n      onClose()\n    }\n    setDismissed(true)\n  }\n\n  if (dismissed) return null\n\n  return (\n    <Container position=\"relative\" py={1} px={4} variant={variant} {...rest}>\n      <Text\n        variant=\"xs\"\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        textAlign=\"center\"\n        flex={1}\n      >\n        {children}\n      </Text>\n\n      {dismissable && (\n        <Clickable\n          position=\"absolute\"\n          top={0}\n          right={0}\n          bottom={0}\n          p={1}\n          display=\"flex\"\n          alignItems=\"center\"\n          color=\"currentColor\"\n          onClick={handleClick}\n        >\n          <CloseIcon style={{ fill: \"currentcolor\" }} />\n        </Clickable>\n      )}\n    </Container>\n  )\n}\n\nexport const BANNER_VARIANTS = {\n  defaultLight: {\n    backgroundColor: \"black10\",\n    color: \"black100\",\n  },\n  defaultDark: {\n    backgroundColor: \"black100\",\n    color: \"white100\",\n  },\n  success: {\n    backgroundColor: \"green100\",\n    color: \"white100\",\n  },\n  error: {\n    backgroundColor: \"red100\",\n    color: \"white100\",\n  },\n  brand: {\n    backgroundColor: \"brand\",\n    color: \"white100\",\n  },\n}\n\nconst Container = styled(Flex)<{ variant: BannerVariant }>`\n  ${variant({ variants: BANNER_VARIANTS })}\n`\n"],"mappings":"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"}
+{"version":3,"file":"Banner.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_CloseIcon","_Clickable","_Flex","_Text","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","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","Banner","_ref","_ref$dismissable","dismissable","_ref$variant","variant","onClose","children","rest","_useState","useState","_useState2","dismissed","setDismissed","handleClick","createElement","Container","position","py","px","Text","display","alignItems","justifyContent","textAlign","flex","Clickable","top","right","bottom","p","color","onClick","style","fill","exports","displayName","BANNER_VARIANTS","defaultLight","backgroundColor","defaultDark","success","error","brand","styled","Flex","withConfig","componentId","variants"],"sources":["../../../src/elements/Banner/Banner.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport CloseIcon from \"@artsy/icons/CloseIcon\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex, FlexProps } from \"../Flex\"\nimport { Text } from \"../Text\"\n\nexport type BannerVariant = keyof typeof BANNER_VARIANTS\n\nexport interface BannerProps extends FlexProps {\n  variant?: BannerVariant\n  dismissable?: boolean\n  onClose?: () => void\n}\n\n/** A banner */\nexport const Banner: React.FC<React.PropsWithChildren<BannerProps>> = ({\n  dismissable = false,\n  variant = \"defaultLight\",\n  onClose,\n  children,\n  ...rest\n}) => {\n  const [dismissed, setDismissed] = useState(false)\n\n  const handleClick = () => {\n    if (onClose) {\n      onClose()\n    }\n    setDismissed(true)\n  }\n\n  if (dismissed) return null\n\n  return (\n    <Container position=\"relative\" py={1} px={4} variant={variant} {...rest}>\n      <Text\n        variant=\"xs\"\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        textAlign=\"center\"\n        flex={1}\n      >\n        {children}\n      </Text>\n\n      {dismissable && (\n        <Clickable\n          position=\"absolute\"\n          top={0}\n          right={0}\n          bottom={0}\n          p={1}\n          display=\"flex\"\n          alignItems=\"center\"\n          color=\"currentColor\"\n          onClick={handleClick}\n        >\n          <CloseIcon style={{ fill: \"currentcolor\" }} />\n        </Clickable>\n      )}\n    </Container>\n  )\n}\n\nexport const BANNER_VARIANTS = {\n  defaultLight: {\n    backgroundColor: \"mono10\",\n    color: \"mono100\",\n  },\n  defaultDark: {\n    backgroundColor: \"mono100\",\n    color: \"mono0\",\n  },\n  success: {\n    backgroundColor: \"green100\",\n    color: \"mono0\",\n  },\n  error: {\n    backgroundColor: \"red100\",\n    color: \"mono0\",\n  },\n  brand: {\n    backgroundColor: \"brand\",\n    color: \"mono0\",\n  },\n}\n\nconst Container = styled(Flex)<{ variant: BannerVariant }>`\n  ${variant({ variants: BANNER_VARIANTS })}\n`\n"],"mappings":"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"}

package/dist/elements/BaseTabs/BaseTab.d.ts

@@ -19,9 +19,9 @@ export declare type BaseTabProps<C extends React.ComponentType<React.PropsWithCh
  */
 export declare const BaseTab: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("..").BoxProps> & import("..").BoxProps, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "gap" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textTransform" | "top" | "verticalAlign" | "width" | "zIndex" | "background" | "backgroundPosition" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "lineClamp" | "margin" | "overflow" | "padding" | "bg" | "borderX" | "borderY" | "size" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "textColor" | "variant" | "hyphenate" | "overflowEllipsis"> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & {
+}, "gap" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pointerEvents" | "position" | "right" | "textAlign" | "textTransform" | "top" | "verticalAlign" | "width" | "zIndex" | "background" | "backgroundPosition" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "lineClamp" | "margin" | "overflow" | "padding" | "bg" | "borderX" | "borderY" | "size" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "textColor" | "variant" | "hyphenate" | "overflowEllipsis"> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & {
     variant?: import("styled-system").ResponsiveValue<"xxxl" | "xxl" | "xl" | "lg" | "lg-display" | "md" | "sm" | "sm-display" | "xs" | "xxs" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-    textColor?: import("styled-system").ResponsiveValue<"black100" | "black10" | "black60" | "black30" | "black15" | "black5" | "white100" | "blue200" | "blue150" | "blue100" | "brand" | "blue15" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red50" | "red10", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    textColor?: import("styled-system").ResponsiveValue<"mono100" | "mono10" | "mono60" | "mono30" | "mono15" | "mono5" | "mono0" | "blue200" | "blue150" | "blue100" | "brand" | "blue15" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red50" | "red10", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     lineClamp?: number | undefined;
 } & import("..").BoxProps & {
     hyphenate?: boolean | undefined;

package/dist/elements/BaseTabs/BaseTabs.js

@@ -29,7 +29,7 @@ var BaseTabs = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, forwardedRef)
   return /*#__PURE__*/_react.default.createElement(_HorizontalOverflow.HorizontalOverflow, _extends({
     ref: forwardedRef,
     borderBottom: "1px solid",
-    borderBottomColor: "black10"
+    borderBottomColor: "mono10"
   }, rest), /*#__PURE__*/_react.default.createElement(_Join.Join, {
     separator: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)
   }, cells.map(function (child, i) {

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

@@ -1 +1 @@
-{"version":3,"file":"BaseTabs.js","names":["_react","_interopRequireWildcard","require","_flattenChildren","_Box","_HorizontalOverflow","_Join","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","BaseTabs","forwardRef","_ref","forwardedRef","fill","children","rest","cells","useMemo","flattenChildren","createElement","HorizontalOverflow","ref","borderBottom","borderBottomColor","Join","separator","Fragment","map","child","Box","display","textAlign","flex","undefined","exports","displayName"],"sources":["../../../src/elements/BaseTabs/BaseTabs.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\"\nimport { flattenChildren } from \"../../helpers/flattenChildren\"\nimport { Box, BoxProps } from \"../Box\"\nimport { HorizontalOverflow } from \"../HorizontalOverflow/HorizontalOverflow\"\nimport { Join } from \"../Join\"\n\n/** Extends `Box` */\nexport type BaseTabsProps = BoxProps & {\n  /**\n   * Enable if tabs should fill the width of the container\n   * (as opposed to left-align)\n   */\n  fill?: boolean\n  children: React.ReactNode\n}\n\n/** Extends `Box`, provides configurable gutter */\nexport const BaseTabs: React.ForwardRefExoticComponent<\n  BaseTabsProps & React.RefAttributes<HTMLDivElement>\n> = forwardRef(({ fill, children, ...rest }, forwardedRef) => {\n  const cells = useMemo(() => flattenChildren(children), [children])\n\n  return (\n    <HorizontalOverflow\n      ref={forwardedRef}\n      borderBottom=\"1px solid\"\n      borderBottomColor=\"black10\"\n      {...rest}\n    >\n      <Join separator={<></>}>\n        {cells.map((child, i) => {\n          return (\n            <Box\n              key={i}\n              display=\"inline-flex\"\n              textAlign=\"center\"\n              flex={fill ? 1 : undefined}\n            >\n              {child}\n            </Box>\n          )\n        })}\n      </Join>\n    </HorizontalOverflow>\n  )\n})\n\nBaseTabs.displayName = \"BaseTabs\"\n"],"mappings":"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"}
+{"version":3,"file":"BaseTabs.js","names":["_react","_interopRequireWildcard","require","_flattenChildren","_Box","_HorizontalOverflow","_Join","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","BaseTabs","forwardRef","_ref","forwardedRef","fill","children","rest","cells","useMemo","flattenChildren","createElement","HorizontalOverflow","ref","borderBottom","borderBottomColor","Join","separator","Fragment","map","child","Box","display","textAlign","flex","undefined","exports","displayName"],"sources":["../../../src/elements/BaseTabs/BaseTabs.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\"\nimport { flattenChildren } from \"../../helpers/flattenChildren\"\nimport { Box, BoxProps } from \"../Box\"\nimport { HorizontalOverflow } from \"../HorizontalOverflow/HorizontalOverflow\"\nimport { Join } from \"../Join\"\n\n/** Extends `Box` */\nexport type BaseTabsProps = BoxProps & {\n  /**\n   * Enable if tabs should fill the width of the container\n   * (as opposed to left-align)\n   */\n  fill?: boolean\n  children: React.ReactNode\n}\n\n/** Extends `Box`, provides configurable gutter */\nexport const BaseTabs: React.ForwardRefExoticComponent<\n  BaseTabsProps & React.RefAttributes<HTMLDivElement>\n> = forwardRef(({ fill, children, ...rest }, forwardedRef) => {\n  const cells = useMemo(() => flattenChildren(children), [children])\n\n  return (\n    <HorizontalOverflow\n      ref={forwardedRef}\n      borderBottom=\"1px solid\"\n      borderBottomColor=\"mono10\"\n      {...rest}\n    >\n      <Join separator={<></>}>\n        {cells.map((child, i) => {\n          return (\n            <Box\n              key={i}\n              display=\"inline-flex\"\n              textAlign=\"center\"\n              flex={fill ? 1 : undefined}\n            >\n              {child}\n            </Box>\n          )\n        })}\n      </Join>\n    </HorizontalOverflow>\n  )\n})\n\nBaseTabs.displayName = \"BaseTabs\"\n"],"mappings":"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"}

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

@@ -171,13 +171,13 @@ Fill.displayName = "Fill";
 var BreakingOutOfContainerMargin = function BreakingOutOfContainerMargin() {
   return /*#__PURE__*/_react.default.createElement(_Box.Box, {
     m: 6,
-    bg: "black10"
+    bg: "mono10"
   }, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTabs, {
     mx: -6,
     px: 6
   }, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
     active: true
-  }, "Rail border should extend past black10 background")));
+  }, "Rail border should extend past mono10 background")));
 };
 exports.BreakingOutOfContainerMargin = BreakingOutOfContainerMargin;
 BreakingOutOfContainerMargin.displayName = "BreakingOutOfContainerMargin";

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 }>> = ({ to, children, ...rest }) => {\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=\"black10\">\n      <BaseTabs mx={-6} px={6}>\n        <BaseTab active>\n          Rail border should extend past black10 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":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,IAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAAwC,IAAAO,SAAA;AAAA,SAAAL,uBAAAM,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;AAIxC;AACA,IAAMmB,UAA6D,GAAG,SAAhEA,UAA6DA,CAAAC,IAAA,EAAkC;EAAA,IAA5BC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,IAAI,GAAAb,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAC5F,oBACEN,MAAA,CAAAS,OAAA,CAAA6B,aAAA,MAAA5B,QAAA;IAAG6B,IAAI,EAAEJ;EAAG,GAAKE,IAAI,GAClBD,QAAQ,CACP;AAER,CAAC;AANKH,UAA6D,CAAAO,WAAA;AAAA,IAAAC,QAAA,GAQpD;EAAEC,KAAK,EAAE;AAAsB,CAAC;AAAAC,OAAA,CAAAlC,OAAA,GAAAgC,QAAA;AAExC,IAAMG,QAAQ,GAAG,SAAXA,QAAQA,CAAA,EAAS;EAC5B,oBACE5C,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACpC,gBAAA,CAAA2C,MAAM;IACLC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;MAAEC,KAAK,EAAE;IAAK,CAAC,EAAE;MAAEC,KAAK,EAAE;IAAK,CAAC,EAAE;MAAEC,MAAM,EAAE;IAAK,CAAC;EAAE,gBAEjEjD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO,QAAC,SAAO,CAAU,CACnB;AAEb,CAAC;AAAAP,OAAA,CAAAC,QAAA,GAAAA,QAAA;AARYA,QAAQ,CAAAJ,WAAA;AAUd,IAAMW,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEnD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACpC,gBAAA,CAAA2C,MAAM;IACLC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;MAAEM,IAAI,EAAE;IAAK,CAAC,EAAE;MAAEC,cAAc,EAAE;IAAS,CAAC;EAAE,gBAE3DrD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAAmD,QAAQ,qBACPtD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO,QAAC,OAAK,CAAU,eACxBlD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO,QAAC,QAAM,CAAU,eACzBlD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACD,MAAM;EAAA,GAAC,QAAM,CAAU,eAChCjD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO,QAAC,MAAI,CAAU,CACd,CACJ;AAEb,CAAC;AAAAP,OAAA,CAAAQ,OAAA,GAAAA,OAAA;AAbYA,OAAO,CAAAX,WAAA;AAeb,IAAMe,GAAG,GAAG,SAANA,GAAGA,CAAA,EAAS;EACvB,oBACEvD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAAmD,QAAQ,qBACPtD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAC,GAAG;IAACjB,IAAI,EAAC;EAAW,GAAC,UAEjC,CAAU,eAEVvC,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAC,GAAG;IAACjB,IAAI,EAAC;EAAK,GAAC,IAE3B,CAAU,eAEVvC,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAC,GAAG;IAACjB,IAAI,EAAC,QAAQ;IAACU,MAAM;EAAA,GAAC,OAErC,CAAU,eAEVjD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAC,GAAG;IAACjB,IAAI,EAAC;EAAkB,GAAC,iBAExC,CAAU,eAEVvC,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAC,GAAG;IAACjB,IAAI,EAAC;EAAW,GAAC,UAEjC,CAAU,eAEVvC,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAC,GAAG;IAACjB,IAAI,EAAC;EAAkB,GAAC,iBAExC,CAAU,CACD;AAEf,CAAC;AAAAI,OAAA,CAAAY,GAAA,GAAAA,GAAA;AA5BYA,GAAG,CAAAf,WAAA;AA8BhBe,GAAG,CAACE,KAAK,GAAG;EACVC,IAAI,EAAE;AACR,CAAC;AAEM,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;EAC/B,oBACE3D,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAAmD,QAAQ,qBACPtD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAEI,oBAAU;IAACC,OAAO,EAAE,IAAAC,oBAAM,EAAC,SAAS;EAAE,GAAC,UAEpD,CAAU,eAEV9D,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAEI,oBAAU;IAACC,OAAO,EAAE,IAAAC,oBAAM,EAAC,SAAS;EAAE,GAAC,IAEpD,CAAU,eAEV9D,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAEI,oBAAU;IAACC,OAAO,EAAE,IAAAC,oBAAM,EAAC,SAAS,CAAE;IAACb,MAAM;EAAA,GAAC,OAE3D,CAAU,eAEVjD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAEI,oBAAU;IAACC,OAAO,EAAE,IAAAC,oBAAM,EAAC,SAAS;EAAE,GAAC,iBAEpD,CAAU,eAEV9D,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAEI,oBAAU;IAACC,OAAO,EAAE,IAAAC,oBAAM,EAAC,SAAS;EAAE,GAAC,UAEpD,CAAU,eAEV9D,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAEI,oBAAU;IAACC,OAAO,EAAE,IAAAC,oBAAM,EAAC,SAAS;EAAE,GAAC,iBAEpD,CAAU,CACD;AAEf,CAAC;AAAAnB,OAAA,CAAAgB,WAAA,GAAAA,WAAA;AA5BYA,WAAW,CAAAnB,WAAA;AA8BxBmB,WAAW,CAACF,KAAK,GAAG;EAClBC,IAAI,EAAE;AACR,CAAC;AAEM,IAAMK,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;EAChC,oBACE/D,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAAmD,QAAQ,qBACPtD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAEvB,UAAW;IAACE,EAAE,EAAC,UAAU;IAAC6B,eAAe,EAAC,QAAQ;IAACC,OAAO;EAAA,GAAC,SAExE,CAAU,CACD;AAEf,CAAC;AAAAtB,OAAA,CAAAoB,YAAA,GAAAA,YAAA;AARYA,YAAY,CAAAvB,WAAA;AAUzBuB,YAAY,CAACN,KAAK,GAAG;EACnBC,IAAI,EAAE;AACR,CAAC;AAEM,IAAMQ,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;EAC/B,oBACElE,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAAmD,QAAQ,QACN,CACC,mBAAmB,EACnB,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,WAAW,CACZ,CAACa,GAAG,CAAC,UAACC,KAAK,EAAErD,CAAC,EAAK;IAClB,oBACEf,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;MAAC/B,GAAG,EAAEiD,KAAM;MAACnB,MAAM,EAAElC,CAAC,KAAK;IAAE,GAClCqD,KAAK,CACE;EAEd,CAAC,CAAC,CACO;AAEf,CAAC;AAAAzB,OAAA,CAAAuB,WAAA,GAAAA,WAAA;AAvBYA,WAAW,CAAA1B,WAAA;AAyBjB,IAAM6B,IAAI,GAAG,SAAPA,IAAIA,CAAA,EAAS;EACxB,oBACErE,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAAClC,IAAA,CAAAkE,GAAG;IAACC,CAAC,EAAE;EAAE,gBACRvE,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAAmD,QAAQ;IAACF,IAAI;IAACoB,EAAE,EAAE;EAAE,gBACnBxE,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAC,GAAG;IAACjB,IAAI,EAAC;EAAG,GAAC,KAEzB,CAAU,CACD,eAEXvC,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAAmD,QAAQ;IAACF,IAAI;IAACoB,EAAE,EAAE;EAAE,gBACnBxE,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAC,GAAG;IAACjB,IAAI,EAAC;EAAG,GAAC,KAEzB,CAAU,eAEVvC,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAC,GAAG;IAACjB,IAAI,EAAC,GAAG;IAACU,MAAM;EAAA,GAAC,KAEhC,CAAU,CACD,eAEXjD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAAmD,QAAQ;IAACF,IAAI;IAACoB,EAAE,EAAE;EAAE,gBACnBxE,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAC,GAAG;IAACjB,IAAI,EAAC;EAAG,GAAC,KAEzB,CAAU,eAEVvC,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAC,GAAG;IAACjB,IAAI,EAAC,GAAG;IAACU,MAAM;EAAA,GAAC,KAEhC,CAAU,eAEVjD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAC,GAAG;IAACjB,IAAI,EAAC;EAAG,GAAC,OAEzB,CAAU,CACD,CACP;AAEV,CAAC;AAAAI,OAAA,CAAA0B,IAAA,GAAAA,IAAA;AAlCYA,IAAI,CAAA7B,WAAA;AAoCV,IAAMiC,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAA,EAAS;EAChD,oBACEzE,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAAClC,IAAA,CAAAkE,GAAG;IAACC,CAAC,EAAE,CAAE;IAACG,EAAE,EAAC;EAAS,gBACrB1E,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAAmD,QAAQ;IAACqB,EAAE,EAAE,CAAC,CAAE;IAACC,EAAE,EAAE;EAAE,gBACtB5E,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACD,MAAM;EAAA,GAAC,mDAEhB,CAAU,CACD,CACP;AAEV,CAAC;AAAAN,OAAA,CAAA8B,4BAAA,GAAAA,4BAAA;AAVYA,4BAA4B,CAAAjC,WAAA;AAYzCiC,4BAA4B,CAAChB,KAAK,GAAG;EACnCC,IAAI,EAAE;AACR,CAAC;AAEM,IAAMmB,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;EAClC,oBACE7E,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAAmD,QAAQ,qBACPtD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAAAtC,MAAA,CAAAS,OAAA,CAAAqE,QAAA,qBACE9E,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO,QAAC,OAAK,CAAU,eACxBlD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO,QAAC,QAAM,CAAU,eACzBlD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAAAtC,MAAA,CAAAS,OAAA,CAAAqE,QAAA,qBACE9E,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACD,MAAM;EAAA,GAAC,QAAM,CAAU,eAChCjD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO,QAAC,MAAI,CAAU,CACtB,CACF,CACM;AAEf,CAAC;AAAAP,OAAA,CAAAkC,cAAA,GAAAA,cAAA;AAbYA,cAAc,CAAArC,WAAA;AAe3BqC,cAAc,CAACpB,KAAK,GAAG;EACrBC,IAAI,EAAE;AACR,CAAC"}
+{"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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"}

package/dist/elements/BaseTabs/tokens.js

@@ -7,9 +7,9 @@ exports.STATES = void 0;
 var _themeGet = require("@styled-system/theme-get");
 var _styledComponents = require("styled-components");
 var STATES = {
-  default: (0, _styledComponents.css)(["height:40px;padding:0 ", ";color:", ";border-bottom:1px solid transparent;"], (0, _themeGet.themeGet)("space.2"), (0, _themeGet.themeGet)("colors.black60")),
-  active: (0, _styledComponents.css)(["outline:0;color:", ";border-bottom-color:", ";&:hover{text-decoration:none !important;color:inherit !important;}"], (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black100")),
-  focus: (0, _styledComponents.css)(["text-decoration:underline;color:", ";"], (0, _themeGet.themeGet)("colors.black100")),
+  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;

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.black60\")};\n    border-bottom: 1px solid transparent;\n  `,\n  active: css`\n    outline: 0;\n    color: ${themeGet(\"colors.black100\")};\n    border-bottom-color: ${themeGet(\"colors.black100\")};\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.black100\")};\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,gBAAgB,CAAC,CAEpC;EACDC,MAAM,MAAEF,qBAAG,wHAEA,IAAAC,kBAAQ,EAAC,iBAAiB,CAAC,EACb,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,CAMnD;EACDE,KAAK,MAAEH,qBAAG,6CAEC,IAAAC,kBAAQ,EAAC,iBAAiB,CAAC,CACrC;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","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"}

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

@@ -3,7 +3,7 @@ import { BoxProps } from "../Box";
 export declare 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="black10" p={2}`,
+ * @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"> & {

package/dist/elements/BorderBox/BorderBox.js

@@ -9,7 +9,7 @@ var _Box = require("../Box");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  * A `div` that has a common border and padding set by default
- * @deprecated: Use `Box` along with props e.g. `border="1px solid" borderColor="black10" p={2}`,
+ * @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({
@@ -19,7 +19,7 @@ var BorderBox = (0, _styledComponents.default)(_Box.Box).withConfig({
 exports.BorderBox = BorderBox;
 BorderBox.displayName = "BorderBox";
 BorderBox.defaultProps = {
-  borderColor: "black10",
+  borderColor: "mono10",
   p: 2
 };
 //# sourceMappingURL=BorderBox.js.map

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=\"black10\" 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: \"black10\",\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,SAAS;EACtBC,CAAC,EAAE;AACL,CAAC"}
+{"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"}

package/dist/elements/BorderBox/BorderBoxBase.js

@@ -17,7 +17,7 @@ var BorderBoxBase = (0, _styledComponents.default)(_Flex.Flex).withConfig({
 })(["border-width:1px;border-style:solid;"]);
 exports.BorderBoxBase = BorderBoxBase;
 BorderBoxBase.defaultProps = {
-  borderColor: "black10",
+  borderColor: "mono10",
   p: 2
 };
 //# sourceMappingURL=BorderBoxBase.js.map

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: \"black10\",\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,SAAS;EACtBC,CAAC,EAAE;AACL,CAAC"}
+{"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"}

package/dist/elements/BorderedRadio/BorderedRadio.js

@@ -12,6 +12,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var 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.black10"), (0, _themeGet.themeGet)("colors.black5"));
+})(["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.black10\")};\n  transition: background-color 0.25s;\n\n  &:hover:not(:disabled) {\n    background-color: ${themeGet(\"colors.black5\")};\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,gBAAgB,CAAC,EAIxB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,CAahD;AAAAC,OAAA,CAAAP,aAAA,GAAAA,aAAA"}
+{"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"}

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

@@ -1,7 +1,10 @@
 /// <reference types="react" />
-import { BackgroundProps, BorderProps, ColorProps, FlexboxProps, GridAreaProps, LayoutProps, PositionProps, ResponsiveValue, SpaceProps, TextAlignProps } from "styled-system";
-export interface BoxProps extends BackgroundProps, BorderProps, Omit<ColorProps, "color">, FlexboxProps, GridAreaProps, LayoutProps, PositionProps, SpaceProps, TextAlignProps {
+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;
+export interface BoxProps extends BackgroundProps, BorderProps, BoxShadowProps, Omit<ColorProps, "color">, FlexboxProps, GridAreaProps, LayoutProps, PositionProps, SpaceProps, TextAlignProps {
     gap?: ResponsiveValue<string | number>;
+    pointerEvents?: ResponsiveValue<CSSProperties["pointerEvents"]>;
 }
 /**
  * All the system functions for Box

package/dist/elements/Box/Box.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.splitBoxProps = exports.boxMixin = exports.Box = void 0;
+exports.splitBoxProps = exports.pointerEvents = exports.boxMixin = exports.Box = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _styledSystem = require("styled-system");
 var _splitProps = require("../../utils/splitProps");
@@ -14,10 +14,17 @@ var gap = (0, _styledSystem.system)({
     scale: "space"
   }
 });
+var 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.color, _styledSystem.flexbox, _styledSystem.gridArea, _styledSystem.layout, _styledSystem.position, _styledSystem.space, _styledSystem.textAlign, gap);
+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);
 
 /**
  * Box is just a `View` or `div` (depending on the platform) with common styled-systems

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","boxMixin","compose","background","border","color","flexbox","gridArea","layout","position","space","textAlign","exports","Box","styled","div","withConfig","displayName","componentId","splitBoxProps","splitProps"],"sources":["../../../src/elements/Box/Box.tsx"],"sourcesContent":["import styled from \"styled-components\"\nimport {\n  background,\n  BackgroundProps,\n  border,\n  BorderProps,\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 interface BoxProps\n  extends BackgroundProps,\n    BorderProps,\n    Omit<ColorProps, \"color\">,\n    FlexboxProps,\n    GridAreaProps,\n    LayoutProps,\n    PositionProps,\n    SpaceProps,\n    TextAlignProps {\n  gap?: ResponsiveValue<string | number>\n}\n\n/**\n * All the system functions for Box\n */\nexport const boxMixin = compose(\n  background,\n  border,\n  color,\n  flexbox,\n  gridArea,\n  layout,\n  position,\n  space,\n  textAlign,\n  gap\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;AAuBA,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;AAeF;AACA;AACA;AACO,IAAMC,QAAQ,GAAG,IAAAC,qBAAO,EAC7BC,wBAAU,EACVC,oBAAM,EACNC,mBAAK,EACLC,qBAAO,EACPC,sBAAQ,EACRC,oBAAM,EACNC,sBAAQ,EACRC,mBAAK,EACLC,uBAAS,EACTd,GAAG,CACJ;;AAED;AACA;AACA;AACA;AAHAe,OAAA,CAAAX,QAAA,GAAAA,QAAA;AAIO,IAAMY,GAAG,GAAGC,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACzBjB,QAAQ,CACX;AAAAW,OAAA,CAAAC,GAAA,GAAAA,GAAA;AAEDA,GAAG,CAACI,WAAW,GAAG,KAAK;;AAEvB;AACO,IAAME,aAAa,GAAG,IAAAC,sBAAU,EAAWnB,QAAQ,CAAC;AAAAW,OAAA,CAAAO,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,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"}

package/dist/elements/Breadcrumbs/Breadcrumbs.js

@@ -20,7 +20,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var Li = (0, _styledComponents.default)(_Text.Text).withConfig({
   displayName: "Breadcrumbs__Li",
   componentId: "sc-1ve5xfq-0"
-})(["> a{color:", ";text-decoration:none;&:hover{color:", ";text-decoration:underline;}}&:last-of-type{> a{color:", ";&:hover{color:", ";text-decoration:none;}}}"], (0, _themeGet.themeGet)("colors.black60"), (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black100"));
+})(["> a{color:", ";text-decoration:none;&:hover{color:", ";text-decoration:underline;}}&:last-of-type{> a{color:", ";&:hover{color:", ";text-decoration:none;}}}"], (0, _themeGet.themeGet)("colors.mono60"), (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.mono100"), (0, _themeGet.themeGet)("colors.mono100"));
 
 /** Breadcrumbs extends Box */
 
@@ -43,7 +43,7 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
     separator: /*#__PURE__*/_react.default.createElement(_Text.Text, {
       as: "span",
       size: "xs",
-      color: "black60",
+      color: "mono60",
       mx: 1,
       "aria-hidden": "true"
     }, "/")

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.black60\")};\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.black100\")};\n\n      &:hover {\n        color: ${themeGet(\"colors.black100\")};\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<React.PropsWithChildren<BreadcrumbsProps>> = ({\n  children,\n  ...rest\n}) => {\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=\"black60\" 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,gBAAgB,CAAC,EAIxB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAO1B,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,EAGzB,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,CAK3C;;AAED;;AAGA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,WAAgE,GAAG,SAAnEA,WAAgEA,CAAAC,IAAA,EAGvE;EAAA,IAFJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACLC,IAAI,GAAAnB,wBAAA,CAAAiB,IAAA,EAAAnC,SAAA;EAEP,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,SAAS;MAACC,EAAE,EAAE,CAAE;MAAC,eAAY;IAAM,GAAC,GAEpE;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;AA7BYA,WAAgE,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","_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":"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"}

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

@@ -97,11 +97,11 @@ var Variants = function Variants() {
       p: 1,
       overflowX: "auto"
     }, ["primaryWhite", "secondaryWhite"].includes("".concat(props.variant)) ? {
-      bg: "black100",
-      color: "white100"
+      bg: "mono100",
+      color: "mono0"
     } : {
-      bg: "white100",
-      color: "black100"
+      bg: "mono0",
+      color: "mono100"
     }), /*#__PURE__*/_react.default.createElement(_Flex.Flex, null, /*#__PURE__*/_react.default.createElement(_Join.Join, {
       separator: /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
         x: 2
@@ -147,7 +147,7 @@ NativeButtonProps.story = {
 var WithBoxProps = function WithBoxProps() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, null, /*#__PURE__*/_react.default.createElement(_Box.Box, {
     border: "1px dotted",
-    borderColor: "black100"
+    borderColor: "mono100"
   }, /*#__PURE__*/_react.default.createElement(_index.Button, {
     display: "block",
     width: "100%",

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

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