@artsy/palette 41.0.0-canary.1423.31650.0 → 41.0.0-canary.1433.31866.0

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

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

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

@@ -21,14 +21,14 @@ 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.black10"), (0, _themeGet.themeGet)("colors.black10"), (0, _themeGet.themeGet)("colors.black10"), (0, _themeGet.themeGet)("space.1"));
+})(["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", "black60"],
-    large: ["black60", "purple100"]
-  }[size || "small"] || "black60";
+    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],

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","title","exports","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.black10\")};\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.black10\")};\n    border-left: 1px solid ${themeGet(\"colors.black10\")};\n    padding: ${themeGet(\"space.1\")};\n  }\n`\n\nconst Specification: React.FC<React.PropsWithChildren<{\n  size?: \"small\" | \"large\" | \"default\"\n  treatment: any\n}>> = ({ size, treatment }) => {\n  const textColor =\n    {\n      small: [\"purple100\", \"black60\"] as Color[],\n      large: [\"black60\", \"purple100\"] as Color[],\n    }[size || \"small\"] || \"black60\"\n\n  return (\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      })}\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":["_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","title","exports","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      {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      })}\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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"}

package/dist/elements/TextArea/TextArea.js

@@ -75,7 +75,7 @@ var TextArea = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     placement: "top-end"
   }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
     variant: "xs",
-    color: "black60",
+    color: "mono60",
     textAlign: "right"
   }, /*#__PURE__*/_react.default.createElement("u", null, "What is this?"))), /*#__PURE__*/_react.default.createElement(_Box.Box, {
     position: "relative",
@@ -103,12 +103,12 @@ var TextArea = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   }), showCharacterLimitReached && /*#__PURE__*/_react.default.createElement(_Text.Text, {
     flex: 1,
     variant: "xs",
-    color: "black60",
+    color: "mono60",
     textAlign: "left"
   }, "Character limit reached"), typeof characterLimit !== "undefined" && /*#__PURE__*/_react.default.createElement(_Text.Text, {
     flex: 1,
     variant: "xs",
-    color: characterLimitExceeded(value) ? "red100" : "black60",
+    color: characterLimitExceeded(value) ? "red100" : "mono60",
     textAlign: "right"
   }, value.length, "/", characterLimit)), error && typeof error === "string" && /*#__PURE__*/_react.default.createElement(_Text.Text, {
     variant: "xs",
@@ -122,11 +122,11 @@ TextArea.displayName = "TextArea";
 var StyledTextArea = _styledComponents.default.textarea.withConfig({
   displayName: "TextArea__StyledTextArea",
   componentId: "sc-tnq35k-0"
-})(["appearance:none;display:block;width:100%;background-color:", ";padding:", ";resize:vertical;transition:border-color 0.25s,color 0.25s;outline:none;border:1px solid;border-radius:3px;font-family:", ";&::placeholder{transition:color 0.25s,opacity 0.25s;}", ""], (0, _themeGet.themeGet)("colors.white100"), (0, _themeGet.themeGet)("space.1"), (0, _themeGet.themeGet)("fonts.sans"), function (props) {
+})(["appearance:none;display:block;width:100%;background-color:", ";padding:", ";resize:vertical;transition:border-color 0.25s,color 0.25s;outline:none;border:1px solid;border-radius:3px;font-family:", ";&::placeholder{transition:color 0.25s,opacity 0.25s;}", ""], (0, _themeGet.themeGet)("colors.mono0"), (0, _themeGet.themeGet)("space.1"), (0, _themeGet.themeGet)("fonts.sans"), function (props) {
   return (0, _styledComponents.css)(["", " ", " ", " ", " ", " ", " &:hover{", "}&:not(:placeholder-shown){", " ", "}&:focus{outline:none;", " :not(:placeholder-shown){", " ", "}&::placeholder{opacity:1;}}&:disabled{cursor:default;", "}", ""], _tokens.TEXTAREA_STATES.default, props.hover && _tokens.TEXTAREA_STATES.hover, props.focus && _tokens.TEXTAREA_STATES.focus, props.active && _tokens.TEXTAREA_STATES.active, props.disabled && _tokens.TEXTAREA_STATES.disabled, props.error && _tokens.TEXTAREA_STATES.error, _tokens.TEXTAREA_STATES.hover, _tokens.TEXTAREA_STATES.completed, props.error && _tokens.TEXTAREA_STATES.error, _tokens.TEXTAREA_STATES.focus, !!props.placeholder && _tokens.TEXTAREA_STATES.active, props.error && _tokens.TEXTAREA_STATES.error, _tokens.TEXTAREA_STATES.disabled, props.title && (0, _styledComponents.css)(["&::placeholder{opacity:0;}"]));
 });
 var StyledLabel = _styledComponents.default.label.withConfig({
   displayName: "TextArea__StyledLabel",
   componentId: "sc-tnq35k-1"
-})(["position:absolute;top:25px;left:6px;padding:0 5px;background-color:transparent;transform:translateY(-50%);transition:", ";transition-property:color,transform,padding,font-size;font-family:", ";pointer-events:none;& > span{background-color:", ";height:100%;width:100%;display:block;position:absolute;top:0;left:0;z-index:-1;transition:", ";transition-property:height,top;transition-delay:0.1s;}"], _helpers.FORM_ELEMENT_TRANSITION, (0, _themeGet.themeGet)("fonts.sans"), (0, _themeGet.themeGet)("colors.white100"), _helpers.FORM_ELEMENT_TRANSITION);
+})(["position:absolute;top:25px;left:6px;padding:0 5px;background-color:transparent;transform:translateY(-50%);transition:", ";transition-property:color,transform,padding,font-size;font-family:", ";pointer-events:none;& > span{background-color:", ";height:100%;width:100%;display:block;position:absolute;top:0;left:0;z-index:-1;transition:", ";transition-property:height,top;transition-delay:0.1s;}"], _helpers.FORM_ELEMENT_TRANSITION, (0, _themeGet.themeGet)("fonts.sans"), (0, _themeGet.themeGet)("colors.mono0"), _helpers.FORM_ELEMENT_TRANSITION);
 //# sourceMappingURL=TextArea.js.map

package/dist/elements/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","names":["_themeGet","require","_react","_interopRequireWildcard","_styledComponents","_RequiredField","_Box","_Text","_Tooltip","_tokens","_helpers","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_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","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","TextArea","React","forwardRef","_ref","ref","error","disabled","focus","hover","characterLimit","characterLimitHelper","title","description","_ref$defaultValue","defaultValue","required","onChange","rest","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","inputProps","_useState","useState","_useState2","setValue","characterLimitExceeded","useCallback","text","Boolean","characterLimitReached","handleChange","event","nextValue","currentTarget","exceedsCharacterLimit","hasError","useMemo","showCharacterLimitReached","createElement","Box","width","Tooltip","pointer","content","placement","Text","variant","color","textAlign","position","mt","StyledTextArea","placeholder","StyledLabel","htmlFor","display","mx","RequiredField","flex","ml","exports","displayName","styled","textarea","withConfig","componentId","themeGet","props","css","TEXTAREA_STATES","active","completed","label","FORM_ELEMENT_TRANSITION"],"sources":["../../../src/elements/TextArea/TextArea.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, { useCallback, useMemo, useState } from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { RequiredField } from \"../../shared/RequiredField\"\nimport { Box, BoxProps, splitBoxProps } from \"../Box\"\nimport { Text } from \"../Text\"\nimport { Tooltip } from \"../Tooltip\"\nimport { TEXTAREA_STATES } from \"./tokens\"\nimport { FORM_ELEMENT_TRANSITION } from \"../../helpers\"\n\nexport interface TextAreaProps\n  extends BoxProps,\n    Omit<\n      React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n      \"onChange\" | \"title\"\n    > {\n  active?: boolean\n  characterLimit?: number\n  characterLimitHelper?: boolean\n  defaultValue?: string\n  description?: React.ReactNode\n  required?: boolean\n  title?: string\n  disabled?: boolean\n  error?: string | boolean\n  focus?: boolean\n  hover?: boolean\n  onChange?(result: TextAreaChange): void\n}\n\nexport interface TextAreaChange {\n  value: string\n  exceedsCharacterLimit: boolean\n}\n\n/** TextArea */\nexport const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  (\n    {\n      error,\n      disabled,\n      focus,\n      hover,\n      characterLimit,\n      characterLimitHelper,\n      title,\n      description,\n      defaultValue = \"\",\n      required,\n      onChange,\n      ...rest\n    },\n    ref\n  ) => {\n    const [boxProps, inputProps] = splitBoxProps(rest)\n\n    const [value, setValue] = useState(defaultValue)\n\n    const characterLimitExceeded = useCallback(\n      (text: string) => {\n        return Boolean(characterLimit && text.length > characterLimit)\n      },\n      [characterLimit]\n    )\n\n    const characterLimitReached = useCallback(\n      (text: string) => {\n        return Boolean(characterLimit && text.length >= characterLimit)\n      },\n      [characterLimit]\n    )\n\n    const handleChange = useCallback(\n      (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n        const nextValue = event.currentTarget.value\n        setValue(nextValue)\n        onChange?.({\n          value: nextValue,\n          exceedsCharacterLimit: characterLimitExceeded(nextValue),\n        })\n      },\n      [characterLimitExceeded, onChange]\n    )\n\n    const hasError = useMemo(\n      () => Boolean(error || characterLimitExceeded(value)),\n      [characterLimitExceeded, error, value]\n    )\n\n    const showCharacterLimitReached =\n      characterLimitHelper &&\n      typeof characterLimit !== \"undefined\" &&\n      characterLimitReached(value)\n\n    return (\n      <Box width=\"100%\" {...boxProps}>\n        {!!description && (\n          <Tooltip pointer content={description} placement=\"top-end\">\n            <Text variant=\"xs\" color=\"black60\" textAlign=\"right\">\n              <u>What is this?</u>\n            </Text>\n          </Tooltip>\n        )}\n\n        <Box position=\"relative\" mt={!!title && !description ? 1 : 0}>\n          <StyledTextArea\n            ref={ref as any}\n            disabled={disabled}\n            focus={focus}\n            hover={hover}\n            error={hasError}\n            onChange={handleChange}\n            defaultValue={defaultValue}\n            required={required}\n            title={title}\n            placeholder={inputProps.placeholder || \" \"}\n            {...inputProps}\n          />\n\n          {!!title && (\n            <StyledLabel htmlFor={inputProps.name}>\n              {title}\n              <span />\n            </StyledLabel>\n          )}\n        </Box>\n\n        {(required || characterLimit) && !(error && typeof error === \"string\") && (\n          <Box display=\"flex\" mt={0.5} mx={1}>\n            {required && !showCharacterLimitReached && (\n              <RequiredField flex={1} disabled={disabled} />\n            )}\n\n            {showCharacterLimitReached && (\n              <Text flex={1} variant=\"xs\" color=\"black60\" textAlign=\"left\">\n                Character limit reached\n              </Text>\n            )}\n\n            {typeof characterLimit !== \"undefined\" && (\n              <Text\n                flex={1}\n                variant=\"xs\"\n                color={characterLimitExceeded(value) ? \"red100\" : \"black60\"}\n                textAlign=\"right\"\n              >\n                {value.length}/{characterLimit}\n              </Text>\n            )}\n          </Box>\n        )}\n\n        {error && typeof error === \"string\" && (\n          <Text variant=\"xs\" color=\"red100\" mt={0.5} ml={1}>\n            {error}\n          </Text>\n        )}\n      </Box>\n    )\n  }\n)\n\nTextArea.displayName = \"TextArea\"\n\ntype StyledTextAreaProps = Pick<\n  TextAreaProps,\n  \"disabled\" | \"error\" | \"hover\" | \"focus\" | \"active\" | \"title\"\n>\n\nconst StyledTextArea = styled.textarea<StyledTextAreaProps>`\n  appearance: none;\n  display: block;\n  width: 100%;\n  background-color: ${themeGet(\"colors.white100\")};\n  padding: ${themeGet(\"space.1\")};\n  resize: vertical;\n  transition: border-color 0.25s, color 0.25s;\n  outline: none;\n  border: 1px solid;\n  border-radius: 3px;\n  font-family: ${themeGet(\"fonts.sans\")};\n\n  &::placeholder {\n    transition: color 0.25s, opacity 0.25s;\n  }\n\n  ${(props) => {\n    return css`\n      ${TEXTAREA_STATES.default}\n      ${props.hover && TEXTAREA_STATES.hover}\n      ${props.focus && TEXTAREA_STATES.focus}\n      ${props.active && TEXTAREA_STATES.active}\n      ${props.disabled && TEXTAREA_STATES.disabled}\n      ${props.error && TEXTAREA_STATES.error}\n\n      &:hover {\n        ${TEXTAREA_STATES.hover}\n      }\n\n      &:not(:placeholder-shown) {\n        ${TEXTAREA_STATES.completed}\n        ${props.error && TEXTAREA_STATES.error}\n      }\n\n      &:focus {\n        outline: none;\n        ${TEXTAREA_STATES.focus}\n\n        :not(:placeholder-shown) {\n          ${!!props.placeholder && TEXTAREA_STATES.active}\n          ${props.error && TEXTAREA_STATES.error}\n        }\n\n        &::placeholder {\n          opacity: 1;\n        }\n      }\n\n      &:disabled {\n        cursor: default;\n        ${TEXTAREA_STATES.disabled}\n      }\n\n      ${props.title &&\n      css`\n        &::placeholder {\n          opacity: 0;\n        }\n      `}\n    `\n  }}\n`\nconst StyledLabel = styled.label`\n  position: absolute;\n  top: 25px;\n  left: 6px;\n  padding: 0 5px;\n  background-color: transparent;\n  transform: translateY(-50%);\n  transition: ${FORM_ELEMENT_TRANSITION};\n  transition-property: color, transform, padding, font-size;\n  font-family: ${themeGet(\"fonts.sans\")};\n  pointer-events: none;\n\n  & > span {\n    background-color: ${themeGet(\"colors.white100\")};\n    height: 100%;\n    width: 100%;\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: -1;\n    transition: ${FORM_ELEMENT_TRANSITION};\n    transition-property: height, top;\n    transition-delay: 0.1s;\n  }\n`\n"],"mappings":"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"}
+{"version":3,"file":"TextArea.js","names":["_themeGet","require","_react","_interopRequireWildcard","_styledComponents","_RequiredField","_Box","_Text","_Tooltip","_tokens","_helpers","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_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","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","TextArea","React","forwardRef","_ref","ref","error","disabled","focus","hover","characterLimit","characterLimitHelper","title","description","_ref$defaultValue","defaultValue","required","onChange","rest","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","inputProps","_useState","useState","_useState2","setValue","characterLimitExceeded","useCallback","text","Boolean","characterLimitReached","handleChange","event","nextValue","currentTarget","exceedsCharacterLimit","hasError","useMemo","showCharacterLimitReached","createElement","Box","width","Tooltip","pointer","content","placement","Text","variant","color","textAlign","position","mt","StyledTextArea","placeholder","StyledLabel","htmlFor","display","mx","RequiredField","flex","ml","exports","displayName","styled","textarea","withConfig","componentId","themeGet","props","css","TEXTAREA_STATES","active","completed","label","FORM_ELEMENT_TRANSITION"],"sources":["../../../src/elements/TextArea/TextArea.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, { useCallback, useMemo, useState } from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { RequiredField } from \"../../shared/RequiredField\"\nimport { Box, BoxProps, splitBoxProps } from \"../Box\"\nimport { Text } from \"../Text\"\nimport { Tooltip } from \"../Tooltip\"\nimport { TEXTAREA_STATES } from \"./tokens\"\nimport { FORM_ELEMENT_TRANSITION } from \"../../helpers\"\n\nexport interface TextAreaProps\n  extends BoxProps,\n    Omit<\n      React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n      \"onChange\" | \"title\"\n    > {\n  active?: boolean\n  characterLimit?: number\n  characterLimitHelper?: boolean\n  defaultValue?: string\n  description?: React.ReactNode\n  required?: boolean\n  title?: string\n  disabled?: boolean\n  error?: string | boolean\n  focus?: boolean\n  hover?: boolean\n  onChange?(result: TextAreaChange): void\n}\n\nexport interface TextAreaChange {\n  value: string\n  exceedsCharacterLimit: boolean\n}\n\n/** TextArea */\nexport const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  (\n    {\n      error,\n      disabled,\n      focus,\n      hover,\n      characterLimit,\n      characterLimitHelper,\n      title,\n      description,\n      defaultValue = \"\",\n      required,\n      onChange,\n      ...rest\n    },\n    ref\n  ) => {\n    const [boxProps, inputProps] = splitBoxProps(rest)\n\n    const [value, setValue] = useState(defaultValue)\n\n    const characterLimitExceeded = useCallback(\n      (text: string) => {\n        return Boolean(characterLimit && text.length > characterLimit)\n      },\n      [characterLimit]\n    )\n\n    const characterLimitReached = useCallback(\n      (text: string) => {\n        return Boolean(characterLimit && text.length >= characterLimit)\n      },\n      [characterLimit]\n    )\n\n    const handleChange = useCallback(\n      (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n        const nextValue = event.currentTarget.value\n        setValue(nextValue)\n        onChange?.({\n          value: nextValue,\n          exceedsCharacterLimit: characterLimitExceeded(nextValue),\n        })\n      },\n      [characterLimitExceeded, onChange]\n    )\n\n    const hasError = useMemo(\n      () => Boolean(error || characterLimitExceeded(value)),\n      [characterLimitExceeded, error, value]\n    )\n\n    const showCharacterLimitReached =\n      characterLimitHelper &&\n      typeof characterLimit !== \"undefined\" &&\n      characterLimitReached(value)\n\n    return (\n      <Box width=\"100%\" {...boxProps}>\n        {!!description && (\n          <Tooltip pointer content={description} placement=\"top-end\">\n            <Text variant=\"xs\" color=\"mono60\" textAlign=\"right\">\n              <u>What is this?</u>\n            </Text>\n          </Tooltip>\n        )}\n\n        <Box position=\"relative\" mt={!!title && !description ? 1 : 0}>\n          <StyledTextArea\n            ref={ref as any}\n            disabled={disabled}\n            focus={focus}\n            hover={hover}\n            error={hasError}\n            onChange={handleChange}\n            defaultValue={defaultValue}\n            required={required}\n            title={title}\n            placeholder={inputProps.placeholder || \" \"}\n            {...inputProps}\n          />\n\n          {!!title && (\n            <StyledLabel htmlFor={inputProps.name}>\n              {title}\n              <span />\n            </StyledLabel>\n          )}\n        </Box>\n\n        {(required || characterLimit) && !(error && typeof error === \"string\") && (\n          <Box display=\"flex\" mt={0.5} mx={1}>\n            {required && !showCharacterLimitReached && (\n              <RequiredField flex={1} disabled={disabled} />\n            )}\n\n            {showCharacterLimitReached && (\n              <Text flex={1} variant=\"xs\" color=\"mono60\" textAlign=\"left\">\n                Character limit reached\n              </Text>\n            )}\n\n            {typeof characterLimit !== \"undefined\" && (\n              <Text\n                flex={1}\n                variant=\"xs\"\n                color={characterLimitExceeded(value) ? \"red100\" : \"mono60\"}\n                textAlign=\"right\"\n              >\n                {value.length}/{characterLimit}\n              </Text>\n            )}\n          </Box>\n        )}\n\n        {error && typeof error === \"string\" && (\n          <Text variant=\"xs\" color=\"red100\" mt={0.5} ml={1}>\n            {error}\n          </Text>\n        )}\n      </Box>\n    )\n  }\n)\n\nTextArea.displayName = \"TextArea\"\n\ntype StyledTextAreaProps = Pick<\n  TextAreaProps,\n  \"disabled\" | \"error\" | \"hover\" | \"focus\" | \"active\" | \"title\"\n>\n\nconst StyledTextArea = styled.textarea<StyledTextAreaProps>`\n  appearance: none;\n  display: block;\n  width: 100%;\n  background-color: ${themeGet(\"colors.mono0\")};\n  padding: ${themeGet(\"space.1\")};\n  resize: vertical;\n  transition: border-color 0.25s, color 0.25s;\n  outline: none;\n  border: 1px solid;\n  border-radius: 3px;\n  font-family: ${themeGet(\"fonts.sans\")};\n\n  &::placeholder {\n    transition: color 0.25s, opacity 0.25s;\n  }\n\n  ${(props) => {\n    return css`\n      ${TEXTAREA_STATES.default}\n      ${props.hover && TEXTAREA_STATES.hover}\n      ${props.focus && TEXTAREA_STATES.focus}\n      ${props.active && TEXTAREA_STATES.active}\n      ${props.disabled && TEXTAREA_STATES.disabled}\n      ${props.error && TEXTAREA_STATES.error}\n\n      &:hover {\n        ${TEXTAREA_STATES.hover}\n      }\n\n      &:not(:placeholder-shown) {\n        ${TEXTAREA_STATES.completed}\n        ${props.error && TEXTAREA_STATES.error}\n      }\n\n      &:focus {\n        outline: none;\n        ${TEXTAREA_STATES.focus}\n\n        :not(:placeholder-shown) {\n          ${!!props.placeholder && TEXTAREA_STATES.active}\n          ${props.error && TEXTAREA_STATES.error}\n        }\n\n        &::placeholder {\n          opacity: 1;\n        }\n      }\n\n      &:disabled {\n        cursor: default;\n        ${TEXTAREA_STATES.disabled}\n      }\n\n      ${props.title &&\n      css`\n        &::placeholder {\n          opacity: 0;\n        }\n      `}\n    `\n  }}\n`\nconst StyledLabel = styled.label`\n  position: absolute;\n  top: 25px;\n  left: 6px;\n  padding: 0 5px;\n  background-color: transparent;\n  transform: translateY(-50%);\n  transition: ${FORM_ELEMENT_TRANSITION};\n  transition-property: color, transform, padding, font-size;\n  font-family: ${themeGet(\"fonts.sans\")};\n  pointer-events: none;\n\n  & > span {\n    background-color: ${themeGet(\"colors.mono0\")};\n    height: 100%;\n    width: 100%;\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: -1;\n    transition: ${FORM_ELEMENT_TRANSITION};\n    transition-property: height, top;\n    transition-delay: 0.1s;\n  }\n`\n"],"mappings":"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"}

package/dist/elements/TextArea/tokens.js

@@ -7,12 +7,12 @@ exports.TEXTAREA_STATES = void 0;
 var _themeGet = require("@styled-system/theme-get");
 var _styledComponents = require("styled-components");
 var TEXTAREA_STATES = {
-  default: (0, _styledComponents.css)(["min-height:", ";font-size:", ";line-height:", ";color:", ";border-color:", ";::placeholder{color:", ";}& + label{color:", ";font-size:", ";}"], (0, _themeGet.themeGet)("space.12"), (0, _themeGet.themeGet)("textVariants.sm-display.fontSize"), (0, _themeGet.themeGet)("textVariants.sm.lineHeight"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black30"), (0, _themeGet.themeGet)("colors.black60"), (0, _themeGet.themeGet)("colors.black60"), (0, _themeGet.themeGet)("textVariants.sm-display.fontSize")),
-  focus: (0, _styledComponents.css)(["color:", ";border-color:", ";::placeholder{color:", ";opacity:1;}& + label{color:", ";transform:translateY(-150%);font-size:", ";& > span{height:2px;top:50%;}}"], (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.black60"), (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("textVariants.xs.fontSize")),
-  hover: (0, _styledComponents.css)(["color:", ";border-color:", ";::placeholder{color:", ";}& + label{color:", ";}"], (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black60"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black100")),
-  active: (0, _styledComponents.css)(["color:", ";border-color:", ";::placeholder{color:", ";}& + label{color:", ";transform:translateY(-150%);font-size:", ";& > span{height:2px;top:50%;}}"], (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("textVariants.xs.fontSize")),
-  completed: (0, _styledComponents.css)(["color:", ";border-color:", ";& + label{color:", ";transform:translateY(-150%);font-size:", ";& > span{height:2px;top:50%;}}"], (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black60"), (0, _themeGet.themeGet)("colors.black60"), (0, _themeGet.themeGet)("textVariants.xs.fontSize")),
-  disabled: (0, _styledComponents.css)(["color:", ";border-color:", ";background-color:transparent;::placeholder{color:", ";}&:not(:placeholder-shown) + label{color:", ";transform:translateY(-150%);font-size:", ";& > span{height:2px;top:50%;}}&:placeholder-shown + label{color:", ";}"], (0, _themeGet.themeGet)("colors.black30"), (0, _themeGet.themeGet)("colors.black30"), (0, _themeGet.themeGet)("colors.black30"), (0, _themeGet.themeGet)("colors.black30"), (0, _themeGet.themeGet)("textVariants.xs.fontSize"), (0, _themeGet.themeGet)("colors.black30")),
+  default: (0, _styledComponents.css)(["min-height:", ";font-size:", ";line-height:", ";color:", ";border-color:", ";::placeholder{color:", ";}& + label{color:", ";font-size:", ";}"], (0, _themeGet.themeGet)("space.12"), (0, _themeGet.themeGet)("textVariants.sm-display.fontSize"), (0, _themeGet.themeGet)("textVariants.sm.lineHeight"), (0, _themeGet.themeGet)("colors.mono100"), (0, _themeGet.themeGet)("colors.mono30"), (0, _themeGet.themeGet)("colors.mono60"), (0, _themeGet.themeGet)("colors.mono60"), (0, _themeGet.themeGet)("textVariants.sm-display.fontSize")),
+  focus: (0, _styledComponents.css)(["color:", ";border-color:", ";::placeholder{color:", ";opacity:1;}& + label{color:", ";transform:translateY(-150%);font-size:", ";& > span{height:2px;top:50%;}}"], (0, _themeGet.themeGet)("colors.mono100"), (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.mono60"), (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("textVariants.xs.fontSize")),
+  hover: (0, _styledComponents.css)(["color:", ";border-color:", ";::placeholder{color:", ";}& + label{color:", ";}"], (0, _themeGet.themeGet)("colors.mono100"), (0, _themeGet.themeGet)("colors.mono60"), (0, _themeGet.themeGet)("colors.mono100"), (0, _themeGet.themeGet)("colors.mono100")),
+  active: (0, _styledComponents.css)(["color:", ";border-color:", ";::placeholder{color:", ";}& + label{color:", ";transform:translateY(-150%);font-size:", ";& > span{height:2px;top:50%;}}"], (0, _themeGet.themeGet)("colors.mono100"), (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.mono100"), (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("textVariants.xs.fontSize")),
+  completed: (0, _styledComponents.css)(["color:", ";border-color:", ";& + label{color:", ";transform:translateY(-150%);font-size:", ";& > span{height:2px;top:50%;}}"], (0, _themeGet.themeGet)("colors.mono100"), (0, _themeGet.themeGet)("colors.mono60"), (0, _themeGet.themeGet)("colors.mono60"), (0, _themeGet.themeGet)("textVariants.xs.fontSize")),
+  disabled: (0, _styledComponents.css)(["color:", ";border-color:", ";background-color:transparent;::placeholder{color:", ";}&:not(:placeholder-shown) + label{color:", ";transform:translateY(-150%);font-size:", ";& > span{height:2px;top:50%;}}&:placeholder-shown + label{color:", ";}"], (0, _themeGet.themeGet)("colors.mono30"), (0, _themeGet.themeGet)("colors.mono30"), (0, _themeGet.themeGet)("colors.mono30"), (0, _themeGet.themeGet)("colors.mono30"), (0, _themeGet.themeGet)("textVariants.xs.fontSize"), (0, _themeGet.themeGet)("colors.mono30")),
   error: (0, _styledComponents.css)(["border-color:", ";& + label{color:", ";transform:translateY(-150%);font-size:", ";& > span{height:2px;top:50%;}}"], (0, _themeGet.themeGet)("colors.red100"), (0, _themeGet.themeGet)("colors.red100"), (0, _themeGet.themeGet)("textVariants.xs.fontSize"))
 };
 exports.TEXTAREA_STATES = TEXTAREA_STATES;

package/dist/elements/TextArea/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","TEXTAREA_STATES","default","css","themeGet","focus","hover","active","completed","disabled","error","exports"],"sources":["../../../src/elements/TextArea/tokens.ts"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css } from \"styled-components\"\nimport { State } from \"./types\"\n\nexport const TEXTAREA_STATES: Record<State, any> = {\n  default: css`\n    min-height: ${themeGet(\"space.12\")};\n    font-size: ${themeGet(\"textVariants.sm-display.fontSize\")};\n    line-height: ${themeGet(\"textVariants.sm.lineHeight\")};\n    color: ${themeGet(\"colors.black100\")};\n    border-color: ${themeGet(\"colors.black30\")};\n\n    ::placeholder {\n      color: ${themeGet(\"colors.black60\")};\n    }\n\n    & + label {\n      color: ${themeGet(\"colors.black60\")};\n      font-size: ${themeGet(\"textVariants.sm-display.fontSize\")};\n    }\n  `,\n  focus: css`\n    color: ${themeGet(\"colors.black100\")};\n    border-color: ${themeGet(\"colors.blue100\")};\n\n    ::placeholder {\n      color: ${themeGet(\"colors.black60\")};\n      opacity: 1;\n    }\n\n    & + label {\n      color: ${themeGet(\"colors.blue100\")};\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n  `,\n  hover: css`\n    color: ${themeGet(\"colors.black100\")};\n    border-color: ${themeGet(\"colors.black60\")};\n\n    ::placeholder {\n      color: ${themeGet(\"colors.black100\")};\n    }\n\n    & + label {\n      color: ${themeGet(\"colors.black100\")};\n    }\n  `,\n  active: css`\n    color: ${themeGet(\"colors.black100\")};\n    border-color: ${themeGet(\"colors.blue100\")};\n\n    ::placeholder {\n      color: ${themeGet(\"colors.black100\")};\n    }\n\n    & + label {\n      color: ${themeGet(\"colors.blue100\")};\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n  `,\n  completed: css`\n    color: ${themeGet(\"colors.black100\")};\n    border-color: ${themeGet(\"colors.black60\")};\n\n    & + label {\n      color: ${themeGet(\"colors.black60\")};\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n  `,\n  disabled: css`\n    color: ${themeGet(\"colors.black30\")};\n    border-color: ${themeGet(\"colors.black30\")};\n    background-color: transparent;\n\n    ::placeholder {\n      color: ${themeGet(\"colors.black30\")};\n    }\n\n    &:not(:placeholder-shown) + label {\n      color: ${themeGet(\"colors.black30\")};\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n\n    &:placeholder-shown + label {\n      color: ${themeGet(\"colors.black30\")};\n    }\n  `,\n  error: css`\n    border-color: ${themeGet(\"colors.red100\")};\n\n    & + label {\n      color: ${themeGet(\"colors.red100\")};\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n  `,\n}\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAGO,IAAME,eAAmC,GAAG;EACjDC,OAAO,MAAEC,qBAAG,oJACI,IAAAC,kBAAQ,EAAC,UAAU,CAAC,EACrB,IAAAA,kBAAQ,EAAC,kCAAkC,CAAC,EAC1C,IAAAA,kBAAQ,EAAC,4BAA4B,CAAC,EAC5C,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,EACpB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAG/B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAI1B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACtB,IAAAA,kBAAQ,EAAC,kCAAkC,CAAC,CAE5D;EACDC,KAAK,MAAEF,qBAAG,uKACC,IAAAC,kBAAQ,EAAC,iBAAiB,CAAC,EACpB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAG/B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAK1B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAEtB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,CAOpD;EACDE,KAAK,MAAEH,qBAAG,qFACC,IAAAC,kBAAQ,EAAC,iBAAiB,CAAC,EACpB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAG/B,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,EAI3B,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,CAEvC;EACDG,MAAM,MAAEJ,qBAAG,6JACA,IAAAC,kBAAQ,EAAC,iBAAiB,CAAC,EACpB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAG/B,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,EAI3B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAEtB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,CAOpD;EACDI,SAAS,MAAEL,qBAAG,mIACH,IAAAC,kBAAQ,EAAC,iBAAiB,CAAC,EACpB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAG/B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAEtB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,CAOpD;EACDK,QAAQ,MAAEN,qBAAG,0PACF,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAI/B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAI1B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAEtB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,EASxC,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,CAEtC;EACDM,KAAK,MAAEP,qBAAG,wHACQ,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAG9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAErB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC;AAQvD,CAAC;AAAAO,OAAA,CAAAV,eAAA,GAAAA,eAAA"}
+{"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","TEXTAREA_STATES","default","css","themeGet","focus","hover","active","completed","disabled","error","exports"],"sources":["../../../src/elements/TextArea/tokens.ts"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css } from \"styled-components\"\nimport { State } from \"./types\"\n\nexport const TEXTAREA_STATES: Record<State, any> = {\n  default: css`\n    min-height: ${themeGet(\"space.12\")};\n    font-size: ${themeGet(\"textVariants.sm-display.fontSize\")};\n    line-height: ${themeGet(\"textVariants.sm.lineHeight\")};\n    color: ${themeGet(\"colors.mono100\")};\n    border-color: ${themeGet(\"colors.mono30\")};\n\n    ::placeholder {\n      color: ${themeGet(\"colors.mono60\")};\n    }\n\n    & + label {\n      color: ${themeGet(\"colors.mono60\")};\n      font-size: ${themeGet(\"textVariants.sm-display.fontSize\")};\n    }\n  `,\n  focus: css`\n    color: ${themeGet(\"colors.mono100\")};\n    border-color: ${themeGet(\"colors.blue100\")};\n\n    ::placeholder {\n      color: ${themeGet(\"colors.mono60\")};\n      opacity: 1;\n    }\n\n    & + label {\n      color: ${themeGet(\"colors.blue100\")};\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n  `,\n  hover: css`\n    color: ${themeGet(\"colors.mono100\")};\n    border-color: ${themeGet(\"colors.mono60\")};\n\n    ::placeholder {\n      color: ${themeGet(\"colors.mono100\")};\n    }\n\n    & + label {\n      color: ${themeGet(\"colors.mono100\")};\n    }\n  `,\n  active: css`\n    color: ${themeGet(\"colors.mono100\")};\n    border-color: ${themeGet(\"colors.blue100\")};\n\n    ::placeholder {\n      color: ${themeGet(\"colors.mono100\")};\n    }\n\n    & + label {\n      color: ${themeGet(\"colors.blue100\")};\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n  `,\n  completed: css`\n    color: ${themeGet(\"colors.mono100\")};\n    border-color: ${themeGet(\"colors.mono60\")};\n\n    & + label {\n      color: ${themeGet(\"colors.mono60\")};\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n  `,\n  disabled: css`\n    color: ${themeGet(\"colors.mono30\")};\n    border-color: ${themeGet(\"colors.mono30\")};\n    background-color: transparent;\n\n    ::placeholder {\n      color: ${themeGet(\"colors.mono30\")};\n    }\n\n    &:not(:placeholder-shown) + label {\n      color: ${themeGet(\"colors.mono30\")};\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n\n    &:placeholder-shown + label {\n      color: ${themeGet(\"colors.mono30\")};\n    }\n  `,\n  error: css`\n    border-color: ${themeGet(\"colors.red100\")};\n\n    & + label {\n      color: ${themeGet(\"colors.red100\")};\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n  `,\n}\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAGO,IAAME,eAAmC,GAAG;EACjDC,OAAO,MAAEC,qBAAG,oJACI,IAAAC,kBAAQ,EAAC,UAAU,CAAC,EACrB,IAAAA,kBAAQ,EAAC,kCAAkC,CAAC,EAC1C,IAAAA,kBAAQ,EAAC,4BAA4B,CAAC,EAC5C,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAG9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAIzB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EACrB,IAAAA,kBAAQ,EAAC,kCAAkC,CAAC,CAE5D;EACDC,KAAK,MAAEF,qBAAG,uKACC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAG/B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAKzB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAEtB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,CAOpD;EACDE,KAAK,MAAEH,qBAAG,qFACC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAG9B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAI1B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,CAEtC;EACDG,MAAM,MAAEJ,qBAAG,6JACA,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAG/B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAI1B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAEtB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,CAOpD;EACDI,SAAS,MAAEL,qBAAG,mIACH,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAG9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAErB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,CAOpD;EACDK,QAAQ,MAAEN,qBAAG,0PACF,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAClB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAI9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAIzB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAErB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,EASxC,IAAAA,kBAAQ,EAAC,eAAe,CAAC,CAErC;EACDM,KAAK,MAAEP,qBAAG,wHACQ,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAG9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAErB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC;AAQvD,CAAC;AAAAO,OAAA,CAAAV,eAAA,GAAAA,eAAA"}

package/dist/elements/Toasts/Toast.js

@@ -30,8 +30,8 @@ var Toast = function Toast(_ref) {
     width: "100%",
     px: 2,
     py: 1,
-    bg: "black100",
-    color: "white100",
+    bg: "mono100",
+    color: "mono0",
     role: "button",
     tabIndex: 0,
     onClick: handleClick,
@@ -61,20 +61,20 @@ exports.Toast = Toast;
 Toast.displayName = "Toast";
 var TOAST_VARIANTS = {
   message: {
-    backgroundColor: "black100",
-    color: "white100"
+    backgroundColor: "mono100",
+    color: "mono0"
   },
   alert: {
     backgroundColor: "blue100",
-    color: "white100"
+    color: "mono0"
   },
   success: {
     backgroundColor: "green100",
-    color: "white100"
+    color: "mono0"
   },
   error: {
     backgroundColor: "red100",
-    color: "white100"
+    color: "mono0"
   }
 };
 exports.TOAST_VARIANTS = TOAST_VARIANTS;

package/dist/elements/Toasts/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","names":["_react","_interopRequireDefault","require","_styledComponents","_styledSystem","_Box","_Flex","_Clickable","_Text","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Toast","_ref","id","action","description","message","onClose","rest","handleClick","createElement","Container","width","px","py","bg","color","role","tabIndex","onClick","onKeyPress","event","style","cursor","Flex","alignItems","justifyContent","Text","variant","Clickable","textDecoration","label","exports","displayName","TOAST_VARIANTS","backgroundColor","alert","success","error","styled","Box","withConfig","componentId","variants"],"sources":["../../../src/elements/Toasts/Toast.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport { Clickable } from \"../Clickable\"\nimport { Text } from \"../Text\"\n\nexport type ToastVariant = keyof typeof TOAST_VARIANTS\n\nexport interface ToastProps extends BoxProps {\n  id: string\n  action?: {\n    label: string\n    onClick(): void\n  }\n  description?: string\n  message: string\n  onClose?(id: string): void\n  variant?: ToastVariant\n}\n\nexport const Toast: React.FC<React.PropsWithChildren<ToastProps>> = ({\n  id,\n  action,\n  description,\n  message,\n  onClose,\n  ...rest\n}) => {\n  const handleClick = () => {\n    onClose?.(id)\n  }\n\n  return (\n    <Container\n      width=\"100%\"\n      px={2}\n      py={1}\n      bg=\"black100\"\n      color=\"white100\"\n      role=\"button\"\n      tabIndex={0}\n      onClick={handleClick}\n      onKeyPress={(event) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          onClose?.(id)\n        }\n      }}\n      style={{ cursor: \"pointer\" }}\n      {...rest}\n    >\n      <Flex alignItems=\"flex-start\" justifyContent=\"space-between\">\n        <Text variant=\"sm-display\">{message}</Text>\n\n        {action && (\n          <Clickable onClick={action.onClick} textDecoration=\"underline\">\n            <Text variant=\"xs\">{action.label}</Text>\n          </Clickable>\n        )}\n      </Flex>\n\n      {description && <Text variant=\"xs\">{description}</Text>}\n    </Container>\n  )\n}\n\nexport const TOAST_VARIANTS = {\n  message: {\n    backgroundColor: \"black100\",\n    color: \"white100\",\n  },\n  alert: {\n    backgroundColor: \"blue100\",\n    color: \"white100\",\n  },\n  success: {\n    backgroundColor: \"green100\",\n    color: \"white100\",\n  },\n  error: {\n    backgroundColor: \"red100\",\n    color: \"white100\",\n  },\n}\n\nconst Container = styled(Box)`\n  ${variant({ variants: TOAST_VARIANTS })}\n  user-select: none;\n`\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AAA8B,IAAAO,SAAA;AAAA,SAAAR,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAgBvB,IAAMmB,KAAoD,GAAG,SAAvDA,KAAoDA,CAAAC,IAAA,EAO3D;EAAA,IANJC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IACJC,IAAI,GAAAhB,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAEP,IAAMmC,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxBF,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGJ,EAAE,CAAC;EACf,CAAC;EAED,oBACEtC,MAAA,CAAAY,OAAA,CAAAiC,aAAA,CAACC,SAAS,EAAAjC,QAAA;IACRkC,KAAK,EAAC,MAAM;IACZC,EAAE,EAAE,CAAE;IACNC,EAAE,EAAE,CAAE;IACNC,EAAE,EAAC,UAAU;IACbC,KAAK,EAAC,UAAU;IAChBC,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAE;IACZC,OAAO,EAAEV,WAAY;IACrBW,UAAU,EAAE,SAAAA,WAACC,KAAK,EAAK;MACrB,IAAIA,KAAK,CAAClC,GAAG,KAAK,OAAO,IAAIkC,KAAK,CAAClC,GAAG,KAAK,GAAG,EAAE;QAC9CoB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGJ,EAAE,CAAC;MACf;IACF,CAAE;IACFmB,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAU;EAAE,GACzBf,IAAI,gBAER3C,MAAA,CAAAY,OAAA,CAAAiC,aAAA,CAACvC,KAAA,CAAAqD,IAAI;IAACC,UAAU,EAAC,YAAY;IAACC,cAAc,EAAC;EAAe,gBAC1D7D,MAAA,CAAAY,OAAA,CAAAiC,aAAA,CAACrC,KAAA,CAAAsD,IAAI;IAACC,OAAO,EAAC;EAAY,GAAEtB,OAAO,CAAQ,EAE1CF,MAAM,iBACLvC,MAAA,CAAAY,OAAA,CAAAiC,aAAA,CAACtC,UAAA,CAAAyD,SAAS;IAACV,OAAO,EAAEf,MAAM,CAACe,OAAQ;IAACW,cAAc,EAAC;EAAW,gBAC5DjE,MAAA,CAAAY,OAAA,CAAAiC,aAAA,CAACrC,KAAA,CAAAsD,IAAI;IAACC,OAAO,EAAC;EAAI,GAAExB,MAAM,CAAC2B,KAAK,CAAQ,CAE3C,CACI,EAEN1B,WAAW,iBAAIxC,MAAA,CAAAY,OAAA,CAAAiC,aAAA,CAACrC,KAAA,CAAAsD,IAAI;IAACC,OAAO,EAAC;EAAI,GAAEvB,WAAW,CAAQ,CAC7C;AAEhB,CAAC;AAAA2B,OAAA,CAAA/B,KAAA,GAAAA,KAAA;AA3CYA,KAAoD,CAAAgC,WAAA;AA6C1D,IAAMC,cAAc,GAAG;EAC5B5B,OAAO,EAAE;IACP6B,eAAe,EAAE,UAAU;IAC3BnB,KAAK,EAAE;EACT,CAAC;EACDoB,KAAK,EAAE;IACLD,eAAe,EAAE,SAAS;IAC1BnB,KAAK,EAAE;EACT,CAAC;EACDqB,OAAO,EAAE;IACPF,eAAe,EAAE,UAAU;IAC3BnB,KAAK,EAAE;EACT,CAAC;EACDsB,KAAK,EAAE;IACLH,eAAe,EAAE,QAAQ;IACzBnB,KAAK,EAAE;EACT;AACF,CAAC;AAAAgB,OAAA,CAAAE,cAAA,GAAAA,cAAA;AAED,IAAMvB,SAAS,GAAG,IAAA4B,yBAAM,EAACC,QAAG,CAAC,CAAAC,UAAA;EAAAR,WAAA;EAAAS,WAAA;AAAA,+BACzB,IAAAd,qBAAO,EAAC;EAAEe,QAAQ,EAAET;AAAe,CAAC,CAAC,CAExC"}
+{"version":3,"file":"Toast.js","names":["_react","_interopRequireDefault","require","_styledComponents","_styledSystem","_Box","_Flex","_Clickable","_Text","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Toast","_ref","id","action","description","message","onClose","rest","handleClick","createElement","Container","width","px","py","bg","color","role","tabIndex","onClick","onKeyPress","event","style","cursor","Flex","alignItems","justifyContent","Text","variant","Clickable","textDecoration","label","exports","displayName","TOAST_VARIANTS","backgroundColor","alert","success","error","styled","Box","withConfig","componentId","variants"],"sources":["../../../src/elements/Toasts/Toast.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport { Clickable } from \"../Clickable\"\nimport { Text } from \"../Text\"\n\nexport type ToastVariant = keyof typeof TOAST_VARIANTS\n\nexport interface ToastProps extends BoxProps {\n  id: string\n  action?: {\n    label: string\n    onClick(): void\n  }\n  description?: string\n  message: string\n  onClose?(id: string): void\n  variant?: ToastVariant\n}\n\nexport const Toast: React.FC<React.PropsWithChildren<ToastProps>> = ({\n  id,\n  action,\n  description,\n  message,\n  onClose,\n  ...rest\n}) => {\n  const handleClick = () => {\n    onClose?.(id)\n  }\n\n  return (\n    <Container\n      width=\"100%\"\n      px={2}\n      py={1}\n      bg=\"mono100\"\n      color=\"mono0\"\n      role=\"button\"\n      tabIndex={0}\n      onClick={handleClick}\n      onKeyPress={(event) => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          onClose?.(id)\n        }\n      }}\n      style={{ cursor: \"pointer\" }}\n      {...rest}\n    >\n      <Flex alignItems=\"flex-start\" justifyContent=\"space-between\">\n        <Text variant=\"sm-display\">{message}</Text>\n\n        {action && (\n          <Clickable onClick={action.onClick} textDecoration=\"underline\">\n            <Text variant=\"xs\">{action.label}</Text>\n          </Clickable>\n        )}\n      </Flex>\n\n      {description && <Text variant=\"xs\">{description}</Text>}\n    </Container>\n  )\n}\n\nexport const TOAST_VARIANTS = {\n  message: {\n    backgroundColor: \"mono100\",\n    color: \"mono0\",\n  },\n  alert: {\n    backgroundColor: \"blue100\",\n    color: \"mono0\",\n  },\n  success: {\n    backgroundColor: \"green100\",\n    color: \"mono0\",\n  },\n  error: {\n    backgroundColor: \"red100\",\n    color: \"mono0\",\n  },\n}\n\nconst Container = styled(Box)`\n  ${variant({ variants: TOAST_VARIANTS })}\n  user-select: none;\n`\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AAA8B,IAAAO,SAAA;AAAA,SAAAR,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAgBvB,IAAMmB,KAAoD,GAAG,SAAvDA,KAAoDA,CAAAC,IAAA,EAO3D;EAAA,IANJC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IACJC,IAAI,GAAAhB,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAEP,IAAMmC,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxBF,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGJ,EAAE,CAAC;EACf,CAAC;EAED,oBACEtC,MAAA,CAAAY,OAAA,CAAAiC,aAAA,CAACC,SAAS,EAAAjC,QAAA;IACRkC,KAAK,EAAC,MAAM;IACZC,EAAE,EAAE,CAAE;IACNC,EAAE,EAAE,CAAE;IACNC,EAAE,EAAC,SAAS;IACZC,KAAK,EAAC,OAAO;IACbC,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAE,CAAE;IACZC,OAAO,EAAEV,WAAY;IACrBW,UAAU,EAAE,SAAAA,WAACC,KAAK,EAAK;MACrB,IAAIA,KAAK,CAAClC,GAAG,KAAK,OAAO,IAAIkC,KAAK,CAAClC,GAAG,KAAK,GAAG,EAAE;QAC9CoB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGJ,EAAE,CAAC;MACf;IACF,CAAE;IACFmB,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAU;EAAE,GACzBf,IAAI,gBAER3C,MAAA,CAAAY,OAAA,CAAAiC,aAAA,CAACvC,KAAA,CAAAqD,IAAI;IAACC,UAAU,EAAC,YAAY;IAACC,cAAc,EAAC;EAAe,gBAC1D7D,MAAA,CAAAY,OAAA,CAAAiC,aAAA,CAACrC,KAAA,CAAAsD,IAAI;IAACC,OAAO,EAAC;EAAY,GAAEtB,OAAO,CAAQ,EAE1CF,MAAM,iBACLvC,MAAA,CAAAY,OAAA,CAAAiC,aAAA,CAACtC,UAAA,CAAAyD,SAAS;IAACV,OAAO,EAAEf,MAAM,CAACe,OAAQ;IAACW,cAAc,EAAC;EAAW,gBAC5DjE,MAAA,CAAAY,OAAA,CAAAiC,aAAA,CAACrC,KAAA,CAAAsD,IAAI;IAACC,OAAO,EAAC;EAAI,GAAExB,MAAM,CAAC2B,KAAK,CAAQ,CAE3C,CACI,EAEN1B,WAAW,iBAAIxC,MAAA,CAAAY,OAAA,CAAAiC,aAAA,CAACrC,KAAA,CAAAsD,IAAI;IAACC,OAAO,EAAC;EAAI,GAAEvB,WAAW,CAAQ,CAC7C;AAEhB,CAAC;AAAA2B,OAAA,CAAA/B,KAAA,GAAAA,KAAA;AA3CYA,KAAoD,CAAAgC,WAAA;AA6C1D,IAAMC,cAAc,GAAG;EAC5B5B,OAAO,EAAE;IACP6B,eAAe,EAAE,SAAS;IAC1BnB,KAAK,EAAE;EACT,CAAC;EACDoB,KAAK,EAAE;IACLD,eAAe,EAAE,SAAS;IAC1BnB,KAAK,EAAE;EACT,CAAC;EACDqB,OAAO,EAAE;IACPF,eAAe,EAAE,UAAU;IAC3BnB,KAAK,EAAE;EACT,CAAC;EACDsB,KAAK,EAAE;IACLH,eAAe,EAAE,QAAQ;IACzBnB,KAAK,EAAE;EACT;AACF,CAAC;AAAAgB,OAAA,CAAAE,cAAA,GAAAA,cAAA;AAED,IAAMvB,SAAS,GAAG,IAAA4B,yBAAM,EAACC,QAAG,CAAC,CAAAC,UAAA;EAAAR,WAAA;EAAAS,WAAA;AAAA,+BACzB,IAAAd,qBAAO,EAAC;EAAEe,QAAQ,EAAET;AAAe,CAAC,CAAC,CAExC"}

package/dist/elements/Toggle/tokens.js

@@ -12,11 +12,11 @@ var SWITCH_STATES = {
 };
 exports.SWITCH_STATES = SWITCH_STATES;
 var TOGGLE_STATES = {
-  default: (0, _styledComponents.css)(["background-color:", ";"], (0, _themeGet.themeGet)("colors.black30")),
+  default: (0, _styledComponents.css)(["background-color:", ";"], (0, _themeGet.themeGet)("colors.mono30")),
   selected: (0, _styledComponents.css)(["background-color:", ";"], (0, _themeGet.themeGet)("colors.blue100")),
   hover: (0, _styledComponents.css)(["cursor:pointer;"]),
   disabled: {
-    default: (0, _styledComponents.css)(["background-color:", ";pointer-events:none;"], (0, _themeGet.themeGet)("colors.black10")),
+    default: (0, _styledComponents.css)(["background-color:", ";pointer-events:none;"], (0, _themeGet.themeGet)("colors.mono10")),
     selected: (0, _styledComponents.css)(["background-color:", ";pointer-events:none;"], (0, _themeGet.themeGet)("colors.blue10"))
   }
 };

package/dist/elements/Toggle/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","SWITCH_STATES","selected","css","default","exports","TOGGLE_STATES","themeGet","hover","disabled"],"sources":["../../../src/elements/Toggle/tokens.ts"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css } from \"styled-components\"\n\nexport const SWITCH_STATES = {\n  selected: css`\n    background-color: white;\n    transform: translateX(19px);\n  `,\n  default: css`\n    background-color: white;\n  `,\n} as const\n\nexport const TOGGLE_STATES = {\n  default: css`\n    background-color: ${themeGet(\"colors.black30\")};\n  `,\n  selected: css`\n    background-color: ${themeGet(\"colors.blue100\")};\n  `,\n  hover: css`\n    cursor: pointer;\n  `,\n  disabled: {\n    default: css`\n      background-color: ${themeGet(\"colors.black10\")};\n      pointer-events: none;\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.blue10\")};\n      pointer-events: none;\n    `,\n  },\n} as const\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEO,IAAME,aAAa,GAAG;EAC3BC,QAAQ,MAAEC,qBAAG,yDAGZ;EACDC,OAAO,MAAED,qBAAG;AAGd,CAAU;AAAAE,OAAA,CAAAJ,aAAA,GAAAA,aAAA;AAEH,IAAMK,aAAa,GAAG;EAC3BF,OAAO,MAAED,qBAAG,8BACU,IAAAI,kBAAQ,EAAC,gBAAgB,CAAC,CAC/C;EACDL,QAAQ,MAAEC,qBAAG,8BACS,IAAAI,kBAAQ,EAAC,gBAAgB,CAAC,CAC/C;EACDC,KAAK,MAAEL,qBAAG,sBAET;EACDM,QAAQ,EAAE;IACRL,OAAO,MAAED,qBAAG,kDACU,IAAAI,kBAAQ,EAAC,gBAAgB,CAAC,CAE/C;IACDL,QAAQ,MAAEC,qBAAG,kDACS,IAAAI,kBAAQ,EAAC,eAAe,CAAC;EAGjD;AACF,CAAU;AAAAF,OAAA,CAAAC,aAAA,GAAAA,aAAA"}
+{"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","SWITCH_STATES","selected","css","default","exports","TOGGLE_STATES","themeGet","hover","disabled"],"sources":["../../../src/elements/Toggle/tokens.ts"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css } from \"styled-components\"\n\nexport const SWITCH_STATES = {\n  selected: css`\n    background-color: white;\n    transform: translateX(19px);\n  `,\n  default: css`\n    background-color: white;\n  `,\n} as const\n\nexport const TOGGLE_STATES = {\n  default: css`\n    background-color: ${themeGet(\"colors.mono30\")};\n  `,\n  selected: css`\n    background-color: ${themeGet(\"colors.blue100\")};\n  `,\n  hover: css`\n    cursor: pointer;\n  `,\n  disabled: {\n    default: css`\n      background-color: ${themeGet(\"colors.mono10\")};\n      pointer-events: none;\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.blue10\")};\n      pointer-events: none;\n    `,\n  },\n} as const\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEO,IAAME,aAAa,GAAG;EAC3BC,QAAQ,MAAEC,qBAAG,yDAGZ;EACDC,OAAO,MAAED,qBAAG;AAGd,CAAU;AAAAE,OAAA,CAAAJ,aAAA,GAAAA,aAAA;AAEH,IAAMK,aAAa,GAAG;EAC3BF,OAAO,MAAED,qBAAG,8BACU,IAAAI,kBAAQ,EAAC,eAAe,CAAC,CAC9C;EACDL,QAAQ,MAAEC,qBAAG,8BACS,IAAAI,kBAAQ,EAAC,gBAAgB,CAAC,CAC/C;EACDC,KAAK,MAAEL,qBAAG,sBAET;EACDM,QAAQ,EAAE;IACRL,OAAO,MAAED,qBAAG,kDACU,IAAAI,kBAAQ,EAAC,eAAe,CAAC,CAE9C;IACDL,QAAQ,MAAEC,qBAAG,kDACS,IAAAI,kBAAQ,EAAC,eAAe,CAAC;EAGjD;AACF,CAAU;AAAAF,OAAA,CAAAC,aAAA,GAAAA,aAAA"}

package/dist/elements/Tooltip/Tooltip.js

@@ -29,12 +29,12 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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; }
 var TOOLTIP_VARIANTS = {
   defaultLight: {
-    backgroundColor: "white100",
-    color: "black100"
+    backgroundColor: "mono0",
+    color: "mono100"
   },
   defaultDark: {
-    backgroundColor: "black100",
-    color: "white100"
+    backgroundColor: "mono100",
+    color: "mono0"
   }
 };
 exports.TOOLTIP_VARIANTS = TOOLTIP_VARIANTS;