@artsy/palette 41.8.1 → 42.0.0

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=\"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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"}
+{"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","exports","title","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/Swiper/activeIndex.js

@@ -9,10 +9,9 @@ exports.activeIndex = void 0;
  * @param progress number from 1 to 100
  * @param length length of an array
  */
-var activeIndex = function activeIndex(_ref) {
+var activeIndex = exports.activeIndex = function activeIndex(_ref) {
   var progress = _ref.progress,
     length = _ref.length;
   return Math.round(progress * (length - 1) / 100);
 };
-exports.activeIndex = activeIndex;
 //# sourceMappingURL=activeIndex.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"activeIndex.js","names":["activeIndex","_ref","progress","length","Math","round","exports"],"sources":["../../../src/elements/Swiper/activeIndex.ts"],"sourcesContent":["/**\n * Remaps the progress into the active index, given an array of `length`.\n * @param progress number from 1 to 100\n * @param length length of an array\n */\nexport const activeIndex = ({\n  progress,\n  length,\n}: {\n  progress: number\n  length: number\n}) => {\n  return Math.round((progress * (length - 1)) / 100)\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAMlB;EAAA,IALJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,MAAM,GAAAF,IAAA,CAANE,MAAM;EAKN,OAAOC,IAAI,CAACC,KAAK,CAAEH,QAAQ,IAAIC,MAAM,GAAG,CAAC,CAAC,GAAI,GAAG,CAAC;AACpD,CAAC;AAAAG,OAAA,CAAAN,WAAA,GAAAA,WAAA"}
+{"version":3,"file":"activeIndex.js","names":["activeIndex","exports","_ref","progress","length","Math","round"],"sources":["../../../src/elements/Swiper/activeIndex.ts"],"sourcesContent":["/**\n * Remaps the progress into the active index, given an array of `length`.\n * @param progress number from 1 to 100\n * @param length length of an array\n */\nexport const activeIndex = ({\n  progress,\n  length,\n}: {\n  progress: number\n  length: number\n}) => {\n  return Math.round((progress * (length - 1)) / 100)\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACO,IAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAAE,IAAA,EAMlB;EAAA,IALJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,MAAM,GAAAF,IAAA,CAANE,MAAM;EAKN,OAAOC,IAAI,CAACC,KAAK,CAAEH,QAAQ,IAAIC,MAAM,GAAG,CAAC,CAAC,GAAI,GAAG,CAAC;AACpD,CAAC"}

package/dist/elements/Swiper/percentage.js

@@ -11,11 +11,10 @@ exports.percentage = void 0;
  * @param total total width of the rail
  * @param left left edge of scroll
  */
-var percentage = function percentage(_ref) {
+var percentage = exports.percentage = function percentage(_ref) {
   var viewport = _ref.viewport,
     total = _ref.total,
     left = _ref.left;
   return Math.round(left / (total - viewport) * 100);
 };
-exports.percentage = percentage;
 //# sourceMappingURL=percentage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"percentage.js","names":["percentage","_ref","viewport","total","left","Math","round","exports"],"sources":["../../../src/elements/Swiper/percentage.ts"],"sourcesContent":["/**\n * Calculate the percentage of the rail that has been scrolled.\n * If the left edge is at the total minus the viewport we are done scrolling.\n * @param viewport window width\n * @param total total width of the rail\n * @param left left edge of scroll\n */\nexport const percentage = ({\n  viewport,\n  total,\n  left,\n}: {\n  viewport: number\n  total: number\n  left: number\n}) => {\n  return Math.round((left / (total - viewport)) * 100)\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAQjB;EAAA,IAPJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,IAAI,GAAAH,IAAA,CAAJG,IAAI;EAMJ,OAAOC,IAAI,CAACC,KAAK,CAAEF,IAAI,IAAID,KAAK,GAAGD,QAAQ,CAAC,GAAI,GAAG,CAAC;AACtD,CAAC;AAAAK,OAAA,CAAAP,UAAA,GAAAA,UAAA"}
+{"version":3,"file":"percentage.js","names":["percentage","exports","_ref","viewport","total","left","Math","round"],"sources":["../../../src/elements/Swiper/percentage.ts"],"sourcesContent":["/**\n * Calculate the percentage of the rail that has been scrolled.\n * If the left edge is at the total minus the viewport we are done scrolling.\n * @param viewport window width\n * @param total total width of the rail\n * @param left left edge of scroll\n */\nexport const percentage = ({\n  viewport,\n  total,\n  left,\n}: {\n  viewport: number\n  total: number\n  left: number\n}) => {\n  return Math.round((left / (total - viewport)) * 100)\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAAE,IAAA,EAQjB;EAAA,IAPJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,IAAI,GAAAH,IAAA,CAAJG,IAAI;EAMJ,OAAOC,IAAI,CAACC,KAAK,CAAEF,IAAI,IAAID,KAAK,GAAGD,QAAQ,CAAC,GAAI,GAAG,CAAC;AACtD,CAAC"}

package/dist/elements/Tabs/Tabs.js

@@ -20,11 +20,11 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 /** Tabs functionality */
-var useTabs = function useTabs(_ref) {
+var useTabs = exports.useTabs = function useTabs(_ref) {
   var children = _ref.children,
     _ref$initialTabIndex = _ref.initialTabIndex,
     initialTabIndex = _ref$initialTabIndex === void 0 ? 0 : _ref$initialTabIndex,
@@ -87,8 +87,7 @@ var useTabs = function useTabs(_ref) {
 };
 
 /** A tab bar navigation component */
-exports.useTabs = useTabs;
-var Tabs = function Tabs(_ref2) {
+var Tabs = exports.Tabs = function Tabs(_ref2) {
   var children = _ref2.children,
     _ref2$initialTabIndex = _ref2.initialTabIndex,
     initialTabIndex = _ref2$initialTabIndex === void 0 ? 0 : _ref2$initialTabIndex,
@@ -121,14 +120,12 @@ var Tabs = function Tabs(_ref2) {
     }, /*#__PURE__*/_react.default.createElement("span", null, tab.child.props.name)));
   })), tabs[activeTabIndex].child);
 };
-exports.Tabs = Tabs;
 /**
  * An individual tab.
  * Does nothing on its own; props are dealt with inside of Tabs.
  */
-var Tab = function Tab(_ref3) {
+var Tab = exports.Tab = function Tab(_ref3) {
   var children = _ref3.children;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
 };
-exports.Tab = Tab;
 //# sourceMappingURL=Tabs.js.map

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","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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"}
+{"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","exports","_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","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.js

@@ -19,14 +19,13 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var _default = {
+var _default = exports.default = {
   title: "Components/Tabs"
 };
-exports.default = _default;
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{}, {
       initialTabIndex: 2
@@ -45,9 +44,8 @@ var Default = function Default() {
     name: "Auction results"
   }, "Auction results panel")));
 };
-exports.Default = Default;
 Default.displayName = "Default";
-var WithData = function WithData() {
+var WithData = exports.WithData = function WithData() {
   var _useState = (0, _react.useState)({
       name: "Pending"
     }),
@@ -83,8 +81,7 @@ var WithData = function WithData() {
     name: "No data"
   }, "No data panel")), /*#__PURE__*/_react.default.createElement("pre", null, JSON.stringify(data, null, 2)));
 };
-exports.WithData = WithData;
-var Counts = function Counts() {
+var Counts = exports.Counts = function Counts() {
   return /*#__PURE__*/_react.default.createElement(_.Tabs, {
     onChange: (0, _addonActions.action)("onChange")
   }, /*#__PURE__*/_react.default.createElement(_.Tab, {
@@ -97,9 +94,8 @@ var Counts = function Counts() {
     name: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Auction results ", /*#__PURE__*/_react.default.createElement(_Sup.Sup, null, "123"))
   }));
 };
-exports.Counts = Counts;
 Counts.displayName = "Counts";
-var ConditionalTabs = function ConditionalTabs() {
+var ConditionalTabs = exports.ConditionalTabs = function ConditionalTabs() {
   return /*#__PURE__*/_react.default.createElement(_.Tabs, {
     onChange: (0, _addonActions.action)("onChange")
   }, /*#__PURE__*/_react.default.createElement(_.Tab, {
@@ -110,9 +106,8 @@ var ConditionalTabs = function ConditionalTabs() {
     name: "Third"
   }, "Third"));
 };
-exports.ConditionalTabs = ConditionalTabs;
 ConditionalTabs.displayName = "ConditionalTabs";
-var AutoScrolling = function AutoScrolling() {
+var AutoScrolling = exports.AutoScrolling = function AutoScrolling() {
   var _useCursor = (0, _useCursor2.useCursor)({
       max: 15
     }),
@@ -161,7 +156,6 @@ var AutoScrolling = function AutoScrolling() {
     initialTabIndex: initialTabIndex
   })));
 };
-exports.AutoScrolling = AutoScrolling;
 AutoScrolling.story = {
   parameters: {
     chromatic: {
@@ -169,7 +163,7 @@ AutoScrolling.story = {
     }
   }
 };
-var InitialAutoScroll = function InitialAutoScroll() {
+var InitialAutoScroll = exports.InitialAutoScroll = function InitialAutoScroll() {
   var _useState3 = (0, _react.useState)(1),
     _useState4 = _slicedToArray(_useState3, 2),
     key = _useState4[0],
@@ -226,7 +220,6 @@ var InitialAutoScroll = function InitialAutoScroll() {
     height: 1000
   }));
 };
-exports.InitialAutoScroll = InitialAutoScroll;
 InitialAutoScroll.story = {
   parameters: {
     chromatic: {
@@ -236,7 +229,7 @@ InitialAutoScroll.story = {
 };
 
 // FIXME: Currently renders one step behind
-var Cached = function Cached() {
+var Cached = exports.Cached = function Cached() {
   var _useState5 = (0, _react.useState)(1),
     _useState6 = _slicedToArray(_useState5, 2),
     count = _useState6[0],
@@ -258,8 +251,7 @@ var Cached = function Cached() {
     name: "Third"
   }, "Third \u2014 count: ", count)));
 };
-exports.Cached = Cached;
-var WithInputs = function WithInputs() {
+var WithInputs = exports.WithInputs = function WithInputs() {
   var _useState7 = (0, _react.useState)(""),
     _useState8 = _slicedToArray(_useState7, 2),
     value = _useState8[0],
@@ -288,6 +280,5 @@ var WithInputs = function WithInputs() {
     }
   })));
 };
-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","_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=\"mono10\" 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=\"mono10\" 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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"}
+{"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","exports","title","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=\"mono10\" 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=\"mono10\" 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/dist/elements/Text/Text.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import { TextVariant } from "@artsy/palette-tokens/dist/typography/v3";
 import { ColorProps, ResponsiveValue, TypographyProps } from "styled-system";
 import { Color } from "../../Theme";
 import { BoxProps } from "../Box";
 /** BaseTextProps */
-export declare type BaseTextProps = TypographyProps & Omit<ColorProps, "color"> & {
+export type BaseTextProps = TypographyProps & Omit<ColorProps, "color"> & {
     /**
      * @description
      * Variants of the text. Possible to pass an array that
@@ -23,7 +22,7 @@ export declare type BaseTextProps = TypographyProps & Omit<ColorProps, "color">
      */
     lineClamp?: number;
 };
-export declare type TextTransform = "none" | "capitalize" | "uppercase" | "lowercase" | "initial" | "inherit";
+export type TextTransform = "none" | "capitalize" | "uppercase" | "lowercase" | "initial" | "inherit";
 /** styled functions for Text */
 export declare const textMixin: import("styled-system").styleFn;
 /** Adds ellipsis to overflowing text */
@@ -31,7 +30,7 @@ export declare const overflowEllipsisMixin: import("styled-components").RuleSet<
 /** Adds hyphenation to overflowing text */
 export declare const hyphenate: import("styled-components").RuleSet<object>;
 /** TextProps */
-export declare type TextProps = BaseTextProps & BoxProps & {
+export type TextProps = BaseTextProps & BoxProps & {
     hyphenate?: boolean;
     overflowEllipsis?: boolean;
     textTransform?: ResponsiveValue<TextTransform>;
@@ -39,5 +38,5 @@ export declare type TextProps = BaseTextProps & BoxProps & {
 };
 /** Text */
 export declare const Text: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, TextProps>> & string;

package/dist/elements/Text/Text.js

@@ -23,20 +23,18 @@ var textTransform = (0, _styledSystem.system)({
 });
 
 /** styled functions for Text */
-var textMixin = (0, _styledSystem.compose)(_styledSystem.typography, _styledSystem.color, textColor, textTransform);
+var textMixin = exports.textMixin = (0, _styledSystem.compose)(_styledSystem.typography, _styledSystem.color, textColor, textTransform);
 
 /** Adds ellipsis to overflowing text */
-exports.textMixin = textMixin;
-var overflowEllipsisMixin = (0, _styledComponents.css)(["overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);
+var overflowEllipsisMixin = exports.overflowEllipsisMixin = (0, _styledComponents.css)(["overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);
 
 /** Adds hyphenation to overflowing text */
-exports.overflowEllipsisMixin = overflowEllipsisMixin;
-var hyphenate = (0, _styledComponents.css)(["word-wrap:break-word;word-break:break-word;hyphens:auto;"]);
+var hyphenate = exports.hyphenate = (0, _styledComponents.css)(["word-wrap:break-word;word-break:break-word;hyphens:auto;"]);
 
 /** TextProps */
-exports.hyphenate = hyphenate;
+
 /** Text */
-var Text = (0, _styledComponents.default)(_Box.Box).withConfig({
+var Text = exports.Text = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "Text",
   componentId: "sc-18gcpao-0"
 })(["&&{", " ", " ", "}"], (0, _styledSystem.variant)({
@@ -44,7 +42,6 @@ var Text = (0, _styledComponents.default)(_Box.Box).withConfig({
 }), textMixin, function (props) {
   return (0, _styledComponents.css)(["", " ", " ", ""], props.hyphenate && hyphenate, props.overflowEllipsis && overflowEllipsisMixin, props.lineClamp && (0, _styledComponents.css)(["display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:", ";line-clamp:", ";overflow:hidden;"], props.lineClamp, props.lineClamp));
 });
-exports.Text = Text;
 Text.displayName = "Text";
 Text.defaultProps = {
   fontFamily: "sans",