@artsy/palette 41.8.1 → 42.0.0

package/dist/elements/Stepper/Stepper.d.ts

@@ -9,7 +9,7 @@ export interface StepperProps extends TabsProps {
 /** Stepper */
 export declare const Stepper: React.FC<React.PropsWithChildren<StepperProps>>;
 /** StepProps */
-export declare type StepProps = TabProps;
+export type StepProps = TabProps;
 /**
  * An individual step.
  * Does nothing on its own; props are dealt with inside of Steps.

package/dist/elements/Stepper/Stepper.js

@@ -18,7 +18,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /** Stepper */
-var Stepper = function Stepper(_ref) {
+var Stepper = exports.Stepper = function Stepper(_ref) {
   var currentStepIndex = _ref.currentStepIndex,
     disableNavigation = _ref.disableNavigation,
     _ref$initialTabIndex = _ref.initialTabIndex,
@@ -72,14 +72,13 @@ var Stepper = function Stepper(_ref) {
 };
 
 /** StepProps */
-exports.Stepper = Stepper;
+
 /**
  * An individual step.
  * Does nothing on its own; props are dealt with inside of Steps.
  */
-var Step = function Step(_ref2) {
+var Step = exports.Step = function Step(_ref2) {
   var children = _ref2.children;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
 };
-exports.Step = Step;
 //# sourceMappingURL=Stepper.js.map

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

package/dist/elements/Stepper/Stepper.story.js

@@ -14,15 +14,14 @@ 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; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var _default = {
+var _default = exports.default = {
   title: "Components/Stepper"
 };
-exports.default = _default;
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{
       initialTabIndex: 0,
@@ -60,9 +59,8 @@ var Default = function Default() {
     }, "Pay panel"));
   });
 };
-exports.Default = Default;
 Default.displayName = "Default";
-var ChangingCurrentStep = function ChangingCurrentStep() {
+var ChangingCurrentStep = exports.ChangingCurrentStep = function ChangingCurrentStep() {
   var _useState = (0, _react.useState)(0),
     _useState2 = _slicedToArray(_useState, 2),
     cursor = _useState2[0],
@@ -90,6 +88,5 @@ var ChangingCurrentStep = function ChangingCurrentStep() {
     name: "Pay"
   }, "Pay panel"));
 };
-exports.ChangingCurrentStep = ChangingCurrentStep;
 ChangingCurrentStep.displayName = "ChangingCurrentStep";
 //# sourceMappingURL=Stepper.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_","_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","_extends","assign","bind","target","arguments","source","apply","_default","title","exports","Default","createElement","States","states","initialTabIndex","currentStepIndex","disableNavigation","fill","props","Stepper","onChange","action","Step","displayName","ChangingCurrentStep","_useState","useState","_useState2","cursor","setCursor","useEffect","interval","setInterval","prevCursor","clearInterval","index"],"sources":["../../../src/elements/Stepper/Stepper.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useEffect, useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Step, Stepper, StepperProps } from \"./\"\n\nexport default {\n  title: \"Components/Stepper\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Omit<StepperProps, \"children\">>\n      states={[\n        { initialTabIndex: 0, currentStepIndex: 0 },\n        { initialTabIndex: 0, currentStepIndex: 0 },\n        { initialTabIndex: 0, currentStepIndex: 1 },\n        { initialTabIndex: 1, currentStepIndex: 1 },\n        { initialTabIndex: 2, currentStepIndex: 2 },\n        { initialTabIndex: 2, currentStepIndex: 2, disableNavigation: true },\n        { initialTabIndex: 2, currentStepIndex: 2, fill: true },\n      ]}\n    >\n      {(props) => {\n        return (\n          <Stepper onChange={action(\"onChange\")} {...props}>\n            <Step name=\"Review\">Review panel</Step>\n            <Step name=\"Confirm\">Confirm panel</Step>\n            <Step name=\"Pay\">Pay panel</Step>\n          </Stepper>\n        )\n      }}\n    </States>\n  )\n}\n\nexport const ChangingCurrentStep = () => {\n  const [cursor, setCursor] = useState(0)\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setCursor((prevCursor) => prevCursor + 1)\n    }, 1000)\n\n    return () => {\n      clearInterval(interval)\n    }\n  }, [])\n\n  const index = cursor % 3\n\n  return (\n    <Stepper initialTabIndex={index} currentStepIndex={index} disableNavigation>\n      <Step name=\"Review\">Review panel</Step>\n      <Step name=\"Confirm\">Confirm panel</Step>\n      <Step name=\"Pay\">Pay panel</Step>\n    </Stepper>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Stepper.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_","_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","_extends","assign","bind","target","arguments","source","apply","_default","exports","title","Default","createElement","States","states","initialTabIndex","currentStepIndex","disableNavigation","fill","props","Stepper","onChange","action","Step","displayName","ChangingCurrentStep","_useState","useState","_useState2","cursor","setCursor","useEffect","interval","setInterval","prevCursor","clearInterval","index"],"sources":["../../../src/elements/Stepper/Stepper.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useEffect, useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Step, Stepper, StepperProps } from \"./\"\n\nexport default {\n  title: \"Components/Stepper\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Omit<StepperProps, \"children\">>\n      states={[\n        { initialTabIndex: 0, currentStepIndex: 0 },\n        { initialTabIndex: 0, currentStepIndex: 0 },\n        { initialTabIndex: 0, currentStepIndex: 1 },\n        { initialTabIndex: 1, currentStepIndex: 1 },\n        { initialTabIndex: 2, currentStepIndex: 2 },\n        { initialTabIndex: 2, currentStepIndex: 2, disableNavigation: true },\n        { initialTabIndex: 2, currentStepIndex: 2, fill: true },\n      ]}\n    >\n      {(props) => {\n        return (\n          <Stepper onChange={action(\"onChange\")} {...props}>\n            <Step name=\"Review\">Review panel</Step>\n            <Step name=\"Confirm\">Confirm panel</Step>\n            <Step name=\"Pay\">Pay panel</Step>\n          </Stepper>\n        )\n      }}\n    </States>\n  )\n}\n\nexport const ChangingCurrentStep = () => {\n  const [cursor, setCursor] = useState(0)\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setCursor((prevCursor) => prevCursor + 1)\n    }, 1000)\n\n    return () => {\n      clearInterval(interval)\n    }\n  }, [])\n\n  const index = cursor % 3\n\n  return (\n    <Stepper initialTabIndex={index} currentStepIndex={index} disableNavigation>\n      <Step name=\"Review\">Review panel</Step>\n      <Step name=\"Confirm\">Confirm panel</Step>\n      <Step name=\"Pay\">Pay panel</Step>\n    </Stepper>\n  )\n}\n"],"mappings":"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"}

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

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

package/dist/elements/Sup/Sup.js

@@ -7,9 +7,8 @@ exports.Sup = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _Text = require("../Text");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Sup = (0, _styledComponents.default)(_Text.Text).withConfig({
+var Sup = exports.Sup = (0, _styledComponents.default)(_Text.Text).withConfig({
   displayName: "Sup",
   componentId: "sc-1g83qfs-0"
 })(["display:inline;vertical-align:super;font-size:75% !important;line-height:0 !important;font-weight:inherit !important;"]);
-exports.Sup = Sup;
 //# sourceMappingURL=Sup.js.map

package/dist/elements/Sup/Sup.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sup.js","names":["_styledComponents","_interopRequireDefault","require","_Text","obj","__esModule","default","Sup","styled","Text","withConfig","displayName","componentId","exports"],"sources":["../../../src/elements/Sup/Sup.tsx"],"sourcesContent":["import styled from \"styled-components\"\nimport { Text, TextProps } from \"../Text\"\n\nexport type SupProps = TextProps\n\nexport const Sup = styled(Text)`\n  display: inline;\n  vertical-align: super;\n  font-size: 75% !important;\n  line-height: 0 !important; // Avoids shifting the line-height\n  font-weight: inherit !important;\n`\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAyC,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAIlC,IAAMG,GAAG,GAAG,IAAAC,yBAAM,EAACC,UAAI,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6HAM9B;AAAAC,OAAA,CAAAN,GAAA,GAAAA,GAAA"}
+{"version":3,"file":"Sup.js","names":["_styledComponents","_interopRequireDefault","require","_Text","obj","__esModule","default","Sup","exports","styled","Text","withConfig","displayName","componentId"],"sources":["../../../src/elements/Sup/Sup.tsx"],"sourcesContent":["import styled from \"styled-components\"\nimport { Text, TextProps } from \"../Text\"\n\nexport type SupProps = TextProps\n\nexport const Sup = styled(Text)`\n  display: inline;\n  vertical-align: super;\n  font-size: 75% !important;\n  line-height: 0 !important; // Avoids shifting the line-height\n  font-weight: inherit !important;\n`\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAyC,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAIlC,IAAMG,GAAG,GAAAC,OAAA,CAAAD,GAAA,GAAG,IAAAE,yBAAM,EAACC,UAAI,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6HAM9B"}

package/dist/elements/Sup/Sup.story.js

@@ -9,11 +9,10 @@ var _storybookStates = require("storybook-states");
 var _Text = require("../Text");
 var _Sup = require("./Sup");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+var _default = exports.default = {
   title: "Components/Sup"
 };
-exports.default = _default;
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{
       variant: "xxl"
@@ -30,6 +29,5 @@ var Default = function Default() {
     color: "blue100"
   }, "123")));
 };
-exports.Default = Default;
 Default.displayName = "Default";
 //# sourceMappingURL=Sup.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Sup.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Text","_Sup","obj","__esModule","default","_default","title","exports","Default","createElement","States","states","variant","Text","Sup","color","displayName"],"sources":["../../../src/elements/Sup/Sup.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Text } from \"../Text\"\nimport { Sup, SupProps } from \"./Sup\"\n\nexport default {\n  title: \"Components/Sup\",\n}\n\nexport const Default = () => {\n  return (\n    <States<SupProps>\n      states={[\n        { variant: \"xxl\" },\n        { variant: \"xl\" },\n        { variant: \"lg\" },\n        { variant: \"md\" },\n        { variant: \"sm\" },\n      ]}\n    >\n      <Text>\n        Lorem Ipsum <Sup color=\"blue100\">123</Sup>\n      </Text>\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AAAqC,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAEtB;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAH,OAAA,GAAAC,QAAA;AAEM,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEZ,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACV,gBAAA,CAAAW,MAAM;IACLC,MAAM,EAAE,CACN;MAAEC,OAAO,EAAE;IAAM,CAAC,EAClB;MAAEA,OAAO,EAAE;IAAK,CAAC,EACjB;MAAEA,OAAO,EAAE;IAAK,CAAC,EACjB;MAAEA,OAAO,EAAE;IAAK,CAAC,EACjB;MAAEA,OAAO,EAAE;IAAK,CAAC;EACjB,gBAEFhB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAa,IAAI,QAAC,cACQ,eAAAjB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAa,GAAG;IAACC,KAAK,EAAC;EAAS,GAAC,KAAG,CAAM,CACrC,CACA;AAEb,CAAC;AAAAR,OAAA,CAAAC,OAAA,GAAAA,OAAA;AAhBYA,OAAO,CAAAQ,WAAA"}
+{"version":3,"file":"Sup.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Text","_Sup","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","variant","Text","Sup","color","displayName"],"sources":["../../../src/elements/Sup/Sup.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Text } from \"../Text\"\nimport { Sup, SupProps } from \"./Sup\"\n\nexport default {\n  title: \"Components/Sup\",\n}\n\nexport const Default = () => {\n  return (\n    <States<SupProps>\n      states={[\n        { variant: \"xxl\" },\n        { variant: \"xl\" },\n        { variant: \"lg\" },\n        { variant: \"md\" },\n        { variant: \"sm\" },\n      ]}\n    >\n      <Text>\n        Lorem Ipsum <Sup color=\"blue100\">123</Sup>\n      </Text>\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AAAqC,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEtB;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEZ,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACV,gBAAA,CAAAW,MAAM;IACLC,MAAM,EAAE,CACN;MAAEC,OAAO,EAAE;IAAM,CAAC,EAClB;MAAEA,OAAO,EAAE;IAAK,CAAC,EACjB;MAAEA,OAAO,EAAE;IAAK,CAAC,EACjB;MAAEA,OAAO,EAAE;IAAK,CAAC,EACjB;MAAEA,OAAO,EAAE;IAAK,CAAC;EACjB,gBAEFhB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAa,IAAI,QAAC,cACQ,eAAAjB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAa,GAAG;IAACC,KAAK,EAAC;EAAS,GAAC,KAAG,CAAM,CACrC,CACA;AAEb,CAAC;AAhBYP,OAAO,CAAAQ,WAAA"}

package/dist/elements/Swiper/Swiper.d.ts

@@ -1,24 +1,24 @@
 import React from "react";
 import { BoxProps } from "../Box";
 /** SwiperRailProps */
-export declare type SwiperRailProps = BoxProps;
+export type SwiperRailProps = BoxProps;
 /** A `SwiperRail` slides back and forth within the viewport */
 export declare const SwiperRail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
 }, {
-    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    as?: React.ElementType;
 }>> & string;
 /** SwiperCellProps */
-export declare type SwiperCellProps = BoxProps;
+export type SwiperCellProps = BoxProps;
 /** A `SwiperCell` wraps a single child in the carousel */
 export declare const SwiperCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
 }, {
-    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    as?: React.ElementType;
 }>> & string;
-declare type ScrollSnapAlign = "none" | "start" | "end" | "center";
+type ScrollSnapAlign = "none" | "start" | "end" | "center";
 /** SwiperProps */
-export declare type SwiperProps = BoxProps & {
+export type SwiperProps = BoxProps & {
     initialIndex?: number;
     snap?: ScrollSnapAlign;
     children: React.ReactNode;

package/dist/elements/Swiper/Swiper.js

@@ -28,11 +28,10 @@ var Container = (0, _styledComponents.default)(_Box.Box).withConfig({
 /** SwiperRailProps */
 
 /** A `SwiperRail` slides back and forth within the viewport */
-var SwiperRail = (0, _styledComponents.default)(_Box.Box).withConfig({
+var SwiperRail = exports.SwiperRail = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "Swiper__SwiperRail",
   componentId: "sc-1bxg2ho-1"
 })(["width:100%;height:100%;margin:0;padding:0;list-style:none;white-space:nowrap;"]);
-exports.SwiperRail = SwiperRail;
 SwiperRail.defaultProps = {
   display: "flex"
 };
@@ -40,20 +39,20 @@ SwiperRail.defaultProps = {
 /** SwiperCellProps */
 
 /** A `SwiperCell` wraps a single child in the carousel */
-var SwiperCell = (0, _styledComponents.default)(_Box.Box).withConfig({
+var SwiperCell = exports.SwiperCell = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "Swiper__SwiperCell",
   componentId: "sc-1bxg2ho-2"
 })(["white-space:normal;"]);
 
 /** SwiperProps */
-exports.SwiperCell = SwiperCell;
+
 /**
  * A `Swiper` is like a `Carousel` but for touch devices. It accepts children
  * or a series of children that are JSX elements. It presents them in a
  * horizontal rail and when the width exceeds the width of the viewport, allows
  * for horitonzal swiping (or scrolling) with the option to snap to elements.
  */
-var Swiper = function Swiper(_ref) {
+var Swiper = exports.Swiper = function Swiper(_ref) {
   var _ref$initialIndex = _ref.initialIndex,
     initialIndex = _ref$initialIndex === void 0 ? 0 : _ref$initialIndex,
     children = _ref.children,
@@ -165,6 +164,5 @@ var Swiper = function Swiper(_ref) {
     }, child);
   })));
 };
-exports.Swiper = Swiper;
 Swiper.displayName = "Swiper";
 //# sourceMappingURL=Swiper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Swiper.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_useCursor2","_visuallyDisableScrollbar","_Box","_Carousel","_activeIndex","_percentage","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Container","styled","Box","withConfig","displayName","componentId","visuallyDisableScrollbar","SwiperRail","exports","defaultProps","display","SwiperCell","Swiper","_ref","_ref$initialIndex","initialIndex","children","_ref$snap","snap","_ref$Rail","Rail","_ref$Cell","Cell","onChange","onPageCountChange","rest","containerRef","useRef","cells","useMemo","Children","toArray","filter","isValidElement","map","child","ref","createRef","_useCursor","useCursor","initialCursor","max","index","cursor","setCursor","useEffect","cell","current","scrollIntoView","inline","block","rail","handleScroll","progress","percentage","viewport","clientWidth","total","scrollWidth","left","scrollLeft","page","activeIndex","addEventListener","passive","removeEventListener","createElement","mx","my","as","_ref2","isLast","pr","CELL_GAP_PADDING_AMOUNT","undefined","style","scrollSnapAlign"],"sources":["../../../src/elements/Swiper/Swiper.tsx"],"sourcesContent":["import React, {\n  Children,\n  createRef,\n  isValidElement,\n  useEffect,\n  useMemo,\n  useRef,\n} from \"react\"\nimport styled from \"styled-components\"\nimport { useCursor } from \"use-cursor\"\nimport { visuallyDisableScrollbar } from \"../../helpers/visuallyDisableScrollbar\"\nimport { Box, BoxProps } from \"../Box\"\nimport { CELL_GAP_PADDING_AMOUNT } from \"../Carousel\"\nimport { activeIndex } from \"./activeIndex\"\nimport { percentage } from \"./percentage\"\n\nconst Container = styled(Box)`\n  display: flex;\n  height: 100%;\n  padding: 0;\n  list-style: none;\n  overflow-y: hidden;\n  overflow-x: scroll;\n  -webkit-overflow-scrolling: touch;\n  scroll-snap-type: x mandatory;\n  ${visuallyDisableScrollbar}\n`\n\n/** SwiperRailProps */\nexport type SwiperRailProps = BoxProps\n\n/** A `SwiperRail` slides back and forth within the viewport */\nexport const SwiperRail = styled(Box)<{ as?: React.ElementType }>`\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  white-space: nowrap;\n`\n\nSwiperRail.defaultProps = {\n  display: \"flex\",\n}\n\n/** SwiperCellProps */\nexport type SwiperCellProps = BoxProps\n\n/** A `SwiperCell` wraps a single child in the carousel */\nexport const SwiperCell = styled(Box)<{ as?: React.ElementType }>`\n  white-space: normal;\n`\n\ntype ScrollSnapAlign = \"none\" | \"start\" | \"end\" | \"center\"\n\n/** SwiperProps */\nexport type SwiperProps = BoxProps & {\n  initialIndex?: number\n  snap?: ScrollSnapAlign\n  children: React.ReactNode\n  Rail?: typeof SwiperRail | React.FC<React.PropsWithChildren<SwiperRailProps>>\n  /**\n   * If providing a custom `Cell` you must forward a ref so\n   * that cell widths can be calculated.\n   */\n  Cell?: React.ForwardRefExoticComponent<SwiperCellProps>\n  onChange?(index: number): void\n  onPageCountChange?(count: number): void\n}\n\n/**\n * A `Swiper` is like a `Carousel` but for touch devices. It accepts children\n * or a series of children that are JSX elements. It presents them in a\n * horizontal rail and when the width exceeds the width of the viewport, allows\n * for horitonzal swiping (or scrolling) with the option to snap to elements.\n */\nexport const Swiper: React.FC<React.PropsWithChildren<SwiperProps>> = ({\n  initialIndex = 0,\n  children,\n  snap = \"none\",\n  Rail = SwiperRail,\n  Cell = SwiperCell,\n  onChange,\n  onPageCountChange,\n  ...rest\n}) => {\n  const containerRef = useRef<HTMLDivElement | null>(null)\n\n  const cells = useMemo(\n    () =>\n      Children.toArray(children)\n        .filter(isValidElement)\n        .map((child) => ({ child, ref: createRef<HTMLDivElement>() })),\n    [children]\n  )\n\n  const { index, cursor, setCursor } = useCursor({\n    initialCursor: initialIndex,\n    max: cells.length,\n  })\n\n  useEffect(() => {\n    /**\n     * If on initial mount there is an `initialIndex` other than `0`,\n     * scroll it into view. The dependency array is left empty as we explicitly\n     * only want this to run on mount, and ignore any updates to `initialIndex`,\n     * which are handled separately below.\n     */\n    if (initialIndex === 0) return\n    const cell = cells[initialIndex]\n    if (!cell) return\n    cell.ref.current!.scrollIntoView({ inline: \"start\", block: \"nearest\" })\n  }, [])\n\n  useEffect(() => {\n    /**\n     * Since `cursor` tracks progress, if `cursor` and `initialIndex` are out\n     * of sync then that means the index has been changed programmatically\n     * and we should scroll the cell corresponding with that index into view.\n     */\n    if (initialIndex !== cursor) {\n      const cell = cells[initialIndex]\n      if (!cell) return\n      cell.ref.current!.scrollIntoView({ inline: \"start\", block: \"nearest\" })\n    }\n  }, [initialIndex])\n\n  useEffect(() => {\n    // Not mounted\n    if (!containerRef.current) return\n\n    // No need to track progress\n    if (!onChange) return\n\n    const { current: rail } = containerRef\n\n    const handleScroll = () => {\n      const progress = percentage({\n        viewport: rail.clientWidth,\n        total: rail.scrollWidth,\n        left: rail.scrollLeft,\n      })\n\n      const page = activeIndex({ progress, length: cells.length })\n\n      setCursor(page)\n    }\n\n    rail.addEventListener(\"scroll\", handleScroll, { passive: true })\n    return () => {\n      rail.removeEventListener(\"scroll\", handleScroll)\n    }\n  }, [cells])\n\n  useEffect(() => {\n    onChange && onChange(index)\n  }, [onChange, index])\n\n  useEffect(() => {\n    onPageCountChange && onPageCountChange(cells.length)\n  }, [onPageCountChange, cells.length])\n\n  return (\n    <Container ref={containerRef as any} mx={0} my={0} {...rest}>\n      <Rail as=\"ul\">\n        {cells.map(({ child, ref }, i) => {\n          const isLast = i === cells.length - 1\n\n          return (\n            <Cell\n              as=\"li\"\n              key={i}\n              ref={ref}\n              pr={!isLast ? CELL_GAP_PADDING_AMOUNT : undefined}\n              style={{ scrollSnapAlign: snap }}\n            >\n              {child}\n            </Cell>\n          )\n        })}\n      </Rail>\n    </Container>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Swiper.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_useCursor2","_visuallyDisableScrollbar","_Box","_Carousel","_activeIndex","_percentage","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Container","styled","Box","withConfig","displayName","componentId","visuallyDisableScrollbar","SwiperRail","exports","defaultProps","display","SwiperCell","Swiper","_ref","_ref$initialIndex","initialIndex","children","_ref$snap","snap","_ref$Rail","Rail","_ref$Cell","Cell","onChange","onPageCountChange","rest","containerRef","useRef","cells","useMemo","Children","toArray","filter","isValidElement","map","child","ref","createRef","_useCursor","useCursor","initialCursor","max","index","cursor","setCursor","useEffect","cell","current","scrollIntoView","inline","block","rail","handleScroll","progress","percentage","viewport","clientWidth","total","scrollWidth","left","scrollLeft","page","activeIndex","addEventListener","passive","removeEventListener","createElement","mx","my","as","_ref2","isLast","pr","CELL_GAP_PADDING_AMOUNT","undefined","style","scrollSnapAlign"],"sources":["../../../src/elements/Swiper/Swiper.tsx"],"sourcesContent":["import React, {\n  Children,\n  createRef,\n  isValidElement,\n  useEffect,\n  useMemo,\n  useRef,\n} from \"react\"\nimport styled from \"styled-components\"\nimport { useCursor } from \"use-cursor\"\nimport { visuallyDisableScrollbar } from \"../../helpers/visuallyDisableScrollbar\"\nimport { Box, BoxProps } from \"../Box\"\nimport { CELL_GAP_PADDING_AMOUNT } from \"../Carousel\"\nimport { activeIndex } from \"./activeIndex\"\nimport { percentage } from \"./percentage\"\n\nconst Container = styled(Box)`\n  display: flex;\n  height: 100%;\n  padding: 0;\n  list-style: none;\n  overflow-y: hidden;\n  overflow-x: scroll;\n  -webkit-overflow-scrolling: touch;\n  scroll-snap-type: x mandatory;\n  ${visuallyDisableScrollbar}\n`\n\n/** SwiperRailProps */\nexport type SwiperRailProps = BoxProps\n\n/** A `SwiperRail` slides back and forth within the viewport */\nexport const SwiperRail = styled(Box)<{ as?: React.ElementType }>`\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  white-space: nowrap;\n`\n\nSwiperRail.defaultProps = {\n  display: \"flex\",\n}\n\n/** SwiperCellProps */\nexport type SwiperCellProps = BoxProps\n\n/** A `SwiperCell` wraps a single child in the carousel */\nexport const SwiperCell = styled(Box)<{ as?: React.ElementType }>`\n  white-space: normal;\n`\n\ntype ScrollSnapAlign = \"none\" | \"start\" | \"end\" | \"center\"\n\n/** SwiperProps */\nexport type SwiperProps = BoxProps & {\n  initialIndex?: number\n  snap?: ScrollSnapAlign\n  children: React.ReactNode\n  Rail?: typeof SwiperRail | React.FC<React.PropsWithChildren<SwiperRailProps>>\n  /**\n   * If providing a custom `Cell` you must forward a ref so\n   * that cell widths can be calculated.\n   */\n  Cell?: React.ForwardRefExoticComponent<SwiperCellProps>\n  onChange?(index: number): void\n  onPageCountChange?(count: number): void\n}\n\n/**\n * A `Swiper` is like a `Carousel` but for touch devices. It accepts children\n * or a series of children that are JSX elements. It presents them in a\n * horizontal rail and when the width exceeds the width of the viewport, allows\n * for horitonzal swiping (or scrolling) with the option to snap to elements.\n */\nexport const Swiper: React.FC<React.PropsWithChildren<SwiperProps>> = ({\n  initialIndex = 0,\n  children,\n  snap = \"none\",\n  Rail = SwiperRail,\n  Cell = SwiperCell,\n  onChange,\n  onPageCountChange,\n  ...rest\n}) => {\n  const containerRef = useRef<HTMLDivElement | null>(null)\n\n  const cells = useMemo(\n    () =>\n      Children.toArray(children)\n        .filter(isValidElement)\n        .map((child) => ({ child, ref: createRef<HTMLDivElement>() })),\n    [children]\n  )\n\n  const { index, cursor, setCursor } = useCursor({\n    initialCursor: initialIndex,\n    max: cells.length,\n  })\n\n  useEffect(() => {\n    /**\n     * If on initial mount there is an `initialIndex` other than `0`,\n     * scroll it into view. The dependency array is left empty as we explicitly\n     * only want this to run on mount, and ignore any updates to `initialIndex`,\n     * which are handled separately below.\n     */\n    if (initialIndex === 0) return\n    const cell = cells[initialIndex]\n    if (!cell) return\n    cell.ref.current!.scrollIntoView({ inline: \"start\", block: \"nearest\" })\n  }, [])\n\n  useEffect(() => {\n    /**\n     * Since `cursor` tracks progress, if `cursor` and `initialIndex` are out\n     * of sync then that means the index has been changed programmatically\n     * and we should scroll the cell corresponding with that index into view.\n     */\n    if (initialIndex !== cursor) {\n      const cell = cells[initialIndex]\n      if (!cell) return\n      cell.ref.current!.scrollIntoView({ inline: \"start\", block: \"nearest\" })\n    }\n  }, [initialIndex])\n\n  useEffect(() => {\n    // Not mounted\n    if (!containerRef.current) return\n\n    // No need to track progress\n    if (!onChange) return\n\n    const { current: rail } = containerRef\n\n    const handleScroll = () => {\n      const progress = percentage({\n        viewport: rail.clientWidth,\n        total: rail.scrollWidth,\n        left: rail.scrollLeft,\n      })\n\n      const page = activeIndex({ progress, length: cells.length })\n\n      setCursor(page)\n    }\n\n    rail.addEventListener(\"scroll\", handleScroll, { passive: true })\n    return () => {\n      rail.removeEventListener(\"scroll\", handleScroll)\n    }\n  }, [cells])\n\n  useEffect(() => {\n    onChange && onChange(index)\n  }, [onChange, index])\n\n  useEffect(() => {\n    onPageCountChange && onPageCountChange(cells.length)\n  }, [onPageCountChange, cells.length])\n\n  return (\n    <Container ref={containerRef as any} mx={0} my={0} {...rest}>\n      <Rail as=\"ul\">\n        {cells.map(({ child, ref }, i) => {\n          const isLast = i === cells.length - 1\n\n          return (\n            <Cell\n              as=\"li\"\n              key={i}\n              ref={ref}\n              pr={!isLast ? CELL_GAP_PADDING_AMOUNT : undefined}\n              style={{ scrollSnapAlign: snap }}\n            >\n              {child}\n            </Cell>\n          )\n        })}\n      </Rail>\n    </Container>\n  )\n}\n"],"mappings":"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"}

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

@@ -23,8 +23,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 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; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -56,35 +56,31 @@ var Demo = function Demo(_ref) {
   })));
 };
 Demo.displayName = "Demo";
-var _default = {
+var _default = exports.default = {
   title: "Components/Swiper"
 };
-exports.default = _default;
-var Simple = function Simple() {
+var Simple = exports.Simple = function Simple() {
   return /*#__PURE__*/_react.default.createElement(Demo, null);
 };
-exports.Simple = Simple;
 Simple.displayName = "Simple";
-var WithHorizontalMargins = function WithHorizontalMargins() {
+var WithHorizontalMargins = exports.WithHorizontalMargins = function WithHorizontalMargins() {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Text.Text, null, "Should be flush with horizontal edges"), /*#__PURE__*/_react.default.createElement(Demo, {
     mx: [-2, -4]
   }));
 };
-exports.WithHorizontalMargins = WithHorizontalMargins;
 WithHorizontalMargins.story = {
   name: "With horizontal margins"
 };
-var SimpleWithLeftEdgeSnapping = function SimpleWithLeftEdgeSnapping() {
+var SimpleWithLeftEdgeSnapping = exports.SimpleWithLeftEdgeSnapping = function SimpleWithLeftEdgeSnapping() {
   return /*#__PURE__*/_react.default.createElement(Demo, {
     snap: "start"
   });
 };
-exports.SimpleWithLeftEdgeSnapping = SimpleWithLeftEdgeSnapping;
 SimpleWithLeftEdgeSnapping.displayName = "SimpleWithLeftEdgeSnapping";
 SimpleWithLeftEdgeSnapping.story = {
   name: "Simple with left-edge snapping"
 };
-var ProgressBarExample = function ProgressBarExample() {
+var ProgressBarExample = exports.ProgressBarExample = function ProgressBarExample() {
   var widths = Array.from(Array(10)).map(function (_) {
     return 300;
   });
@@ -100,11 +96,10 @@ var ProgressBarExample = function ProgressBarExample() {
     percentComplete: progress
   }));
 };
-exports.ProgressBarExample = ProgressBarExample;
 ProgressBarExample.story = {
   name: "Progress bar example"
 };
-var ProgressDotsExample = function ProgressDotsExample() {
+var ProgressDotsExample = exports.ProgressDotsExample = function ProgressDotsExample() {
   var widths = Array.from(Array(10)).map(function (_) {
     return 300;
   });
@@ -121,11 +116,10 @@ var ProgressDotsExample = function ProgressDotsExample() {
     activeIndex: index
   }));
 };
-exports.ProgressDotsExample = ProgressDotsExample;
 ProgressDotsExample.story = {
   name: "Progress dots example"
 };
-var CustomRailAndCells = function CustomRailAndCells() {
+var CustomRailAndCells = exports.CustomRailAndCells = function CustomRailAndCells() {
   return /*#__PURE__*/_react.default.createElement(Demo, {
     snap: "start",
     widths: ["100%", "100%", "100%", "100%"]
@@ -146,12 +140,11 @@ var CustomRailAndCells = function CustomRailAndCells() {
     }
   });
 };
-exports.CustomRailAndCells = CustomRailAndCells;
 CustomRailAndCells.displayName = "CustomRailAndCells";
 CustomRailAndCells.story = {
   name: "Custom rail and cells"
 };
-var DynamicItems = function DynamicItems() {
+var DynamicItems = exports.DynamicItems = function DynamicItems() {
   var _useState5 = (0, _react.useState)(0),
     _useState6 = _slicedToArray(_useState5, 2),
     index = _useState6[0],
@@ -178,7 +171,6 @@ var DynamicItems = function DynamicItems() {
     activeIndex: index
   }));
 };
-exports.DynamicItems = DynamicItems;
 DynamicItems.story = {
   name: "Dynamic items",
   parameters: {
@@ -187,7 +179,7 @@ DynamicItems.story = {
     }
   }
 };
-var SwiperWithText = function SwiperWithText() {
+var SwiperWithText = exports.SwiperWithText = function SwiperWithText() {
   return /*#__PURE__*/_react.default.createElement(_Box.Box, {
     mx: [2, 4],
     my: 2
@@ -213,22 +205,20 @@ var SwiperWithText = function SwiperWithText() {
     width: 300
   }, LOREM)));
 };
-exports.SwiperWithText = SwiperWithText;
 SwiperWithText.displayName = "SwiperWithText";
 SwiperWithText.story = {
   name: "Swiper with text"
 };
-var InitialIndexOnMount = function InitialIndexOnMount() {
+var InitialIndexOnMount = exports.InitialIndexOnMount = function InitialIndexOnMount() {
   return /*#__PURE__*/_react.default.createElement(Demo, {
     initialIndex: 3
   });
 };
-exports.InitialIndexOnMount = InitialIndexOnMount;
 InitialIndexOnMount.displayName = "InitialIndexOnMount";
 InitialIndexOnMount.story = {
   name: "initialIndex on mount"
 };
-var NavigateViaProps = function NavigateViaProps() {
+var NavigateViaProps = exports.NavigateViaProps = function NavigateViaProps() {
   var _useState9 = (0, _react.useState)(0),
     _useState10 = _slicedToArray(_useState9, 2),
     initialIndex = _useState10[0],
@@ -257,23 +247,21 @@ var NavigateViaProps = function NavigateViaProps() {
     }
   }, "Navigate to page 4")));
 };
-exports.NavigateViaProps = NavigateViaProps;
 NavigateViaProps.displayName = "NavigateViaProps";
 NavigateViaProps.story = {
   name: "Navigate via props"
 };
-var OverwritingDefaultMargins = function OverwritingDefaultMargins() {
+var OverwritingDefaultMargins = exports.OverwritingDefaultMargins = function OverwritingDefaultMargins() {
   return /*#__PURE__*/_react.default.createElement(Demo, {
     mt: 6,
     ml: 6
   });
 };
-exports.OverwritingDefaultMargins = OverwritingDefaultMargins;
 OverwritingDefaultMargins.displayName = "OverwritingDefaultMargins";
 OverwritingDefaultMargins.story = {
   name: "Overwriting default margins"
 };
-var ConditionalChildren = function ConditionalChildren() {
+var ConditionalChildren = exports.ConditionalChildren = function ConditionalChildren() {
   return /*#__PURE__*/_react.default.createElement(_Box.Box, {
     mx: [2, 4],
     my: 2
@@ -321,6 +309,5 @@ var ConditionalChildren = function ConditionalChildren() {
     variant: "xs"
   }, "6"))));
 };
-exports.ConditionalChildren = ConditionalChildren;
 ConditionalChildren.displayName = "ConditionalChildren";
 //# sourceMappingURL=Swiper.story.js.map