@artsy/palette 41.8.0 → 42.0.0-canary.1450.32177.0

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

@@ -3,7 +3,7 @@ import { TextProps } from "../Text";
 /**
  * Utilize as="a" or as={Component} to alter functionality
  */
-export declare type BaseTabProps<C extends React.ComponentType<React.PropsWithChildren<unknown>> = any> = TextProps & {
+export type BaseTabProps<C extends React.ComponentType<React.PropsWithChildren<unknown>> = any> = TextProps & {
     active?: boolean;
     focus?: boolean;
     hover?: boolean;
@@ -18,14 +18,14 @@ export declare type BaseTabProps<C extends React.ComponentType<React.PropsWithCh
  * or `<BaseTab as={Clickable} onClick={handleClick}>Foo</BaseTab>`
  */
 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;
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | 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" | "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<"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;
+    variant?: import("styled-system").ResponsiveValue<import("@artsy/palette-tokens/dist/typography/v3").TextVariant>;
+    textColor?: import("styled-system").ResponsiveValue<import("@artsy/palette-tokens").Color>;
+    lineClamp?: number;
 } & import("..").BoxProps & {
-    hyphenate?: boolean | undefined;
-    overflowEllipsis?: boolean | undefined;
-    textTransform?: import("styled-system").ResponsiveValue<import("../Text").TextTransform, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
-    lineClamp?: import("styled-system").ResponsiveValue<number, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    hyphenate?: boolean;
+    overflowEllipsis?: boolean;
+    textTransform?: import("styled-system").ResponsiveValue<import("../Text").TextTransform>;
+    lineClamp?: import("styled-system").ResponsiveValue<number>;
 }, BaseTabProps<any>>> & string;

package/dist/elements/BaseTabs/BaseTab.js

@@ -23,13 +23,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * E.g.: `<BaseTab as={RouterLink} to="/foo">Foo</BaseTab>`
  * or `<BaseTab as={Clickable} onClick={handleClick}>Foo</BaseTab>`
  */
-var BaseTab = (0, _styledComponents.default)(_Text.Text).withConfig({
+var BaseTab = exports.BaseTab = (0, _styledComponents.default)(_Text.Text).withConfig({
   displayName: "BaseTab",
   componentId: "sc-1qn17bx-0"
 })(["display:flex;width:100%;position:relative;text-decoration:none;white-space:nowrap;z-index:1;", ""], function (props) {
   return (0, _styledComponents.css)(["", " ", " ", " ", " &:hover:not(:disabled){", "}&:focus{outline:0;", "}"], _tokens.STATES.default, props.hover && _tokens.STATES.hover, props.focus && _tokens.STATES.focus, props.active && _tokens.STATES.active, _tokens.STATES.hover, _tokens.STATES.focus);
 });
-exports.BaseTab = BaseTab;
 BaseTab.defaultProps = {
   variant: "sm",
   mb: "-1px",

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

@@ -1 +1 @@
-{"version":3,"file":"BaseTab.js","names":["_styledComponents","_interopRequireWildcard","require","_Clickable","_Text","_tokens","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","BaseTab","styled","Text","withConfig","displayName","componentId","props","css","STATES","hover","focus","active","exports","defaultProps","variant","mb","alignItems","justifyContent","textAlign","__Ignore__","Clickable"],"sources":["../../../src/elements/BaseTabs/BaseTab.tsx"],"sourcesContent":["import React from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { Clickable } from \"../Clickable\"\nimport { Text, TextProps } from \"../Text\"\nimport { STATES } from \"./tokens\"\n\n/**\n * Utilize as=\"a\" or as={Component} to alter functionality\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type BaseTabProps<C extends React.ComponentType<React.PropsWithChildren<unknown>> = any> = TextProps & {\n  active?: boolean\n  focus?: boolean\n  hover?: boolean\n} & React.ComponentPropsWithoutRef<C> & { as?: C }\n\n/**\n * Extends `Text`. Should always be nested within a `BaseTabs` container.\n *\n * Use the `as` prop to alter behavior.\n * E.g.: `<BaseTab as={RouterLink} to=\"/foo\">Foo</BaseTab>`\n * or `<BaseTab as={Clickable} onClick={handleClick}>Foo</BaseTab>`\n */\nexport const BaseTab = styled(Text)<BaseTabProps>`\n  display: flex;\n  width: 100%;\n  position: relative;\n  text-decoration: none;\n  white-space: nowrap;\n  z-index: 1;\n\n  ${(props) => {\n    return css`\n      ${STATES.default}\n      ${props.hover && STATES.hover}\n      ${props.focus && STATES.focus}\n      ${props.active && STATES.active}\n\n      &:hover:not(:disabled) {\n        ${STATES.hover}\n      }\n\n      &:focus {\n        outline: 0;\n        ${STATES.focus}\n      }\n    `\n  }}\n`\n\nBaseTab.defaultProps = {\n  variant: \"sm\",\n  mb: \"-1px\",\n  alignItems: \"flex-start\",\n  justifyContent: \"center\",\n  textAlign: \"center\",\n}\n\nBaseTab.displayName = \"BaseTab\"\n\n/**\n * So this is interesting: We can trick styled-components into correcting the CSS specificity (Text > Clickable)\n * by simply including a Clickable here.\n */\n// @ts-expect-error  MIGRATE_STRICT_MODE\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst __Ignore__ = Clickable\n"],"mappings":";;;;;;;AACA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAiC,SAAAI,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAN,wBAAAU,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAZ,GAAA,QAAAY,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAY,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,GAAA,EAAAY,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAZ,GAAA,CAAAY,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAEjC;AACA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMW,OAAO,GAAG,IAAAC,yBAAM,EAACC,UAAI,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yGAQ/B,UAACC,KAAK,EAAK;EACX,WAAOC,qBAAG,+EACNC,cAAM,CAACvB,OAAO,EACdqB,KAAK,CAACG,KAAK,IAAID,cAAM,CAACC,KAAK,EAC3BH,KAAK,CAACI,KAAK,IAAIF,cAAM,CAACE,KAAK,EAC3BJ,KAAK,CAACK,MAAM,IAAIH,cAAM,CAACG,MAAM,EAG3BH,cAAM,CAACC,KAAK,EAKZD,cAAM,CAACE,KAAK;AAGpB,CAAC,CACF;AAAAE,OAAA,CAAAZ,OAAA,GAAAA,OAAA;AAEDA,OAAO,CAACa,YAAY,GAAG;EACrBC,OAAO,EAAE,IAAI;EACbC,EAAE,EAAE,MAAM;EACVC,UAAU,EAAE,YAAY;EACxBC,cAAc,EAAE,QAAQ;EACxBC,SAAS,EAAE;AACb,CAAC;AAEDlB,OAAO,CAACI,WAAW,GAAG,SAAS;;AAE/B;AACA;AACA;AACA;AACA;AACA;AACA,IAAMe,UAAU,GAAGC,oBAAS"}
+{"version":3,"file":"BaseTab.js","names":["_styledComponents","_interopRequireWildcard","require","_Clickable","_Text","_tokens","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","BaseTab","exports","styled","Text","withConfig","displayName","componentId","props","css","STATES","hover","focus","active","defaultProps","variant","mb","alignItems","justifyContent","textAlign","__Ignore__","Clickable"],"sources":["../../../src/elements/BaseTabs/BaseTab.tsx"],"sourcesContent":["import React from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { Clickable } from \"../Clickable\"\nimport { Text, TextProps } from \"../Text\"\nimport { STATES } from \"./tokens\"\n\n/**\n * Utilize as=\"a\" or as={Component} to alter functionality\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type BaseTabProps<C extends React.ComponentType<React.PropsWithChildren<unknown>> = any> = TextProps & {\n  active?: boolean\n  focus?: boolean\n  hover?: boolean\n} & React.ComponentPropsWithoutRef<C> & { as?: C }\n\n/**\n * Extends `Text`. Should always be nested within a `BaseTabs` container.\n *\n * Use the `as` prop to alter behavior.\n * E.g.: `<BaseTab as={RouterLink} to=\"/foo\">Foo</BaseTab>`\n * or `<BaseTab as={Clickable} onClick={handleClick}>Foo</BaseTab>`\n */\nexport const BaseTab = styled(Text)<BaseTabProps>`\n  display: flex;\n  width: 100%;\n  position: relative;\n  text-decoration: none;\n  white-space: nowrap;\n  z-index: 1;\n\n  ${(props) => {\n    return css`\n      ${STATES.default}\n      ${props.hover && STATES.hover}\n      ${props.focus && STATES.focus}\n      ${props.active && STATES.active}\n\n      &:hover:not(:disabled) {\n        ${STATES.hover}\n      }\n\n      &:focus {\n        outline: 0;\n        ${STATES.focus}\n      }\n    `\n  }}\n`\n\nBaseTab.defaultProps = {\n  variant: \"sm\",\n  mb: \"-1px\",\n  alignItems: \"flex-start\",\n  justifyContent: \"center\",\n  textAlign: \"center\",\n}\n\nBaseTab.displayName = \"BaseTab\"\n\n/**\n * So this is interesting: We can trick styled-components into correcting the CSS specificity (Text > Clickable)\n * by simply including a Clickable here.\n */\n// @ts-expect-error  MIGRATE_STRICT_MODE\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst __Ignore__ = Clickable\n"],"mappings":";;;;;;;AACA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAiC,SAAAI,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAN,wBAAAU,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAZ,GAAA,QAAAY,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAY,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,GAAA,EAAAY,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAZ,GAAA,CAAAY,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAEjC;AACA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMW,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,IAAAE,yBAAM,EAACC,UAAI,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yGAQ/B,UAACC,KAAK,EAAK;EACX,WAAOC,qBAAG,+EACNC,cAAM,CAACxB,OAAO,EACdsB,KAAK,CAACG,KAAK,IAAID,cAAM,CAACC,KAAK,EAC3BH,KAAK,CAACI,KAAK,IAAIF,cAAM,CAACE,KAAK,EAC3BJ,KAAK,CAACK,MAAM,IAAIH,cAAM,CAACG,MAAM,EAG3BH,cAAM,CAACC,KAAK,EAKZD,cAAM,CAACE,KAAK;AAGpB,CAAC,CACF;AAEDX,OAAO,CAACa,YAAY,GAAG;EACrBC,OAAO,EAAE,IAAI;EACbC,EAAE,EAAE,MAAM;EACVC,UAAU,EAAE,YAAY;EACxBC,cAAc,EAAE,QAAQ;EACxBC,SAAS,EAAE;AACb,CAAC;AAEDlB,OAAO,CAACK,WAAW,GAAG,SAAS;;AAE/B;AACA;AACA;AACA;AACA;AACA;AACA,IAAMc,UAAU,GAAGC,oBAAS"}

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { BoxProps } from "../Box";
 /** Extends `Box` */
-export declare type BaseTabsProps = BoxProps & {
+export type BaseTabsProps = BoxProps & {
     /**
      * Enable if tabs should fill the width of the container
      * (as opposed to left-align)

package/dist/elements/BaseTabs/BaseTabs.js

@@ -19,7 +19,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 /** Extends `Box` */
 
 /** Extends `Box`, provides configurable gutter */
-var BaseTabs = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, forwardedRef) {
+var BaseTabs = exports.BaseTabs = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, forwardedRef) {
   var fill = _ref.fill,
     children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -41,6 +41,5 @@ var BaseTabs = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, forwardedRef)
     }, child);
   })));
 });
-exports.BaseTabs = BaseTabs;
 BaseTabs.displayName = "BaseTabs";
 //# sourceMappingURL=BaseTabs.js.map

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=\"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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"}
+{"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","exports","forwardRef","_ref","forwardedRef","fill","children","rest","cells","useMemo","flattenChildren","createElement","HorizontalOverflow","ref","borderBottom","borderBottomColor","Join","separator","Fragment","map","child","Box","display","textAlign","flex","undefined","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

@@ -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"}