@artsy/palette 44.1.0 → 44.2.0

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.story.js","names":["_test","require","_react","_interopRequireWildcard","_storybookStates","_Sup","_","_Box","_useCursor2","_Button","_Input","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","exports","title","Default","createElement","States","states","initialTabIndex","justifyContent","Tabs","onChange","fn","Tab","displayName","WithData","_useState","useState","_useState2","data","setData","Fragment","tabInfo","JSON","stringify","Counts","Sup","ConditionalTabs","AutoScrolling","_useCursor","useCursor","max","index","handleNext","useEffect","interval","setInterval","clearInterval","story","parameters","chromatic","disable","InitialAutoScroll","_useState3","_useState4","setKey","Box","bg","height","p","Cached","_useState5","_useState6","count","setCount","Button","variant","size","mb","onClick","prevCount","WithInputs","_useState7","_useState8","setValue","_useState9","_useState10","value2","setValue2","Input","e","target"],"sources":["../../../src/elements/Tabs/Tabs.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useEffect, useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Sup } from \"../Sup\"\nimport { Tab, Tabs, TabsProps } from \"./\"\nimport { Box } from \"../Box\"\nimport { useCursor } from \"use-cursor\"\nimport { Button } from \"../Button\"\nimport { Input } from \"../Input\"\n\nexport default {\n  title: \"Components/Tabs\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<TabsProps>>\n      states={[{}, { initialTabIndex: 2 }, { justifyContent: \"center\" }]}\n    >\n      <Tabs onChange={fn()}>\n        <Tab name=\"Overview\">Overview panel</Tab>\n        <Tab name=\"Works for sale\">Works for sale panel</Tab>\n        <Tab name=\"CV\">CV panel</Tab>\n        <Tab name=\"Auction results\">Auction results panel</Tab>\n      </Tabs>\n    </States>\n  )\n}\n\nexport const WithData = () => {\n  const [data, setData] = useState({ name: \"Pending\" })\n\n  return (\n    <>\n      <Tabs\n        onChange={(tabInfo) => {\n          if (!tabInfo) return\n\n          setData(tabInfo.data)\n        }}\n      >\n        <Tab name=\"Overview\" data={{ name: \"Overview\" }}>\n          Overview panel\n        </Tab>\n\n        <Tab name=\"Works for sale\" data={{ name: \"Works for sale\" }}>\n          Works for sale panel\n        </Tab>\n\n        <Tab name=\"CV\" data={{ name: \"CV\" }}>\n          CV panel\n        </Tab>\n\n        <Tab name=\"Auction results\" data={{ name: \"Auction results\" }}>\n          Auction results panel\n        </Tab>\n\n        <Tab name=\"No data\">No data panel</Tab>\n      </Tabs>\n\n      <pre>{JSON.stringify(data, null, 2)}</pre>\n    </>\n  )\n}\n\nexport const Counts = () => {\n  return (\n    <Tabs onChange={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\nexport const ConditionalTabs = () => {\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\nexport const AutoScrolling = () => {\n  const { index: initialTabIndex, handleNext } = useCursor({ max: 15 })\n\n  useEffect(() => {\n    const interval = setInterval(handleNext, 500)\n    return () => clearInterval(interval)\n  }, [handleNext])\n\n  return (\n    <>\n      <Tabs initialTabIndex={initialTabIndex} onChange={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\nAutoScrolling.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const InitialAutoScroll = () => {\n  const [key, setKey] = useState(1)\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setKey((key) => key + 1)\n    }, 500)\n\n    return () => clearInterval(interval)\n  }, [])\n\n  return (\n    <>\n      <Box bg=\"mono10\" height={1000} p={2}>\n        The vertical scroll of this page should be at the top.\n        <br />\n        Scroll down to see the tabs.\n        <br />\n        Render: #{key}\n      </Box>\n\n      <Tabs onChange={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\nInitialAutoScroll.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\n// FIXME: Currently renders one step behind\nexport const Cached = () => {\n  const [count, setCount] = useState(1)\n\n  return (\n    <>\n      <Button\n        variant=\"secondaryBlack\"\n        size=\"small\"\n        mb={1}\n        onClick={() => {\n          setCount((prevCount) => prevCount + 1)\n        }}\n      >\n        Increment count — count: {count}\n      </Button>\n\n      <Tabs>\n        <Tab name=\"First\">First — count: {count}</Tab>\n        <Tab name=\"Second\">Second — count: {count}</Tab>\n        <Tab name=\"Third\">Third — count: {count}</Tab>\n      </Tabs>\n    </>\n  )\n}\n\nexport const WithInputs = () => {\n  const [value, setValue] = useState(\"\")\n  const [value2, setValue2] = useState(\"\")\n\n  return (\n    <Tabs>\n      <Tab name=\"First\">\n        <pre>{JSON.stringify({ value })}</pre>\n        <Input value={value} onChange={(e) => setValue(e.target.value)} />\n      </Tab>\n\n      <Tab name=\"Second\">\n        <pre>{JSON.stringify({ value2 })}</pre>\n        <Input value={value2} onChange={(e) => setValue2(e.target.value)} />\n      </Tab>\n    </Tabs>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Tabs.story.js","names":["_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/Text/Text.story.d.ts

@@ -1,9 +1,121 @@
-import React from "react";
 declare const _default: {
     title: string;
+    component: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("..").BoxProps> & import("..").BoxProps, "ref"> & {
+        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;
+    }, import("./Text").TextProps>> & string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+            controls: {
+                exclude: string[];
+            };
+        };
+    };
 };
 export default _default;
-export declare const Variants: () => React.JSX.Element;
-export declare const As: () => React.JSX.Element;
-export declare const Truncation: () => React.JSX.Element;
-export declare const Caps: () => React.JSX.Element;
+export declare const Default: {
+    args: {
+        children: string;
+    };
+};
+export declare const LargeTitle: {
+    args: {
+        variant: string;
+        children: string;
+    };
+};
+export declare const MediumTitle: {
+    args: {
+        variant: string;
+        children: string;
+    };
+};
+export declare const SmallTitle: {
+    args: {
+        variant: string;
+        children: string;
+    };
+};
+export declare const BodyText: {
+    args: {
+        variant: string;
+        children: string;
+    };
+};
+export declare const ColoredText: {
+    args: {
+        variant: string;
+        textColor: string;
+        children: string;
+    };
+};
+export declare const AsHeading: {
+    args: {
+        as: string;
+        variant: string;
+        children: string;
+    };
+};
+export declare const ExtraSmall: {
+    args: {
+        variant: string;
+        children: string;
+    };
+};
+export declare const XLargeDisplay: {
+    args: {
+        variant: string;
+        children: string;
+    };
+};
+export declare const XXLargeDisplay: {
+    args: {
+        variant: string;
+        children: string;
+    };
+};
+export declare const CappedText: {
+    args: {
+        caps: boolean;
+        children: string;
+    };
+};
+export declare const ItalicText: {
+    args: {
+        italic: boolean;
+        children: string;
+    };
+};
+export declare const UnderlineText: {
+    args: {
+        underline: boolean;
+        children: string;
+    };
+};
+export declare const TruncatedText: {
+    args: {
+        overflowEllipsis: boolean;
+        children: string;
+    };
+};
+export declare const LineClampText: {
+    args: {
+        lineClamp: number;
+        children: string;
+    };
+};
+export declare const UppercaseText: {
+    args: {
+        textTransform: string;
+        children: string;
+    };
+};
+export declare const CapitalizedText: {
+    args: {
+        textTransform: string;
+        children: string;
+    };
+};

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

@@ -3,103 +3,125 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Variants = exports.Truncation = exports.Caps = exports.As = void 0;
-var _v = require("@artsy/palette-tokens/dist/typography/v3");
-var _themeGet = require("@styled-system/theme-get");
-var _react = _interopRequireDefault(require("react"));
-var _storybookStates = require("storybook-states");
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Flex = require("../Flex");
+exports.default = exports.XXLargeDisplay = exports.XLargeDisplay = exports.UppercaseText = exports.UnderlineText = exports.TruncatedText = exports.SmallTitle = exports.MediumTitle = exports.LineClampText = exports.LargeTitle = exports.ItalicText = exports.ExtraSmall = exports.Default = exports.ColoredText = exports.CappedText = exports.CapitalizedText = exports.BodyText = exports.AsHeading = void 0;
 var _Text = require("./Text");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var Table = _styledComponents.default.table.withConfig({
-  displayName: "Textstory__Table",
-  componentId: "sc-78ue8m-0"
-})(["width:100%;border:1px solid ", ";border-collapse:collapse;> thead > tr > th{text-align:left;font-weight:normal;}> thead > tr > th,> tbody > tr > td{border-bottom:1px solid ", ";border-left:1px solid ", ";padding:", ";}"], (0, _themeGet.themeGet)("colors.mono10"), (0, _themeGet.themeGet)("colors.mono10"), (0, _themeGet.themeGet)("colors.mono10"), (0, _themeGet.themeGet)("space.1"));
-var Specification = function Specification(_ref) {
-  var size = _ref.size,
-    treatment = _ref.treatment;
-  var textColor = {
-    small: ["purple100", "mono60"],
-    large: ["mono60", "purple100"]
-  }[size || "small"] || "mono60";
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Object.entries(treatment).map(function (_ref2) {
-    var _ref3 = _slicedToArray(_ref2, 2),
-      property = _ref3[0],
-      value = _ref3[1];
-    return value && /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
-      key: property
-    }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-      variant: "xs",
-      textColor: textColor
-    }, property, ":\xA0"), /*#__PURE__*/_react.default.createElement(_Text.Text, {
-      variant: "xs",
-      textColor: textColor
-    }, value));
-  }));
-};
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
 var _default = exports.default = {
-  title: "Components/Text"
-};
-var Variants = exports.Variants = function Variants() {
-  return /*#__PURE__*/_react.default.createElement(Table, null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", null, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    variant: "sm-display"
-  }, "Variant")), /*#__PURE__*/_react.default.createElement("th", null, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    variant: "sm-display"
-  }, "Specifications")), /*#__PURE__*/_react.default.createElement("th", null, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    variant: "sm-display"
-  }, "Example")))), /*#__PURE__*/_react.default.createElement("tbody", null, _v.TEXT_VARIANT_NAMES.map(function (key) {
-    return /*#__PURE__*/_react.default.createElement("tr", {
-      key: key
-    }, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-      variant: "sm-display"
-    }, key)), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(Specification, {
-      size: "default",
-      treatment: _v.TEXT_VARIANTS[key]
-    })), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-      variant: key
-    }, "All their equipment and instruments are alive")));
-  })));
-};
-Variants.displayName = "Variants";
-var As = exports.As = function As() {
-  var ELEMENTS = ["h1", "h2", "h3", "p"];
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ELEMENTS.map(function (element) {
-    return /*#__PURE__*/_react.default.createElement(_Text.Text, {
-      key: element,
-      as: element,
-      variant: "sm"
-    }, "This is a text component with an element set to ", element);
-  }));
-};
-var Truncation = exports.Truncation = function Truncation() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{
-      overflowEllipsis: true
-    }, {
-      lineClamp: 2
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    variant: "sm"
-  }, "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. 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."));
-};
-Truncation.displayName = "Truncation";
-var Caps = exports.Caps = function Caps() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{}, {
-      textTransform: "uppercase"
-    }, {
-      textTransform: "capitalize"
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    variant: "xs"
-  }, "Hello world"));
-};
-Caps.displayName = "Caps";
+  title: "Components/Text",
+  component: _Text.Text,
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "Text component provides typography with predefined variants for consistent text styling across the application. Supports various sizes, weights, colors, and semantic HTML elements."
+      },
+      controls: {
+        exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+      }
+    }
+  }
+};
+var Default = exports.Default = {
+  args: {
+    children: "This is default text"
+  }
+};
+var LargeTitle = exports.LargeTitle = {
+  args: {
+    variant: "lg-display",
+    children: "Large Display Text"
+  }
+};
+var MediumTitle = exports.MediumTitle = {
+  args: {
+    variant: "md-display",
+    children: "Medium Display Text"
+  }
+};
+var SmallTitle = exports.SmallTitle = {
+  args: {
+    variant: "sm-display",
+    children: "Small Display Text"
+  }
+};
+var BodyText = exports.BodyText = {
+  args: {
+    variant: "sm",
+    children: "This is body text that would typically be used for paragraphs and general content."
+  }
+};
+var ColoredText = exports.ColoredText = {
+  args: {
+    variant: "md",
+    textColor: "blue100",
+    children: "This text is colored blue"
+  }
+};
+var AsHeading = exports.AsHeading = {
+  args: {
+    as: "h2",
+    variant: "lg-display",
+    children: "This renders as an H2 element"
+  }
+};
+var ExtraSmall = exports.ExtraSmall = {
+  args: {
+    variant: "xs",
+    children: "Extra small text"
+  }
+};
+var XLargeDisplay = exports.XLargeDisplay = {
+  args: {
+    variant: "xl",
+    children: "Extra large display text"
+  }
+};
+var XXLargeDisplay = exports.XXLargeDisplay = {
+  args: {
+    variant: "xxl",
+    children: "Extra extra large display text"
+  }
+};
+var CappedText = exports.CappedText = {
+  args: {
+    caps: true,
+    children: "This text is in caps"
+  }
+};
+var ItalicText = exports.ItalicText = {
+  args: {
+    italic: true,
+    children: "This text is italicized"
+  }
+};
+var UnderlineText = exports.UnderlineText = {
+  args: {
+    underline: true,
+    children: "This text is underlined"
+  }
+};
+var TruncatedText = exports.TruncatedText = {
+  args: {
+    overflowEllipsis: true,
+    children: "All their equipment and instruments are alive. All their equipment and instruments are alive. All their equipment and instruments are alive."
+  }
+};
+var LineClampText = exports.LineClampText = {
+  args: {
+    lineClamp: 2,
+    children: "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."
+  }
+};
+var UppercaseText = exports.UppercaseText = {
+  args: {
+    textTransform: "uppercase",
+    children: "This text is uppercase"
+  }
+};
+var CapitalizedText = exports.CapitalizedText = {
+  args: {
+    textTransform: "capitalize",
+    children: "this text is capitalized"
+  }
+};
 //# sourceMappingURL=Text.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.story.js","names":["_v","require","_themeGet","_react","_interopRequireDefault","_storybookStates","_styledComponents","_Flex","_Text","obj","__esModule","default","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","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","Table","styled","table","withConfig","displayName","componentId","themeGet","Specification","_ref","size","treatment","textColor","small","large","createElement","Fragment","entries","map","_ref2","_ref3","property","Flex","key","Text","variant","_default","exports","title","Variants","TEXT_VARIANT_NAMES","TEXT_VARIANTS","As","ELEMENTS","element","as","Truncation","States","states","overflowEllipsis","lineClamp","Caps","textTransform"],"sources":["../../../src/elements/Text/Text.story.tsx"],"sourcesContent":["import {\n  TEXT_VARIANT_NAMES,\n  TEXT_VARIANTS,\n} from \"@artsy/palette-tokens/dist/typography/v3\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport styled from \"styled-components\"\nimport { Color } from \"../../Theme\"\nimport { Flex } from \"../Flex\"\nimport { Text, TextProps } from \"./Text\"\n\nconst Table = styled.table`\n  width: 100%;\n  border: 1px solid ${themeGet(\"colors.mono10\")};\n  border-collapse: collapse;\n\n  > thead > tr > th {\n    text-align: left;\n    font-weight: normal;\n  }\n\n  > thead > tr > th,\n  > tbody > tr > td {\n    border-bottom: 1px solid ${themeGet(\"colors.mono10\")};\n    border-left: 1px solid ${themeGet(\"colors.mono10\")};\n    padding: ${themeGet(\"space.1\")};\n  }\n`\n\nconst Specification: React.FC<\n  React.PropsWithChildren<{\n    size?: \"small\" | \"large\" | \"default\"\n    treatment: any\n  }>\n> = ({ size, treatment }) => {\n  const textColor =\n    {\n      small: [\"purple100\", \"mono60\"] as Color[],\n      large: [\"mono60\", \"purple100\"] as Color[],\n    }[size || \"small\"] || \"mono60\"\n\n  return (\n    <>\n      {\n        Object.entries(treatment).map(([property, value]) => {\n          return (\n            value && (\n              <Flex key={property}>\n                <Text variant=\"xs\" textColor={textColor}>\n                  {property}:&nbsp;\n                </Text>\n\n                <Text variant=\"xs\" textColor={textColor}>\n                  {value as any}\n                </Text>\n              </Flex>\n            )\n          )\n        }) as React.ReactNode[]\n      }\n    </>\n  )\n}\n\nexport default { title: \"Components/Text\" }\n\nexport const Variants = () => {\n  return (\n    <Table>\n      <thead>\n        <tr>\n          <th>\n            <Text variant=\"sm-display\">Variant</Text>\n          </th>\n\n          <th>\n            <Text variant=\"sm-display\">Specifications</Text>\n          </th>\n\n          <th>\n            <Text variant=\"sm-display\">Example</Text>\n          </th>\n        </tr>\n      </thead>\n\n      <tbody>\n        {TEXT_VARIANT_NAMES.map((key) => (\n          <tr key={key}>\n            <td>\n              <Text variant=\"sm-display\">{key}</Text>\n            </td>\n\n            <td>\n              <Specification size=\"default\" treatment={TEXT_VARIANTS[key]} />\n            </td>\n\n            <td>\n              <Text variant={key}>\n                All their equipment and instruments are alive\n              </Text>\n            </td>\n          </tr>\n        ))}\n      </tbody>\n    </Table>\n  )\n}\n\nexport const As = () => {\n  const ELEMENTS = [\"h1\", \"h2\", \"h3\", \"p\"] as Array<keyof JSX.IntrinsicElements>\n\n  return (\n    <>\n      {ELEMENTS.map((element) => {\n        return (\n          <Text key={element} as={element} variant=\"sm\">\n            This is a text component with an element set to {element}\n          </Text>\n        )\n      })}\n    </>\n  )\n}\n\nexport const Truncation = () => {\n  return (\n    <States<TextProps> states={[{ overflowEllipsis: true }, { lineClamp: 2 }]}>\n      <Text variant=\"sm\">\n        All their equipment and instruments are alive. All their equipment and\n        instruments are alive. All their equipment and instruments are alive.\n        All their equipment and instruments are alive. All their equipment and\n        instruments are alive. All their equipment and instruments are alive.\n        All their equipment and instruments are alive. All their equipment and\n        instruments are alive. All their equipment and instruments are alive.\n      </Text>\n    </States>\n  )\n}\n\nexport const Caps = () => {\n  return (\n    <States<TextProps>\n      states={[\n        {},\n        { textTransform: \"uppercase\" },\n        { textTransform: \"capitalize\" },\n      ]}\n    >\n      <Text variant=\"xs\">Hello world</Text>\n    </States>\n  )\n}\n"],"mappings":"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"}
+{"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/TextArea/TextArea.story.d.ts

@@ -1,7 +1,50 @@
 import React from "react";
 declare const _default: {
+    component: React.ForwardRefExoticComponent<import("./TextArea").TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
     title: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+        controls: {
+            exclude: string[];
+        };
+    };
 };
 export default _default;
-export declare const Default: () => React.JSX.Element;
-export declare const Required: () => React.JSX.Element;
+export declare const Default: {
+    args: {
+        placeholder: string;
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const AllStates: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const InForm: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};