@artsy/palette 45.13.0 → 45.14.0-canary.1497.33065.0

package/dist/elements/Tabs/Tabs.js

@@ -1,138 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTabs = exports.Tabs = exports.Tab = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _themeGet = require("@styled-system/theme-get");
-var _flattenChildren = require("../../helpers/flattenChildren");
-var _useUpdateEffect = require("../../utils/useUpdateEffect");
-var _BaseTabs = require("../BaseTabs");
-var _Clickable = require("../Clickable");
-var _usePrevious = require("../../utils/usePrevious");
-var _excluded = ["children", "initialTabIndex", "mb", "onChange"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _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); }
-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; }
-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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-/** Tabs functionality */
-var useTabs = exports.useTabs = function useTabs(_ref) {
-  var children = _ref.children,
-    _ref$initialTabIndex = _ref.initialTabIndex,
-    initialTabIndex = _ref$initialTabIndex === void 0 ? 0 : _ref$initialTabIndex,
-    onChange = _ref.onChange;
-  var tabs = (0, _react.useMemo)(function () {
-    return (0, _flattenChildren.flattenChildren)(children).map(function (child) {
-      return {
-        child: child,
-        ref: /*#__PURE__*/(0, _react.createRef)()
-      };
-    });
-  }, [children]);
-  var previousInitialTabIndex = (0, _usePrevious.usePrevious)(initialTabIndex);
-  var _useState = (0, _react.useState)(initialTabIndex),
-    _useState2 = _slicedToArray(_useState, 2),
-    activeTabIndex = _useState2[0],
-    setActiveTabIndex = _useState2[1];
-
-  // If the `initialTabIndex` changes; update the active one
-  (0, _useUpdateEffect.useUpdateEffect)(function () {
-    // Only update if the `initialTabIndex` has changed externally
-    if (initialTabIndex === previousInitialTabIndex) return;
-    setActiveTabIndex(initialTabIndex);
-  }, [initialTabIndex, tabs]);
-
-  // Ref of the tabs viewport
-  var ref = (0, _react.useRef)(null);
-
-  // Scroll to active tab when `activeTabIndex` changes
-  (0, _react.useEffect)(function () {
-    var _ref$current$scrollTo, _ref$current;
-    if (!ref.current) return;
-    var tab = tabs[activeTabIndex].ref.current;
-    if (!tab) return;
-    var position = tab.offsetLeft;
-    (_ref$current$scrollTo = (_ref$current = ref.current).scrollTo) === null || _ref$current$scrollTo === void 0 ? void 0 : _ref$current$scrollTo.call(_ref$current, {
-      left: position,
-      behavior: "smooth"
-    });
-  }, [activeTabIndex]);
-  var handleClick = (0, _react.useCallback)(function (index) {
-    return function () {
-      var _tabs$index$child$pro;
-      if (index === activeTabIndex) return;
-      setActiveTabIndex(index);
-      if (!onChange) return;
-      onChange({
-        tabIndex: index,
-        name: tabs[index].child.props.name,
-        data: (_tabs$index$child$pro = tabs[index].child.props.data) !== null && _tabs$index$child$pro !== void 0 ? _tabs$index$child$pro : {}
-      });
-    };
-  }, [activeTabIndex, onChange, tabs]);
-  return {
-    activeTabIndex: activeTabIndex,
-    handleClick: handleClick,
-    ref: ref,
-    tabs: tabs
-  };
-};
-var Container = (0, _styledComponents.default)(_Clickable.Clickable).withConfig({
-  displayName: "Tabs__Container",
-  componentId: "sc-1kalvjm-0"
-})(["&:focus-visible{outline:none;z-index:2;box-shadow:inset 0 0 0 1px ", ";}"], (0, _themeGet.themeGet)("colors.blue100"));
-
-/** A tab bar navigation component */
-var Tabs = exports.Tabs = function Tabs(_ref2) {
-  var children = _ref2.children,
-    _ref2$initialTabIndex = _ref2.initialTabIndex,
-    initialTabIndex = _ref2$initialTabIndex === void 0 ? 0 : _ref2$initialTabIndex,
-    _ref2$mb = _ref2.mb,
-    mb = _ref2$mb === void 0 ? 2 : _ref2$mb,
-    onChange = _ref2.onChange,
-    rest = _objectWithoutProperties(_ref2, _excluded);
-  var _useTabs = useTabs({
-      children: children,
-      initialTabIndex: initialTabIndex,
-      onChange: onChange
-    }),
-    tabs = _useTabs.tabs,
-    activeTabIndex = _useTabs.activeTabIndex,
-    handleClick = _useTabs.handleClick,
-    ref = _useTabs.ref;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTabs, _extends({
-    ref: ref,
-    mb: mb
-  }, rest), tabs.map(function (tab, i) {
-    return /*#__PURE__*/_react.default.createElement(Container, {
-      key: i,
-      ref: tab.ref,
-      "aria-selected": i === activeTabIndex,
-      onClick: handleClick(i),
-      flex: 1
-    }, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
-      active: i === activeTabIndex,
-      variant: "sm"
-    }, /*#__PURE__*/_react.default.createElement("span", null, tab.child.props.name)));
-  })), tabs[activeTabIndex].child);
-};
-/**
- * An individual tab.
- * Does nothing on its own; props are dealt with inside of Tabs.
- */
-var Tab = exports.Tab = function Tab(_ref3) {
-  var children = _ref3.children;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
-};
-//# sourceMappingURL=Tabs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_themeGet","_flattenChildren","_useUpdateEffect","_BaseTabs","_Clickable","_usePrevious","_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","_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","Container","styled","Clickable","withConfig","displayName","componentId","themeGet","Tabs","_ref2","_ref2$initialTabIndex","_ref2$mb","mb","rest","_useTabs","createElement","Fragment","BaseTabs","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 styled from \"styled-components\"\nimport { themeGet } from \"@styled-system/theme-get\"\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\nconst Container = styled(Clickable)`\n  &:focus-visible {\n    outline: none;\n    z-index: 2;\n    box-shadow: inset 0 0 0 1px ${themeGet(\"colors.blue100\")};\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            <Container\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            </Container>\n          )\n        })}\n      </BaseTabs>\n\n      {tabs[activeTabIndex].child}\n    </>\n  )\n}\n\nexport interface TabProps {\n  /** Display name of the Tab */\n  name: string | JSX.Element\n  /**\n   * Arbitrary data that can be associated with a Tab.\n   * Will be passed to the parent <Tabs>'s onChange handler.\n   */\n  data?: any\n}\n\n/**\n * An individual tab.\n * Does nothing on its own; props are dealt with inside of Tabs.\n */\nexport const Tab: React.FC<React.PropsWithChildren<TabProps>> = ({\n  children,\n}) => <>{children}</>\n"],"mappings":"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"}

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

@@ -1,54 +0,0 @@
-import React from "react";
-declare const _default: {
-    title: string;
-    component: React.FC<React.PropsWithChildren<import("./Tabs").TabsProps>>;
-    tags: string[];
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-            controls: {
-                exclude: string[];
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: {
-    args: {
-        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
-        children: React.JSX.Element[];
-    };
-};
-export declare const WithData: {
-    render: () => React.JSX.Element;
-};
-export declare const Counts: {
-    render: () => React.JSX.Element;
-};
-export declare const ConditionalTabs: {
-    render: () => React.JSX.Element;
-};
-export declare const AutoScrolling: {
-    render: () => React.JSX.Element;
-    parameters: {
-        chromatic: {
-            disable: boolean;
-        };
-    };
-};
-export declare const InitialAutoScroll: {
-    render: () => React.JSX.Element;
-    parameters: {
-        chromatic: {
-            disable: boolean;
-        };
-    };
-};
-export declare const Cached: {
-    render: () => React.JSX.Element;
-};
-export declare const WithInputs: {
-    render: () => React.JSX.Element;
-};

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

@@ -1,301 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithInputs = exports.WithData = exports.InitialAutoScroll = exports.Default = exports.Counts = exports.ConditionalTabs = exports.Cached = exports.AutoScrolling = void 0;
-var _test = require("@storybook/test");
-var _react = _interopRequireWildcard(require("react"));
-var _Sup = require("../Sup");
-var _ = require("./");
-var _Box = require("../Box");
-var _useCursor2 = require("use-cursor");
-var _Button = require("../Button");
-var _Input = require("../Input");
-var _storybookBlocklist = require("../../utils/storybookBlocklist");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var _default = exports.default = {
-  title: "Components/Tabs",
-  component: _.Tabs,
-  tags: ["autodocs"],
-  parameters: {
-    docs: {
-      description: {
-        component: "Tabs component provides a tabbed interface for organizing content into separate panels. Supports keyboard navigation, custom initial tab selection, and flexible layout options."
-      },
-      controls: {
-        exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
-      }
-    }
-  }
-};
-var Default = exports.Default = {
-  args: {
-    onChange: (0, _test.fn)(),
-    children: [/*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Overview",
-      key: "overview"
-    }, "Overview panel"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Works for sale",
-      key: "works"
-    }, "Works for sale panel"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "CV",
-      key: "cv"
-    }, "CV panel"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Auction results",
-      key: "auctions"
-    }, "Auction results panel")]
-  }
-};
-var WithData = exports.WithData = {
-  render: function render() {
-    var _useState = (0, _react.useState)({
-        name: "Pending"
-      }),
-      _useState2 = _slicedToArray(_useState, 2),
-      data = _useState2[0],
-      setData = _useState2[1];
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.Tabs, {
-      onChange: function onChange(tabInfo) {
-        if (!tabInfo) return;
-        setData(tabInfo.data);
-      }
-    }, /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Overview",
-      data: {
-        name: "Overview"
-      }
-    }, "Overview panel"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Works for sale",
-      data: {
-        name: "Works for sale"
-      }
-    }, "Works for sale panel"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "CV",
-      data: {
-        name: "CV"
-      }
-    }, "CV panel"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Auction results",
-      data: {
-        name: "Auction results"
-      }
-    }, "Auction results panel"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "No data"
-    }, "No data panel")), /*#__PURE__*/_react.default.createElement("pre", null, JSON.stringify(data, null, 2)));
-  }
-};
-var Counts = exports.Counts = {
-  render: function render() {
-    return /*#__PURE__*/_react.default.createElement(_.Tabs, {
-      onChange: (0, _test.fn)()
-    }, /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Overview ", /*#__PURE__*/_react.default.createElement(_Sup.Sup, null, "123"))
-    }), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Works for sale ", /*#__PURE__*/_react.default.createElement(_Sup.Sup, null, "123"))
-    }), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "CV"
-    }), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Auction results ", /*#__PURE__*/_react.default.createElement(_Sup.Sup, null, "123"))
-    }));
-  }
-};
-var ConditionalTabs = exports.ConditionalTabs = {
-  render: function render() {
-    return /*#__PURE__*/_react.default.createElement(_.Tabs, {
-      onChange: (0, _test.fn)()
-    }, /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "First"
-    }, "First"), false && /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Second"
-    }, "Second"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Third"
-    }, "Third"));
-  }
-};
-var AutoScrolling = exports.AutoScrolling = {
-  render: function render() {
-    var _useCursor = (0, _useCursor2.useCursor)({
-        max: 15
-      }),
-      initialTabIndex = _useCursor.index,
-      handleNext = _useCursor.handleNext;
-    (0, _react.useEffect)(function () {
-      var interval = setInterval(handleNext, 500);
-      return function () {
-        return clearInterval(interval);
-      };
-    }, [handleNext]);
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.Tabs, {
-      initialTabIndex: initialTabIndex,
-      onChange: (0, _test.fn)()
-    }, /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "First"
-    }, "First"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Second"
-    }, "Second"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Third"
-    }, "Third"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Fourth"
-    }, "Fourth"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Fifth"
-    }, "Fifth"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Sixth"
-    }, "Sixth"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Seventh"
-    }, "Seventh"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Eighth"
-    }, "Eighth"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Nineth"
-    }, "Nineth"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Tenth"
-    }, "Tenth"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Eleventh"
-    }, "Eleventh"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Twelveth"
-    }, "Twelveth"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Thirteenth"
-    }, "Thirteenth"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Fourteenth"
-    }, "Fourteenth"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Fifteenth"
-    }, "Fifteenth")), /*#__PURE__*/_react.default.createElement("pre", null, JSON.stringify({
-      initialTabIndex: initialTabIndex
-    })));
-  },
-  parameters: {
-    chromatic: {
-      disable: true
-    }
-  }
-};
-var InitialAutoScroll = exports.InitialAutoScroll = {
-  render: function render() {
-    var _useState3 = (0, _react.useState)(1),
-      _useState4 = _slicedToArray(_useState3, 2),
-      key = _useState4[0],
-      setKey = _useState4[1];
-    (0, _react.useEffect)(function () {
-      var interval = setInterval(function () {
-        setKey(function (key) {
-          return key + 1;
-        });
-      }, 500);
-      return function () {
-        return clearInterval(interval);
-      };
-    }, []);
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Box.Box, {
-      bg: "mono10",
-      height: 1000,
-      p: 2
-    }, "The vertical scroll of this page should be at the top.", /*#__PURE__*/_react.default.createElement("br", null), "Scroll down to see the tabs.", /*#__PURE__*/_react.default.createElement("br", null), "Render: #", key), /*#__PURE__*/_react.default.createElement(_.Tabs, {
-      onChange: (0, _test.fn)(),
-      initialTabIndex: 14
-    }, /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "First"
-    }, "First"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Second"
-    }, "Second"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Third"
-    }, "Third"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Fourth"
-    }, "Fourth"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Fifth"
-    }, "Fifth"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Sixth"
-    }, "Sixth"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Seventh"
-    }, "Seventh"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Eighth"
-    }, "Eighth"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Nineth"
-    }, "Nineth"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Tenth"
-    }, "Tenth"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Eleventh"
-    }, "Eleventh"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Twelveth"
-    }, "Twelveth"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Thirteenth"
-    }, "Thirteenth"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Fourteenth"
-    }, "Fourteenth"), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Fifteenth"
-    }, "This tab should be active & visible on mount.")), /*#__PURE__*/_react.default.createElement(_Box.Box, {
-      bg: "mono10",
-      height: 1000
-    }));
-  },
-  parameters: {
-    chromatic: {
-      disable: true
-    }
-  }
-};
-
-// FIXME: Currently renders one step behind
-var Cached = exports.Cached = {
-  render: function render() {
-    var _useState5 = (0, _react.useState)(1),
-      _useState6 = _slicedToArray(_useState5, 2),
-      count = _useState6[0],
-      setCount = _useState6[1];
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
-      variant: "secondaryBlack",
-      size: "small",
-      mb: 1,
-      onClick: function onClick() {
-        setCount(function (prevCount) {
-          return prevCount + 1;
-        });
-      }
-    }, "Increment count \u2014 count: ", count), /*#__PURE__*/_react.default.createElement(_.Tabs, null, /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "First"
-    }, "First \u2014 count: ", count), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Second"
-    }, "Second \u2014 count: ", count), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Third"
-    }, "Third \u2014 count: ", count)));
-  }
-};
-var WithInputs = exports.WithInputs = {
-  render: function render() {
-    var _useState7 = (0, _react.useState)(""),
-      _useState8 = _slicedToArray(_useState7, 2),
-      value = _useState8[0],
-      setValue = _useState8[1];
-    var _useState9 = (0, _react.useState)(""),
-      _useState10 = _slicedToArray(_useState9, 2),
-      value2 = _useState10[0],
-      setValue2 = _useState10[1];
-    return /*#__PURE__*/_react.default.createElement(_.Tabs, null, /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "First"
-    }, /*#__PURE__*/_react.default.createElement("pre", null, JSON.stringify({
-      value: value
-    })), /*#__PURE__*/_react.default.createElement(_Input.Input, {
-      value: value,
-      onChange: function onChange(e) {
-        return setValue(e.target.value);
-      }
-    })), /*#__PURE__*/_react.default.createElement(_.Tab, {
-      name: "Second"
-    }, /*#__PURE__*/_react.default.createElement("pre", null, JSON.stringify({
-      value2: value2
-    })), /*#__PURE__*/_react.default.createElement(_Input.Input, {
-      value: value2,
-      onChange: function onChange(e) {
-        return setValue2(e.target.value);
-      }
-    })));
-  }
-};
-//# sourceMappingURL=Tabs.story.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.story.js","names":["_test","require","_react","_interopRequireWildcard","_Sup","_","_Box","_useCursor2","_Button","_Input","_storybookBlocklist","_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","component","Tabs","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","onChange","fn","children","createElement","Tab","WithData","render","_useState","useState","_useState2","data","setData","Fragment","tabInfo","JSON","stringify","Counts","Sup","ConditionalTabs","AutoScrolling","_useCursor","useCursor","max","initialTabIndex","index","handleNext","useEffect","interval","setInterval","clearInterval","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 { fn } from \"@storybook/test\"\nimport React, { useEffect, useState } from \"react\"\nimport { Sup } from \"../Sup\"\nimport { Tab, Tabs } from \"./\"\nimport { Box } from \"../Box\"\nimport { useCursor } from \"use-cursor\"\nimport { Button } from \"../Button\"\nimport { Input } from \"../Input\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  title: \"Components/Tabs\",\n  component: Tabs,\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"Tabs component provides a tabbed interface for organizing content into separate panels. Supports keyboard navigation, custom initial tab selection, and flexible layout options.\",\n      },\n      controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n    },\n  },\n}\n\nexport const Default = {\n  args: {\n    onChange: fn(),\n    children: [\n      <Tab name=\"Overview\" key=\"overview\">\n        Overview panel\n      </Tab>,\n      <Tab name=\"Works for sale\" key=\"works\">\n        Works for sale panel\n      </Tab>,\n      <Tab name=\"CV\" key=\"cv\">\n        CV panel\n      </Tab>,\n      <Tab name=\"Auction results\" key=\"auctions\">\n        Auction results panel\n      </Tab>,\n    ],\n  },\n}\n\nexport const WithData = {\n  render: () => {\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}\n\nexport const Counts = {\n  render: () => {\n    return (\n      <Tabs onChange={fn()}>\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}\n\nexport const ConditionalTabs = {\n  render: () => {\n    return (\n      <Tabs onChange={fn()}>\n        <Tab name=\"First\">First</Tab>\n        {false && <Tab name=\"Second\">Second</Tab>}\n        <Tab name=\"Third\">Third</Tab>\n      </Tabs>\n    )\n  },\n}\n\nexport const AutoScrolling = {\n  render: () => {\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={fn()}>\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  parameters: { chromatic: { disable: true } },\n}\n\nexport const InitialAutoScroll = {\n  render: () => {\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={fn()} 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  parameters: { chromatic: { disable: true } },\n}\n\n// FIXME: Currently renders one step behind\nexport const Cached = {\n  render: () => {\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}\n\nexport const WithInputs = {\n  render: () => {\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}\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_Tabs","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../src/elements/Tabs/index.ts"],"sourcesContent":["export * from \"./Tabs\"\n"],"mappings":";;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,KAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,KAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,KAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/dist/elements/Text/Text.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.js","names":["_v","require","_styledComponents","_interopRequireWildcard","_styledSystem","_Box","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","textColor","style","prop","cssProperty","textTransform","system","textMixin","exports","compose","typography","color","overflowEllipsisMixin","css","hyphenate","Text","styled","Box","withConfig","displayName","componentId","variant","variants","TEXT_VARIANTS","props","overflowEllipsis","lineClamp","defaultProps","fontFamily"],"sources":["../../../src/elements/Text/Text.tsx"],"sourcesContent":["import {\n  TEXT_VARIANTS,\n  TextVariant,\n} from \"@artsy/palette-tokens/dist/typography/v3\"\nimport styled, { css } from \"styled-components\"\nimport {\n  color,\n  ColorProps,\n  compose,\n  ResponsiveValue,\n  style,\n  system,\n  typography,\n  TypographyProps,\n  variant,\n} from \"styled-system\"\nimport { Color } from \"../../Theme\"\nimport { Box, BoxProps } from \"../Box\"\n\n/** BaseTextProps */\nexport type BaseTextProps = TypographyProps &\n  Omit<ColorProps, \"color\"> & {\n    /**\n     * @description\n     * Variants of the text. Possible to pass an array that\n     * behaves accordingly to the media breakpoints [\"sm\", \"md\", \"lg\", \"xl\"]\n     * @example\n     * \"sm\"\n     * \"md\"\n     * [\"md\", \"sm\"]\n     * @see {@link TextVariant}\n     */\n    variant?: ResponsiveValue<TextVariant>\n    textColor?: ResponsiveValue<Color>\n    /**\n     * Max number of lines before truncating the content with an ellipsis at the end of the last line.\n     * Overwriting display is required for this.\n     */\n    lineClamp?: number\n  }\n\nconst textColor = style({\n  prop: \"textColor\",\n  cssProperty: \"color\",\n  key: \"colors\",\n})\n\nexport type TextTransform =\n  | \"none\"\n  | \"capitalize\"\n  | \"uppercase\"\n  | \"lowercase\"\n  | \"initial\"\n  | \"inherit\"\n\nconst textTransform = system({ textTransform: true })\n\n/** styled functions for Text */\nexport const textMixin = compose(typography, color, textColor, textTransform)\n\n/** Adds ellipsis to overflowing text */\nexport const overflowEllipsisMixin = css`\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n`\n\n/** Adds hyphenation to overflowing text */\nexport const hyphenate = css`\n  word-wrap: break-word;\n  word-break: break-word;\n  hyphens: auto;\n`\n\n/** TextProps */\nexport type TextProps = BaseTextProps &\n  BoxProps & {\n    hyphenate?: boolean\n    overflowEllipsis?: boolean\n    textTransform?: ResponsiveValue<TextTransform>\n    lineClamp?: ResponsiveValue<number>\n  }\n\n/** Text */\nexport const Text = styled(Box)<TextProps>`\n  && {\n    ${variant({ variants: TEXT_VARIANTS })}\n    ${textMixin}\n\n    ${(props) => {\n      return css`\n        ${props.hyphenate && hyphenate}\n        ${props.overflowEllipsis && overflowEllipsisMixin}\n        ${props.lineClamp &&\n        css`\n          display: -webkit-box;\n          -webkit-box-orient: vertical;\n          -webkit-line-clamp: ${props.lineClamp};\n          line-clamp: ${props.lineClamp};\n          overflow: hidden;\n        `}\n      `\n    }}\n  }\n`\n\nText.displayName = \"Text\"\n\nText.defaultProps = {\n  fontFamily: \"sans\",\n  variant: \"sm\",\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,EAAA,GAAAC,OAAA;AAIA,IAAAC,iBAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAYA,IAAAI,IAAA,GAAAJ,OAAA;AAAsC,SAAAK,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAJ,wBAAAQ,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAZ,GAAA,QAAAY,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAY,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,GAAA,EAAAY,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAZ,GAAA,CAAAY,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAEtC;;AAsBA,IAAMW,SAAS,GAAG,IAAAC,mBAAK,EAAC;EACtBC,IAAI,EAAE,WAAW;EACjBC,WAAW,EAAE,OAAO;EACpBT,GAAG,EAAE;AACP,CAAC,CAAC;AAUF,IAAMU,aAAa,GAAG,IAAAC,oBAAM,EAAC;EAAED,aAAa,EAAE;AAAK,CAAC,CAAC;;AAErD;AACO,IAAME,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,qBAAO,EAACC,wBAAU,EAAEC,mBAAK,EAAEV,SAAS,EAAEI,aAAa,CAAC;;AAE7E;AACO,IAAMO,qBAAqB,GAAAJ,OAAA,CAAAI,qBAAA,OAAGC,qBAAG,iEAIvC;;AAED;AACO,IAAMC,SAAS,GAAAN,OAAA,CAAAM,SAAA,OAAGD,qBAAG,+DAI3B;;AAED;;AASA;AACO,IAAME,IAAI,GAAAP,OAAA,CAAAO,IAAA,GAAG,IAAAC,yBAAM,EAACC,QAAG,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2BAEzB,IAAAC,qBAAO,EAAC;EAAEC,QAAQ,EAAEC;AAAc,CAAC,CAAC,EACpChB,SAAS,EAET,UAACiB,KAAK,EAAK;EACX,WAAOX,qBAAG,sBACNW,KAAK,CAACV,SAAS,IAAIA,SAAS,EAC5BU,KAAK,CAACC,gBAAgB,IAAIb,qBAAqB,EAC/CY,KAAK,CAACE,SAAS,QACjBb,qBAAG,gHAGqBW,KAAK,CAACE,SAAS,EACvBF,KAAK,CAACE,SAAS,CAE9B;AAEL,CAAC,CAEJ;AAEDX,IAAI,CAACI,WAAW,GAAG,MAAM;AAEzBJ,IAAI,CAACY,YAAY,GAAG;EAClBC,UAAU,EAAE,MAAM;EAClBP,OAAO,EAAE;AACX,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Text.story.js","names":["_Text","require","_storybookBlocklist","_default","exports","default","title","component","Text","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","children","LargeTitle","variant","MediumTitle","SmallTitle","BodyText","ColoredText","textColor","AsHeading","as","ExtraSmall","XLargeDisplay","XXLargeDisplay","CappedText","caps","ItalicText","italic","UnderlineText","underline","TruncatedText","overflowEllipsis","LineClampText","lineClamp","UppercaseText","textTransform","CapitalizedText"],"sources":["../../../src/elements/Text/Text.story.tsx"],"sourcesContent":["import { Text } from \"./Text\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  title: \"Components/Text\",\n  component: Text,\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"Text component provides typography with predefined variants for consistent text styling across the application. Supports various sizes, weights, colors, and semantic HTML elements.\",\n      },\n      controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n    },\n  },\n}\n\nexport const Default = {\n  args: {\n    children: \"This is default text\",\n  },\n}\n\nexport const LargeTitle = {\n  args: {\n    variant: \"lg-display\",\n    children: \"Large Display Text\",\n  },\n}\n\nexport const MediumTitle = {\n  args: {\n    variant: \"md-display\",\n    children: \"Medium Display Text\",\n  },\n}\n\nexport const SmallTitle = {\n  args: {\n    variant: \"sm-display\",\n    children: \"Small Display Text\",\n  },\n}\n\nexport const BodyText = {\n  args: {\n    variant: \"sm\",\n    children:\n      \"This is body text that would typically be used for paragraphs and general content.\",\n  },\n}\n\nexport const ColoredText = {\n  args: {\n    variant: \"md\",\n    textColor: \"blue100\",\n    children: \"This text is colored blue\",\n  },\n}\n\nexport const AsHeading = {\n  args: {\n    as: \"h2\",\n    variant: \"lg-display\",\n    children: \"This renders as an H2 element\",\n  },\n}\n\nexport const ExtraSmall = {\n  args: {\n    variant: \"xs\",\n    children: \"Extra small text\",\n  },\n}\n\nexport const XLargeDisplay = {\n  args: {\n    variant: \"xl\",\n    children: \"Extra large display text\",\n  },\n}\n\nexport const XXLargeDisplay = {\n  args: {\n    variant: \"xxl\",\n    children: \"Extra extra large display text\",\n  },\n}\n\nexport const CappedText = {\n  args: {\n    caps: true,\n    children: \"This text is in caps\",\n  },\n}\n\nexport const ItalicText = {\n  args: {\n    italic: true,\n    children: \"This text is italicized\",\n  },\n}\n\nexport const UnderlineText = {\n  args: {\n    underline: true,\n    children: \"This text is underlined\",\n  },\n}\n\nexport const TruncatedText = {\n  args: {\n    overflowEllipsis: true,\n    children:\n      \"All their equipment and instruments are alive. All their equipment and instruments are alive. All their equipment and instruments are alive.\",\n  },\n}\n\nexport const LineClampText = {\n  args: {\n    lineClamp: 2,\n    children:\n      \"All their equipment and instruments are alive. All their equipment and instruments are alive. All their equipment and instruments are alive. All their equipment and instruments are alive. All their equipment and instruments are alive.\",\n  },\n}\n\nexport const UppercaseText = {\n  args: {\n    textTransform: \"uppercase\",\n    children: \"This text is uppercase\",\n  },\n}\n\nexport const CapitalizedText = {\n  args: {\n    textTransform: \"capitalize\",\n    children: \"this text is capitalized\",\n  },\n}\n"],"mappings":"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"}

package/dist/elements/Text/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_Text","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../src/elements/Text/index.ts"],"sourcesContent":["export * from \"./Text\"\n"],"mappings":";;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,KAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,KAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,KAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}