@artsy/palette 41.0.0-canary.1423.31655.0 → 41.0.0

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

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

package/dist/elements/Stepper/Stepper.js

@@ -32,7 +32,6 @@ var Stepper = function Stepper(_ref) {
       initialTabIndex: initialTabIndex
     }),
     tabs = _useTabs.tabs,
-    activeTab = _useTabs.activeTab,
     activeTabIndex = _useTabs.activeTabIndex,
     handleClick = _useTabs.handleClick,
     ref = _useTabs.ref;
@@ -58,18 +57,18 @@ var Stepper = function Stepper(_ref) {
     }, /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
       alignItems: "center"
     }, /*#__PURE__*/_react.default.createElement(_Box.Box, {
-      color: i > currentStepIndex ? "black30" : undefined
+      color: i > currentStepIndex ? "mono30" : undefined
     }, tab.child.props.name), currentStepIndex > i && /*#__PURE__*/_react.default.createElement(_CheckmarkIcon.default, {
       width: 16,
       height: 16,
       color: "green100",
       ml: 1
     })), /*#__PURE__*/_react.default.createElement(_ChevronRightIcon.default, {
-      fill: "black60",
+      fill: "mono60",
       height: 10,
       ml: 1
     })));
-  })), activeTab.current.child);
+  })), tabs[activeTabIndex].child);
 };
 
 /** StepProps */

package/dist/elements/Stepper/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","names":["_react","_interopRequireDefault","require","_CheckmarkIcon","_ChevronRightIcon","_BaseTabs","_Box","_Clickable","_Flex","_Tabs","_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","Stepper","_ref","currentStepIndex","disableNavigation","_ref$initialTabIndex","initialTabIndex","children","_ref$mb","mb","rest","_useTabs","useTabs","tabs","activeTab","activeTabIndex","handleClick","ref","createElement","Fragment","BaseTabs","fill","map","tab","BaseTab","as","Clickable","disabled","onClick","active","variant","justifyContent","Flex","alignItems","flex","Box","color","undefined","child","props","name","width","height","ml","current","exports","Step","_ref2"],"sources":["../../../src/elements/Stepper/Stepper.tsx"],"sourcesContent":["import React from \"react\"\nimport CheckmarkIcon from \"@artsy/icons/CheckmarkIcon\"\nimport ChevronRightIcon from \"@artsy/icons/ChevronRightIcon\"\nimport { BaseTab, BaseTabs } from \"../BaseTabs\"\nimport { Box } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { TabProps, TabsProps, useTabs } from \"../Tabs\"\n\nexport interface StepperProps extends TabsProps {\n  /** The step user currently is at (e.g. previous steps completed) */\n  currentStepIndex: number\n  /** Prevents the tabs from being directly clickable */\n  disableNavigation?: boolean\n}\n\n/** Stepper */\nexport const Stepper: React.FC<React.PropsWithChildren<StepperProps>> = ({\n  currentStepIndex,\n  disableNavigation,\n  initialTabIndex = 0,\n  children,\n  mb = 2,\n  ...rest\n}) => {\n  const { tabs, activeTab, activeTabIndex, handleClick, ref } = useTabs({\n    children,\n    initialTabIndex,\n  })\n\n  return (\n    <>\n      <BaseTabs ref={ref} fill mb={mb} {...rest}>\n        {tabs.map((tab, i) => {\n          return (\n            <BaseTab\n              key={i}\n              as={Clickable}\n              ref={tab.ref as any}\n              aria-selected={i === activeTabIndex}\n              disabled={disableNavigation || i > currentStepIndex}\n              onClick={handleClick(i)}\n              active={i === activeTabIndex}\n              variant=\"sm\"\n              justifyContent=\"flex-start\"\n            >\n              <Flex alignItems=\"center\" justifyContent=\"space-between\" flex={1}>\n                <Flex alignItems=\"center\">\n                  <Box color={i > currentStepIndex ? \"black30\" : undefined}>\n                    {tab.child.props.name}\n                  </Box>\n\n                  {currentStepIndex > i && (\n                    <CheckmarkIcon\n                      width={16}\n                      height={16}\n                      color=\"green100\"\n                      ml={1}\n                    />\n                  )}\n                </Flex>\n\n                <ChevronRightIcon fill=\"black60\" height={10} ml={1} />\n              </Flex>\n            </BaseTab>\n          )\n        })}\n      </BaseTabs>\n\n      {activeTab.current.child}\n    </>\n  )\n}\n\n/** StepProps */\nexport type StepProps = TabProps\n\n/**\n * An individual step.\n * Does nothing on its own; props are dealt with inside of Steps.\n */\nexport const Step: React.FC<React.PropsWithChildren<StepProps>> = ({\n  children,\n}) => <>{children}</>\n"],"mappings":"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"}
+{"version":3,"file":"Stepper.js","names":["_react","_interopRequireDefault","require","_CheckmarkIcon","_ChevronRightIcon","_BaseTabs","_Box","_Clickable","_Flex","_Tabs","_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","Stepper","_ref","currentStepIndex","disableNavigation","_ref$initialTabIndex","initialTabIndex","children","_ref$mb","mb","rest","_useTabs","useTabs","tabs","activeTabIndex","handleClick","ref","createElement","Fragment","BaseTabs","fill","map","tab","BaseTab","as","Clickable","disabled","onClick","active","variant","justifyContent","Flex","alignItems","flex","Box","color","undefined","child","props","name","width","height","ml","exports","Step","_ref2"],"sources":["../../../src/elements/Stepper/Stepper.tsx"],"sourcesContent":["import React from \"react\"\nimport CheckmarkIcon from \"@artsy/icons/CheckmarkIcon\"\nimport ChevronRightIcon from \"@artsy/icons/ChevronRightIcon\"\nimport { BaseTab, BaseTabs } from \"../BaseTabs\"\nimport { Box } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { TabProps, TabsProps, useTabs } from \"../Tabs\"\n\nexport interface StepperProps extends TabsProps {\n  /** The step user currently is at (e.g. previous steps completed) */\n  currentStepIndex: number\n  /** Prevents the tabs from being directly clickable */\n  disableNavigation?: boolean\n}\n\n/** Stepper */\nexport const Stepper: React.FC<React.PropsWithChildren<StepperProps>> = ({\n  currentStepIndex,\n  disableNavigation,\n  initialTabIndex = 0,\n  children,\n  mb = 2,\n  ...rest\n}) => {\n  const { tabs, activeTabIndex, handleClick, ref } = useTabs({\n    children,\n    initialTabIndex,\n  })\n\n  return (\n    <>\n      <BaseTabs ref={ref} fill mb={mb} {...rest}>\n        {tabs.map((tab, i) => {\n          return (\n            <BaseTab\n              key={i}\n              as={Clickable}\n              ref={tab.ref as any}\n              aria-selected={i === activeTabIndex}\n              disabled={disableNavigation || i > currentStepIndex}\n              onClick={handleClick(i)}\n              active={i === activeTabIndex}\n              variant=\"sm\"\n              justifyContent=\"flex-start\"\n            >\n              <Flex alignItems=\"center\" justifyContent=\"space-between\" flex={1}>\n                <Flex alignItems=\"center\">\n                  <Box color={i > currentStepIndex ? \"mono30\" : undefined}>\n                    {tab.child.props.name}\n                  </Box>\n\n                  {currentStepIndex > i && (\n                    <CheckmarkIcon\n                      width={16}\n                      height={16}\n                      color=\"green100\"\n                      ml={1}\n                    />\n                  )}\n                </Flex>\n\n                <ChevronRightIcon fill=\"mono60\" height={10} ml={1} />\n              </Flex>\n            </BaseTab>\n          )\n        })}\n      </BaseTabs>\n\n      {tabs[activeTabIndex].child}\n    </>\n  )\n}\n\n/** StepProps */\nexport type StepProps = TabProps\n\n/**\n * An individual step.\n * Does nothing on its own; props are dealt with inside of Steps.\n */\nexport const Step: React.FC<React.PropsWithChildren<StepProps>> = ({\n  children,\n}) => <>{children}</>\n"],"mappings":"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"}

package/dist/elements/Sup/Sup.d.ts

@@ -3,9 +3,9 @@ import { TextProps } from "../Text";
 export declare type SupProps = TextProps;
 export declare const Sup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<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;
-}, "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/Swiper/Swiper.story.js

@@ -45,9 +45,9 @@ var Demo = function Demo(_ref) {
       key: i,
       width: width,
       height: heights[i % heights.length],
-      bg: "black10",
+      bg: "mono10",
       border: "1px solid",
-      borderColor: "black30",
+      borderColor: "mono30",
       p: 1,
       textAlign: "center"
     }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
@@ -192,23 +192,23 @@ var SwiperWithText = function SwiperWithText() {
     mx: [2, 4],
     my: 2
   }, /*#__PURE__*/_react.default.createElement(_2.Swiper, null, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    bg: "black10",
+    bg: "mono10",
     p: 1,
     width: 300
   }, LOREM), /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    bg: "black10",
+    bg: "mono10",
     p: 1,
     width: 300
   }, LOREM), /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    bg: "black10",
+    bg: "mono10",
     p: 1,
     width: 300
   }, LOREM), /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    bg: "black10",
+    bg: "mono10",
     p: 1,
     width: 300
   }, LOREM), /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    bg: "black10",
+    bg: "mono10",
     p: 1,
     width: 300
   }, LOREM)));
@@ -278,42 +278,42 @@ var ConditionalChildren = function ConditionalChildren() {
     mx: [2, 4],
     my: 2
   }, /*#__PURE__*/_react.default.createElement(_2.Swiper, null, /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    bg: "black10",
+    bg: "mono10",
     width: 300,
     height: 300,
     p: 2
   }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
     variant: "xs"
   }, "1")), /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    bg: "black10",
+    bg: "mono10",
     width: 300,
     height: 300,
     p: 2
   }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
     variant: "xs"
   }, "2")), false && /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    bg: "black10",
+    bg: "mono10",
     width: 300,
     height: 300,
     p: 2
   }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
     variant: "xs"
   }, "3")), true && /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    bg: "black10",
+    bg: "mono10",
     width: 300,
     height: 300,
     p: 2
   }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
     variant: "xs"
   }, "4")), /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    bg: "black10",
+    bg: "mono10",
     width: 300,
     height: 300,
     p: 2
   }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
     variant: "xs"
   }, "5")), /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    bg: "black10",
+    bg: "mono10",
     width: 300,
     height: 300,
     p: 2

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

@@ -1 +1 @@
-{"version":3,"file":"Swiper.story.js","names":["_react","_interopRequireWildcard","require","_Box","_CarouselBar","_Clickable","_ProgressDots","_Text","_2","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","LOREM","Demo","_ref","_ref$widths","widths","map","_","_ref$heights","heights","rest","createElement","Box","mx","my","Swiper","width","Clickable","height","bg","border","borderColor","p","textAlign","Text","variant","displayName","_default","title","exports","Simple","WithHorizontalMargins","Fragment","story","SimpleWithLeftEdgeSnapping","snap","ProgressBarExample","_useState","useState","_useState2","index","setIndex","progress","onChange","CarouselBar","percentComplete","ProgressDotsExample","_useState3","_useState4","ProgressDots","amount","activeIndex","CustomRailAndCells","Cell","React","forwardRef","props","ref","SwiperCell","display","pr","Rail","SwiperRail","DynamicItems","_useState5","_useState6","_useState7","_useState8","setWidths","useEffect","interval","setInterval","prevWidths","concat","clearInterval","parameters","chromatic","disable","SwiperWithText","InitialIndexOnMount","initialIndex","NavigateViaProps","_useState9","_useState10","resetIndex","justifyContent","onClick","OverwritingDefaultMargins","mt","ml","ConditionalChildren"],"sources":["../../../src/elements/Swiper/Swiper.story.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { Box } from \"../Box\"\nimport { CarouselBar } from \"../CarouselBar\"\nimport { Clickable } from \"../Clickable\"\nimport { ProgressDots } from \"../ProgressDots\"\nimport { Text } from \"../Text\"\nimport { Swiper, SwiperCell, SwiperProps, SwiperRail } from \"./\"\n\nconst LOREM =\n  \"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quis dicta sunt nihil perspiciatis aperiam asperiores, earum facere repellendus in veniam, mollitia, ducimus delectus perferendis beatae facilis molestiae et ad quaerat!\"\n\nconst Demo = ({\n  widths = Array.from(Array(25)).map((_) => 300),\n  heights = [400],\n  ...rest\n}: {\n  widths?: Array<number | string>\n  heights?: number[]\n} & Omit<SwiperProps, \"children\">) => {\n  return (\n    <Box mx={[2, 4]} my={2}>\n      <Swiper {...rest}>\n        {widths.map((width, i) => (\n          <Clickable\n            key={i}\n            width={width}\n            height={heights[i % heights.length]}\n            bg=\"black10\"\n            border=\"1px solid\"\n            borderColor=\"black30\"\n            p={1}\n            textAlign=\"center\"\n          >\n            <Text variant=\"xs\">{i + 1}</Text>\n          </Clickable>\n        ))}\n      </Swiper>\n    </Box>\n  )\n}\n\nexport default { title: \"Components/Swiper\" }\n\nexport const Simple = () => {\n  return <Demo />\n}\n\nexport const WithHorizontalMargins = () => {\n  return (\n    <>\n      <Text>Should be flush with horizontal edges</Text>\n      <Demo mx={[-2, -4]} />\n    </>\n  )\n}\n\nWithHorizontalMargins.story = {\n  name: \"With horizontal margins\",\n}\n\nexport const SimpleWithLeftEdgeSnapping = () => {\n  return <Demo snap=\"start\" />\n}\n\nSimpleWithLeftEdgeSnapping.story = {\n  name: \"Simple with left-edge snapping\",\n}\n\nexport const ProgressBarExample = () => {\n  const widths = Array.from(Array(10)).map((_) => 300)\n  const [index, setIndex] = useState(0)\n  const progress = (index * 100) / (widths.length - 1)\n\n  return (\n    <>\n      <Demo widths={widths} onChange={setIndex} />\n      <CarouselBar percentComplete={progress} />\n    </>\n  )\n}\n\nProgressBarExample.story = {\n  name: \"Progress bar example\",\n}\n\nexport const ProgressDotsExample = () => {\n  const widths = Array.from(Array(10)).map((_) => 300)\n  const [index, setIndex] = useState(0)\n\n  return (\n    <>\n      <Demo widths={widths} onChange={setIndex} />\n      <ProgressDots variant=\"dash\" amount={widths.length} activeIndex={index} />\n    </>\n  )\n}\n\nProgressDotsExample.story = {\n  name: \"Progress dots example\",\n}\n\nexport const CustomRailAndCells = () => {\n  return (\n    <Demo\n      snap=\"start\"\n      widths={[\"100%\", \"100%\", \"100%\", \"100%\"]}\n      // eslint-disable-next-line react/display-name\n      Cell={React.forwardRef((props, ref) => {\n        return (\n          <SwiperCell\n            {...props}\n            ref={ref as any}\n            display=\"inline-flex\"\n            width=\"100%\"\n            pr={0}\n          />\n        )\n      })}\n      Rail={(props) => {\n        return <SwiperRail {...props} display=\"block\" />\n      }}\n    />\n  )\n}\n\nCustomRailAndCells.story = {\n  name: \"Custom rail and cells\",\n}\n\nexport const DynamicItems = () => {\n  const [index, setIndex] = useState(0)\n  const [widths, setWidths] = useState([300])\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setWidths((prevWidths) => [...prevWidths, 300])\n    }, 500)\n    return () => clearInterval(interval)\n  }, [])\n\n  return (\n    <>\n      <Demo widths={widths} onChange={setIndex} />\n      <ProgressDots amount={widths.length} activeIndex={index} />\n    </>\n  )\n}\n\nDynamicItems.story = {\n  name: \"Dynamic items\",\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const SwiperWithText = () => {\n  return (\n    <Box mx={[2, 4]} my={2}>\n      <Swiper>\n        <Text bg=\"black10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"black10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"black10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"black10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"black10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n      </Swiper>\n    </Box>\n  )\n}\n\nSwiperWithText.story = {\n  name: \"Swiper with text\",\n}\n\nexport const InitialIndexOnMount = () => {\n  return <Demo initialIndex={3} />\n}\n\nInitialIndexOnMount.story = {\n  name: \"initialIndex on mount\",\n}\n\nexport const NavigateViaProps = () => {\n  const [initialIndex, resetIndex] = useState(0)\n  return (\n    <Box>\n      <Demo initialIndex={initialIndex} onChange={resetIndex} />\n      <Box display=\"flex\" justifyContent=\"space-around\">\n        <Clickable onClick={() => resetIndex(0)}>Navigate to page 1</Clickable>\n        <Clickable onClick={() => resetIndex(1)}>Navigate to page 2</Clickable>\n        <Clickable onClick={() => resetIndex(2)}>Navigate to page 3</Clickable>\n        <Clickable onClick={() => resetIndex(3)}>Navigate to page 4</Clickable>\n      </Box>\n    </Box>\n  )\n}\n\nNavigateViaProps.story = {\n  name: \"Navigate via props\",\n}\n\nexport const OverwritingDefaultMargins = () => {\n  return <Demo mt={6} ml={6} />\n}\n\nOverwritingDefaultMargins.story = {\n  name: \"Overwriting default margins\",\n}\n\nexport const ConditionalChildren = () => {\n  return (\n    <Box mx={[2, 4]} my={2}>\n      <Swiper>\n        <Box bg=\"black10\" width={300} height={300} p={2}>\n          <Text variant=\"xs\">1</Text>\n        </Box>\n\n        <Box bg=\"black10\" width={300} height={300} p={2}>\n          <Text variant=\"xs\">2</Text>\n        </Box>\n\n        {false && (\n          <Box bg=\"black10\" width={300} height={300} p={2}>\n            <Text variant=\"xs\">3</Text>\n          </Box>\n        )}\n\n        {true && (\n          <Box bg=\"black10\" width={300} height={300} p={2}>\n            <Text variant=\"xs\">4</Text>\n          </Box>\n        )}\n\n        <Box bg=\"black10\" width={300} height={300} p={2}>\n          <Text variant=\"xs\">5</Text>\n        </Box>\n\n        <Box bg=\"black10\" width={300} height={300} p={2}>\n          <Text variant=\"xs\">6</Text>\n        </Box>\n      </Swiper>\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Swiper.story.js","names":["_react","_interopRequireWildcard","require","_Box","_CarouselBar","_Clickable","_ProgressDots","_Text","_2","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","LOREM","Demo","_ref","_ref$widths","widths","map","_","_ref$heights","heights","rest","createElement","Box","mx","my","Swiper","width","Clickable","height","bg","border","borderColor","p","textAlign","Text","variant","displayName","_default","title","exports","Simple","WithHorizontalMargins","Fragment","story","SimpleWithLeftEdgeSnapping","snap","ProgressBarExample","_useState","useState","_useState2","index","setIndex","progress","onChange","CarouselBar","percentComplete","ProgressDotsExample","_useState3","_useState4","ProgressDots","amount","activeIndex","CustomRailAndCells","Cell","React","forwardRef","props","ref","SwiperCell","display","pr","Rail","SwiperRail","DynamicItems","_useState5","_useState6","_useState7","_useState8","setWidths","useEffect","interval","setInterval","prevWidths","concat","clearInterval","parameters","chromatic","disable","SwiperWithText","InitialIndexOnMount","initialIndex","NavigateViaProps","_useState9","_useState10","resetIndex","justifyContent","onClick","OverwritingDefaultMargins","mt","ml","ConditionalChildren"],"sources":["../../../src/elements/Swiper/Swiper.story.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { Box } from \"../Box\"\nimport { CarouselBar } from \"../CarouselBar\"\nimport { Clickable } from \"../Clickable\"\nimport { ProgressDots } from \"../ProgressDots\"\nimport { Text } from \"../Text\"\nimport { Swiper, SwiperCell, SwiperProps, SwiperRail } from \"./\"\n\nconst LOREM =\n  \"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quis dicta sunt nihil perspiciatis aperiam asperiores, earum facere repellendus in veniam, mollitia, ducimus delectus perferendis beatae facilis molestiae et ad quaerat!\"\n\nconst Demo = ({\n  widths = Array.from(Array(25)).map((_) => 300),\n  heights = [400],\n  ...rest\n}: {\n  widths?: Array<number | string>\n  heights?: number[]\n} & Omit<SwiperProps, \"children\">) => {\n  return (\n    <Box mx={[2, 4]} my={2}>\n      <Swiper {...rest}>\n        {widths.map((width, i) => (\n          <Clickable\n            key={i}\n            width={width}\n            height={heights[i % heights.length]}\n            bg=\"mono10\"\n            border=\"1px solid\"\n            borderColor=\"mono30\"\n            p={1}\n            textAlign=\"center\"\n          >\n            <Text variant=\"xs\">{i + 1}</Text>\n          </Clickable>\n        ))}\n      </Swiper>\n    </Box>\n  )\n}\n\nexport default { title: \"Components/Swiper\" }\n\nexport const Simple = () => {\n  return <Demo />\n}\n\nexport const WithHorizontalMargins = () => {\n  return (\n    <>\n      <Text>Should be flush with horizontal edges</Text>\n      <Demo mx={[-2, -4]} />\n    </>\n  )\n}\n\nWithHorizontalMargins.story = {\n  name: \"With horizontal margins\",\n}\n\nexport const SimpleWithLeftEdgeSnapping = () => {\n  return <Demo snap=\"start\" />\n}\n\nSimpleWithLeftEdgeSnapping.story = {\n  name: \"Simple with left-edge snapping\",\n}\n\nexport const ProgressBarExample = () => {\n  const widths = Array.from(Array(10)).map((_) => 300)\n  const [index, setIndex] = useState(0)\n  const progress = (index * 100) / (widths.length - 1)\n\n  return (\n    <>\n      <Demo widths={widths} onChange={setIndex} />\n      <CarouselBar percentComplete={progress} />\n    </>\n  )\n}\n\nProgressBarExample.story = {\n  name: \"Progress bar example\",\n}\n\nexport const ProgressDotsExample = () => {\n  const widths = Array.from(Array(10)).map((_) => 300)\n  const [index, setIndex] = useState(0)\n\n  return (\n    <>\n      <Demo widths={widths} onChange={setIndex} />\n      <ProgressDots variant=\"dash\" amount={widths.length} activeIndex={index} />\n    </>\n  )\n}\n\nProgressDotsExample.story = {\n  name: \"Progress dots example\",\n}\n\nexport const CustomRailAndCells = () => {\n  return (\n    <Demo\n      snap=\"start\"\n      widths={[\"100%\", \"100%\", \"100%\", \"100%\"]}\n      // eslint-disable-next-line react/display-name\n      Cell={React.forwardRef((props, ref) => {\n        return (\n          <SwiperCell\n            {...props}\n            ref={ref as any}\n            display=\"inline-flex\"\n            width=\"100%\"\n            pr={0}\n          />\n        )\n      })}\n      Rail={(props) => {\n        return <SwiperRail {...props} display=\"block\" />\n      }}\n    />\n  )\n}\n\nCustomRailAndCells.story = {\n  name: \"Custom rail and cells\",\n}\n\nexport const DynamicItems = () => {\n  const [index, setIndex] = useState(0)\n  const [widths, setWidths] = useState([300])\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setWidths((prevWidths) => [...prevWidths, 300])\n    }, 500)\n    return () => clearInterval(interval)\n  }, [])\n\n  return (\n    <>\n      <Demo widths={widths} onChange={setIndex} />\n      <ProgressDots amount={widths.length} activeIndex={index} />\n    </>\n  )\n}\n\nDynamicItems.story = {\n  name: \"Dynamic items\",\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const SwiperWithText = () => {\n  return (\n    <Box mx={[2, 4]} my={2}>\n      <Swiper>\n        <Text bg=\"mono10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"mono10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"mono10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"mono10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"mono10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n      </Swiper>\n    </Box>\n  )\n}\n\nSwiperWithText.story = {\n  name: \"Swiper with text\",\n}\n\nexport const InitialIndexOnMount = () => {\n  return <Demo initialIndex={3} />\n}\n\nInitialIndexOnMount.story = {\n  name: \"initialIndex on mount\",\n}\n\nexport const NavigateViaProps = () => {\n  const [initialIndex, resetIndex] = useState(0)\n  return (\n    <Box>\n      <Demo initialIndex={initialIndex} onChange={resetIndex} />\n      <Box display=\"flex\" justifyContent=\"space-around\">\n        <Clickable onClick={() => resetIndex(0)}>Navigate to page 1</Clickable>\n        <Clickable onClick={() => resetIndex(1)}>Navigate to page 2</Clickable>\n        <Clickable onClick={() => resetIndex(2)}>Navigate to page 3</Clickable>\n        <Clickable onClick={() => resetIndex(3)}>Navigate to page 4</Clickable>\n      </Box>\n    </Box>\n  )\n}\n\nNavigateViaProps.story = {\n  name: \"Navigate via props\",\n}\n\nexport const OverwritingDefaultMargins = () => {\n  return <Demo mt={6} ml={6} />\n}\n\nOverwritingDefaultMargins.story = {\n  name: \"Overwriting default margins\",\n}\n\nexport const ConditionalChildren = () => {\n  return (\n    <Box mx={[2, 4]} my={2}>\n      <Swiper>\n        <Box bg=\"mono10\" width={300} height={300} p={2}>\n          <Text variant=\"xs\">1</Text>\n        </Box>\n\n        <Box bg=\"mono10\" width={300} height={300} p={2}>\n          <Text variant=\"xs\">2</Text>\n        </Box>\n\n        {false && (\n          <Box bg=\"mono10\" width={300} height={300} p={2}>\n            <Text variant=\"xs\">3</Text>\n          </Box>\n        )}\n\n        {true && (\n          <Box bg=\"mono10\" width={300} height={300} p={2}>\n            <Text variant=\"xs\">4</Text>\n          </Box>\n        )}\n\n        <Box bg=\"mono10\" width={300} height={300} p={2}>\n          <Text variant=\"xs\">5</Text>\n        </Box>\n\n        <Box bg=\"mono10\" width={300} height={300} p={2}>\n          <Text variant=\"xs\">6</Text>\n        </Box>\n      </Swiper>\n    </Box>\n  )\n}\n"],"mappings":"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"}

package/dist/elements/Tabs/Tabs.d.ts

@@ -22,10 +22,6 @@ export interface TabsProps extends BaseTabsProps {
 }
 /** Tabs functionality */
 export declare const useTabs: ({ children, initialTabIndex, onChange, }: TabsProps) => {
-    activeTab: React.MutableRefObject<{
-        child: TabLike;
-        ref: React.RefObject<HTMLButtonElement | null>;
-    }>;
     activeTabIndex: number;
     handleClick: (index: number) => () => void;
     ref: React.MutableRefObject<HTMLDivElement | null>;

package/dist/elements/Tabs/Tabs.js

@@ -43,16 +43,10 @@ var useTabs = function useTabs(_ref) {
     activeTabIndex = _useState2[0],
     setActiveTabIndex = _useState2[1];
 
-  // Wraps active tab in a ref to prevent re-rendering.
-  // This means that we need to update the active tab before the index state change
-  // to catch the re-render.
-  var activeTab = (0, _react.useRef)(tabs[activeTabIndex]);
-
   // If the `initialTabIndex` changes; update the active one
   (0, _useUpdateEffect.useUpdateEffect)(function () {
     // Only update if the `initialTabIndex` has changed externally
     if (initialTabIndex === previousInitialTabIndex) return;
-    activeTab.current = tabs[initialTabIndex];
     setActiveTabIndex(initialTabIndex);
   }, [initialTabIndex, tabs]);
 
@@ -63,7 +57,7 @@ var useTabs = function useTabs(_ref) {
   (0, _react.useEffect)(function () {
     var _ref$current$scrollTo, _ref$current;
     if (!ref.current) return;
-    var tab = activeTab.current.ref.current;
+    var tab = tabs[activeTabIndex].ref.current;
     if (!tab) return;
     var position = tab.offsetLeft;
     (_ref$current$scrollTo = (_ref$current = ref.current).scrollTo) === null || _ref$current$scrollTo === void 0 ? void 0 : _ref$current$scrollTo.call(_ref$current, {
@@ -75,7 +69,6 @@ var useTabs = function useTabs(_ref) {
     return function () {
       var _tabs$index$child$pro;
       if (index === activeTabIndex) return;
-      activeTab.current = tabs[index];
       setActiveTabIndex(index);
       if (!onChange) return;
       onChange({
@@ -86,7 +79,6 @@ var useTabs = function useTabs(_ref) {
     };
   }, [activeTabIndex, onChange, tabs]);
   return {
-    activeTab: activeTab,
     activeTabIndex: activeTabIndex,
     handleClick: handleClick,
     ref: ref,
@@ -110,7 +102,6 @@ var Tabs = function Tabs(_ref2) {
       onChange: onChange
     }),
     tabs = _useTabs.tabs,
-    activeTab = _useTabs.activeTab,
     activeTabIndex = _useTabs.activeTabIndex,
     handleClick = _useTabs.handleClick,
     ref = _useTabs.ref;
@@ -128,7 +119,7 @@ var Tabs = function Tabs(_ref2) {
       active: i === activeTabIndex,
       variant: "sm"
     }, /*#__PURE__*/_react.default.createElement("span", null, tab.child.props.name)));
-  })), activeTab.current.child);
+  })), tabs[activeTabIndex].child);
 };
 exports.Tabs = Tabs;
 /**

package/dist/elements/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":["_react","_interopRequireWildcard","require","_flattenChildren","_useUpdateEffect","_BaseTabs","_Clickable","_usePrevious","_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","_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","useTabs","_ref","children","_ref$initialTabIndex","initialTabIndex","onChange","tabs","useMemo","flattenChildren","map","child","ref","createRef","previousInitialTabIndex","usePrevious","_useState","useState","_useState2","activeTabIndex","setActiveTabIndex","activeTab","useRef","useUpdateEffect","current","useEffect","_ref$current$scrollTo","_ref$current","tab","position","offsetLeft","scrollTo","left","behavior","handleClick","useCallback","index","_tabs$index$child$pro","tabIndex","props","data","exports","Tabs","_ref2","_ref2$initialTabIndex","_ref2$mb","mb","rest","_useTabs","createElement","Fragment","BaseTabs","Clickable","onClick","flex","BaseTab","active","variant","Tab","_ref3"],"sources":["../../../src/elements/Tabs/Tabs.tsx"],"sourcesContent":["import React, {\n  createRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\nimport { flattenChildren } from \"../../helpers/flattenChildren\"\nimport { useUpdateEffect } from \"../../utils/useUpdateEffect\"\nimport { BaseTabs, BaseTabsProps } from \"../BaseTabs\"\nimport { BaseTab } from \"../BaseTabs\"\nimport { Clickable } from \"../Clickable\"\nimport { usePrevious } from \"../../utils/usePrevious\"\n\nexport interface TabLike extends JSX.Element {\n  props: TabProps\n}\n\nexport interface TabInfo extends TabProps {\n  /** Index of the newly selected Tab */\n  tabIndex: number\n  /**\n   * Arbitrary data that can be associated with a Tab.\n   * Will be passed to the parent <Tabs>'s onChange handler.\n   */\n  data: any\n}\n\nexport interface TabsProps extends BaseTabsProps {\n  /** Index of the Tab that should be pre-selected */\n  initialTabIndex?: number\n  /** @deprecated */\n  autoScroll?: boolean\n  /** Function that will be called when a new Tab is selected */\n  onChange?: (tabInfo?: TabInfo) => void\n}\n\n/** Tabs functionality */\nexport const useTabs = ({\n  children,\n  initialTabIndex = 0,\n  onChange,\n}: TabsProps) => {\n  const tabs = useMemo(\n    () =>\n      flattenChildren<TabLike>(children).map((child) => ({\n        child,\n        ref: createRef<HTMLButtonElement | null>(),\n      })),\n    [children]\n  )\n\n  const previousInitialTabIndex = usePrevious(initialTabIndex)\n  const [activeTabIndex, setActiveTabIndex] = useState<number>(initialTabIndex)\n\n  // Wraps active tab in a ref to prevent re-rendering.\n  // This means that we need to update the active tab before the index state change\n  // to catch the re-render.\n  const activeTab = useRef(tabs[activeTabIndex])\n\n  // If the `initialTabIndex` changes; update the active one\n  useUpdateEffect(() => {\n    // Only update if the `initialTabIndex` has changed externally\n    if (initialTabIndex === previousInitialTabIndex) return\n    activeTab.current = tabs[initialTabIndex]\n    setActiveTabIndex(initialTabIndex)\n  }, [initialTabIndex, tabs])\n\n  // Ref of the tabs viewport\n  const ref = useRef<HTMLDivElement | null>(null)\n\n  // Scroll to active tab when `activeTabIndex` changes\n  useEffect(() => {\n    if (!ref.current) return\n    const tab = activeTab.current.ref.current\n    if (!tab) return\n    const position = tab.offsetLeft\n    ref.current.scrollTo?.({ left: position, behavior: \"smooth\" })\n  }, [activeTabIndex])\n\n  const handleClick = useCallback(\n    (index: number) => {\n      return () => {\n        if (index === activeTabIndex) return\n\n        activeTab.current = tabs[index]\n        setActiveTabIndex(index)\n\n        if (!onChange) return\n\n        onChange({\n          tabIndex: index,\n          name: tabs[index].child.props.name,\n          data: tabs[index].child.props.data ?? {},\n        })\n      }\n    },\n    [activeTabIndex, onChange, tabs]\n  )\n\n  return {\n    activeTab,\n    activeTabIndex,\n    handleClick,\n    ref,\n    tabs,\n  }\n}\n\n/** A tab bar navigation component */\nexport const Tabs: React.FC<React.PropsWithChildren<TabsProps>> = ({\n  children,\n  initialTabIndex = 0,\n  mb = 2,\n  onChange,\n  ...rest\n}) => {\n  const { tabs, activeTab, activeTabIndex, handleClick, ref } = useTabs({\n    children,\n    initialTabIndex,\n    onChange,\n  })\n\n  return (\n    <>\n      <BaseTabs ref={ref} mb={mb} {...rest}>\n        {tabs.map((tab, i) => {\n          return (\n            <Clickable\n              key={i}\n              ref={tab.ref as any}\n              aria-selected={i === activeTabIndex}\n              onClick={handleClick(i)}\n              flex={1}\n            >\n              <BaseTab active={i === activeTabIndex} variant=\"sm\">\n                <span>{tab.child.props.name}</span>\n              </BaseTab>\n            </Clickable>\n          )\n        })}\n      </BaseTabs>\n\n      {activeTab.current.child}\n    </>\n  )\n}\n\nexport interface TabProps {\n  /** Display name of the Tab */\n  name: string | JSX.Element\n  /**\n   * Arbitrary data that can be associated with a Tab.\n   * Will be passed to the parent <Tabs>'s onChange handler.\n   */\n  data?: any\n}\n\n/**\n * An individual tab.\n * Does nothing on its own; props are dealt with inside of Tabs.\n */\nexport const Tab: React.FC<React.PropsWithChildren<TabProps>> = ({\n  children,\n}) => <>{children}</>\n"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","names":["_react","_interopRequireWildcard","require","_flattenChildren","_useUpdateEffect","_BaseTabs","_Clickable","_usePrevious","_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","_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","useTabs","_ref","children","_ref$initialTabIndex","initialTabIndex","onChange","tabs","useMemo","flattenChildren","map","child","ref","createRef","previousInitialTabIndex","usePrevious","_useState","useState","_useState2","activeTabIndex","setActiveTabIndex","useUpdateEffect","useRef","useEffect","_ref$current$scrollTo","_ref$current","current","tab","position","offsetLeft","scrollTo","left","behavior","handleClick","useCallback","index","_tabs$index$child$pro","tabIndex","props","data","exports","Tabs","_ref2","_ref2$initialTabIndex","_ref2$mb","mb","rest","_useTabs","createElement","Fragment","BaseTabs","Clickable","onClick","flex","BaseTab","active","variant","Tab","_ref3"],"sources":["../../../src/elements/Tabs/Tabs.tsx"],"sourcesContent":["import React, {\n  createRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\nimport { flattenChildren } from \"../../helpers/flattenChildren\"\nimport { useUpdateEffect } from \"../../utils/useUpdateEffect\"\nimport { BaseTabs, BaseTabsProps } from \"../BaseTabs\"\nimport { BaseTab } from \"../BaseTabs\"\nimport { Clickable } from \"../Clickable\"\nimport { usePrevious } from \"../../utils/usePrevious\"\n\nexport interface TabLike extends JSX.Element {\n  props: TabProps\n}\n\nexport interface TabInfo extends TabProps {\n  /** Index of the newly selected Tab */\n  tabIndex: number\n  /**\n   * Arbitrary data that can be associated with a Tab.\n   * Will be passed to the parent <Tabs>'s onChange handler.\n   */\n  data: any\n}\n\nexport interface TabsProps extends BaseTabsProps {\n  /** Index of the Tab that should be pre-selected */\n  initialTabIndex?: number\n  /** @deprecated */\n  autoScroll?: boolean\n  /** Function that will be called when a new Tab is selected */\n  onChange?: (tabInfo?: TabInfo) => void\n}\n\n/** Tabs functionality */\nexport const useTabs = ({\n  children,\n  initialTabIndex = 0,\n  onChange,\n}: TabsProps) => {\n  const tabs = useMemo(\n    () =>\n      flattenChildren<TabLike>(children).map((child) => ({\n        child,\n        ref: createRef<HTMLButtonElement | null>(),\n      })),\n    [children]\n  )\n\n  const previousInitialTabIndex = usePrevious(initialTabIndex)\n  const [activeTabIndex, setActiveTabIndex] = useState<number>(initialTabIndex)\n\n  // If the `initialTabIndex` changes; update the active one\n  useUpdateEffect(() => {\n    // Only update if the `initialTabIndex` has changed externally\n    if (initialTabIndex === previousInitialTabIndex) return\n    setActiveTabIndex(initialTabIndex)\n  }, [initialTabIndex, tabs])\n\n  // Ref of the tabs viewport\n  const ref = useRef<HTMLDivElement | null>(null)\n\n  // Scroll to active tab when `activeTabIndex` changes\n  useEffect(() => {\n    if (!ref.current) return\n    const tab = tabs[activeTabIndex].ref.current\n    if (!tab) return\n    const position = tab.offsetLeft\n    ref.current.scrollTo?.({ left: position, behavior: \"smooth\" })\n  }, [activeTabIndex])\n\n  const handleClick = useCallback(\n    (index: number) => {\n      return () => {\n        if (index === activeTabIndex) return\n\n        setActiveTabIndex(index)\n\n        if (!onChange) return\n\n        onChange({\n          tabIndex: index,\n          name: tabs[index].child.props.name,\n          data: tabs[index].child.props.data ?? {},\n        })\n      }\n    },\n    [activeTabIndex, onChange, tabs]\n  )\n\n  return {\n    activeTabIndex,\n    handleClick,\n    ref,\n    tabs,\n  }\n}\n\n/** A tab bar navigation component */\nexport const Tabs: React.FC<React.PropsWithChildren<TabsProps>> = ({\n  children,\n  initialTabIndex = 0,\n  mb = 2,\n  onChange,\n  ...rest\n}) => {\n  const { tabs, activeTabIndex, handleClick, ref } = useTabs({\n    children,\n    initialTabIndex,\n    onChange,\n  })\n\n  return (\n    <>\n      <BaseTabs ref={ref} mb={mb} {...rest}>\n        {tabs.map((tab, i) => {\n          return (\n            <Clickable\n              key={i}\n              ref={tab.ref as any}\n              aria-selected={i === activeTabIndex}\n              onClick={handleClick(i)}\n              flex={1}\n            >\n              <BaseTab active={i === activeTabIndex} variant=\"sm\">\n                <span>{tab.child.props.name}</span>\n              </BaseTab>\n            </Clickable>\n          )\n        })}\n      </BaseTabs>\n\n      {tabs[activeTabIndex].child}\n    </>\n  )\n}\n\nexport interface TabProps {\n  /** Display name of the Tab */\n  name: string | JSX.Element\n  /**\n   * Arbitrary data that can be associated with a Tab.\n   * Will be passed to the parent <Tabs>'s onChange handler.\n   */\n  data?: any\n}\n\n/**\n * An individual tab.\n * Does nothing on its own; props are dealt with inside of Tabs.\n */\nexport const Tab: React.FC<React.PropsWithChildren<TabProps>> = ({\n  children,\n}) => <>{children}</>\n"],"mappings":"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"}

package/dist/elements/Tabs/Tabs.story.d.ts

@@ -28,3 +28,4 @@ export declare const InitialAutoScroll: {
     };
 };
 export declare const Cached: () => React.JSX.Element;
+export declare const WithInputs: () => React.JSX.Element;

package/dist/elements/Tabs/Tabs.story.js

@@ -4,7 +4,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.WithData = exports.InitialAutoScroll = exports.Default = exports.Counts = exports.ConditionalTabs = exports.Cached = exports.AutoScrolling = void 0;
+exports.default = exports.WithInputs = exports.WithData = exports.InitialAutoScroll = exports.Default = exports.Counts = exports.ConditionalTabs = exports.Cached = exports.AutoScrolling = void 0;
 var _addonActions = require("@storybook/addon-actions");
 var _react = _interopRequireWildcard(require("react"));
 var _storybookStates = require("storybook-states");
@@ -13,6 +13,7 @@ var _ = require("./");
 var _Box = require("../Box");
 var _useCursor2 = require("use-cursor");
 var _Button = require("../Button");
+var _Input = require("../Input");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -184,7 +185,7 @@ var InitialAutoScroll = function InitialAutoScroll() {
     };
   }, []);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    bg: "black10",
+    bg: "mono10",
     height: 1000,
     p: 2
   }, "The vertical scroll of this page should be at the top.", /*#__PURE__*/_react.default.createElement("br", null), "Scroll down to see the tabs.", /*#__PURE__*/_react.default.createElement("br", null), "Render: #", key), /*#__PURE__*/_react.default.createElement(_.Tabs, {
@@ -221,7 +222,7 @@ var InitialAutoScroll = function InitialAutoScroll() {
   }, "Fourteenth"), /*#__PURE__*/_react.default.createElement(_.Tab, {
     name: "Fifteenth"
   }, "This tab should be active & visible on mount.")), /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    bg: "black10",
+    bg: "mono10",
     height: 1000
   }));
 };
@@ -258,4 +259,35 @@ var Cached = function Cached() {
   }, "Third \u2014 count: ", count)));
 };
 exports.Cached = Cached;
+var WithInputs = function WithInputs() {
+  var _useState7 = (0, _react.useState)(""),
+    _useState8 = _slicedToArray(_useState7, 2),
+    value = _useState8[0],
+    setValue = _useState8[1];
+  var _useState9 = (0, _react.useState)(""),
+    _useState10 = _slicedToArray(_useState9, 2),
+    value2 = _useState10[0],
+    setValue2 = _useState10[1];
+  return /*#__PURE__*/_react.default.createElement(_.Tabs, null, /*#__PURE__*/_react.default.createElement(_.Tab, {
+    name: "First"
+  }, /*#__PURE__*/_react.default.createElement("pre", null, JSON.stringify({
+    value: value
+  })), /*#__PURE__*/_react.default.createElement(_Input.Input, {
+    value: value,
+    onChange: function onChange(e) {
+      return setValue(e.target.value);
+    }
+  })), /*#__PURE__*/_react.default.createElement(_.Tab, {
+    name: "Second"
+  }, /*#__PURE__*/_react.default.createElement("pre", null, JSON.stringify({
+    value2: value2
+  })), /*#__PURE__*/_react.default.createElement(_Input.Input, {
+    value: value2,
+    onChange: function onChange(e) {
+      return setValue2(e.target.value);
+    }
+  })));
+};
+exports.WithInputs = WithInputs;
+WithInputs.displayName = "WithInputs";
 //# sourceMappingURL=Tabs.story.js.map