@artsy/palette 40.7.0 → 40.7.1

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;
@@ -69,7 +68,7 @@ var Stepper = function Stepper(_ref) {
       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 ? \"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      {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/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(); }
@@ -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

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_Sup","_","_Box","_useCursor2","_Button","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","title","exports","Default","createElement","States","states","initialTabIndex","justifyContent","Tabs","onChange","action","Tab","displayName","WithData","_useState","useState","_useState2","data","setData","Fragment","tabInfo","JSON","stringify","Counts","Sup","ConditionalTabs","AutoScrolling","_useCursor","useCursor","max","index","handleNext","useEffect","interval","setInterval","clearInterval","story","parameters","chromatic","disable","InitialAutoScroll","_useState3","_useState4","setKey","Box","bg","height","p","Cached","_useState5","_useState6","count","setCount","Button","variant","size","mb","onClick","prevCount"],"sources":["../../../src/elements/Tabs/Tabs.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useEffect, useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Sup } from \"../Sup\"\nimport { Tab, Tabs, TabsProps } from \"./\"\nimport { Box } from \"../Box\"\nimport { useCursor } from \"use-cursor\"\nimport { Button } from \"../Button\"\n\nexport default {\n  title: \"Components/Tabs\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<TabsProps>>\n      states={[{}, { initialTabIndex: 2 }, { justifyContent: \"center\" }]}\n    >\n      <Tabs onChange={action(\"onChange\")}>\n        <Tab name=\"Overview\">Overview panel</Tab>\n        <Tab name=\"Works for sale\">Works for sale panel</Tab>\n        <Tab name=\"CV\">CV panel</Tab>\n        <Tab name=\"Auction results\">Auction results panel</Tab>\n      </Tabs>\n    </States>\n  )\n}\n\nexport const WithData = () => {\n  const [data, setData] = useState({ name: \"Pending\" })\n\n  return (\n    <>\n      <Tabs\n        onChange={(tabInfo) => {\n          if (!tabInfo) return\n\n          setData(tabInfo.data)\n        }}\n      >\n        <Tab name=\"Overview\" data={{ name: \"Overview\" }}>\n          Overview panel\n        </Tab>\n\n        <Tab name=\"Works for sale\" data={{ name: \"Works for sale\" }}>\n          Works for sale panel\n        </Tab>\n\n        <Tab name=\"CV\" data={{ name: \"CV\" }}>\n          CV panel\n        </Tab>\n\n        <Tab name=\"Auction results\" data={{ name: \"Auction results\" }}>\n          Auction results panel\n        </Tab>\n\n        <Tab name=\"No data\">No data panel</Tab>\n      </Tabs>\n\n      <pre>{JSON.stringify(data, null, 2)}</pre>\n    </>\n  )\n}\n\nexport const Counts = () => {\n  return (\n    <Tabs onChange={action(\"onChange\")}>\n      <Tab\n        name={\n          <>\n            Overview <Sup>123</Sup>\n          </>\n        }\n      />\n      <Tab\n        name={\n          <>\n            Works for sale <Sup>123</Sup>\n          </>\n        }\n      />\n      <Tab name=\"CV\" />\n      <Tab\n        name={\n          <>\n            Auction results <Sup>123</Sup>\n          </>\n        }\n      />\n    </Tabs>\n  )\n}\n\nexport const ConditionalTabs = () => {\n  return (\n    <Tabs onChange={action(\"onChange\")}>\n      <Tab name=\"First\">First</Tab>\n      {false && <Tab name=\"Second\">Second</Tab>}\n      <Tab name=\"Third\">Third</Tab>\n    </Tabs>\n  )\n}\n\nexport const AutoScrolling = () => {\n  const { index: initialTabIndex, handleNext } = useCursor({ max: 15 })\n\n  useEffect(() => {\n    const interval = setInterval(handleNext, 500)\n    return () => clearInterval(interval)\n  }, [handleNext])\n\n  return (\n    <>\n      <Tabs initialTabIndex={initialTabIndex} onChange={action(\"onChange\")}>\n        <Tab name=\"First\">First</Tab>\n        <Tab name=\"Second\">Second</Tab>\n        <Tab name=\"Third\">Third</Tab>\n        <Tab name=\"Fourth\">Fourth</Tab>\n        <Tab name=\"Fifth\">Fifth</Tab>\n        <Tab name=\"Sixth\">Sixth</Tab>\n        <Tab name=\"Seventh\">Seventh</Tab>\n        <Tab name=\"Eighth\">Eighth</Tab>\n        <Tab name=\"Nineth\">Nineth</Tab>\n        <Tab name=\"Tenth\">Tenth</Tab>\n        <Tab name=\"Eleventh\">Eleventh</Tab>\n        <Tab name=\"Twelveth\">Twelveth</Tab>\n        <Tab name=\"Thirteenth\">Thirteenth</Tab>\n        <Tab name=\"Fourteenth\">Fourteenth</Tab>\n        <Tab name=\"Fifteenth\">Fifteenth</Tab>\n      </Tabs>\n\n      <pre>{JSON.stringify({ initialTabIndex })}</pre>\n    </>\n  )\n}\n\nAutoScrolling.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const InitialAutoScroll = () => {\n  const [key, setKey] = useState(1)\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setKey((key) => key + 1)\n    }, 500)\n\n    return () => clearInterval(interval)\n  }, [])\n\n  return (\n    <>\n      <Box bg=\"black10\" height={1000} p={2}>\n        The vertical scroll of this page should be at the top.\n        <br />\n        Scroll down to see the tabs.\n        <br />\n        Render: #{key}\n      </Box>\n\n      <Tabs onChange={action(\"onChange\")} initialTabIndex={14}>\n        <Tab name=\"First\">First</Tab>\n        <Tab name=\"Second\">Second</Tab>\n        <Tab name=\"Third\">Third</Tab>\n        <Tab name=\"Fourth\">Fourth</Tab>\n        <Tab name=\"Fifth\">Fifth</Tab>\n        <Tab name=\"Sixth\">Sixth</Tab>\n        <Tab name=\"Seventh\">Seventh</Tab>\n        <Tab name=\"Eighth\">Eighth</Tab>\n        <Tab name=\"Nineth\">Nineth</Tab>\n        <Tab name=\"Tenth\">Tenth</Tab>\n        <Tab name=\"Eleventh\">Eleventh</Tab>\n        <Tab name=\"Twelveth\">Twelveth</Tab>\n        <Tab name=\"Thirteenth\">Thirteenth</Tab>\n        <Tab name=\"Fourteenth\">Fourteenth</Tab>\n        <Tab name=\"Fifteenth\">\n          This tab should be active &amp; visible on mount.\n        </Tab>\n      </Tabs>\n\n      <Box bg=\"black10\" height={1000} />\n    </>\n  )\n}\n\nInitialAutoScroll.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\n// FIXME: Currently renders one step behind\nexport const Cached = () => {\n  const [count, setCount] = useState(1)\n\n  return (\n    <>\n      <Button\n        variant=\"secondaryBlack\"\n        size=\"small\"\n        mb={1}\n        onClick={() => {\n          setCount((prevCount) => prevCount + 1)\n        }}\n      >\n        Increment count — count: {count}\n      </Button>\n\n      <Tabs>\n        <Tab name=\"First\">First — count: {count}</Tab>\n        <Tab name=\"Second\">Second — count: {count}</Tab>\n        <Tab name=\"Third\">Third — count: {count}</Tab>\n      </Tabs>\n    </>\n  )\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AACA,IAAAK,CAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AAAkC,SAAAS,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,SAAAR,wBAAAY,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;AAAA,SAAAW,eAAAC,GAAA,EAAAC,CAAA,WAAAC,eAAA,CAAAF,GAAA,KAAAG,qBAAA,CAAAH,GAAA,EAAAC,CAAA,KAAAG,2BAAA,CAAAJ,GAAA,EAAAC,CAAA,KAAAI,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAApB,MAAA,CAAAI,SAAA,CAAAiB,QAAA,CAAAf,IAAA,CAAAW,CAAA,EAAAK,KAAA,aAAAF,CAAA,iBAAAH,CAAA,CAAAM,WAAA,EAAAH,CAAA,GAAAH,CAAA,CAAAM,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAK,KAAA,CAAAC,IAAA,CAAAT,CAAA,OAAAG,CAAA,+DAAAO,IAAA,CAAAP,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAT,GAAA,EAAAkB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAlB,GAAA,CAAAmB,MAAA,EAAAD,GAAA,GAAAlB,GAAA,CAAAmB,MAAA,WAAAlB,CAAA,MAAAmB,IAAA,OAAAL,KAAA,CAAAG,GAAA,GAAAjB,CAAA,GAAAiB,GAAA,EAAAjB,CAAA,MAAAmB,IAAA,CAAAnB,CAAA,IAAAD,GAAA,CAAAC,CAAA,YAAAmB,IAAA;AAAA,SAAAjB,sBAAAH,GAAA,EAAAC,CAAA,QAAAoB,EAAA,WAAArB,GAAA,gCAAAsB,MAAA,IAAAtB,GAAA,CAAAsB,MAAA,CAAAC,QAAA,KAAAvB,GAAA,4BAAAqB,EAAA,QAAAG,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAL,EAAA,GAAAA,EAAA,CAAAzB,IAAA,CAAAI,GAAA,GAAA+B,IAAA,QAAA9B,CAAA,QAAAX,MAAA,CAAA+B,EAAA,MAAAA,EAAA,UAAAQ,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAA9B,IAAA,CAAAyB,EAAA,GAAAW,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAAT,MAAA,KAAAlB,CAAA,GAAA4B,EAAA,sBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAR,EAAA,CAAAe,MAAA,KAAAT,EAAA,GAAAN,EAAA,CAAAe,MAAA,IAAA9C,MAAA,CAAAqC,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAA1B,gBAAAF,GAAA,QAAAe,KAAA,CAAAsB,OAAA,CAAArC,GAAA,UAAAA,GAAA;AAAA,IAAAsC,QAAA,GAEnB;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAxD,OAAA,GAAAsD,QAAA;AAEM,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEzE,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACxE,gBAAA,CAAAyE,MAAM;IACLC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;MAAEC,eAAe,EAAE;IAAE,CAAC,EAAE;MAAEC,cAAc,EAAE;IAAS,CAAC;EAAE,gBAEnE9E,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA2E,IAAI;IAACC,QAAQ,EAAE,IAAAC,oBAAM,EAAC,UAAU;EAAE,gBACjCjF,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAU,GAAC,gBAAc,CAAM,eACzC9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAgB,GAAC,sBAAoB,CAAM,eACrD9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAI,GAAC,UAAQ,CAAM,eAC7B9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAiB,GAAC,uBAAqB,CAAM,CAClD,CACA;AAEb,CAAC;AAAA0B,OAAA,CAAAC,OAAA,GAAAA,OAAA;AAbYA,OAAO,CAAAU,WAAA;AAeb,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAA,EAAS;EAC5B,IAAAC,SAAA,GAAwB,IAAAC,eAAQ,EAAC;MAAExC,IAAI,EAAE;IAAU,CAAC,CAAC;IAAAyC,UAAA,GAAAxD,cAAA,CAAAsD,SAAA;IAA9CG,IAAI,GAAAD,UAAA;IAAEE,OAAO,GAAAF,UAAA;EAEpB,oBACEvF,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAAA1E,MAAA,CAAAgB,OAAA,CAAA0E,QAAA,qBACE1F,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA2E,IAAI;IACHC,QAAQ,EAAE,SAAAA,SAACW,OAAO,EAAK;MACrB,IAAI,CAACA,OAAO,EAAE;MAEdF,OAAO,CAACE,OAAO,CAACH,IAAI,CAAC;IACvB;EAAE,gBAEFxF,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC,UAAU;IAAC0C,IAAI,EAAE;MAAE1C,IAAI,EAAE;IAAW;EAAE,GAAC,gBAEjD,CAAM,eAEN9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC,gBAAgB;IAAC0C,IAAI,EAAE;MAAE1C,IAAI,EAAE;IAAiB;EAAE,GAAC,sBAE7D,CAAM,eAEN9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC,IAAI;IAAC0C,IAAI,EAAE;MAAE1C,IAAI,EAAE;IAAK;EAAE,GAAC,UAErC,CAAM,eAEN9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC,iBAAiB;IAAC0C,IAAI,EAAE;MAAE1C,IAAI,EAAE;IAAkB;EAAE,GAAC,uBAE/D,CAAM,eAEN9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAS,GAAC,eAAa,CAAM,CAClC,eAEP9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,cAAMkB,IAAI,CAACC,SAAS,CAACL,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAO,CACzC;AAEP,CAAC;AAAAhB,OAAA,CAAAY,QAAA,GAAAA,QAAA;AAEM,IAAMU,MAAM,GAAG,SAATA,MAAMA,CAAA,EAAS;EAC1B,oBACE9F,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA2E,IAAI;IAACC,QAAQ,EAAE,IAAAC,oBAAM,EAAC,UAAU;EAAE,gBACjCjF,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IACFpC,IAAI,eACF9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAAA1E,MAAA,CAAAgB,OAAA,CAAA0E,QAAA,QAAE,WACS,eAAA1F,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACvE,IAAA,CAAA4F,GAAG,QAAC,KAAG,CAAM;EAE1B,EACD,eACF/F,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IACFpC,IAAI,eACF9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAAA1E,MAAA,CAAAgB,OAAA,CAAA0E,QAAA,QAAE,iBACe,eAAA1F,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACvE,IAAA,CAAA4F,GAAG,QAAC,KAAG,CAAM;EAEhC,EACD,eACF/F,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAI,EAAG,eACjB9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IACFpC,IAAI,eACF9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAAA1E,MAAA,CAAAgB,OAAA,CAAA0E,QAAA,QAAE,kBACgB,eAAA1F,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACvE,IAAA,CAAA4F,GAAG,QAAC,KAAG,CAAM;EAEjC,EACD,CACG;AAEX,CAAC;AAAAvB,OAAA,CAAAsB,MAAA,GAAAA,MAAA;AA3BYA,MAAM,CAAAX,WAAA;AA6BZ,IAAMa,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;EACnC,oBACEhG,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA2E,IAAI;IAACC,QAAQ,EAAE,IAAAC,oBAAM,EAAC,UAAU;EAAE,gBACjCjF,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAO,GAAC,OAAK,CAAM,EAC5B,KAAK,iBAAI9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAQ,GAAC,QAAM,CAAM,eACzC9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAO,GAAC,OAAK,CAAM,CACxB;AAEX,CAAC;AAAA0B,OAAA,CAAAwB,eAAA,GAAAA,eAAA;AARYA,eAAe,CAAAb,WAAA;AAUrB,IAAMc,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;EACjC,IAAAC,UAAA,GAA+C,IAAAC,qBAAS,EAAC;MAAEC,GAAG,EAAE;IAAG,CAAC,CAAC;IAAtDvB,eAAe,GAAAqB,UAAA,CAAtBG,KAAK;IAAmBC,UAAU,GAAAJ,UAAA,CAAVI,UAAU;EAE1C,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,QAAQ,GAAGC,WAAW,CAACH,UAAU,EAAE,GAAG,CAAC;IAC7C,OAAO;MAAA,OAAMI,aAAa,CAACF,QAAQ,CAAC;IAAA;EACtC,CAAC,EAAE,CAACF,UAAU,CAAC,CAAC;EAEhB,oBACEtG,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAAA1E,MAAA,CAAAgB,OAAA,CAAA0E,QAAA,qBACE1F,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA2E,IAAI;IAACF,eAAe,EAAEA,eAAgB;IAACG,QAAQ,EAAE,IAAAC,oBAAM,EAAC,UAAU;EAAE,gBACnEjF,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAO,GAAC,OAAK,CAAM,eAC7B9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAQ,GAAC,QAAM,CAAM,eAC/B9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAO,GAAC,OAAK,CAAM,eAC7B9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAQ,GAAC,QAAM,CAAM,eAC/B9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAO,GAAC,OAAK,CAAM,eAC7B9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAO,GAAC,OAAK,CAAM,eAC7B9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAS,GAAC,SAAO,CAAM,eACjC9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAQ,GAAC,QAAM,CAAM,eAC/B9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAQ,GAAC,QAAM,CAAM,eAC/B9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAO,GAAC,OAAK,CAAM,eAC7B9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAU,GAAC,UAAQ,CAAM,eACnC9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAU,GAAC,UAAQ,CAAM,eACnC9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAY,GAAC,YAAU,CAAM,eACvC9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAY,GAAC,YAAU,CAAM,eACvC9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAW,GAAC,WAAS,CAAM,CAChC,eAEP9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,cAAMkB,IAAI,CAACC,SAAS,CAAC;IAAEhB,eAAe,EAAfA;EAAgB,CAAC,CAAC,CAAO,CAC/C;AAEP,CAAC;AAAAL,OAAA,CAAAyB,aAAA,GAAAA,aAAA;AAEDA,aAAa,CAACU,KAAK,GAAG;EACpBC,UAAU,EAAE;IAAEC,SAAS,EAAE;MAAEC,OAAO,EAAE;IAAK;EAAE;AAC7C,CAAC;AAEM,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAA,EAAS;EACrC,IAAAC,UAAA,GAAsB,IAAA1B,eAAQ,EAAC,CAAC,CAAC;IAAA2B,UAAA,GAAAlF,cAAA,CAAAiF,UAAA;IAA1BvF,GAAG,GAAAwF,UAAA;IAAEC,MAAM,GAAAD,UAAA;EAElB,IAAAV,gBAAS,EAAC,YAAM;IACd,IAAMC,QAAQ,GAAGC,WAAW,CAAC,YAAM;MACjCS,MAAM,CAAC,UAACzF,GAAG;QAAA,OAAKA,GAAG,GAAG,CAAC;MAAA,EAAC;IAC1B,CAAC,EAAE,GAAG,CAAC;IAEP,OAAO;MAAA,OAAMiF,aAAa,CAACF,QAAQ,CAAC;IAAA;EACtC,CAAC,EAAE,EAAE,CAAC;EAEN,oBACExG,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAAA1E,MAAA,CAAAgB,OAAA,CAAA0E,QAAA,qBACE1F,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACrE,IAAA,CAAA8G,GAAG;IAACC,EAAE,EAAC,SAAS;IAACC,MAAM,EAAE,IAAK;IAACC,CAAC,EAAE;EAAE,GAAC,wDAEpC,eAAAtH,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,YAAM,gCAEN,eAAA1E,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,YAAM,aACG,EAACjD,GAAG,CACT,eAENzB,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA2E,IAAI;IAACC,QAAQ,EAAE,IAAAC,oBAAM,EAAC,UAAU,CAAE;IAACJ,eAAe,EAAE;EAAG,gBACtD7E,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAO,GAAC,OAAK,CAAM,eAC7B9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAQ,GAAC,QAAM,CAAM,eAC/B9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAO,GAAC,OAAK,CAAM,eAC7B9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAQ,GAAC,QAAM,CAAM,eAC/B9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAO,GAAC,OAAK,CAAM,eAC7B9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAO,GAAC,OAAK,CAAM,eAC7B9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAS,GAAC,SAAO,CAAM,eACjC9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAQ,GAAC,QAAM,CAAM,eAC/B9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAQ,GAAC,QAAM,CAAM,eAC/B9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAO,GAAC,OAAK,CAAM,eAC7B9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAU,GAAC,UAAQ,CAAM,eACnC9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAU,GAAC,UAAQ,CAAM,eACnC9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAY,GAAC,YAAU,CAAM,eACvC9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAY,GAAC,YAAU,CAAM,eACvC9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAW,GAAC,+CAEtB,CAAM,CACD,eAEP9C,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACrE,IAAA,CAAA8G,GAAG;IAACC,EAAE,EAAC,SAAS;IAACC,MAAM,EAAE;EAAK,EAAG,CACjC;AAEP,CAAC;AAAA7C,OAAA,CAAAuC,iBAAA,GAAAA,iBAAA;AAEDA,iBAAiB,CAACJ,KAAK,GAAG;EACxBC,UAAU,EAAE;IAAEC,SAAS,EAAE;MAAEC,OAAO,EAAE;IAAK;EAAE;AAC7C,CAAC;;AAED;AACO,IAAMS,MAAM,GAAG,SAATA,MAAMA,CAAA,EAAS;EAC1B,IAAAC,UAAA,GAA0B,IAAAlC,eAAQ,EAAC,CAAC,CAAC;IAAAmC,UAAA,GAAA1F,cAAA,CAAAyF,UAAA;IAA9BE,KAAK,GAAAD,UAAA;IAAEE,QAAQ,GAAAF,UAAA;EAEtB,oBACEzH,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAAA1E,MAAA,CAAAgB,OAAA,CAAA0E,QAAA,qBACE1F,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACnE,OAAA,CAAAqH,MAAM;IACLC,OAAO,EAAC,gBAAgB;IACxBC,IAAI,EAAC,OAAO;IACZC,EAAE,EAAE,CAAE;IACNC,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbL,QAAQ,CAAC,UAACM,SAAS;QAAA,OAAKA,SAAS,GAAG,CAAC;MAAA,EAAC;IACxC;EAAE,GACH,gCAC0B,EAACP,KAAK,CACxB,eAET1H,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA2E,IAAI,qBACH/E,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAO,GAAC,sBAAe,EAAC4E,KAAK,CAAO,eAC9C1H,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAQ,GAAC,uBAAgB,EAAC4E,KAAK,CAAO,eAChD1H,MAAA,CAAAgB,OAAA,CAAA0D,aAAA,CAACtE,CAAA,CAAA8E,GAAG;IAACpC,IAAI,EAAC;EAAO,GAAC,sBAAe,EAAC4E,KAAK,CAAO,CACzC,CACN;AAEP,CAAC;AAAAlD,OAAA,CAAA+C,MAAA,GAAAA,MAAA"}
+{"version":3,"file":"Tabs.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_Sup","_","_Box","_useCursor2","_Button","_Input","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","title","exports","Default","createElement","States","states","initialTabIndex","justifyContent","Tabs","onChange","action","Tab","displayName","WithData","_useState","useState","_useState2","data","setData","Fragment","tabInfo","JSON","stringify","Counts","Sup","ConditionalTabs","AutoScrolling","_useCursor","useCursor","max","index","handleNext","useEffect","interval","setInterval","clearInterval","story","parameters","chromatic","disable","InitialAutoScroll","_useState3","_useState4","setKey","Box","bg","height","p","Cached","_useState5","_useState6","count","setCount","Button","variant","size","mb","onClick","prevCount","WithInputs","_useState7","_useState8","setValue","_useState9","_useState10","value2","setValue2","Input","e","target"],"sources":["../../../src/elements/Tabs/Tabs.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useEffect, useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Sup } from \"../Sup\"\nimport { Tab, Tabs, TabsProps } from \"./\"\nimport { Box } from \"../Box\"\nimport { useCursor } from \"use-cursor\"\nimport { Button } from \"../Button\"\nimport { Input } from \"../Input\"\n\nexport default {\n  title: \"Components/Tabs\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<TabsProps>>\n      states={[{}, { initialTabIndex: 2 }, { justifyContent: \"center\" }]}\n    >\n      <Tabs onChange={action(\"onChange\")}>\n        <Tab name=\"Overview\">Overview panel</Tab>\n        <Tab name=\"Works for sale\">Works for sale panel</Tab>\n        <Tab name=\"CV\">CV panel</Tab>\n        <Tab name=\"Auction results\">Auction results panel</Tab>\n      </Tabs>\n    </States>\n  )\n}\n\nexport const WithData = () => {\n  const [data, setData] = useState({ name: \"Pending\" })\n\n  return (\n    <>\n      <Tabs\n        onChange={(tabInfo) => {\n          if (!tabInfo) return\n\n          setData(tabInfo.data)\n        }}\n      >\n        <Tab name=\"Overview\" data={{ name: \"Overview\" }}>\n          Overview panel\n        </Tab>\n\n        <Tab name=\"Works for sale\" data={{ name: \"Works for sale\" }}>\n          Works for sale panel\n        </Tab>\n\n        <Tab name=\"CV\" data={{ name: \"CV\" }}>\n          CV panel\n        </Tab>\n\n        <Tab name=\"Auction results\" data={{ name: \"Auction results\" }}>\n          Auction results panel\n        </Tab>\n\n        <Tab name=\"No data\">No data panel</Tab>\n      </Tabs>\n\n      <pre>{JSON.stringify(data, null, 2)}</pre>\n    </>\n  )\n}\n\nexport const Counts = () => {\n  return (\n    <Tabs onChange={action(\"onChange\")}>\n      <Tab\n        name={\n          <>\n            Overview <Sup>123</Sup>\n          </>\n        }\n      />\n      <Tab\n        name={\n          <>\n            Works for sale <Sup>123</Sup>\n          </>\n        }\n      />\n      <Tab name=\"CV\" />\n      <Tab\n        name={\n          <>\n            Auction results <Sup>123</Sup>\n          </>\n        }\n      />\n    </Tabs>\n  )\n}\n\nexport const ConditionalTabs = () => {\n  return (\n    <Tabs onChange={action(\"onChange\")}>\n      <Tab name=\"First\">First</Tab>\n      {false && <Tab name=\"Second\">Second</Tab>}\n      <Tab name=\"Third\">Third</Tab>\n    </Tabs>\n  )\n}\n\nexport const AutoScrolling = () => {\n  const { index: initialTabIndex, handleNext } = useCursor({ max: 15 })\n\n  useEffect(() => {\n    const interval = setInterval(handleNext, 500)\n    return () => clearInterval(interval)\n  }, [handleNext])\n\n  return (\n    <>\n      <Tabs initialTabIndex={initialTabIndex} onChange={action(\"onChange\")}>\n        <Tab name=\"First\">First</Tab>\n        <Tab name=\"Second\">Second</Tab>\n        <Tab name=\"Third\">Third</Tab>\n        <Tab name=\"Fourth\">Fourth</Tab>\n        <Tab name=\"Fifth\">Fifth</Tab>\n        <Tab name=\"Sixth\">Sixth</Tab>\n        <Tab name=\"Seventh\">Seventh</Tab>\n        <Tab name=\"Eighth\">Eighth</Tab>\n        <Tab name=\"Nineth\">Nineth</Tab>\n        <Tab name=\"Tenth\">Tenth</Tab>\n        <Tab name=\"Eleventh\">Eleventh</Tab>\n        <Tab name=\"Twelveth\">Twelveth</Tab>\n        <Tab name=\"Thirteenth\">Thirteenth</Tab>\n        <Tab name=\"Fourteenth\">Fourteenth</Tab>\n        <Tab name=\"Fifteenth\">Fifteenth</Tab>\n      </Tabs>\n\n      <pre>{JSON.stringify({ initialTabIndex })}</pre>\n    </>\n  )\n}\n\nAutoScrolling.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const InitialAutoScroll = () => {\n  const [key, setKey] = useState(1)\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setKey((key) => key + 1)\n    }, 500)\n\n    return () => clearInterval(interval)\n  }, [])\n\n  return (\n    <>\n      <Box bg=\"black10\" height={1000} p={2}>\n        The vertical scroll of this page should be at the top.\n        <br />\n        Scroll down to see the tabs.\n        <br />\n        Render: #{key}\n      </Box>\n\n      <Tabs onChange={action(\"onChange\")} initialTabIndex={14}>\n        <Tab name=\"First\">First</Tab>\n        <Tab name=\"Second\">Second</Tab>\n        <Tab name=\"Third\">Third</Tab>\n        <Tab name=\"Fourth\">Fourth</Tab>\n        <Tab name=\"Fifth\">Fifth</Tab>\n        <Tab name=\"Sixth\">Sixth</Tab>\n        <Tab name=\"Seventh\">Seventh</Tab>\n        <Tab name=\"Eighth\">Eighth</Tab>\n        <Tab name=\"Nineth\">Nineth</Tab>\n        <Tab name=\"Tenth\">Tenth</Tab>\n        <Tab name=\"Eleventh\">Eleventh</Tab>\n        <Tab name=\"Twelveth\">Twelveth</Tab>\n        <Tab name=\"Thirteenth\">Thirteenth</Tab>\n        <Tab name=\"Fourteenth\">Fourteenth</Tab>\n        <Tab name=\"Fifteenth\">\n          This tab should be active &amp; visible on mount.\n        </Tab>\n      </Tabs>\n\n      <Box bg=\"black10\" height={1000} />\n    </>\n  )\n}\n\nInitialAutoScroll.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\n// FIXME: Currently renders one step behind\nexport const Cached = () => {\n  const [count, setCount] = useState(1)\n\n  return (\n    <>\n      <Button\n        variant=\"secondaryBlack\"\n        size=\"small\"\n        mb={1}\n        onClick={() => {\n          setCount((prevCount) => prevCount + 1)\n        }}\n      >\n        Increment count — count: {count}\n      </Button>\n\n      <Tabs>\n        <Tab name=\"First\">First — count: {count}</Tab>\n        <Tab name=\"Second\">Second — count: {count}</Tab>\n        <Tab name=\"Third\">Third — count: {count}</Tab>\n      </Tabs>\n    </>\n  )\n}\n\nexport const WithInputs = () => {\n  const [value, setValue] = useState(\"\")\n  const [value2, setValue2] = useState(\"\")\n\n  return (\n    <Tabs>\n      <Tab name=\"First\">\n        <pre>{JSON.stringify({ value })}</pre>\n        <Input value={value} onChange={(e) => setValue(e.target.value)} />\n      </Tab>\n\n      <Tab name=\"Second\">\n        <pre>{JSON.stringify({ value2 })}</pre>\n        <Input value={value2} onChange={(e) => setValue2(e.target.value)} />\n      </Tab>\n    </Tabs>\n  )\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "40.7.0",
+  "version": "40.7.1",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -188,5 +188,5 @@
       "url": "http://localhost"
     }
   },
-  "gitHead": "78c5deca11ba145a412c65260edfc0ae4bdb3ed4"
+  "gitHead": "7a6dc63a5bde604f2bc118d205ee98dcf8159128"
 }