@artsy/palette 37.0.0-canary.1250.29294.0 → 37.0.0-canary.1250.29340.0

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

@@ -1 +1 @@
-{"version":3,"file":"Pill.story.js","names":["_react","_interopRequireWildcard","require","_storybookStates","_Flex","_Spacer","_Pill","_Box","_Join","_GraphIcon","_interopRequireDefault","_styledComponents","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_extends","assign","bind","target","arguments","source","apply","_default","title","exports","Display","styled","Box","withConfig","displayName","componentId","Variants","createElement","States","states","PILL_VARIANT_NAMES","map","variant","props","p","overflowX","includes","concat","bg","color","Flex","Join","separator","Spacer","x","Pill","focus","hover","active","selected","disabled","LinkExample","as","href","LongExampleWithTruncation","maxWidth","SearchWithCount","count","ArtistWithImage","src","PillWithIcon","Icon","GraphIcon","Demo","_useState","useState","_useState2","setSelected","onClick","prevActive","ProfileVariant","compact","undefined"],"sources":["../../../src/elements/Pill/Pill.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Flex } from \"../Flex\"\nimport { Spacer } from \"../Spacer\"\nimport { Pill, PillProps, PillVariant, PILL_VARIANT_NAMES } from \"./Pill\"\nimport { Box } from \"../Box\"\nimport { Join } from \"../Join\"\nimport GraphIcon from \"@artsy/icons/GraphIcon\"\nimport styled from \"styled-components\"\n\nexport default {\n  title: \"Components/Pill\",\n}\n\nconst Display = styled(Box)``\nDisplay.displayName = \"Pill\"\n\nexport const Variants = () => {\n  return (\n    <States<PillProps>\n      states={PILL_VARIANT_NAMES.map((variant) => ({\n        variant: variant as PillVariant,\n      }))}\n    >\n      {(props) => (\n        <Display\n          p={1}\n          overflowX=\"auto\"\n          {...([\"primaryWhite\", \"secondaryWhite\"].includes(`${props.variant}`)\n            ? { bg: \"black100\", color: \"white100\" }\n            : { bg: \"white100\", color: \"black100\" })}\n        >\n          <Flex>\n            <Join separator={<Spacer x={2} />}>\n              <Pill {...props}>Default</Pill>\n\n              <Pill {...props} focus>\n                Focus\n              </Pill>\n\n              <Pill {...props} hover>\n                Hover\n              </Pill>\n\n              <Pill {...props} active>\n                Active\n              </Pill>\n\n              <Pill {...props} selected>\n                Selected\n              </Pill>\n\n              <Pill {...props} disabled>\n                Disabled\n              </Pill>\n            </Join>\n          </Flex>\n        </Display>\n      )}\n    </States>\n  )\n}\n\nexport const LinkExample = () => {\n  return (\n    <Pill\n      variant=\"profile\"\n      as=\"a\"\n      // TODO: Need a decent way of typing the threaded polymorphic `as` prop\n      // @ts-expect-error MIGRATE_STRICT_MODE\n      href=\"#example\"\n    >\n      Artist Name\n    </Pill>\n  )\n}\n\nexport const LongExampleWithTruncation = () => {\n  return (\n    <Pill maxWidth={300}>\n      Studio Museum in Harlem Artist-in-Residence (AIR) Program\n    </Pill>\n  )\n}\n\nexport const SearchWithCount = () => {\n  return (\n    <States<PillProps>\n      states={[\n        {},\n        { focus: true },\n        { hover: true },\n        { active: true },\n        { selected: true },\n        { disabled: true },\n      ]}\n    >\n      <Pill variant=\"search\" count={123}>\n        Artist Series\n      </Pill>\n    </States>\n  )\n}\n\nexport const ArtistWithImage = () => {\n  return (\n    <States<PillProps>\n      states={[\n        {},\n        { focus: true },\n        { hover: true },\n        { active: true },\n        { selected: true },\n        { disabled: true },\n      ]}\n    >\n      <Pill\n        variant=\"profile\"\n        src={[\n          \"https://picsum.photos/seed/isa/30/30\",\n          \"https://picsum.photos/seed/isa/60/60\",\n        ]}\n      >\n        Isa Genzken\n      </Pill>\n    </States>\n  )\n}\n\nexport const PillWithIcon = () => {\n  return (\n    <States<PillProps>\n      states={[\n        {},\n        { focus: true },\n        { hover: true },\n        { active: true },\n        { selected: true },\n        { disabled: true },\n        { variant: \"search\" },\n        { variant: \"search\", focus: true },\n        { variant: \"search\", hover: true },\n        { variant: \"search\", active: true },\n        { variant: \"search\", selected: true },\n        { variant: \"search\", disabled: true },\n        { variant: \"filter\" },\n        { variant: \"filter\", focus: true },\n        { variant: \"filter\", hover: true },\n        { variant: \"filter\", active: true },\n        { variant: \"filter\", selected: true },\n        { variant: \"filter\", disabled: true },\n      ]}\n    >\n      <Pill variant=\"badge\" Icon={GraphIcon}>\n        Artist Series\n      </Pill>\n    </States>\n  )\n}\n\nexport const Demo = () => {\n  const [selected, setSelected] = useState(false)\n  return (\n    <Pill\n      selected={selected}\n      onClick={() => setSelected((prevActive) => !prevActive)}\n    >\n      Example\n    </Pill>\n  )\n}\n\nexport const ProfileVariant = () => {\n  return (\n    <States<PillProps>\n      states={[\n        { variant: \"profile\" },\n        { variant: \"profile\", compact: true },\n        { variant: \"profile\", src: undefined },\n      ]}\n    >\n      <Pill src=\"https://picsum.photos/seed/isa/60/60\">Isa Genzken</Pill>\n    </States>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Pill.story.js","names":["_react","_interopRequireWildcard","require","_storybookStates","_Flex","_Spacer","_Pill","_Box","_Join","_GraphIcon","_interopRequireDefault","_ChevronSmallDownIcon","_styledComponents","_Popover","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_extends","assign","bind","target","arguments","source","apply","_default","title","exports","Display","styled","Box","withConfig","displayName","componentId","Variants","createElement","States","states","PILL_VARIANT_NAMES","map","variant","props","p","overflowX","includes","concat","bg","color","Flex","Join","separator","Spacer","x","Pill","focus","hover","active","selected","disabled","LinkExample","as","href","LongExampleWithTruncation","maxWidth","SearchWithCount","count","ArtistWithImage","src","PillWithIcon","iconPosition","Icon","ChevronSmallDownIcon","GraphIcon","Demo","_useState","useState","_useState2","setSelected","onClick","prevActive","ProfileVariant","compact","undefined","PillWithPopover","Fragment","Popover","placement","popover","_ref","anchorRef","onVisible","ref"],"sources":["../../../src/elements/Pill/Pill.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Flex } from \"../Flex\"\nimport { Spacer } from \"../Spacer\"\nimport { Pill, PillProps, PillVariant, PILL_VARIANT_NAMES } from \"./Pill\"\nimport { Box } from \"../Box\"\nimport { Join } from \"../Join\"\nimport GraphIcon from \"@artsy/icons/GraphIcon\"\nimport ChevronSmallDownIcon from \"@artsy/icons/ChevronSmallDownIcon\"\nimport styled from \"styled-components\"\nimport { Popover } from \"../Popover\"\n\nexport default {\n  title: \"Components/Pill\",\n}\n\nconst Display = styled(Box)``\nDisplay.displayName = \"Pill\"\n\nexport const Variants = () => {\n  return (\n    <States<PillProps>\n      states={PILL_VARIANT_NAMES.map((variant) => ({\n        variant: variant as PillVariant,\n      }))}\n    >\n      {(props) => (\n        <Display\n          p={1}\n          overflowX=\"auto\"\n          {...([\"primaryWhite\", \"secondaryWhite\"].includes(`${props.variant}`)\n            ? { bg: \"black100\", color: \"white100\" }\n            : { bg: \"white100\", color: \"black100\" })}\n        >\n          <Flex>\n            <Join separator={<Spacer x={2} />}>\n              <Pill {...props}>Default</Pill>\n\n              <Pill {...props} focus>\n                Focus\n              </Pill>\n\n              <Pill {...props} hover>\n                Hover\n              </Pill>\n\n              <Pill {...props} active>\n                Active\n              </Pill>\n\n              <Pill {...props} selected>\n                Selected\n              </Pill>\n\n              <Pill {...props} disabled>\n                Disabled\n              </Pill>\n            </Join>\n          </Flex>\n        </Display>\n      )}\n    </States>\n  )\n}\n\nexport const LinkExample = () => {\n  return (\n    <Pill\n      variant=\"profile\"\n      as=\"a\"\n      // TODO: Need a decent way of typing the threaded polymorphic `as` prop\n      // @ts-expect-error MIGRATE_STRICT_MODE\n      href=\"#example\"\n    >\n      Artist Name\n    </Pill>\n  )\n}\n\nexport const LongExampleWithTruncation = () => {\n  return (\n    <Pill maxWidth={300}>\n      Studio Museum in Harlem Artist-in-Residence (AIR) Program\n    </Pill>\n  )\n}\n\nexport const SearchWithCount = () => {\n  return (\n    <States<PillProps>\n      states={[\n        {},\n        { focus: true },\n        { hover: true },\n        { active: true },\n        { selected: true },\n        { disabled: true },\n      ]}\n    >\n      <Pill variant=\"search\" count={123}>\n        Artist Series\n      </Pill>\n    </States>\n  )\n}\n\nexport const ArtistWithImage = () => {\n  return (\n    <States<PillProps>\n      states={[\n        {},\n        { focus: true },\n        { hover: true },\n        { active: true },\n        { selected: true },\n        { disabled: true },\n      ]}\n    >\n      <Pill\n        variant=\"profile\"\n        src={[\n          \"https://picsum.photos/seed/isa/30/30\",\n          \"https://picsum.photos/seed/isa/60/60\",\n        ]}\n      >\n        Isa Genzken\n      </Pill>\n    </States>\n  )\n}\n\nexport const PillWithIcon = () => {\n  return (\n    <States<PillProps>\n      states={[\n        {\n          iconPosition: \"right\",\n          Icon: ChevronSmallDownIcon,\n          variant: \"default\",\n        },\n        {},\n        { focus: true },\n        { hover: true },\n        { active: true },\n        { selected: true },\n        { disabled: true },\n        { variant: \"search\" },\n        { variant: \"search\", focus: true },\n        { variant: \"search\", hover: true },\n        { variant: \"search\", active: true },\n        { variant: \"search\", selected: true },\n        { variant: \"search\", disabled: true },\n        { variant: \"filter\" },\n        { variant: \"filter\", focus: true },\n        { variant: \"filter\", hover: true },\n        { variant: \"filter\", active: true },\n        { variant: \"filter\", selected: true },\n        { variant: \"filter\", disabled: true },\n      ]}\n    >\n      <Pill variant=\"badge\" Icon={GraphIcon}>\n        Artist Series\n      </Pill>\n    </States>\n  )\n}\n\nexport const Demo = () => {\n  const [selected, setSelected] = useState(false)\n  return (\n    <Pill\n      selected={selected}\n      onClick={() => setSelected((prevActive) => !prevActive)}\n    >\n      Example\n    </Pill>\n  )\n}\n\nexport const ProfileVariant = () => {\n  return (\n    <States<PillProps>\n      states={[\n        { variant: \"profile\" },\n        { variant: \"profile\", compact: true },\n        { variant: \"profile\", src: undefined },\n      ]}\n    >\n      <Pill src=\"https://picsum.photos/seed/isa/60/60\">Isa Genzken</Pill>\n    </States>\n  )\n}\n\nexport const PillWithPopover = () => {\n  return (\n    <>\n      <Popover placement=\"bottom\" popover={<>Content</>}>\n        {({ anchorRef, onVisible }) => (\n          <Pill ref={anchorRef as any} onClick={() => onVisible()}>\n            Example\n          </Pill>\n        )}\n      </Popover>\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/elements/Pill/tokens.js

@@ -50,7 +50,7 @@ var PILL_VARIANTS = {
   profile: _objectSpread(_objectSpread({}, DEFAULT_STATES), {}, {
     default: (0, _styledComponents.css)(["border-radius:25px;height:50px;padding:0 ", " 0 ", ";background-color:", ";border-color:", ";"], (0, _themeGet.themeGet)("space.2"), (0, _themeGet.themeGet)("space.2"), (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black5")),
     active: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";text-decoration:underline;"], (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black100")),
-    selected: (0, _styledComponents.css)(["border-color:", ";color:", ";background-color:", ";border-color:", ";"], (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.blue100")),
+    selected: (0, _styledComponents.css)(["border-color:", ";color:", ";background-color:", ";border-color:", ";"], (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black5")),
     disabled: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black60"))
   }),
   gray: {
@@ -58,7 +58,7 @@ var PILL_VARIANTS = {
     hover: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";text-decoration:underline;"], (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.blue100")),
     focus: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";text-decoration:underline;"], (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.blue100")),
     active: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";text-decoration:underline;"], (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black100")),
-    selected: (0, _styledComponents.css)(["border-color:", ";color:", ";background-color:", ";border-color:", ";"], (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.blue100")),
+    selected: (0, _styledComponents.css)(["border-color:", ";color:", ";background-color:", ";border-color:", ";"], (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black5")),
     disabled: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black5"), (0, _themeGet.themeGet)("colors.black60"))
   }
 };

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

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","_Sup","_typeof","obj","Symbol","iterator","constructor","prototype","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","call","TypeError","Number","DEFAULT_STATES","default","css","themeGet","focus","hover","active","selected","disabled","PILL_VARIANTS","search","Sup","badge","profile","gray","exports"],"sources":["../../../src/elements/Pill/tokens.ts"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css, FlattenInterpolation } from \"styled-components\"\nimport { Sup } from \"../Sup\"\nimport { PillState, PillVariant } from \"./Pill\"\n\nconst DEFAULT_STATES = {\n  default: css`\n    border-radius: 15px;\n    height: 30px;\n    padding: 0 ${themeGet(\"space.2\")};\n  `,\n  focus: css`\n    background-color: ${themeGet(\"colors.black5\")};\n    border-color: ${themeGet(\"colors.black5\")};\n    color: ${themeGet(\"colors.blue100\")};\n    text-decoration: underline;\n  `,\n  hover: css`\n    background-color: ${themeGet(\"colors.black5\")};\n    border-color: ${themeGet(\"colors.black5\")};\n    color: ${themeGet(\"colors.blue100\")};\n    text-decoration: underline;\n  `,\n  active: css`\n    border-color: ${themeGet(\"colors.blue150\")};\n    background-color: ${themeGet(\"colors.blue150\")};\n    color: ${themeGet(\"colors.white100\")};\n    text-decoration: underline;\n  `,\n  selected: css`\n    border-color: ${themeGet(\"colors.blue100\")};\n    background-color: ${themeGet(\"colors.blue100\")};\n    color: ${themeGet(\"colors.white100\")};\n  `,\n  disabled: css`\n    background-color: ${themeGet(\"colors.black5\")};\n    border-color: ${themeGet(\"colors.black5\")};\n    color: ${themeGet(\"colors.black60\")};\n    text-decoration: none;\n  `,\n}\n\nexport const PILL_VARIANTS: Record<\n  PillVariant,\n  Record<PillState, FlattenInterpolation<any>[]>\n> = {\n  default: DEFAULT_STATES,\n\n  search: {\n    ...DEFAULT_STATES,\n    default: css`\n      ${DEFAULT_STATES.default}\n\n      ${Sup} {\n        color: ${themeGet(\"colors.blue100\")};\n        transition: color 0.25s ease;\n        display: none;\n      }\n\n      @media (min-width: ${themeGet(\"breakpoints.0\")}) {\n        height: 40px;\n        border-radius: 20px;\n\n        ${Sup} {\n          display: inline;\n        }\n      }\n    `,\n    focus: css`\n      ${DEFAULT_STATES.focus}\n      text-decoration: none;\n\n      span {\n        text-decoration: underline;\n      }\n    `,\n    hover: css`\n      ${DEFAULT_STATES.hover}\n      text-decoration: none;\n\n      span {\n        text-decoration: underline;\n      }\n\n      ${Sup} {\n        color: ${themeGet(\"colors.blue100\")};\n      }\n    `,\n    active: css`\n      ${DEFAULT_STATES.active}\n      text-decoration: none;\n\n      span {\n        text-decoration: underline;\n      }\n\n      ${Sup} {\n        color: ${themeGet(\"colors.white100\")};\n      }\n    `,\n    selected: css`\n      ${DEFAULT_STATES.selected}\n\n      ${Sup} {\n        color: ${themeGet(\"colors.white100\")};\n      }\n    `,\n    disabled: css`\n      ${DEFAULT_STATES.disabled}\n\n      ${Sup} {\n        color: ${themeGet(\"colors.black60\")};\n      }\n    `,\n  },\n\n  filter: {\n    default: css`\n      height: 30px;\n      padding: 0 ${themeGet(\"space.1\")};\n    `,\n    focus: css`\n      text-decoration: underline;\n    `,\n    hover: css`\n      color: ${themeGet(\"colors.blue100\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n      text-decoration: underline;\n    `,\n    active: css`\n      color: ${themeGet(\"colors.blue150\")};\n      border-color: ${themeGet(\"colors.blue150\")};\n      text-decoration: underline;\n    `,\n    selected: css`\n      /* Same as default state */\n    `,\n    disabled: css`\n      border-color: ${themeGet(\"colors.black60\")};\n    `,\n  },\n\n  badge: {\n    default: css`\n      border-radius: 15px;\n      height: 30px;\n      padding: 0 15px;\n      background-color: ${themeGet(\"colors.blue10\")};\n      border-color: ${themeGet(\"colors.blue10\")};\n      color: ${themeGet(\"colors.blue100\")};\n    `,\n    hover: css`\n      background-color: ${themeGet(\"colors.blue100\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.white100\")};\n      text-decoration: underline;\n    `,\n    focus: css`\n      background-color: ${themeGet(\"colors.blue100\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.white100\")};\n      text-decoration: underline;\n    `,\n    active: css`\n      background-color: ${themeGet(\"colors.blue150\")};\n      border-color: ${themeGet(\"colors.blue150\")};\n      color: ${themeGet(\"colors.white100\")};\n      text-decoration: underline;\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.blue150\")};\n      border-color: ${themeGet(\"colors.blue150\")};\n      color: ${themeGet(\"colors.white100\")};\n      text-decoration: underline;\n    `,\n    disabled: css`\n      background-color: ${themeGet(\"colors.blue10\")};\n      border-color: ${themeGet(\"colors.blue10\")};\n      color: ${themeGet(\"colors.blue100\")};\n    `,\n  },\n\n  profile: {\n    ...DEFAULT_STATES,\n    default: css`\n      border-radius: 25px;\n      height: 50px;\n      padding: 0 ${themeGet(\"space.2\")} 0 ${themeGet(\"space.2\")};\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n    `,\n    active: css`\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n      color: ${themeGet(\"colors.black100\")};\n      text-decoration: underline;\n    `,\n    selected: css`\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.black100\")};\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n    `,\n    disabled: css`\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n      color: ${themeGet(\"colors.black60\")};\n    `,\n  },\n\n  gray: {\n    default: css`\n      border-radius: 15px;\n      height: 30px;\n      padding: 0 15px;\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n      color: ${themeGet(\"colors.black100\")};\n    `,\n    hover: css`\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n      color: ${themeGet(\"colors.blue100\")};\n      text-decoration: underline;\n    `,\n    focus: css`\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n      color: ${themeGet(\"colors.blue100\")};\n      text-decoration: underline;\n    `,\n    active: css`\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n      color: ${themeGet(\"colors.black100\")};\n      text-decoration: underline;\n    `,\n    selected: css`\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.black100\")};\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n    `,\n    disabled: css`\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n      color: ${themeGet(\"colors.black60\")};\n    `,\n  },\n}\n"],"mappings":"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"}
+{"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","_Sup","_typeof","obj","Symbol","iterator","constructor","prototype","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","call","TypeError","Number","DEFAULT_STATES","default","css","themeGet","focus","hover","active","selected","disabled","PILL_VARIANTS","search","Sup","badge","profile","gray","exports"],"sources":["../../../src/elements/Pill/tokens.ts"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css, FlattenInterpolation } from \"styled-components\"\nimport { Sup } from \"../Sup\"\nimport { PillState, PillVariant } from \"./Pill\"\n\nconst DEFAULT_STATES = {\n  default: css`\n    border-radius: 15px;\n    height: 30px;\n    padding: 0 ${themeGet(\"space.2\")};\n  `,\n  focus: css`\n    background-color: ${themeGet(\"colors.black5\")};\n    border-color: ${themeGet(\"colors.black5\")};\n    color: ${themeGet(\"colors.blue100\")};\n    text-decoration: underline;\n  `,\n  hover: css`\n    background-color: ${themeGet(\"colors.black5\")};\n    border-color: ${themeGet(\"colors.black5\")};\n    color: ${themeGet(\"colors.blue100\")};\n    text-decoration: underline;\n  `,\n  active: css`\n    border-color: ${themeGet(\"colors.blue150\")};\n    background-color: ${themeGet(\"colors.blue150\")};\n    color: ${themeGet(\"colors.white100\")};\n    text-decoration: underline;\n  `,\n  selected: css`\n    border-color: ${themeGet(\"colors.blue100\")};\n    background-color: ${themeGet(\"colors.blue100\")};\n    color: ${themeGet(\"colors.white100\")};\n  `,\n  disabled: css`\n    background-color: ${themeGet(\"colors.black5\")};\n    border-color: ${themeGet(\"colors.black5\")};\n    color: ${themeGet(\"colors.black60\")};\n    text-decoration: none;\n  `,\n}\n\nexport const PILL_VARIANTS: Record<\n  PillVariant,\n  Record<PillState, FlattenInterpolation<any>[]>\n> = {\n  default: DEFAULT_STATES,\n\n  search: {\n    ...DEFAULT_STATES,\n    default: css`\n      ${DEFAULT_STATES.default}\n\n      ${Sup} {\n        color: ${themeGet(\"colors.blue100\")};\n        transition: color 0.25s ease;\n        display: none;\n      }\n\n      @media (min-width: ${themeGet(\"breakpoints.0\")}) {\n        height: 40px;\n        border-radius: 20px;\n\n        ${Sup} {\n          display: inline;\n        }\n      }\n    `,\n    focus: css`\n      ${DEFAULT_STATES.focus}\n      text-decoration: none;\n\n      span {\n        text-decoration: underline;\n      }\n    `,\n    hover: css`\n      ${DEFAULT_STATES.hover}\n      text-decoration: none;\n\n      span {\n        text-decoration: underline;\n      }\n\n      ${Sup} {\n        color: ${themeGet(\"colors.blue100\")};\n      }\n    `,\n    active: css`\n      ${DEFAULT_STATES.active}\n      text-decoration: none;\n\n      span {\n        text-decoration: underline;\n      }\n\n      ${Sup} {\n        color: ${themeGet(\"colors.white100\")};\n      }\n    `,\n    selected: css`\n      ${DEFAULT_STATES.selected}\n\n      ${Sup} {\n        color: ${themeGet(\"colors.white100\")};\n      }\n    `,\n    disabled: css`\n      ${DEFAULT_STATES.disabled}\n\n      ${Sup} {\n        color: ${themeGet(\"colors.black60\")};\n      }\n    `,\n  },\n\n  filter: {\n    default: css`\n      height: 30px;\n      padding: 0 ${themeGet(\"space.1\")};\n    `,\n    focus: css`\n      text-decoration: underline;\n    `,\n    hover: css`\n      color: ${themeGet(\"colors.blue100\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n      text-decoration: underline;\n    `,\n    active: css`\n      color: ${themeGet(\"colors.blue150\")};\n      border-color: ${themeGet(\"colors.blue150\")};\n      text-decoration: underline;\n    `,\n    selected: css`\n      /* Same as default state */\n    `,\n    disabled: css`\n      border-color: ${themeGet(\"colors.black60\")};\n    `,\n  },\n\n  badge: {\n    default: css`\n      border-radius: 15px;\n      height: 30px;\n      padding: 0 15px;\n      background-color: ${themeGet(\"colors.blue10\")};\n      border-color: ${themeGet(\"colors.blue10\")};\n      color: ${themeGet(\"colors.blue100\")};\n    `,\n    hover: css`\n      background-color: ${themeGet(\"colors.blue100\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.white100\")};\n      text-decoration: underline;\n    `,\n    focus: css`\n      background-color: ${themeGet(\"colors.blue100\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.white100\")};\n      text-decoration: underline;\n    `,\n    active: css`\n      background-color: ${themeGet(\"colors.blue150\")};\n      border-color: ${themeGet(\"colors.blue150\")};\n      color: ${themeGet(\"colors.white100\")};\n      text-decoration: underline;\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.blue150\")};\n      border-color: ${themeGet(\"colors.blue150\")};\n      color: ${themeGet(\"colors.white100\")};\n      text-decoration: underline;\n    `,\n    disabled: css`\n      background-color: ${themeGet(\"colors.blue10\")};\n      border-color: ${themeGet(\"colors.blue10\")};\n      color: ${themeGet(\"colors.blue100\")};\n    `,\n  },\n\n  profile: {\n    ...DEFAULT_STATES,\n    default: css`\n      border-radius: 25px;\n      height: 50px;\n      padding: 0 ${themeGet(\"space.2\")} 0 ${themeGet(\"space.2\")};\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n    `,\n    active: css`\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n      color: ${themeGet(\"colors.black100\")};\n      text-decoration: underline;\n    `,\n    selected: css`\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.black100\")};\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n    `,\n    disabled: css`\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n      color: ${themeGet(\"colors.black60\")};\n    `,\n  },\n\n  gray: {\n    default: css`\n      border-radius: 15px;\n      height: 30px;\n      padding: 0 15px;\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n      color: ${themeGet(\"colors.black100\")};\n    `,\n    hover: css`\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n      color: ${themeGet(\"colors.blue100\")};\n      text-decoration: underline;\n    `,\n    focus: css`\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n      color: ${themeGet(\"colors.blue100\")};\n      text-decoration: underline;\n    `,\n    active: css`\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n      color: ${themeGet(\"colors.black100\")};\n      text-decoration: underline;\n    `,\n    selected: css`\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.black100\")};\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n    `,\n    disabled: css`\n      background-color: ${themeGet(\"colors.black5\")};\n      border-color: ${themeGet(\"colors.black5\")};\n      color: ${themeGet(\"colors.black60\")};\n    `,\n  },\n}\n"],"mappings":"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"}

package/dist/elements/Select/Select.js

@@ -133,7 +133,7 @@ var Container = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "Select__Container",
   componentId: "sc-1weszjl-0"
 })(["position:relative;width:100%;> select{", ";width:100%;padding:0 24px 0 ", ";font-family:", ";border:1px solid;border-radius:3px;border-color:", ";cursor:pointer;line-height:1;transition:color 0.25s,background-color 0.25s,border-color 0.25s;", ";}", ""], resetMixin, (0, _themeGet.themeGet)("space.1"), (0, _themeGet.themeGet)("fonts.sans"), (0, _themeGet.themeGet)("colors.black30"), function (props) {
-  return (0, _styledComponents.css)(["", " ", " ", " ", " ", " &:hover{", "}&:focus{", "}&:disabled{cursor:default;", "}&:not(:focus):not(:has(option[value=\"\"]:checked)){", " ", "}", " &:not(:focus):has(option[value=\"\"]:checked){", "}", ""], _tokens.SELECT_STATES.default, props.hover && _tokens.SELECT_STATES.hover, props.focus && _tokens.SELECT_STATES.focus, props.disabled && _tokens.SELECT_STATES.disabled, props.error && _tokens.SELECT_STATES.error, _tokens.SELECT_STATES.hover, _tokens.SELECT_STATES.focus, _tokens.SELECT_STATES.disabled, !(props.disabled || props.focus) && _tokens.SELECT_STATES.completed, props.error && _tokens.SELECT_STATES.error, !props.focus && !!props.optionSelected && (0, _styledComponents.css)(["", " ", ""], !(props.disabled || props.focus) && _tokens.SELECT_STATES.completed, props.error && _tokens.SELECT_STATES.error), props.title && (0, _styledComponents.css)(["color:transparent;"]), !props.focus && !props.optionSelected && props.title && (0, _styledComponents.css)(["color:transparent !important;"]));
+  return (0, _styledComponents.css)(["", " ", " ", " ", " ", " &:hover{", "}&:focus{", "}&:disabled{cursor:default;", "}&:not(:focus):not(:has(option[value=\"\"]:checked)){", " ", "}&:not(:focus){", "}&:not(:focus):has(option[value=\"\"]:checked){", "}&:not(:focus){", "}"], _tokens.SELECT_STATES.default, props.hover && _tokens.SELECT_STATES.hover, props.focus && _tokens.SELECT_STATES.focus, props.disabled && _tokens.SELECT_STATES.disabled, props.error && _tokens.SELECT_STATES.error, _tokens.SELECT_STATES.hover, _tokens.SELECT_STATES.focus, _tokens.SELECT_STATES.disabled, !(props.disabled || props.focus) && _tokens.SELECT_STATES.completed, props.error && _tokens.SELECT_STATES.error, !!props.optionSelected && (0, _styledComponents.css)(["", " ", ""], !(props.disabled || props.focus) && _tokens.SELECT_STATES.completed, props.error && _tokens.SELECT_STATES.error), props.title && (0, _styledComponents.css)(["color:transparent;"]), props.title && !props.optionSelected && (0, _styledComponents.css)(["color:transparent;"]));
 }, caretMixin);
 var StyledLabel = _styledComponents.default.label.withConfig({
   displayName: "Select__StyledLabel",

package/dist/elements/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["_themeGet","require","_react","_interopRequireWildcard","_styledComponents","_helpers","_RequiredField","_Box","_Text","_Tooltip","_tokens","_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","Select","forwardRef","_ref","ref","description","disabled","error","focus","hover","id","options","required","selected","title","onSelect","onChange","rest","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","selectProps","_useState","useState","_useState2","selectedOption","setSelectedOption","_useState3","_useState4","isFocused","setIsFocused","_useState5","_useState6","isHovered","setIsHovered","createElement","Box","width","Tooltip","pointer","content","placement","Text","variant","color","textAlign","Container","onMouseEnter","onMouseLeave","onFocus","onBlur","optionSelected","event","map","_ref2","text","StyledLabel","htmlFor","RequiredField","mt","ml","exports","displayName","resetMixin","css","caretMixin","themeGet","_ref3","styled","withConfig","componentId","props","SELECT_STATES","completed","label","FORM_ELEMENT_TRANSITION"],"sources":["../../../src/elements/Select/Select.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, {\n  forwardRef,\n  ForwardRefExoticComponent,\n  Ref,\n  useState,\n} from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { FORM_ELEMENT_TRANSITION } from \"../../helpers\"\nimport { RequiredField } from \"../../shared/RequiredField\"\nimport { Box, BoxProps, splitBoxProps } from \"../Box\"\nimport { Text } from \"../Text\"\nimport { Tooltip } from \"../Tooltip\"\nimport { SELECT_STATES } from \"./tokens\"\n\nexport interface Option {\n  value: string\n  text: string\n}\n\nexport interface SelectProps\n  extends BoxProps,\n    Omit<React.SelectHTMLAttributes<HTMLSelectElement>, \"onSelect\" | \"size\"> {\n  description?: string\n  disabled?: boolean\n  error?: string | boolean\n  focus?: boolean\n  hover?: boolean\n  name?: string\n  options: Option[]\n  required?: boolean\n  selected?: string\n  title?: string\n  onSelect?: (value: string) => void\n}\n\n/** A drop-down select menu */\nexport const Select: ForwardRefExoticComponent<\n  SelectProps & { ref?: Ref<HTMLElement> }\n> = forwardRef(\n  (\n    {\n      description,\n      disabled,\n      error,\n      focus,\n      hover,\n      id,\n      name,\n      options,\n      required,\n      selected,\n      title,\n      onSelect,\n      onChange,\n      value,\n      ...rest\n    },\n    ref\n  ) => {\n    const [boxProps, selectProps] = splitBoxProps(rest)\n    // due to :has not available in Firefox yet, we need to add the styles to the label using JS\n    const [selectedOption, setSelectedOption] = useState(selected || value)\n    const [isFocused, setIsFocused] = useState(false)\n    const [isHovered, setIsHovered] = useState(false)\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        <Container\n          disabled={!!disabled}\n          hover={!!hover || isHovered}\n          error={error!}\n          focus={!!focus || isFocused}\n          title={title}\n          onMouseEnter={() => setIsHovered(true)}\n          onMouseLeave={() => setIsHovered(false)}\n          onFocus={() => setIsFocused(true)}\n          onBlur={() => setIsFocused(false)}\n          optionSelected={!!selectedOption}\n        >\n          <select\n            ref={ref as any}\n            id={id}\n            disabled={disabled}\n            name={name}\n            value={selected || value}\n            onChange={(event) => {\n              onSelect && onSelect(event.target.value)\n              onChange && onChange(event)\n              setSelectedOption(event.target.value)\n            }}\n            {...selectProps}\n          >\n            {options.map(({ value, text }) => {\n              return (\n                <option value={value} key={value}>\n                  {text}\n                </option>\n              )\n            })}\n          </select>\n\n          {!!title && (\n            <StyledLabel htmlFor={id}>\n              {title}\n\n              <span />\n            </StyledLabel>\n          )}\n        </Container>\n\n        {required && !(error && typeof error === \"string\") && (\n          <RequiredField mt={0.5} ml={1} />\n        )}\n\n        {error && typeof error === \"string\" && (\n          <Text variant=\"xs\" mt={0.5} ml={1} color=\"red100\">\n            {error}\n          </Text>\n        )}\n      </Box>\n    )\n  }\n)\n\nSelect.displayName = \"Select\"\n\nconst resetMixin = css`\n  appearance: none;\n  background: none;\n  border: none;\n  outline: 0;\n  text-indent: 0.01px;\n  text-overflow: \"\";\n  border-radius: 0;\n\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 black;\n  }\n\n  option:not(:checked) {\n    color: black; /* prevent <option>s from becoming transparent as well */\n  }\n`\n\n/** Creates a small caret */\nexport const caretMixin = css`\n  &::after {\n    content: \"\";\n    cursor: inherit;\n    width: 0;\n    height: 0;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    right: ${themeGet(\"space.1\")};\n    pointer-events: none;\n    border-left: 4px solid transparent;\n    border-right: 4px solid transparent;\n    border-top: 4px solid\n      ${({ disabled }) => {\n        return disabled\n          ? themeGet(\"colors.black10\")\n          : themeGet(\"colors.black100\")\n      }};\n  }\n`\n\ntype ContainerProps = Required<\n  Pick<SelectProps, \"disabled\" | \"error\" | \"hover\" | \"focus\">\n  // adding optionSelected here to use it locally without adding it to the Select's props\n> & { optionSelected: boolean }\n\nconst Container = styled(Box)<ContainerProps>`\n  position: relative;\n  width: 100%;\n\n  > select {\n    ${resetMixin};\n    width: 100%;\n    /* 24px = space.1 + 4px-wide caret + space.1 */\n    padding: 0 24px 0 ${themeGet(\"space.1\")};\n    font-family: ${themeGet(\"fonts.sans\")};\n    border: 1px solid;\n    border-radius: 3px;\n    border-color: ${themeGet(\"colors.black30\")};\n    cursor: pointer;\n    line-height: 1;\n    transition: color 0.25s, background-color 0.25s, border-color 0.25s;\n\n    ${(props) => {\n      return css`\n        ${SELECT_STATES.default}\n\n        ${props.hover && SELECT_STATES.hover}\n        ${props.focus && SELECT_STATES.focus}\n        ${props.disabled && SELECT_STATES.disabled}\n        ${props.error && SELECT_STATES.error}\n\n        &:hover {\n          ${SELECT_STATES.hover}\n        }\n\n        &:focus {\n          ${SELECT_STATES.focus}\n        }\n\n        &:disabled {\n          cursor: default;\n          ${SELECT_STATES.disabled}\n        }\n\n        &:not(:focus):not(:has(option[value=\"\"]:checked)) {\n          ${!(props.disabled || props.focus) && SELECT_STATES.completed}\n          ${props.error && SELECT_STATES.error}\n        }\n\n        // Firefox polyfill for :has\n        ${!props.focus &&\n        !!props.optionSelected &&\n        css`\n          ${!(props.disabled || props.focus) && SELECT_STATES.completed}\n          ${props.error && SELECT_STATES.error}\n        `}\n\n        &:not(:focus):has(option[value=\"\"]:checked) {\n          ${props.title &&\n          css`\n            color: transparent;\n          `}\n        }\n\n        // Firefox polyfill for :has\n        ${!props.focus &&\n        !props.optionSelected &&\n        props.title &&\n        css`\n          color: transparent !important;\n        `}\n      `\n    }};\n  }\n\n  ${caretMixin}\n`\n\nconst StyledLabel = styled.label`\n  position: absolute;\n  top: 50%;\n  left: 5px;\n  padding: 0 5px;\n  pointer-events: none;\n  transform: translateY(-50%);\n  transition: ${FORM_ELEMENT_TRANSITION};\n  transition-property: color, font-size, transform;\n  background-color: transparent;\n  font-family: ${themeGet(\"fonts.sans\")};\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":";;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAMA,IAAAG,iBAAA,GAAAD,uBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,OAAA,GAAAT,OAAA;AAAwC,IAAAU,SAAA;AAAA,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAV,wBAAAc,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAZ,GAAA,QAAAY,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAY,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,GAAA,EAAAY,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAZ,GAAA,CAAAY,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,eAAAC,GAAA,EAAAN,CAAA,WAAAO,eAAA,CAAAD,GAAA,KAAAE,qBAAA,CAAAF,GAAA,EAAAN,CAAA,KAAAS,2BAAA,CAAAH,GAAA,EAAAN,CAAA,KAAAU,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAA5B,MAAA,CAAAI,SAAA,CAAAyB,QAAA,CAAAvB,IAAA,CAAAmB,CAAA,EAAAK,KAAA,aAAAF,CAAA,iBAAAH,CAAA,CAAAM,WAAA,EAAAH,CAAA,GAAAH,CAAA,CAAAM,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAK,KAAA,CAAAC,IAAA,CAAAT,CAAA,OAAAG,CAAA,+DAAAO,IAAA,CAAAP,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAR,GAAA,EAAAiB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAjB,GAAA,CAAAJ,MAAA,EAAAqB,GAAA,GAAAjB,GAAA,CAAAJ,MAAA,WAAAF,CAAA,MAAAwB,IAAA,OAAAJ,KAAA,CAAAG,GAAA,GAAAvB,CAAA,GAAAuB,GAAA,EAAAvB,CAAA,MAAAwB,IAAA,CAAAxB,CAAA,IAAAM,GAAA,CAAAN,CAAA,YAAAwB,IAAA;AAAA,SAAAhB,sBAAAF,GAAA,EAAAN,CAAA,QAAAyB,EAAA,WAAAnB,GAAA,gCAAAoB,MAAA,IAAApB,GAAA,CAAAoB,MAAA,CAAAC,QAAA,KAAArB,GAAA,4BAAAmB,EAAA,QAAAG,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAL,EAAA,GAAAA,EAAA,CAAAhC,IAAA,CAAAa,GAAA,GAAA6B,IAAA,QAAAnC,CAAA,QAAAb,MAAA,CAAAsC,EAAA,MAAAA,EAAA,UAAAQ,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAArC,IAAA,CAAAgC,EAAA,GAAAW,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAA9B,MAAA,KAAAF,CAAA,GAAAiC,EAAA,sBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAR,EAAA,CAAAe,MAAA,KAAAT,EAAA,GAAAN,EAAA,CAAAe,MAAA,IAAArD,MAAA,CAAA4C,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAAzB,gBAAAD,GAAA,QAAAc,KAAA,CAAAqB,OAAA,CAAAnC,GAAA,UAAAA,GAAA;AAAA,SAAAoC,yBAAAvC,MAAA,EAAAwC,QAAA,QAAAxC,MAAA,yBAAAJ,MAAA,GAAA6C,6BAAA,CAAAzC,MAAA,EAAAwC,QAAA,OAAArD,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAA0D,qBAAA,QAAAC,gBAAA,GAAA3D,MAAA,CAAA0D,qBAAA,CAAA1C,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAA8C,gBAAA,CAAA5C,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAwD,gBAAA,CAAA9C,CAAA,OAAA2C,QAAA,CAAAI,OAAA,CAAAzD,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAyD,oBAAA,CAAAvD,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAA6C,8BAAAzC,MAAA,EAAAwC,QAAA,QAAAxC,MAAA,yBAAAJ,MAAA,WAAAkD,UAAA,GAAA9D,MAAA,CAAA+D,IAAA,CAAA/C,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAiD,UAAA,CAAA/C,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAA2D,UAAA,CAAAjD,CAAA,OAAA2C,QAAA,CAAAI,OAAA,CAAAzD,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AAuBxC;AACO,IAAMoD,MAEZ,gBAAG,IAAAC,iBAAU,EACZ,UAAAC,IAAA,EAkBEC,GAAG,EACA;EAAA,IAjBDC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,EAAE,GAAAP,IAAA,CAAFO,EAAE;IACFzC,IAAI,GAAAkC,IAAA,CAAJlC,IAAI;IACJ0C,OAAO,GAAAR,IAAA,CAAPQ,OAAO;IACPC,QAAQ,GAAAT,IAAA,CAARS,QAAQ;IACRC,QAAQ,GAAAV,IAAA,CAARU,QAAQ;IACRC,KAAK,GAAAX,IAAA,CAALW,KAAK;IACLC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;IACRC,SAAQ,GAAAb,IAAA,CAARa,QAAQ;IACR5B,KAAK,GAAAe,IAAA,CAALf,KAAK;IACF6B,IAAI,GAAAzB,wBAAA,CAAAW,IAAA,EAAAjF,SAAA;EAIT,IAAAgG,cAAA,GAAgC,IAAAC,kBAAa,EAACF,IAAI,CAAC;IAAAG,eAAA,GAAAjE,cAAA,CAAA+D,cAAA;IAA5CG,QAAQ,GAAAD,eAAA;IAAEE,WAAW,GAAAF,eAAA;EAC5B;EACA,IAAAG,SAAA,GAA4C,IAAAC,eAAQ,EAACX,QAAQ,IAAIzB,KAAK,CAAC;IAAAqC,UAAA,GAAAtE,cAAA,CAAAoE,SAAA;IAAhEG,cAAc,GAAAD,UAAA;IAAEE,iBAAiB,GAAAF,UAAA;EACxC,IAAAG,UAAA,GAAkC,IAAAJ,eAAQ,EAAC,KAAK,CAAC;IAAAK,UAAA,GAAA1E,cAAA,CAAAyE,UAAA;IAA1CE,SAAS,GAAAD,UAAA;IAAEE,YAAY,GAAAF,UAAA;EAC9B,IAAAG,UAAA,GAAkC,IAAAR,eAAQ,EAAC,KAAK,CAAC;IAAAS,UAAA,GAAA9E,cAAA,CAAA6E,UAAA;IAA1CE,SAAS,GAAAD,UAAA;IAAEE,YAAY,GAAAF,UAAA;EAE9B,oBACExH,MAAA,CAAAkB,OAAA,CAAAyG,aAAA,CAACtH,IAAA,CAAAuH,GAAG,EAAA3F,QAAA;IAAC4F,KAAK,EAAC;EAAM,GAAKjB,QAAQ,GAC3B,CAAC,CAAChB,WAAW,iBACZ5F,MAAA,CAAAkB,OAAA,CAAAyG,aAAA,CAACpH,QAAA,CAAAuH,OAAO;IAACC,OAAO;IAACC,OAAO,EAAEpC,WAAY;IAACqC,SAAS,EAAC;EAAS,gBACxDjI,MAAA,CAAAkB,OAAA,CAAAyG,aAAA,CAACrH,KAAA,CAAA4H,IAAI;IAACC,OAAO,EAAC,IAAI;IAACC,KAAK,EAAC,SAAS;IAACC,SAAS,EAAC;EAAO,gBAClDrI,MAAA,CAAAkB,OAAA,CAAAyG,aAAA,YAAG,eAAa,CAAI,CACf,CAEV,eAED3H,MAAA,CAAAkB,OAAA,CAAAyG,aAAA,CAACW,SAAS;IACRzC,QAAQ,EAAE,CAAC,CAACA,QAAS;IACrBG,KAAK,EAAE,CAAC,CAACA,KAAK,IAAIyB,SAAU;IAC5B3B,KAAK,EAAEA,KAAO;IACdC,KAAK,EAAE,CAAC,CAACA,KAAK,IAAIsB,SAAU;IAC5BhB,KAAK,EAAEA,KAAM;IACbkC,YAAY,EAAE,SAAAA,aAAA;MAAA,OAAMb,YAAY,CAAC,IAAI,CAAC;IAAA,CAAC;IACvCc,YAAY,EAAE,SAAAA,aAAA;MAAA,OAAMd,YAAY,CAAC,KAAK,CAAC;IAAA,CAAC;IACxCe,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMnB,YAAY,CAAC,IAAI,CAAC;IAAA,CAAC;IAClCoB,MAAM,EAAE,SAAAA,OAAA;MAAA,OAAMpB,YAAY,CAAC,KAAK,CAAC;IAAA,CAAC;IAClCqB,cAAc,EAAE,CAAC,CAAC1B;EAAe,gBAEjCjH,MAAA,CAAAkB,OAAA,CAAAyG,aAAA,WAAA1F,QAAA;IACE0D,GAAG,EAAEA,GAAW;IAChBM,EAAE,EAAEA,EAAG;IACPJ,QAAQ,EAAEA,QAAS;IACnBrC,IAAI,EAAEA,IAAK;IACXmB,KAAK,EAAEyB,QAAQ,IAAIzB,KAAM;IACzB4B,QAAQ,EAAE,SAAAA,SAACqC,KAAK,EAAK;MACnBtC,QAAQ,IAAIA,QAAQ,CAACsC,KAAK,CAACxG,MAAM,CAACuC,KAAK,CAAC;MACxC4B,SAAQ,IAAIA,SAAQ,CAACqC,KAAK,CAAC;MAC3B1B,iBAAiB,CAAC0B,KAAK,CAACxG,MAAM,CAACuC,KAAK,CAAC;IACvC;EAAE,GACEkC,WAAW,GAEdX,OAAO,CAAC2C,GAAG,CAAC,UAAAC,KAAA,EAAqB;IAAA,IAAlBnE,KAAK,GAAAmE,KAAA,CAALnE,KAAK;MAAEoE,IAAI,GAAAD,KAAA,CAAJC,IAAI;IACzB,oBACE/I,MAAA,CAAAkB,OAAA,CAAAyG,aAAA;MAAQhD,KAAK,EAAEA,KAAM;MAAChD,GAAG,EAAEgD;IAAM,GAC9BoE,IAAI,CACE;EAEb,CAAC,CAAC,CACK,EAER,CAAC,CAAC1C,KAAK,iBACNrG,MAAA,CAAAkB,OAAA,CAAAyG,aAAA,CAACqB,WAAW;IAACC,OAAO,EAAEhD;EAAG,GACtBI,KAAK,eAENrG,MAAA,CAAAkB,OAAA,CAAAyG,aAAA,cAAQ,CAEX,CACS,EAEXxB,QAAQ,IAAI,EAAEL,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,CAAC,iBAChD9F,MAAA,CAAAkB,OAAA,CAAAyG,aAAA,CAACvH,cAAA,CAAA8I,aAAa;IAACC,EAAE,EAAE,GAAI;IAACC,EAAE,EAAE;EAAE,EAC/B,EAEAtD,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,iBACjC9F,MAAA,CAAAkB,OAAA,CAAAyG,aAAA,CAACrH,KAAA,CAAA4H,IAAI;IAACC,OAAO,EAAC,IAAI;IAACgB,EAAE,EAAE,GAAI;IAACC,EAAE,EAAE,CAAE;IAAChB,KAAK,EAAC;EAAQ,GAC9CtC,KAAK,CAET,CACG;AAEV,CAAC,CACF;AAAAuD,OAAA,CAAA7D,MAAA,GAAAA,MAAA;AAEDA,MAAM,CAAC8D,WAAW,GAAG,QAAQ;AAE7B,IAAMC,UAAU,OAAGC,qBAAG,iNAiBrB;;AAED;AACO,IAAMC,UAAU,OAAGD,qBAAG,kPAShB,IAAAE,kBAAQ,EAAC,SAAS,CAAC,EAKxB,UAAAC,KAAA,EAAkB;EAAA,IAAf9D,QAAQ,GAAA8D,KAAA,CAAR9D,QAAQ;EACX,OAAOA,QAAQ,GACX,IAAA6D,kBAAQ,EAAC,gBAAgB,CAAC,GAC1B,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC;AACjC,CAAC,CAEN;AAAAL,OAAA,CAAAI,UAAA,GAAAA,UAAA;AAOD,IAAMnB,SAAS,GAAG,IAAAsB,yBAAM,EAAChC,QAAG,CAAC,CAAAiC,UAAA;EAAAP,WAAA;EAAAQ,WAAA;AAAA,mQAKvBP,UAAU,EAGQ,IAAAG,kBAAQ,EAAC,SAAS,CAAC,EACxB,IAAAA,kBAAQ,EAAC,YAAY,CAAC,EAGrB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAKxC,UAACK,KAAK,EAAK;EACX,WAAOP,qBAAG,oNACNQ,qBAAa,CAAC9I,OAAO,EAErB6I,KAAK,CAAC/D,KAAK,IAAIgE,qBAAa,CAAChE,KAAK,EAClC+D,KAAK,CAAChE,KAAK,IAAIiE,qBAAa,CAACjE,KAAK,EAClCgE,KAAK,CAAClE,QAAQ,IAAImE,qBAAa,CAACnE,QAAQ,EACxCkE,KAAK,CAACjE,KAAK,IAAIkE,qBAAa,CAAClE,KAAK,EAGhCkE,qBAAa,CAAChE,KAAK,EAInBgE,qBAAa,CAACjE,KAAK,EAKnBiE,qBAAa,CAACnE,QAAQ,EAItB,EAAEkE,KAAK,CAAClE,QAAQ,IAAIkE,KAAK,CAAChE,KAAK,CAAC,IAAIiE,qBAAa,CAACC,SAAS,EAC3DF,KAAK,CAACjE,KAAK,IAAIkE,qBAAa,CAAClE,KAAK,EAIpC,CAACiE,KAAK,CAAChE,KAAK,IACd,CAAC,CAACgE,KAAK,CAACpB,cAAc,QACtBa,qBAAG,iBACC,EAAEO,KAAK,CAAClE,QAAQ,IAAIkE,KAAK,CAAChE,KAAK,CAAC,IAAIiE,qBAAa,CAACC,SAAS,EAC3DF,KAAK,CAACjE,KAAK,IAAIkE,qBAAa,CAAClE,KAAK,CACrC,EAGGiE,KAAK,CAAC1D,KAAK,QACbmD,qBAAG,yBAEF,EAID,CAACO,KAAK,CAAChE,KAAK,IACd,CAACgE,KAAK,CAACpB,cAAc,IACrBoB,KAAK,CAAC1D,KAAK,QACXmD,qBAAG,oCAEF;AAEL,CAAC,EAGDC,UAAU,CACb;AAED,IAAMT,WAAW,GAAGY,yBAAM,CAACM,KAAK,CAAAL,UAAA;EAAAP,WAAA;EAAAQ,WAAA;AAAA,yYAOhBK,gCAAuB,EAGtB,IAAAT,kBAAQ,EAAC,YAAY,CAAC,EAGf,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,EAQjCS,gCAAuB,CAIxC"}
+{"version":3,"file":"Select.js","names":["_themeGet","require","_react","_interopRequireWildcard","_styledComponents","_helpers","_RequiredField","_Box","_Text","_Tooltip","_tokens","_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","Select","forwardRef","_ref","ref","description","disabled","error","focus","hover","id","options","required","selected","title","onSelect","onChange","rest","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","selectProps","_useState","useState","_useState2","selectedOption","setSelectedOption","_useState3","_useState4","isFocused","setIsFocused","_useState5","_useState6","isHovered","setIsHovered","createElement","Box","width","Tooltip","pointer","content","placement","Text","variant","color","textAlign","Container","onMouseEnter","onMouseLeave","onFocus","onBlur","optionSelected","event","map","_ref2","text","StyledLabel","htmlFor","RequiredField","mt","ml","exports","displayName","resetMixin","css","caretMixin","themeGet","_ref3","styled","withConfig","componentId","props","SELECT_STATES","completed","label","FORM_ELEMENT_TRANSITION"],"sources":["../../../src/elements/Select/Select.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, {\n  forwardRef,\n  ForwardRefExoticComponent,\n  Ref,\n  useState,\n} from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { FORM_ELEMENT_TRANSITION } from \"../../helpers\"\nimport { RequiredField } from \"../../shared/RequiredField\"\nimport { Box, BoxProps, splitBoxProps } from \"../Box\"\nimport { Text } from \"../Text\"\nimport { Tooltip } from \"../Tooltip\"\nimport { SELECT_STATES } from \"./tokens\"\n\nexport interface Option {\n  value: string\n  text: string\n}\n\nexport interface SelectProps\n  extends BoxProps,\n    Omit<React.SelectHTMLAttributes<HTMLSelectElement>, \"onSelect\" | \"size\"> {\n  description?: string\n  disabled?: boolean\n  error?: string | boolean\n  focus?: boolean\n  hover?: boolean\n  name?: string\n  options: Option[]\n  required?: boolean\n  selected?: string\n  title?: string\n  onSelect?: (value: string) => void\n}\n\n/** A drop-down select menu */\nexport const Select: ForwardRefExoticComponent<\n  SelectProps & { ref?: Ref<HTMLElement> }\n> = forwardRef(\n  (\n    {\n      description,\n      disabled,\n      error,\n      focus,\n      hover,\n      id,\n      name,\n      options,\n      required,\n      selected,\n      title,\n      onSelect,\n      onChange,\n      value,\n      ...rest\n    },\n    ref\n  ) => {\n    const [boxProps, selectProps] = splitBoxProps(rest)\n    // due to :has not available in Firefox yet, we need to add the styles to the label using JS\n    const [selectedOption, setSelectedOption] = useState(selected || value)\n    const [isFocused, setIsFocused] = useState(false)\n    const [isHovered, setIsHovered] = useState(false)\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        <Container\n          disabled={!!disabled}\n          hover={!!hover || isHovered}\n          error={error!}\n          focus={!!focus || isFocused}\n          title={title}\n          onMouseEnter={() => setIsHovered(true)}\n          onMouseLeave={() => setIsHovered(false)}\n          onFocus={() => setIsFocused(true)}\n          onBlur={() => setIsFocused(false)}\n          optionSelected={!!selectedOption}\n        >\n          <select\n            ref={ref as any}\n            id={id}\n            disabled={disabled}\n            name={name}\n            value={selected || value}\n            onChange={(event) => {\n              onSelect && onSelect(event.target.value)\n              onChange && onChange(event)\n              setSelectedOption(event.target.value)\n            }}\n            {...selectProps}\n          >\n            {options.map(({ value, text }) => {\n              return (\n                <option value={value} key={value}>\n                  {text}\n                </option>\n              )\n            })}\n          </select>\n\n          {!!title && (\n            <StyledLabel htmlFor={id}>\n              {title}\n\n              <span />\n            </StyledLabel>\n          )}\n        </Container>\n\n        {required && !(error && typeof error === \"string\") && (\n          <RequiredField mt={0.5} ml={1} />\n        )}\n\n        {error && typeof error === \"string\" && (\n          <Text variant=\"xs\" mt={0.5} ml={1} color=\"red100\">\n            {error}\n          </Text>\n        )}\n      </Box>\n    )\n  }\n)\n\nSelect.displayName = \"Select\"\n\nconst resetMixin = css`\n  appearance: none;\n  background: none;\n  border: none;\n  outline: 0;\n  text-indent: 0.01px;\n  text-overflow: \"\";\n  border-radius: 0;\n\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 black;\n  }\n\n  option:not(:checked) {\n    color: black; /* prevent <option>s from becoming transparent as well */\n  }\n`\n\n/** Creates a small caret */\nexport const caretMixin = css`\n  &::after {\n    content: \"\";\n    cursor: inherit;\n    width: 0;\n    height: 0;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    right: ${themeGet(\"space.1\")};\n    pointer-events: none;\n    border-left: 4px solid transparent;\n    border-right: 4px solid transparent;\n    border-top: 4px solid\n      ${({ disabled }) => {\n        return disabled\n          ? themeGet(\"colors.black10\")\n          : themeGet(\"colors.black100\")\n      }};\n  }\n`\n\ntype ContainerProps = Required<\n  Pick<SelectProps, \"disabled\" | \"error\" | \"hover\" | \"focus\">\n  // adding optionSelected here to use it locally without adding it to the Select's props\n> & { optionSelected: boolean }\n\nconst Container = styled(Box)<ContainerProps>`\n  position: relative;\n  width: 100%;\n\n  > select {\n    ${resetMixin};\n    width: 100%;\n    /* 24px = space.1 + 4px-wide caret + space.1 */\n    padding: 0 24px 0 ${themeGet(\"space.1\")};\n    font-family: ${themeGet(\"fonts.sans\")};\n    border: 1px solid;\n    border-radius: 3px;\n    border-color: ${themeGet(\"colors.black30\")};\n    cursor: pointer;\n    line-height: 1;\n    transition: color 0.25s, background-color 0.25s, border-color 0.25s;\n\n    ${(props) => {\n      return css`\n        ${SELECT_STATES.default}\n\n        ${props.hover && SELECT_STATES.hover}\n        ${props.focus && SELECT_STATES.focus}\n        ${props.disabled && SELECT_STATES.disabled}\n        ${props.error && SELECT_STATES.error}\n\n        &:hover {\n          ${SELECT_STATES.hover}\n        }\n\n        &:focus {\n          ${SELECT_STATES.focus}\n        }\n\n        &:disabled {\n          cursor: default;\n          ${SELECT_STATES.disabled}\n        }\n\n        &:not(:focus):not(:has(option[value=\"\"]:checked)) {\n          ${!(props.disabled || props.focus) && SELECT_STATES.completed}\n          ${props.error && SELECT_STATES.error}\n        }\n\n        &:not(:focus) {\n          // Firefox polyfill for :has\n          ${!!props.optionSelected &&\n          css`\n            ${!(props.disabled || props.focus) && SELECT_STATES.completed}\n            ${props.error && SELECT_STATES.error}\n          `}\n        }\n\n        &:not(:focus):has(option[value=\"\"]:checked) {\n          ${props.title &&\n          css`\n            color: transparent;\n          `}\n        }\n\n        &:not(:focus) {\n          // Firefox polyfill for :has\n          ${props.title &&\n          !props.optionSelected &&\n          css`\n            color: transparent;\n          `}\n        }\n      `\n    }};\n  }\n\n  ${caretMixin}\n`\n\nconst StyledLabel = styled.label`\n  position: absolute;\n  top: 50%;\n  left: 5px;\n  padding: 0 5px;\n  pointer-events: none;\n  transform: translateY(-50%);\n  transition: ${FORM_ELEMENT_TRANSITION};\n  transition-property: color, font-size, transform;\n  background-color: transparent;\n  font-family: ${themeGet(\"fonts.sans\")};\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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"}

package/dist/elements/Select/tokens.js

@@ -22,11 +22,11 @@ var SELECT_STATES = {
   }),
   completed: (0, _styledComponents.css)(["border-color:", ";text-decoration:none;+ label{color:", ";}&:not(:has(option[value=\"\"]:checked)) + label{transform:translateY(-150%);font-size:", ";& > span{height:2px;top:50%;}}", ""], (0, _themeGet.themeGet)("colors.black60"), (0, _themeGet.themeGet)("colors.black60"), (0, _themeGet.themeGet)("textVariants.xs.fontSize"), function (_ref4) {
     var optionSelected = _ref4.optionSelected;
-    return optionSelected && (0, _styledComponents.css)(["+ label{transform:translateY(-150%);font-size:", ";& > span{height:2px;top:50%;}"], (0, _themeGet.themeGet)("textVariants.xs.fontSize"));
+    return optionSelected && (0, _styledComponents.css)(["+ label{transform:translateY(-150%);font-size:", ";& > span{height:2px;top:50%;}}"], (0, _themeGet.themeGet)("textVariants.xs.fontSize"));
   }),
   disabled: (0, _styledComponents.css)(["color:", ";border-color:", ";text-decoration:none;+ label{color:", ";text-decoration:none;}&:not(:has(option[value=\"\"]:checked)) + label{transform:translateY(-150%);font-size:", ";& > span{height:2px;top:50%;}}", ""], (0, _themeGet.themeGet)("colors.black30"), (0, _themeGet.themeGet)("colors.black30"), (0, _themeGet.themeGet)("colors.black30"), (0, _themeGet.themeGet)("textVariants.xs.fontSize"), function (_ref5) {
     var optionSelected = _ref5.optionSelected;
-    return optionSelected && (0, _styledComponents.css)(["+ label{transform:translateY(-150%);font-size:", ";& > span{height:2px;top:50%;}"], (0, _themeGet.themeGet)("textVariants.xs.fontSize"));
+    return optionSelected && (0, _styledComponents.css)(["+ label{transform:translateY(-150%);font-size:", ";& > span{height:2px;top:50%;}}"], (0, _themeGet.themeGet)("textVariants.xs.fontSize"));
   }),
   error: (0, _styledComponents.css)(["color:", ";border-color:", ";+ label{color:", ";}"], (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.red100"), (0, _themeGet.themeGet)("colors.red100"))
 };

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

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","SELECT_STATES","default","css","themeGet","_ref","optionSelected","focus","_ref2","hover","_ref3","disabled","completed","_ref4","_ref5","error","exports"],"sources":["../../../src/elements/Select/tokens.ts"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css } from \"styled-components\"\nimport { State } from \"./types\"\n\nexport const SELECT_STATES: Record<State, any> = {\n  default: css`\n    height: 50px;\n    font-size: ${themeGet(\"textVariants.sm-display.fontSize\")};\n    color: ${themeGet(\"colors.black100\")};\n    border-color: ${themeGet(\"colors.black30\")};\n\n    + label {\n      color: ${themeGet(\"colors.black60\")};\n      font-size: ${themeGet(\"textVariants.sm-display.fontSize\")};\n    }\n\n    &:not(:has(option[value=\"\"]:checked)) + label {\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n\n    // Firefox polyfill for :has\n    ${({ optionSelected }) =>\n      optionSelected &&\n      css`\n        + label {\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  focus: css`\n    color: ${themeGet(\"colors.black100\")};\n    border-color: ${themeGet(\"colors.blue100\")};\n    text-decoration: underline;\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    &:has(option[value=\"\"]:checked) + label {\n      text-decoration: underline;\n    }\n\n    // Firefox polyfill for :has\n    ${({ optionSelected }) =>\n      !optionSelected &&\n      css`\n        + label {\n          text-decoration: underline;\n        }\n      `}\n  `,\n  hover: css`\n    color: ${themeGet(\"colors.blue100\")};\n    border-color: ${themeGet(\"colors.black60\")};\n    text-decoration: underline;\n\n    + label {\n      color: ${themeGet(\"colors.black60\")};\n    }\n\n    &:has(option[value=\"\"]:checked):not(:disabled) + label {\n      color: ${themeGet(\"colors.blue100\")};\n      text-decoration: underline;\n    }\n\n    // Firefox polyfill for :has\n    ${({ optionSelected, disabled }) =>\n      !optionSelected &&\n      !disabled &&\n      css`\n        + label {\n          color: ${themeGet(\"colors.blue100\")};\n          text-decoration: underline;\n        }\n      `}\n  `,\n  completed: css`\n    border-color: ${themeGet(\"colors.black60\")};\n    text-decoration: none;\n\n    + label {\n      color: ${themeGet(\"colors.black60\")};\n    }\n\n    &:not(:has(option[value=\"\"]:checked)) + label {\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n\n    // Firefox polyfill for :has\n    ${({ optionSelected }) =>\n      optionSelected &&\n      css`\n        + label {\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    text-decoration: none;\n\n    + label {\n      color: ${themeGet(\"colors.black30\")};\n      text-decoration: none;\n    }\n\n    &:not(:has(option[value=\"\"]:checked)) + label {\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n\n    // Firefox polyfill for :has\n    ${({ optionSelected }) =>\n      optionSelected &&\n      css`\n        + label {\n          transform: translateY(-150%);\n          font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n    \n          & > span {\n            height: 2px;\n            top: 50%;\n          }\n      `}\n  `,\n  error: css`\n    color: ${themeGet(\"colors.black100\")};\n    border-color: ${themeGet(\"colors.red100\")};\n\n    + label {\n      color: ${themeGet(\"colors.red100\")};\n    }\n  `,\n}\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAGO,IAAME,aAAiC,GAAG;EAC/CC,OAAO,MAAEC,qBAAG,gOAEG,IAAAC,kBAAQ,EAAC,kCAAkC,CAAC,EAChD,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,EACpB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAG/B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACtB,IAAAA,kBAAQ,EAAC,kCAAkC,CAAC,EAK5C,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,EASjD,UAAAC,IAAA;IAAA,IAAGC,cAAc,GAAAD,IAAA,CAAdC,cAAc;IAAA,OACjBA,cAAc,QACdH,qBAAG,yFAGc,IAAAC,kBAAQ,EAAC,0BAA0B,CAAC,CAOpD;EAAA,EACJ;EACDG,KAAK,MAAEJ,qBAAG,oOACC,IAAAC,kBAAQ,EAAC,iBAAiB,CAAC,EACpB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAI/B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAEtB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,EAajD,UAAAI,KAAA;IAAA,IAAGF,cAAc,GAAAE,KAAA,CAAdF,cAAc;IAAA,OACjB,CAACA,cAAc,QACfH,qBAAG,0CAIF;EAAA,EACJ;EACDM,KAAK,MAAEN,qBAAG,sLACC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAI/B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAI1B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAKnC,UAAAM,KAAA;IAAA,IAAGJ,cAAc,GAAAI,KAAA,CAAdJ,cAAc;MAAEK,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAA,OAC3B,CAACL,cAAc,IACf,CAACK,QAAQ,QACTR,qBAAG,sDAEU,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,CAGtC;EAAA,EACJ;EACDQ,SAAS,MAAET,qBAAG,gMACI,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EAI/B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAKtB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,EASjD,UAAAS,KAAA;IAAA,IAAGP,cAAc,GAAAO,KAAA,CAAdP,cAAc;IAAA,OACjBA,cAAc,QACdH,qBAAG,wFAGc,IAAAC,kBAAQ,EAAC,0BAA0B,CAAC,CAMpD;EAAA,EACJ;EACDO,QAAQ,MAAER,qBAAG,gOACF,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAI/B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAMtB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,EASjD,UAAAU,KAAA;IAAA,IAAGR,cAAc,GAAAQ,KAAA,CAAdR,cAAc;IAAA,OACjBA,cAAc,QACdH,qBAAG,wFAGc,IAAAC,kBAAQ,EAAC,0BAA0B,CAAC,CAMpD;EAAA,EACJ;EACDW,KAAK,MAAEZ,qBAAG,yDACC,IAAAC,kBAAQ,EAAC,iBAAiB,CAAC,EACpB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAG9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC;AAGxC,CAAC;AAAAY,OAAA,CAAAf,aAAA,GAAAA,aAAA"}
+{"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","SELECT_STATES","default","css","themeGet","_ref","optionSelected","focus","_ref2","hover","_ref3","disabled","completed","_ref4","_ref5","error","exports"],"sources":["../../../src/elements/Select/tokens.ts"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css } from \"styled-components\"\nimport { State } from \"./types\"\n\nexport const SELECT_STATES: Record<State, any> = {\n  default: css`\n    height: 50px;\n    font-size: ${themeGet(\"textVariants.sm-display.fontSize\")};\n    color: ${themeGet(\"colors.black100\")};\n    border-color: ${themeGet(\"colors.black30\")};\n\n    + label {\n      color: ${themeGet(\"colors.black60\")};\n      font-size: ${themeGet(\"textVariants.sm-display.fontSize\")};\n    }\n\n    &:not(:has(option[value=\"\"]:checked)) + label {\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n\n    // Firefox polyfill for :has\n    ${({ optionSelected }) =>\n      optionSelected &&\n      css`\n        + label {\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  focus: css`\n    color: ${themeGet(\"colors.black100\")};\n    border-color: ${themeGet(\"colors.blue100\")};\n    text-decoration: underline;\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    &:has(option[value=\"\"]:checked) + label {\n      text-decoration: underline;\n    }\n\n    // Firefox polyfill for :has\n    ${({ optionSelected }) =>\n      !optionSelected &&\n      css`\n        + label {\n          text-decoration: underline;\n        }\n      `}\n  `,\n  hover: css`\n    color: ${themeGet(\"colors.blue100\")};\n    border-color: ${themeGet(\"colors.black60\")};\n    text-decoration: underline;\n\n    + label {\n      color: ${themeGet(\"colors.black60\")};\n    }\n\n    &:has(option[value=\"\"]:checked):not(:disabled) + label {\n      color: ${themeGet(\"colors.blue100\")};\n      text-decoration: underline;\n    }\n\n    // Firefox polyfill for :has\n    ${({ optionSelected, disabled }) =>\n      !optionSelected &&\n      !disabled &&\n      css`\n        + label {\n          color: ${themeGet(\"colors.blue100\")};\n          text-decoration: underline;\n        }\n      `}\n  `,\n  completed: css`\n    border-color: ${themeGet(\"colors.black60\")};\n    text-decoration: none;\n\n    + label {\n      color: ${themeGet(\"colors.black60\")};\n    }\n\n    &:not(:has(option[value=\"\"]:checked)) + label {\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n\n    // Firefox polyfill for :has\n    ${({ optionSelected }) =>\n      optionSelected &&\n      css`\n        + label {\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  disabled: css`\n    color: ${themeGet(\"colors.black30\")};\n    border-color: ${themeGet(\"colors.black30\")};\n    text-decoration: none;\n\n    + label {\n      color: ${themeGet(\"colors.black30\")};\n      text-decoration: none;\n    }\n\n    &:not(:has(option[value=\"\"]:checked)) + label {\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n\n    // Firefox polyfill for :has\n    ${({ optionSelected }) =>\n      optionSelected &&\n      css`\n        + label {\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  error: css`\n    color: ${themeGet(\"colors.black100\")};\n    border-color: ${themeGet(\"colors.red100\")};\n\n    + label {\n      color: ${themeGet(\"colors.red100\")};\n    }\n  `,\n}\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAGO,IAAME,aAAiC,GAAG;EAC/CC,OAAO,MAAEC,qBAAG,gOAEG,IAAAC,kBAAQ,EAAC,kCAAkC,CAAC,EAChD,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,EACpB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAG/B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACtB,IAAAA,kBAAQ,EAAC,kCAAkC,CAAC,EAK5C,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,EASjD,UAAAC,IAAA;IAAA,IAAGC,cAAc,GAAAD,IAAA,CAAdC,cAAc;IAAA,OACjBA,cAAc,QACdH,qBAAG,yFAGc,IAAAC,kBAAQ,EAAC,0BAA0B,CAAC,CAOpD;EAAA,EACJ;EACDG,KAAK,MAAEJ,qBAAG,oOACC,IAAAC,kBAAQ,EAAC,iBAAiB,CAAC,EACpB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAI/B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAEtB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,EAajD,UAAAI,KAAA;IAAA,IAAGF,cAAc,GAAAE,KAAA,CAAdF,cAAc;IAAA,OACjB,CAACA,cAAc,QACfH,qBAAG,0CAIF;EAAA,EACJ;EACDM,KAAK,MAAEN,qBAAG,sLACC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAI/B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAI1B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAKnC,UAAAM,KAAA;IAAA,IAAGJ,cAAc,GAAAI,KAAA,CAAdJ,cAAc;MAAEK,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAA,OAC3B,CAACL,cAAc,IACf,CAACK,QAAQ,QACTR,qBAAG,sDAEU,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,CAGtC;EAAA,EACJ;EACDQ,SAAS,MAAET,qBAAG,gMACI,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EAI/B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAKtB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,EASjD,UAAAS,KAAA;IAAA,IAAGP,cAAc,GAAAO,KAAA,CAAdP,cAAc;IAAA,OACjBA,cAAc,QACdH,qBAAG,yFAGc,IAAAC,kBAAQ,EAAC,0BAA0B,CAAC,CAOpD;EAAA,EACJ;EACDO,QAAQ,MAAER,qBAAG,gOACF,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAI/B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAMtB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,EASjD,UAAAU,KAAA;IAAA,IAAGR,cAAc,GAAAQ,KAAA,CAAdR,cAAc;IAAA,OACjBA,cAAc,QACdH,qBAAG,yFAGc,IAAAC,kBAAQ,EAAC,0BAA0B,CAAC,CAOpD;EAAA,EACJ;EACDW,KAAK,MAAEZ,qBAAG,yDACC,IAAAC,kBAAQ,EAAC,iBAAiB,CAAC,EACpB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAG9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC;AAGxC,CAAC;AAAAY,OAAA,CAAAf,aAAA,GAAAA,aAAA"}

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

@@ -17,3 +17,13 @@ export declare const Placement: () => JSX.Element;
 export declare const IconExample: () => JSX.Element;
 export declare const ExternalControl: () => JSX.Element;
 export declare const PointerCentering: () => JSX.Element;
+export declare const StressTest: {
+    (): JSX.Element;
+    story: {
+        parameters: {
+            chromatic: {
+                disable: boolean;
+            };
+        };
+    };
+};

package/dist/elements/Tooltip/Tooltip.story.js

@@ -4,7 +4,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports._Clickable = exports.PointerCentering = exports.Placement = exports.IconExample = exports.ExternalControl = exports.Default = void 0;
+exports.default = exports._Clickable = exports.StressTest = exports.PointerCentering = exports.Placement = exports.IconExample = exports.ExternalControl = exports.Default = void 0;
 var _addonActions = require("@storybook/addon-actions");
 var _react = _interopRequireWildcard(require("react"));
 var _storybookStates = require("storybook-states");
@@ -17,6 +17,7 @@ var _Input = require("../Input");
 var _Spacer = require("../Spacer");
 var _Text = require("../Text");
 var _Tooltip = require("./Tooltip");
+var _Stack = require("../Stack");
 var _excluded = ["children"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -226,4 +227,38 @@ var PointerCentering = function PointerCentering() {
   }))));
 };
 exports.PointerCentering = PointerCentering;
+var StressTest = function StressTest() {
+  return /*#__PURE__*/_react.default.createElement(_Stack.Stack, {
+    gap: 1
+  }, Array.from({
+    length: 3000
+  }).map(function (_, i) {
+    return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+      key: i,
+      content: CONTENT,
+      pointer: true,
+      variant: "defaultDark",
+      placement: "right"
+    }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+      variant: "xs",
+      textAlign: "center",
+      width: 40,
+      height: 40,
+      mx: "auto",
+      bg: "black10",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    }, i));
+  }));
+};
+exports.StressTest = StressTest;
+StressTest.displayName = "StressTest";
+StressTest.story = {
+  parameters: {
+    chromatic: {
+      disable: true
+    }
+  }
+};
 //# sourceMappingURL=Tooltip.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_HelpIcon","_interopRequireDefault","_usePosition","_Box","_Button","_Clickable2","_Input","_Spacer","_Text","_Tooltip","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_extends","assign","bind","target","arguments","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","CONTENT","_default","title","exports","Default","createElement","States","states","placement","width","visible","pointer","variant","children","Fragment","textAlign","offset","_ref","rest","Tooltip","content","Text","p","bg","color","displayName","_Clickable","Clickable","onClick","action","story","parameters","chromatic","disable","Placement","POSITION","map","props","JSON","stringify","maxWidth","mx","IconExample","display","alignItems","lineHeight","Box","as","style","ml","ExternalControl","_useState","useState","_useState2","setVisible","Button","PointerCentering","_useState3","_useState4","setPlacement","_useState5","_useState6","size","setSize","mr","mb","onMouseOver","Input","type","min","max","onChange","e","parseInt","Spacer","y","height","position","top","mt","left"],"sources":["../../../src/elements/Tooltip/Tooltip.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport HelpIcon from \"@artsy/icons/HelpIcon\"\nimport { Position, POSITION } from \"../../utils/usePosition\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Clickable } from \"../Clickable\"\nimport { Input } from \"../Input\"\nimport { Spacer } from \"../Spacer\"\nimport { Text } from \"../Text\"\nimport { Tooltip, TooltipProps } from \"./Tooltip\"\n\nconst CONTENT = \"Lorem ipsum dolor sit amet consectetur adipisicing elit?\"\n\nexport default {\n  title: \"Components/Tooltip\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<TooltipProps>>\n      states={[\n        { placement: \"top-start\" },\n        { placement: \"bottom\", width: 600 },\n        { placement: \"bottom\", visible: true, pointer: true },\n        {\n          variant: \"defaultDark\",\n          placement: \"bottom\",\n          visible: true,\n          pointer: true,\n        },\n        {\n          visible: false,\n          children: <>This text has a tooltip that never displays</>,\n        },\n        {\n          visible: true,\n          textAlign: \"center\",\n        },\n        {\n          visible: true,\n          pointer: true,\n          offset: -10,\n        },\n      ]}\n    >\n      {({ children, ...rest }) => (\n        <Tooltip content={CONTENT} {...rest}>\n          <Text\n            variant=\"xs\"\n            textAlign=\"center\"\n            p={1}\n            bg=\"black100\"\n            color=\"white100\"\n          >\n            {children ?? \"This text has a tooltip\"}\n          </Text>\n        </Tooltip>\n      )}\n    </States>\n  )\n}\n\nexport const _Clickable = () => {\n  return (\n    <States<Partial<TooltipProps>> states={[{}]}>\n      <Tooltip content={CONTENT}>\n        <Clickable onClick={action(\"onClick\")}>\n          <Text\n            variant=\"xs\"\n            textAlign=\"center\"\n            p={1}\n            bg=\"black100\"\n            color=\"white100\"\n          >\n            This text has a tooltip and is clickable\n          </Text>\n        </Clickable>\n      </Tooltip>\n    </States>\n  )\n}\n\n_Clickable.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const Placement = () => {\n  return (\n    <States<Partial<TooltipProps>>\n      states={Object.keys(POSITION).map((placement) => ({\n        placement: placement as Position,\n      }))}\n    >\n      {(props) => {\n        return (\n          <Tooltip\n            content={JSON.stringify(props)}\n            variant=\"defaultDark\"\n            pointer\n            visible\n            {...props}\n          >\n            <Text\n              variant=\"xs\"\n              textAlign=\"center\"\n              p={1}\n              maxWidth=\"50%\"\n              mx=\"auto\"\n              bg=\"black10\"\n            >\n              {JSON.stringify(props)}\n            </Text>\n          </Tooltip>\n        )\n      }}\n    </States>\n  )\n}\n\nexport const IconExample = () => {\n  return (\n    <Text variant=\"xs\" display=\"flex\" alignItems=\"center\" lineHeight={1}>\n      Hover (or focus) the icon to display the tooltip.{\" \"}\n      <Tooltip content={CONTENT} placement=\"bottom\">\n        {/* Icons don't forwardRefs so we have to wrap in a span */}\n        <Box as=\"span\" style={{ lineHeight: 0 }}>\n          <HelpIcon ml={0.5} />\n        </Box>\n      </Tooltip>\n    </Text>\n  )\n}\n\nexport const ExternalControl = () => {\n  const [visible, setVisible] = useState(false)\n\n  return (\n    <>\n      <Tooltip\n        content={CONTENT}\n        visible={visible}\n        pointer\n        variant=\"defaultDark\"\n      >\n        <Button\n          variant=\"secondaryBlack\"\n          onClick={() => {\n            setVisible((visible) => !visible)\n          }}\n        >\n          {visible ? \"Click to hide tooltip\" : \"Click to show tooltip\"}\n        </Button>\n      </Tooltip>\n    </>\n  )\n}\n\nexport const PointerCentering = () => {\n  const [placement, setPlacement] = useState<Position>(\"top\")\n  const [size, setSize] = useState(50)\n\n  return (\n    <>\n      {Object.keys(POSITION).map((placement) => {\n        return (\n          <Button\n            key={placement}\n            mr={1}\n            mb={1}\n            variant=\"secondaryBlack\"\n            size=\"small\"\n            onMouseOver={() => {\n              setPlacement(placement as Position)\n            }}\n          >\n            {placement}\n          </Button>\n        )\n      })}\n\n      <Input\n        type=\"range\"\n        min={0}\n        max={200}\n        value={size}\n        onChange={(e) => {\n          setSize(parseInt(e.target.value))\n        }}\n      />\n\n      <Spacer y={12} />\n\n      <Tooltip\n        content={CONTENT}\n        pointer\n        visible\n        variant=\"defaultDark\"\n        placement={placement}\n      >\n        <Box\n          bg=\"black10\"\n          width={size}\n          height={size}\n          mx=\"auto\"\n          position=\"relative\"\n        >\n          <Box\n            height=\"1px\"\n            bg=\"red100\"\n            width=\"100%\"\n            position=\"absolute\"\n            top=\"50%\"\n            mt=\"-0.5px\"\n          />\n\n          <Box\n            height=\"100%\"\n            width=\"1px\"\n            bg=\"red100\"\n            position=\"absolute\"\n            left=\"50%\"\n            ml=\"-0.5px\"\n          />\n        </Box>\n      </Tooltip>\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_HelpIcon","_interopRequireDefault","_usePosition","_Box","_Button","_Clickable2","_Input","_Spacer","_Text","_Tooltip","_Stack","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_extends","assign","bind","target","arguments","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","CONTENT","_default","title","exports","Default","createElement","States","states","placement","width","visible","pointer","variant","children","Fragment","textAlign","offset","_ref","rest","Tooltip","content","Text","p","bg","color","displayName","_Clickable","Clickable","onClick","action","story","parameters","chromatic","disable","Placement","POSITION","map","props","JSON","stringify","maxWidth","mx","IconExample","display","alignItems","lineHeight","Box","as","style","ml","ExternalControl","_useState","useState","_useState2","setVisible","Button","PointerCentering","_useState3","_useState4","setPlacement","_useState5","_useState6","size","setSize","mr","mb","onMouseOver","Input","type","min","max","onChange","e","parseInt","Spacer","y","height","position","top","mt","left","StressTest","Stack","gap","_","justifyContent"],"sources":["../../../src/elements/Tooltip/Tooltip.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport HelpIcon from \"@artsy/icons/HelpIcon\"\nimport { Position, POSITION } from \"../../utils/usePosition\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Clickable } from \"../Clickable\"\nimport { Input } from \"../Input\"\nimport { Spacer } from \"../Spacer\"\nimport { Text } from \"../Text\"\nimport { Tooltip, TooltipProps } from \"./Tooltip\"\nimport { Stack } from \"../Stack\"\n\nconst CONTENT = \"Lorem ipsum dolor sit amet consectetur adipisicing elit?\"\n\nexport default {\n  title: \"Components/Tooltip\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<TooltipProps>>\n      states={[\n        { placement: \"top-start\" },\n        { placement: \"bottom\", width: 600 },\n        { placement: \"bottom\", visible: true, pointer: true },\n        {\n          variant: \"defaultDark\",\n          placement: \"bottom\",\n          visible: true,\n          pointer: true,\n        },\n        {\n          visible: false,\n          children: <>This text has a tooltip that never displays</>,\n        },\n        {\n          visible: true,\n          textAlign: \"center\",\n        },\n        {\n          visible: true,\n          pointer: true,\n          offset: -10,\n        },\n      ]}\n    >\n      {({ children, ...rest }) => (\n        <Tooltip content={CONTENT} {...rest}>\n          <Text\n            variant=\"xs\"\n            textAlign=\"center\"\n            p={1}\n            bg=\"black100\"\n            color=\"white100\"\n          >\n            {children ?? \"This text has a tooltip\"}\n          </Text>\n        </Tooltip>\n      )}\n    </States>\n  )\n}\n\nexport const _Clickable = () => {\n  return (\n    <States<Partial<TooltipProps>> states={[{}]}>\n      <Tooltip content={CONTENT}>\n        <Clickable onClick={action(\"onClick\")}>\n          <Text\n            variant=\"xs\"\n            textAlign=\"center\"\n            p={1}\n            bg=\"black100\"\n            color=\"white100\"\n          >\n            This text has a tooltip and is clickable\n          </Text>\n        </Clickable>\n      </Tooltip>\n    </States>\n  )\n}\n\n_Clickable.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const Placement = () => {\n  return (\n    <States<Partial<TooltipProps>>\n      states={Object.keys(POSITION).map((placement) => ({\n        placement: placement as Position,\n      }))}\n    >\n      {(props) => {\n        return (\n          <Tooltip\n            content={JSON.stringify(props)}\n            variant=\"defaultDark\"\n            pointer\n            visible\n            {...props}\n          >\n            <Text\n              variant=\"xs\"\n              textAlign=\"center\"\n              p={1}\n              maxWidth=\"50%\"\n              mx=\"auto\"\n              bg=\"black10\"\n            >\n              {JSON.stringify(props)}\n            </Text>\n          </Tooltip>\n        )\n      }}\n    </States>\n  )\n}\n\nexport const IconExample = () => {\n  return (\n    <Text variant=\"xs\" display=\"flex\" alignItems=\"center\" lineHeight={1}>\n      Hover (or focus) the icon to display the tooltip.{\" \"}\n      <Tooltip content={CONTENT} placement=\"bottom\">\n        {/* Icons don't forwardRefs so we have to wrap in a span */}\n        <Box as=\"span\" style={{ lineHeight: 0 }}>\n          <HelpIcon ml={0.5} />\n        </Box>\n      </Tooltip>\n    </Text>\n  )\n}\n\nexport const ExternalControl = () => {\n  const [visible, setVisible] = useState(false)\n\n  return (\n    <>\n      <Tooltip\n        content={CONTENT}\n        visible={visible}\n        pointer\n        variant=\"defaultDark\"\n      >\n        <Button\n          variant=\"secondaryBlack\"\n          onClick={() => {\n            setVisible((visible) => !visible)\n          }}\n        >\n          {visible ? \"Click to hide tooltip\" : \"Click to show tooltip\"}\n        </Button>\n      </Tooltip>\n    </>\n  )\n}\n\nexport const PointerCentering = () => {\n  const [placement, setPlacement] = useState<Position>(\"top\")\n  const [size, setSize] = useState(50)\n\n  return (\n    <>\n      {Object.keys(POSITION).map((placement) => {\n        return (\n          <Button\n            key={placement}\n            mr={1}\n            mb={1}\n            variant=\"secondaryBlack\"\n            size=\"small\"\n            onMouseOver={() => {\n              setPlacement(placement as Position)\n            }}\n          >\n            {placement}\n          </Button>\n        )\n      })}\n\n      <Input\n        type=\"range\"\n        min={0}\n        max={200}\n        value={size}\n        onChange={(e) => {\n          setSize(parseInt(e.target.value))\n        }}\n      />\n\n      <Spacer y={12} />\n\n      <Tooltip\n        content={CONTENT}\n        pointer\n        visible\n        variant=\"defaultDark\"\n        placement={placement}\n      >\n        <Box\n          bg=\"black10\"\n          width={size}\n          height={size}\n          mx=\"auto\"\n          position=\"relative\"\n        >\n          <Box\n            height=\"1px\"\n            bg=\"red100\"\n            width=\"100%\"\n            position=\"absolute\"\n            top=\"50%\"\n            mt=\"-0.5px\"\n          />\n\n          <Box\n            height=\"100%\"\n            width=\"1px\"\n            bg=\"red100\"\n            position=\"absolute\"\n            left=\"50%\"\n            ml=\"-0.5px\"\n          />\n        </Box>\n      </Tooltip>\n    </>\n  )\n}\n\nexport const StressTest = () => {\n  return (\n    <Stack gap={1}>\n      {Array.from({ length: 3000 }).map((_, i) => {\n        return (\n          <Tooltip\n            key={i}\n            content={CONTENT}\n            pointer\n            variant=\"defaultDark\"\n            placement=\"right\"\n          >\n            <Text\n              variant=\"xs\"\n              textAlign=\"center\"\n              width={40}\n              height={40}\n              mx=\"auto\"\n              bg=\"black10\"\n              display=\"flex\"\n              alignItems=\"center\"\n              justifyContent=\"center\"\n            >\n              {i}\n            </Text>\n          </Tooltip>\n        )\n      })}\n    </Stack>\n  )\n}\n\nStressTest.story = {\n  parameters: { chromatic: { disable: true } },\n}\n"],"mappings":"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"}

package/dist/utils/useMutationObserver.d.ts

@@ -1,5 +1,6 @@
 import type { MutableRefObject } from "react";
 declare type UseMutationObserver = {
+    active?: boolean;
     onMutate: MutationCallback;
     options?: MutationObserverInit;
 } & ({
@@ -10,5 +11,5 @@ declare type UseMutationObserver = {
 /**
  * Accepts a ref and calls the `onMutate` callback when mutations are observed.
  */
-export declare const useMutationObserver: ({ onMutate, options, ...rest }: UseMutationObserver) => void;
+export declare const useMutationObserver: ({ active, onMutate, options, ...rest }: UseMutationObserver) => void;
 export {};

package/dist/utils/useMutationObserver.js

@@ -5,14 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useMutationObserver = void 0;
 var _react = require("react");
-var _excluded = ["onMutate", "options"];
+var _excluded = ["active", "onMutate", "options"];
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /**
  * Accepts a ref and calls the `onMutate` callback when mutations are observed.
  */
 var useMutationObserver = function useMutationObserver(_ref) {
-  var onMutate = _ref.onMutate,
+  var _ref$active = _ref.active,
+    active = _ref$active === void 0 ? true : _ref$active,
+    onMutate = _ref.onMutate,
     _ref$options = _ref.options,
     options = _ref$options === void 0 ? {
       attributes: true,
@@ -22,7 +24,7 @@ var useMutationObserver = function useMutationObserver(_ref) {
     } : _ref$options,
     rest = _objectWithoutProperties(_ref, _excluded);
   (0, _react.useEffect)(function () {
-    if (typeof MutationObserver === "undefined") {
+    if (!active || typeof MutationObserver === "undefined") {
       return;
     }
     var el = "ref" in rest ? rest.ref.current : rest.element;
@@ -36,7 +38,7 @@ var useMutationObserver = function useMutationObserver(_ref) {
       };
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [onMutate, options]);
+  }, [onMutate, options, active]);
 };
 exports.useMutationObserver = useMutationObserver;
 //# sourceMappingURL=useMutationObserver.js.map

package/dist/utils/useMutationObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMutationObserver.js","names":["_react","require","_excluded","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","key","i","Object","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","prototype","propertyIsEnumerable","call","sourceKeys","keys","useMutationObserver","_ref","onMutate","_ref$options","options","attributes","characterData","childList","subtree","rest","useEffect","MutationObserver","el","ref","current","element","observer","observe","disconnect","exports"],"sources":["../../src/utils/useMutationObserver.ts"],"sourcesContent":["import type { MutableRefObject } from \"react\"\nimport { useEffect } from \"react\"\n\ntype UseMutationObserver = {\n  onMutate: MutationCallback\n  options?: MutationObserverInit\n} & (\n  | { ref: MutableRefObject<HTMLElement | null> }\n  | { element?: HTMLElement | null }\n)\n\n/**\n * Accepts a ref and calls the `onMutate` callback when mutations are observed.\n */\nexport const useMutationObserver = ({\n  onMutate,\n  options = {\n    attributes: true,\n    characterData: true,\n    childList: true,\n    subtree: true,\n  },\n  ...rest\n}: UseMutationObserver) => {\n  useEffect(() => {\n    if (typeof MutationObserver === \"undefined\") {\n      return\n    }\n\n    const el = \"ref\" in rest ? rest.ref.current : rest.element\n\n    if (el) {\n      const observer = new MutationObserver(onMutate)\n\n      // Start observing the target node for configured mutations\n      observer.observe(el, options)\n\n      return () => {\n        observer.disconnect()\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [onMutate, options])\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAAiC,IAAAC,SAAA;AAAA,SAAAC,yBAAAC,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,GAAAC,6BAAA,CAAAH,MAAA,EAAAC,QAAA,OAAAG,GAAA,EAAAC,CAAA,MAAAC,MAAA,CAAAC,qBAAA,QAAAC,gBAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAP,MAAA,QAAAK,CAAA,MAAAA,CAAA,GAAAG,gBAAA,CAAAC,MAAA,EAAAJ,CAAA,MAAAD,GAAA,GAAAI,gBAAA,CAAAH,CAAA,OAAAJ,QAAA,CAAAS,OAAA,CAAAN,GAAA,uBAAAE,MAAA,CAAAK,SAAA,CAAAC,oBAAA,CAAAC,IAAA,CAAAb,MAAA,EAAAI,GAAA,aAAAF,MAAA,CAAAE,GAAA,IAAAJ,MAAA,CAAAI,GAAA,cAAAF,MAAA;AAAA,SAAAC,8BAAAH,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,WAAAY,UAAA,GAAAR,MAAA,CAAAS,IAAA,CAAAf,MAAA,OAAAI,GAAA,EAAAC,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAS,UAAA,CAAAL,MAAA,EAAAJ,CAAA,MAAAD,GAAA,GAAAU,UAAA,CAAAT,CAAA,OAAAJ,QAAA,CAAAS,OAAA,CAAAN,GAAA,kBAAAF,MAAA,CAAAE,GAAA,IAAAJ,MAAA,CAAAI,GAAA,YAAAF,MAAA;AAUjC;AACA;AACA;AACO,IAAMc,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EASL;EAAA,IARzBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,YAAA,GAAAF,IAAA,CACRG,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG;MACRE,UAAU,EAAE,IAAI;MAChBC,aAAa,EAAE,IAAI;MACnBC,SAAS,EAAE,IAAI;MACfC,OAAO,EAAE;IACX,CAAC,GAAAL,YAAA;IACEM,IAAI,GAAA1B,wBAAA,CAAAkB,IAAA,EAAAnB,SAAA;EAEP,IAAA4B,gBAAS,EAAC,YAAM;IACd,IAAI,OAAOC,gBAAgB,KAAK,WAAW,EAAE;MAC3C;IACF;IAEA,IAAMC,EAAE,GAAG,KAAK,IAAIH,IAAI,GAAGA,IAAI,CAACI,GAAG,CAACC,OAAO,GAAGL,IAAI,CAACM,OAAO;IAE1D,IAAIH,EAAE,EAAE;MACN,IAAMI,QAAQ,GAAG,IAAIL,gBAAgB,CAACT,QAAQ,CAAC;;MAE/C;MACAc,QAAQ,CAACC,OAAO,CAACL,EAAE,EAAER,OAAO,CAAC;MAE7B,OAAO,YAAM;QACXY,QAAQ,CAACE,UAAU,EAAE;MACvB,CAAC;IACH;IACA;EACF,CAAC,EAAE,CAAChB,QAAQ,EAAEE,OAAO,CAAC,CAAC;AACzB,CAAC;AAAAe,OAAA,CAAAnB,mBAAA,GAAAA,mBAAA"}
+{"version":3,"file":"useMutationObserver.js","names":["_react","require","_excluded","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","key","i","Object","getOwnPropertySymbols","sourceSymbolKeys","length","indexOf","prototype","propertyIsEnumerable","call","sourceKeys","keys","useMutationObserver","_ref","_ref$active","active","onMutate","_ref$options","options","attributes","characterData","childList","subtree","rest","useEffect","MutationObserver","el","ref","current","element","observer","observe","disconnect","exports"],"sources":["../../src/utils/useMutationObserver.ts"],"sourcesContent":["import type { MutableRefObject } from \"react\"\nimport { useEffect } from \"react\"\n\ntype UseMutationObserver = {\n  active?: boolean\n  onMutate: MutationCallback\n  options?: MutationObserverInit\n} & (\n  | { ref: MutableRefObject<HTMLElement | null> }\n  | { element?: HTMLElement | null }\n)\n\n/**\n * Accepts a ref and calls the `onMutate` callback when mutations are observed.\n */\nexport const useMutationObserver = ({\n  active = true,\n  onMutate,\n  options = {\n    attributes: true,\n    characterData: true,\n    childList: true,\n    subtree: true,\n  },\n  ...rest\n}: UseMutationObserver) => {\n  useEffect(() => {\n    if (!active || typeof MutationObserver === \"undefined\") {\n      return\n    }\n\n    const el = \"ref\" in rest ? rest.ref.current : rest.element\n\n    if (el) {\n      const observer = new MutationObserver(onMutate)\n\n      // Start observing the target node for configured mutations\n      observer.observe(el, options)\n\n      return () => {\n        observer.disconnect()\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [onMutate, options, active])\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAAiC,IAAAC,SAAA;AAAA,SAAAC,yBAAAC,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,GAAAC,6BAAA,CAAAH,MAAA,EAAAC,QAAA,OAAAG,GAAA,EAAAC,CAAA,MAAAC,MAAA,CAAAC,qBAAA,QAAAC,gBAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAP,MAAA,QAAAK,CAAA,MAAAA,CAAA,GAAAG,gBAAA,CAAAC,MAAA,EAAAJ,CAAA,MAAAD,GAAA,GAAAI,gBAAA,CAAAH,CAAA,OAAAJ,QAAA,CAAAS,OAAA,CAAAN,GAAA,uBAAAE,MAAA,CAAAK,SAAA,CAAAC,oBAAA,CAAAC,IAAA,CAAAb,MAAA,EAAAI,GAAA,aAAAF,MAAA,CAAAE,GAAA,IAAAJ,MAAA,CAAAI,GAAA,cAAAF,MAAA;AAAA,SAAAC,8BAAAH,MAAA,EAAAC,QAAA,QAAAD,MAAA,yBAAAE,MAAA,WAAAY,UAAA,GAAAR,MAAA,CAAAS,IAAA,CAAAf,MAAA,OAAAI,GAAA,EAAAC,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAS,UAAA,CAAAL,MAAA,EAAAJ,CAAA,MAAAD,GAAA,GAAAU,UAAA,CAAAT,CAAA,OAAAJ,QAAA,CAAAS,OAAA,CAAAN,GAAA,kBAAAF,MAAA,CAAAE,GAAA,IAAAJ,MAAA,CAAAI,GAAA,YAAAF,MAAA;AAWjC;AACA;AACA;AACO,IAAMc,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAUL;EAAA,IAAAC,WAAA,GAAAD,IAAA,CATzBE,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,IAAI,GAAAA,WAAA;IACbE,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAAC,YAAA,GAAAJ,IAAA,CACRK,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG;MACRE,UAAU,EAAE,IAAI;MAChBC,aAAa,EAAE,IAAI;MACnBC,SAAS,EAAE,IAAI;MACfC,OAAO,EAAE;IACX,CAAC,GAAAL,YAAA;IACEM,IAAI,GAAA5B,wBAAA,CAAAkB,IAAA,EAAAnB,SAAA;EAEP,IAAA8B,gBAAS,EAAC,YAAM;IACd,IAAI,CAACT,MAAM,IAAI,OAAOU,gBAAgB,KAAK,WAAW,EAAE;MACtD;IACF;IAEA,IAAMC,EAAE,GAAG,KAAK,IAAIH,IAAI,GAAGA,IAAI,CAACI,GAAG,CAACC,OAAO,GAAGL,IAAI,CAACM,OAAO;IAE1D,IAAIH,EAAE,EAAE;MACN,IAAMI,QAAQ,GAAG,IAAIL,gBAAgB,CAACT,QAAQ,CAAC;;MAE/C;MACAc,QAAQ,CAACC,OAAO,CAACL,EAAE,EAAER,OAAO,CAAC;MAE7B,OAAO,YAAM;QACXY,QAAQ,CAACE,UAAU,EAAE;MACvB,CAAC;IACH;IACA;EACF,CAAC,EAAE,CAAChB,QAAQ,EAAEE,OAAO,EAAEH,MAAM,CAAC,CAAC;AACjC,CAAC;AAAAkB,OAAA,CAAArB,mBAAA,GAAAA,mBAAA"}