@artsy/palette 41.8.1 → 42.0.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","_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: \"mono100\", color: \"mono0\" }\n            : { bg: \"mono0\", color: \"mono100\" })}\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        { variant: \"dotted\" },\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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"}
+{"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","exports","title","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: \"mono100\", color: \"mono0\" }\n            : { bg: \"mono0\", color: \"mono100\" })}\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        { variant: \"dotted\" },\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

@@ -21,7 +21,7 @@ var DEFAULT_STATES = {
   selected: (0, _styledComponents.css)(["border-color:", ";background-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.mono0")),
   disabled: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";text-decoration:none;"], (0, _themeGet.themeGet)("colors.mono5"), (0, _themeGet.themeGet)("colors.mono5"), (0, _themeGet.themeGet)("colors.mono60"))
 };
-var PILL_VARIANTS = {
+var PILL_VARIANTS = exports.PILL_VARIANTS = {
   dotted: _objectSpread(_objectSpread({}, DEFAULT_STATES), {}, {
     default: (0, _styledComponents.css)(["", " border-style:dashed;"], DEFAULT_STATES.default)
   }),
@@ -65,5 +65,4 @@ var PILL_VARIANTS = {
     disabled: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.mono5"), (0, _themeGet.themeGet)("colors.mono5"), (0, _themeGet.themeGet)("colors.mono60"))
   }
 };
-exports.PILL_VARIANTS = PILL_VARIANTS;
 //# sourceMappingURL=tokens.js.map

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","dotted","search","Sup","badge","profile","gray","exports"],"sources":["../../../src/elements/Pill/tokens.ts"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css, Interpolation } 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.mono5\")};\n    border-color: ${themeGet(\"colors.mono5\")};\n    color: ${themeGet(\"colors.blue100\")};\n    text-decoration: underline;\n  `,\n  hover: css`\n    background-color: ${themeGet(\"colors.mono5\")};\n    border-color: ${themeGet(\"colors.mono5\")};\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.mono0\")};\n    text-decoration: underline;\n  `,\n  selected: css`\n    border-color: ${themeGet(\"colors.blue100\")};\n    background-color: ${themeGet(\"colors.blue100\")};\n    color: ${themeGet(\"colors.mono0\")};\n  `,\n  disabled: css`\n    background-color: ${themeGet(\"colors.mono5\")};\n    border-color: ${themeGet(\"colors.mono5\")};\n    color: ${themeGet(\"colors.mono60\")};\n    text-decoration: none;\n  `,\n}\n\nexport const PILL_VARIANTS: Record<\n  PillVariant,\n  Record<PillState, Interpolation<any>[]>\n> = {\n  dotted: {\n    ...DEFAULT_STATES,\n    default: css`\n      ${DEFAULT_STATES.default}\n      border-style: dashed;\n    `,\n  },\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.mono0\")};\n      }\n    `,\n    selected: css`\n      ${DEFAULT_STATES.selected}\n\n      ${Sup} {\n        color: ${themeGet(\"colors.mono0\")};\n      }\n    `,\n    disabled: css`\n      ${DEFAULT_STATES.disabled}\n\n      ${Sup} {\n        color: ${themeGet(\"colors.mono60\")};\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.mono60\")};\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.mono0\")};\n      text-decoration: underline;\n    `,\n    focus: css`\n      background-color: ${themeGet(\"colors.blue100\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.mono0\")};\n      text-decoration: underline;\n    `,\n    active: css`\n      background-color: ${themeGet(\"colors.blue150\")};\n      border-color: ${themeGet(\"colors.blue150\")};\n      color: ${themeGet(\"colors.mono0\")};\n      text-decoration: underline;\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.blue150\")};\n      border-color: ${themeGet(\"colors.blue150\")};\n      color: ${themeGet(\"colors.mono0\")};\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.mono5\")};\n      border-color: ${themeGet(\"colors.mono5\")};\n    `,\n    active: css`\n      background-color: ${themeGet(\"colors.mono5\")};\n      border-color: ${themeGet(\"colors.mono5\")};\n      color: ${themeGet(\"colors.mono100\")};\n      text-decoration: underline;\n    `,\n    selected: css`\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.mono100\")};\n      background-color: ${themeGet(\"colors.mono5\")};\n      border-color: ${themeGet(\"colors.mono5\")};\n    `,\n    disabled: css`\n      background-color: ${themeGet(\"colors.mono5\")};\n      border-color: ${themeGet(\"colors.mono5\")};\n      color: ${themeGet(\"colors.mono60\")};\n    `,\n  },\n\n  gray: {\n    default: css`\n      border-radius: 15px;\n      height: 30px;\n      padding: 0 15px;\n      background-color: ${themeGet(\"colors.mono5\")};\n      border-color: ${themeGet(\"colors.mono5\")};\n      color: ${themeGet(\"colors.mono100\")};\n    `,\n    hover: css`\n      background-color: ${themeGet(\"colors.mono5\")};\n      border-color: ${themeGet(\"colors.mono5\")};\n      color: ${themeGet(\"colors.blue100\")};\n      text-decoration: underline;\n    `,\n    focus: css`\n      background-color: ${themeGet(\"colors.mono5\")};\n      border-color: ${themeGet(\"colors.mono5\")};\n      color: ${themeGet(\"colors.blue100\")};\n      text-decoration: underline;\n    `,\n    active: css`\n      background-color: ${themeGet(\"colors.mono5\")};\n      border-color: ${themeGet(\"colors.mono5\")};\n      color: ${themeGet(\"colors.mono100\")};\n      text-decoration: underline;\n    `,\n    selected: css`\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.mono100\")};\n      background-color: ${themeGet(\"colors.mono5\")};\n      border-color: ${themeGet(\"colors.mono5\")};\n    `,\n    disabled: css`\n      background-color: ${themeGet(\"colors.mono5\")};\n      border-color: ${themeGet(\"colors.mono5\")};\n      color: ${themeGet(\"colors.mono60\")};\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","exports","dotted","search","Sup","badge","profile","gray"],"sources":["../../../src/elements/Pill/tokens.ts"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css, Interpolation } 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.mono5\")};\n    border-color: ${themeGet(\"colors.mono5\")};\n    color: ${themeGet(\"colors.blue100\")};\n    text-decoration: underline;\n  `,\n  hover: css`\n    background-color: ${themeGet(\"colors.mono5\")};\n    border-color: ${themeGet(\"colors.mono5\")};\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.mono0\")};\n    text-decoration: underline;\n  `,\n  selected: css`\n    border-color: ${themeGet(\"colors.blue100\")};\n    background-color: ${themeGet(\"colors.blue100\")};\n    color: ${themeGet(\"colors.mono0\")};\n  `,\n  disabled: css`\n    background-color: ${themeGet(\"colors.mono5\")};\n    border-color: ${themeGet(\"colors.mono5\")};\n    color: ${themeGet(\"colors.mono60\")};\n    text-decoration: none;\n  `,\n}\n\nexport const PILL_VARIANTS: Record<\n  PillVariant,\n  Record<PillState, Interpolation<any>[]>\n> = {\n  dotted: {\n    ...DEFAULT_STATES,\n    default: css`\n      ${DEFAULT_STATES.default}\n      border-style: dashed;\n    `,\n  },\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.mono0\")};\n      }\n    `,\n    selected: css`\n      ${DEFAULT_STATES.selected}\n\n      ${Sup} {\n        color: ${themeGet(\"colors.mono0\")};\n      }\n    `,\n    disabled: css`\n      ${DEFAULT_STATES.disabled}\n\n      ${Sup} {\n        color: ${themeGet(\"colors.mono60\")};\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.mono60\")};\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.mono0\")};\n      text-decoration: underline;\n    `,\n    focus: css`\n      background-color: ${themeGet(\"colors.blue100\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.mono0\")};\n      text-decoration: underline;\n    `,\n    active: css`\n      background-color: ${themeGet(\"colors.blue150\")};\n      border-color: ${themeGet(\"colors.blue150\")};\n      color: ${themeGet(\"colors.mono0\")};\n      text-decoration: underline;\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.blue150\")};\n      border-color: ${themeGet(\"colors.blue150\")};\n      color: ${themeGet(\"colors.mono0\")};\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.mono5\")};\n      border-color: ${themeGet(\"colors.mono5\")};\n    `,\n    active: css`\n      background-color: ${themeGet(\"colors.mono5\")};\n      border-color: ${themeGet(\"colors.mono5\")};\n      color: ${themeGet(\"colors.mono100\")};\n      text-decoration: underline;\n    `,\n    selected: css`\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.mono100\")};\n      background-color: ${themeGet(\"colors.mono5\")};\n      border-color: ${themeGet(\"colors.mono5\")};\n    `,\n    disabled: css`\n      background-color: ${themeGet(\"colors.mono5\")};\n      border-color: ${themeGet(\"colors.mono5\")};\n      color: ${themeGet(\"colors.mono60\")};\n    `,\n  },\n\n  gray: {\n    default: css`\n      border-radius: 15px;\n      height: 30px;\n      padding: 0 15px;\n      background-color: ${themeGet(\"colors.mono5\")};\n      border-color: ${themeGet(\"colors.mono5\")};\n      color: ${themeGet(\"colors.mono100\")};\n    `,\n    hover: css`\n      background-color: ${themeGet(\"colors.mono5\")};\n      border-color: ${themeGet(\"colors.mono5\")};\n      color: ${themeGet(\"colors.blue100\")};\n      text-decoration: underline;\n    `,\n    focus: css`\n      background-color: ${themeGet(\"colors.mono5\")};\n      border-color: ${themeGet(\"colors.mono5\")};\n      color: ${themeGet(\"colors.blue100\")};\n      text-decoration: underline;\n    `,\n    active: css`\n      background-color: ${themeGet(\"colors.mono5\")};\n      border-color: ${themeGet(\"colors.mono5\")};\n      color: ${themeGet(\"colors.mono100\")};\n      text-decoration: underline;\n    `,\n    selected: css`\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.mono100\")};\n      background-color: ${themeGet(\"colors.mono5\")};\n      border-color: ${themeGet(\"colors.mono5\")};\n    `,\n    disabled: css`\n      background-color: ${themeGet(\"colors.mono5\")};\n      border-color: ${themeGet(\"colors.mono5\")};\n      color: ${themeGet(\"colors.mono60\")};\n    `,\n  },\n}\n"],"mappings":"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"}

package/dist/elements/Pointer/Pointer.d.ts

@@ -8,7 +8,7 @@ declare const POINTER_VARIANTS: {
         backgroundColor: string;
     };
 };
-declare type PointerVariant = keyof typeof POINTER_VARIANTS;
+type PointerVariant = keyof typeof POINTER_VARIANTS;
 export interface PointerProps {
     anchorRef: React.RefObject<HTMLElement>;
     tooltipRef: React.RefObject<HTMLElement>;

package/dist/elements/Pointer/Pointer.js

@@ -23,8 +23,8 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var POINTER_VARIANTS = {
   defaultLight: {
@@ -37,7 +37,7 @@ var POINTER_VARIANTS = {
 /**
  * Internal-use component for displaying a triangular pointer to an anchor node
  */
-var Pointer = function Pointer(_ref) {
+var Pointer = exports.Pointer = function Pointer(_ref) {
   var anchorRef = _ref.anchorRef,
     tooltipRef = _ref.tooltipRef,
     isFlipped = _ref.isFlipped,
@@ -156,7 +156,6 @@ var Pointer = function Pointer(_ref) {
     variant: variant
   }, position));
 };
-exports.Pointer = Pointer;
 Pointer.displayName = "Pointer";
 var POINTER_SIZE = 10; // px
 var POINTER_WIDTH = Math.sqrt(2 * Math.pow(10, 2)); // px

package/dist/elements/Pointer/Pointer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pointer.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_useResizeObserver","_Box","_themeGet","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","POINTER_VARIANTS","defaultLight","backgroundColor","defaultDark","Pointer","_ref","anchorRef","tooltipRef","isFlipped","placement","_ref$variant","variant","_useState","useState","_useState2","_useState2$","anchorWidth","anchorHeight","setAnchorDimensions","_useState3","_useState4","_useState4$","tooltipWidth","tooltipHeight","setTooltipDimensions","position","useMemo","horizontalCenter","verticalCenter","bottom","left","concat","POINTER_WIDTH","right","top","handleResize","useCallback","current","anchorRect","getBoundingClientRect","tooltipRect","width","height","useEffect","useResizeObserver","onResize","createElement","Container","exports","displayName","POINTER_SIZE","Math","sqrt","pow","styled","Box","withConfig","componentId","themeGet","variants"],"sources":["../../../src/elements/Pointer/Pointer.tsx"],"sourcesContent":["import React, { FC, useEffect, useMemo, useState, useCallback } from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Position } from \"../../utils\"\nimport { useResizeObserver } from \"../../utils/useResizeObserver\"\nimport { Box } from \"../Box\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nconst POINTER_VARIANTS = {\n  defaultLight: {\n    backgroundColor: \"mono0\",\n  },\n  defaultDark: {\n    backgroundColor: \"mono100\",\n  },\n}\n\ntype PointerVariant = keyof typeof POINTER_VARIANTS\n\nexport interface PointerProps {\n  anchorRef: React.RefObject<HTMLElement>\n  tooltipRef: React.RefObject<HTMLElement>\n  isFlipped: boolean\n  placement: Position\n  variant?: PointerVariant\n}\n\n/**\n * Internal-use component for displaying a triangular pointer to an anchor node\n */\nexport const Pointer: FC<React.PropsWithChildren<PointerProps>> = ({\n  anchorRef,\n  tooltipRef,\n  isFlipped,\n  placement,\n  variant = \"defaultLight\",\n}) => {\n  const [[anchorWidth, anchorHeight], setAnchorDimensions] = useState([0, 0])\n  const [[tooltipWidth, tooltipHeight], setTooltipDimensions] = useState([0, 0])\n\n  const position = useMemo(() => {\n    const horizontalCenter = anchorWidth / 2\n    const verticalCenter = anchorHeight / 2\n\n    switch (placement) {\n      case \"top-start\":\n        return {\n          bottom: isFlipped ? \"100%\" : 0,\n          left: `${\n            horizontalCenter > tooltipWidth\n              ? POINTER_WIDTH\n              : horizontalCenter - POINTER_WIDTH / 2\n          }px`,\n        }\n      case \"top\":\n        return {\n          bottom: isFlipped ? \"100%\" : 0,\n          left: `calc(50% - ${POINTER_WIDTH / 2}px)`,\n        }\n      case \"top-end\":\n        return {\n          bottom: isFlipped ? \"100%\" : 0,\n          right: `${\n            horizontalCenter > tooltipWidth\n              ? POINTER_WIDTH * 2\n              : horizontalCenter + POINTER_WIDTH / 2\n          }px`,\n        }\n      case \"bottom-start\":\n        return {\n          top: isFlipped ? \"100%\" : 0,\n          left: `${\n            horizontalCenter > tooltipWidth\n              ? POINTER_WIDTH\n              : horizontalCenter - POINTER_WIDTH / 2\n          }px`,\n        }\n      case \"bottom\":\n        return {\n          top: isFlipped ? \"100%\" : 0,\n          left: `calc(50% - ${POINTER_WIDTH / 2}px)`,\n        }\n      case \"bottom-end\":\n        return {\n          top: isFlipped ? \"100%\" : 0,\n          right: `${\n            horizontalCenter > tooltipWidth\n              ? POINTER_WIDTH * 2\n              : horizontalCenter + POINTER_WIDTH / 2\n          }px`,\n        }\n      case \"left-start\":\n        return {\n          top: `${\n            verticalCenter > tooltipHeight - POINTER_WIDTH / 2\n              ? POINTER_WIDTH\n              : verticalCenter\n          }px`,\n          ...(isFlipped\n            ? { left: `-${POINTER_WIDTH / 2}px` }\n            : { right: `${POINTER_WIDTH / 2}px` }),\n        }\n      case \"left\":\n        return {\n          top: \"50%\",\n          ...(isFlipped\n            ? { left: `-${POINTER_WIDTH / 2}px` }\n            : { right: `${POINTER_WIDTH / 2}px` }),\n        }\n      case \"left-end\":\n        return {\n          bottom: `${\n            verticalCenter > tooltipHeight - POINTER_WIDTH / 2\n              ? POINTER_WIDTH\n              : verticalCenter\n          }px`,\n\n          ...(isFlipped\n            ? { left: `-${POINTER_WIDTH / 2}px` }\n            : { right: `${POINTER_WIDTH / 2}px` }),\n        }\n      case \"right-start\":\n        return {\n          top: `${\n            verticalCenter > tooltipHeight - POINTER_WIDTH / 2\n              ? POINTER_WIDTH\n              : verticalCenter\n          }px`,\n          ...(isFlipped\n            ? { right: `${POINTER_WIDTH / 2}px` }\n            : { left: `-${POINTER_WIDTH / 2}px` }),\n        }\n      case \"right\":\n        return {\n          top: \"50%\",\n          ...(isFlipped\n            ? { right: `${POINTER_WIDTH / 2}px` }\n            : { left: `-${POINTER_WIDTH / 2}px` }),\n        }\n      case \"right-end\":\n        return {\n          bottom: `${\n            verticalCenter > tooltipHeight - POINTER_WIDTH / 2\n              ? POINTER_WIDTH\n              : verticalCenter\n          }px`,\n          ...(isFlipped\n            ? { right: `${POINTER_WIDTH / 2}px` }\n            : { left: `-${POINTER_WIDTH / 2}px` }),\n        }\n    }\n  }, [\n    anchorHeight,\n    anchorWidth,\n    isFlipped,\n    placement,\n    tooltipHeight,\n    tooltipWidth,\n  ])\n\n  const handleResize = useCallback(() => {\n    if (!anchorRef.current || !tooltipRef.current) return\n\n    const anchorRect = anchorRef.current.getBoundingClientRect()\n    const tooltipRect = tooltipRef.current.getBoundingClientRect()\n\n    setAnchorDimensions([anchorRect.width, anchorRect.height])\n    setTooltipDimensions([tooltipRect.width, tooltipRect.height])\n  }, [anchorRef, tooltipRef])\n\n  useEffect(handleResize, [handleResize])\n\n  useResizeObserver({ target: anchorRef, onResize: handleResize })\n\n  return <Container variant={variant} {...position} />\n}\n\nconst POINTER_SIZE = 10 // px\nconst POINTER_WIDTH = Math.sqrt(2 * Math.pow(10, 2)) // px\n\nconst Container = styled(Box)<{ variant: PointerVariant }>`\n  z-index: -1;\n  position: absolute;\n\n  &::after {\n    content: \"\";\n    position: absolute;\n    width: ${POINTER_SIZE}px;\n    height: ${POINTER_SIZE}px;\n    transform-origin: 0 0;\n    transform: rotate(-45deg);\n    box-shadow: ${themeGet(\"effects.dropShadow\")};\n    ${variant({ variants: POINTER_VARIANTS })}\n  }\n`\n"],"mappings":"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"}
+{"version":3,"file":"Pointer.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_useResizeObserver","_Box","_themeGet","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","POINTER_VARIANTS","defaultLight","backgroundColor","defaultDark","Pointer","exports","_ref","anchorRef","tooltipRef","isFlipped","placement","_ref$variant","variant","_useState","useState","_useState2","_useState2$","anchorWidth","anchorHeight","setAnchorDimensions","_useState3","_useState4","_useState4$","tooltipWidth","tooltipHeight","setTooltipDimensions","position","useMemo","horizontalCenter","verticalCenter","bottom","left","concat","POINTER_WIDTH","right","top","handleResize","useCallback","current","anchorRect","getBoundingClientRect","tooltipRect","width","height","useEffect","useResizeObserver","onResize","createElement","Container","displayName","POINTER_SIZE","Math","sqrt","pow","styled","Box","withConfig","componentId","themeGet","variants"],"sources":["../../../src/elements/Pointer/Pointer.tsx"],"sourcesContent":["import React, { FC, useEffect, useMemo, useState, useCallback } from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Position } from \"../../utils\"\nimport { useResizeObserver } from \"../../utils/useResizeObserver\"\nimport { Box } from \"../Box\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nconst POINTER_VARIANTS = {\n  defaultLight: {\n    backgroundColor: \"mono0\",\n  },\n  defaultDark: {\n    backgroundColor: \"mono100\",\n  },\n}\n\ntype PointerVariant = keyof typeof POINTER_VARIANTS\n\nexport interface PointerProps {\n  anchorRef: React.RefObject<HTMLElement>\n  tooltipRef: React.RefObject<HTMLElement>\n  isFlipped: boolean\n  placement: Position\n  variant?: PointerVariant\n}\n\n/**\n * Internal-use component for displaying a triangular pointer to an anchor node\n */\nexport const Pointer: FC<React.PropsWithChildren<PointerProps>> = ({\n  anchorRef,\n  tooltipRef,\n  isFlipped,\n  placement,\n  variant = \"defaultLight\",\n}) => {\n  const [[anchorWidth, anchorHeight], setAnchorDimensions] = useState([0, 0])\n  const [[tooltipWidth, tooltipHeight], setTooltipDimensions] = useState([0, 0])\n\n  const position = useMemo(() => {\n    const horizontalCenter = anchorWidth / 2\n    const verticalCenter = anchorHeight / 2\n\n    switch (placement) {\n      case \"top-start\":\n        return {\n          bottom: isFlipped ? \"100%\" : 0,\n          left: `${\n            horizontalCenter > tooltipWidth\n              ? POINTER_WIDTH\n              : horizontalCenter - POINTER_WIDTH / 2\n          }px`,\n        }\n      case \"top\":\n        return {\n          bottom: isFlipped ? \"100%\" : 0,\n          left: `calc(50% - ${POINTER_WIDTH / 2}px)`,\n        }\n      case \"top-end\":\n        return {\n          bottom: isFlipped ? \"100%\" : 0,\n          right: `${\n            horizontalCenter > tooltipWidth\n              ? POINTER_WIDTH * 2\n              : horizontalCenter + POINTER_WIDTH / 2\n          }px`,\n        }\n      case \"bottom-start\":\n        return {\n          top: isFlipped ? \"100%\" : 0,\n          left: `${\n            horizontalCenter > tooltipWidth\n              ? POINTER_WIDTH\n              : horizontalCenter - POINTER_WIDTH / 2\n          }px`,\n        }\n      case \"bottom\":\n        return {\n          top: isFlipped ? \"100%\" : 0,\n          left: `calc(50% - ${POINTER_WIDTH / 2}px)`,\n        }\n      case \"bottom-end\":\n        return {\n          top: isFlipped ? \"100%\" : 0,\n          right: `${\n            horizontalCenter > tooltipWidth\n              ? POINTER_WIDTH * 2\n              : horizontalCenter + POINTER_WIDTH / 2\n          }px`,\n        }\n      case \"left-start\":\n        return {\n          top: `${\n            verticalCenter > tooltipHeight - POINTER_WIDTH / 2\n              ? POINTER_WIDTH\n              : verticalCenter\n          }px`,\n          ...(isFlipped\n            ? { left: `-${POINTER_WIDTH / 2}px` }\n            : { right: `${POINTER_WIDTH / 2}px` }),\n        }\n      case \"left\":\n        return {\n          top: \"50%\",\n          ...(isFlipped\n            ? { left: `-${POINTER_WIDTH / 2}px` }\n            : { right: `${POINTER_WIDTH / 2}px` }),\n        }\n      case \"left-end\":\n        return {\n          bottom: `${\n            verticalCenter > tooltipHeight - POINTER_WIDTH / 2\n              ? POINTER_WIDTH\n              : verticalCenter\n          }px`,\n\n          ...(isFlipped\n            ? { left: `-${POINTER_WIDTH / 2}px` }\n            : { right: `${POINTER_WIDTH / 2}px` }),\n        }\n      case \"right-start\":\n        return {\n          top: `${\n            verticalCenter > tooltipHeight - POINTER_WIDTH / 2\n              ? POINTER_WIDTH\n              : verticalCenter\n          }px`,\n          ...(isFlipped\n            ? { right: `${POINTER_WIDTH / 2}px` }\n            : { left: `-${POINTER_WIDTH / 2}px` }),\n        }\n      case \"right\":\n        return {\n          top: \"50%\",\n          ...(isFlipped\n            ? { right: `${POINTER_WIDTH / 2}px` }\n            : { left: `-${POINTER_WIDTH / 2}px` }),\n        }\n      case \"right-end\":\n        return {\n          bottom: `${\n            verticalCenter > tooltipHeight - POINTER_WIDTH / 2\n              ? POINTER_WIDTH\n              : verticalCenter\n          }px`,\n          ...(isFlipped\n            ? { right: `${POINTER_WIDTH / 2}px` }\n            : { left: `-${POINTER_WIDTH / 2}px` }),\n        }\n    }\n  }, [\n    anchorHeight,\n    anchorWidth,\n    isFlipped,\n    placement,\n    tooltipHeight,\n    tooltipWidth,\n  ])\n\n  const handleResize = useCallback(() => {\n    if (!anchorRef.current || !tooltipRef.current) return\n\n    const anchorRect = anchorRef.current.getBoundingClientRect()\n    const tooltipRect = tooltipRef.current.getBoundingClientRect()\n\n    setAnchorDimensions([anchorRect.width, anchorRect.height])\n    setTooltipDimensions([tooltipRect.width, tooltipRect.height])\n  }, [anchorRef, tooltipRef])\n\n  useEffect(handleResize, [handleResize])\n\n  useResizeObserver({ target: anchorRef, onResize: handleResize })\n\n  return <Container variant={variant} {...position} />\n}\n\nconst POINTER_SIZE = 10 // px\nconst POINTER_WIDTH = Math.sqrt(2 * Math.pow(10, 2)) // px\n\nconst Container = styled(Box)<{ variant: PointerVariant }>`\n  z-index: -1;\n  position: absolute;\n\n  &::after {\n    content: \"\";\n    position: absolute;\n    width: ${POINTER_SIZE}px;\n    height: ${POINTER_SIZE}px;\n    transform-origin: 0 0;\n    transform: rotate(-45deg);\n    box-shadow: ${themeGet(\"effects.dropShadow\")};\n    ${variant({ variants: POINTER_VARIANTS })}\n  }\n`\n"],"mappings":"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"}

package/dist/elements/Popover/Popover.d.ts

@@ -11,7 +11,7 @@ export declare const POPOVER_VARIANTS: {
         color: string;
     };
 };
-export declare type PopoverVariant = keyof typeof POPOVER_VARIANTS;
+export type PopoverVariant = keyof typeof POPOVER_VARIANTS;
 export interface PopoverActions {
     /** Call to show popover */
     onVisible(): void;

package/dist/elements/Popover/Popover.js

@@ -23,12 +23,12 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var POPOVER_VARIANTS = {
+var POPOVER_VARIANTS = exports.POPOVER_VARIANTS = {
   defaultLight: {
     backgroundColor: "mono0",
     color: "mono100"
@@ -38,12 +38,11 @@ var POPOVER_VARIANTS = {
     color: "mono0"
   }
 };
-exports.POPOVER_VARIANTS = POPOVER_VARIANTS;
 /**
  * A `Popover` is a small modal-type element which is anchored, and can be
  * positioned relative to, another element.
  */
-var Popover = function Popover(_ref) {
+var Popover = exports.Popover = function Popover(_ref) {
   var children = _ref.children,
     _ref$ignoreClickOutsi = _ref.ignoreClickOutside,
     ignoreClickOutside = _ref$ignoreClickOutsi === void 0 ? false : _ref$ignoreClickOutsi,
@@ -164,7 +163,6 @@ var Popover = function Popover(_ref) {
     onDismiss: handleDismiss
   }) : popover))));
 };
-exports.Popover = Popover;
 var Tip = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "Popover__Tip",
   componentId: "sc-x2qqfz-0"

package/dist/elements/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_CloseIcon","_utils","_useUpdateEffect","_Box","_Clickable","_Pointer","_themeGet","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_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","POPOVER_VARIANTS","defaultLight","backgroundColor","color","defaultDark","exports","Popover","_ref","children","_ref$ignoreClickOutsi","ignoreClickOutside","_ref$manageFocus","manageFocus","_ref$offset","offset","onClose","onDismiss","_ref$placement","placement","_ref$pointer","pointer","popover","_ref$variant","variant","_ref$visible","visible","_visible","_ref$zIndex","zIndex","rest","_useState","useState","_useState2","setVisible","useEffect","useUpdateEffect","tooltipRef","current","focus","anchorRef","onVisible","useCallback","onHide","handleHide","handleDismiss","handleKeydown","event","document","addEventListener","removeEventListener","_usePosition","usePosition","position","active","isFlipped","state","useClickOutside","ref","onClickOutside","when","type","_usePortal","usePortal","createPortal","createElement","Fragment","Tip","tabIndex","display","Pointer","Close","p","onClick","fill","Panel","styled","Box","withConfig","displayName","componentId","themeGet","variants","Clickable"],"sources":["../../../src/elements/Popover/Popover.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport CloseIcon from \"@artsy/icons/CloseIcon\"\nimport { Position, useClickOutside, usePortal, usePosition } from \"../../utils\"\nimport { useUpdateEffect } from \"../../utils/useUpdateEffect\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { Pointer } from \"../Pointer\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nexport const POPOVER_VARIANTS = {\n  defaultLight: {\n    backgroundColor: \"mono0\",\n    color: \"mono100\",\n  },\n  defaultDark: {\n    backgroundColor: \"mono100\",\n    color: \"mono0\",\n  },\n}\n\nexport type PopoverVariant = keyof typeof POPOVER_VARIANTS\n\nexport interface PopoverActions {\n  /** Call to show popover */\n  onVisible(): void\n  /** Call to hide popover */\n  onHide(): void\n  /** Call to dismiss popover */\n  onDismiss(): void\n  /** Pass ref to element you want the popover to be anchored to */\n  anchorRef: React.MutableRefObject<HTMLElement>\n}\n\nexport interface PopoverProps extends BoxProps {\n  children: (actions: PopoverActions) => JSX.Element\n  ignoreClickOutside?: boolean\n  manageFocus?: boolean\n  offset?: number\n  /** Called whenever the Popver is closed (both explcitly dismissed and through click outside) */\n  onClose?: () => void\n  /** Called whenever the Popover is dismissed (explicitly) */\n  onDismiss?: () => void\n  placement?: Position\n  /** Display triangular pointer back to anchor node */\n  pointer?: boolean\n  popover:\n    | ((actions: Omit<PopoverActions, \"anchorRef\">) => JSX.Element)\n    | React.ReactNode\n  variant?: PopoverVariant\n  /** Initial default visibility */\n  visible?: boolean\n}\n\n/**\n * A `Popover` is a small modal-type element which is anchored, and can be\n * positioned relative to, another element.\n */\nexport const Popover = ({\n  children,\n  ignoreClickOutside = false,\n  manageFocus = true,\n  offset = 10,\n  onClose,\n  onDismiss,\n  placement = \"top\",\n  pointer = false,\n  popover,\n  variant = \"defaultLight\",\n  visible: _visible = false,\n  zIndex = 1,\n  ...rest\n}: PopoverProps) => {\n  const [visible, setVisible] = useState(false)\n\n  // If prop updates/set initial visibility.\n  useEffect(() => {\n    setVisible(_visible)\n  }, [_visible])\n\n  // Yields focus back and forth between popover and anchor\n  useUpdateEffect(() => {\n    if (!manageFocus) return\n\n    if (visible && tooltipRef.current) {\n      tooltipRef.current.focus()\n      return\n    }\n\n    if (!anchorRef.current) return\n    anchorRef.current.focus()\n  }, [visible])\n\n  const onVisible = useCallback(() => {\n    setVisible(true)\n  }, [])\n\n  const onHide = useCallback(() => {\n    setVisible(false)\n  }, [])\n\n  const handleHide = useCallback(() => {\n    onHide()\n    onClose?.()\n  }, [onHide, onClose])\n\n  const handleDismiss = useCallback(() => {\n    handleHide()\n    onDismiss?.()\n  }, [handleHide, onDismiss])\n\n  useEffect(() => {\n    const handleKeydown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        handleHide()\n      }\n    }\n\n    document.addEventListener(\"keydown\", handleKeydown)\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeydown)\n    }\n  }, [handleHide])\n\n  const {\n    anchorRef,\n    tooltipRef,\n    state: { isFlipped },\n  } = usePosition({\n    position: placement,\n    offset,\n    active: visible,\n  })\n\n  useClickOutside({\n    ref: tooltipRef,\n    onClickOutside: handleHide,\n    when: visible && !ignoreClickOutside,\n    type: \"click\",\n  })\n\n  const { createPortal } = usePortal()\n\n  return (\n    <>\n      {children({\n        anchorRef: anchorRef as any,\n        onVisible,\n        onHide: handleHide,\n        onDismiss: handleDismiss,\n      })}\n\n      {visible &&\n        createPortal(\n          <Tip\n            tabIndex={0}\n            ref={tooltipRef as any}\n            zIndex={zIndex}\n            display=\"inline-block\"\n            position=\"relative\"\n            variant={variant}\n          >\n            {pointer && (\n              <Pointer\n                anchorRef={anchorRef}\n                tooltipRef={tooltipRef}\n                variant={variant}\n                placement={placement}\n                isFlipped={isFlipped}\n              />\n            )}\n\n            <Close\n              position=\"relative\"\n              zIndex={2}\n              p={1}\n              onClick={handleDismiss}\n              aria-label=\"Close\"\n            >\n              <CloseIcon fill=\"currentColor\" display=\"block\" />\n            </Close>\n\n            <Panel\n              variant={variant}\n              position=\"relative\"\n              p={1}\n              zIndex={1}\n              {...rest}\n            >\n              {typeof popover === \"function\"\n                ? popover({\n                    onVisible,\n                    onHide: handleHide,\n                    onDismiss: handleDismiss,\n                  })\n                : popover}\n            </Panel>\n          </Tip>\n        )}\n    </>\n  )\n}\n\nconst Tip = styled(Box)<{ variant?: PopoverVariant }>`\n  position: fixed;\n  text-align: left;\n  transition: opacity 250ms ease-out;\n  box-shadow: ${themeGet(\"effects.dropShadow\")};\n  ${variant({ variants: POPOVER_VARIANTS })}\n`\n\nconst Panel = styled(Box)<{ variant?: PopoverVariant }>`\n  ${variant({ variants: POPOVER_VARIANTS })}\n`\n\nconst Close = styled(Clickable)`\n  float: right;\n`\n"],"mappings":"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"}
+{"version":3,"file":"Popover.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_CloseIcon","_utils","_useUpdateEffect","_Box","_Clickable","_Pointer","_themeGet","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_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","POPOVER_VARIANTS","exports","defaultLight","backgroundColor","color","defaultDark","Popover","_ref","children","_ref$ignoreClickOutsi","ignoreClickOutside","_ref$manageFocus","manageFocus","_ref$offset","offset","onClose","onDismiss","_ref$placement","placement","_ref$pointer","pointer","popover","_ref$variant","variant","_ref$visible","visible","_visible","_ref$zIndex","zIndex","rest","_useState","useState","_useState2","setVisible","useEffect","useUpdateEffect","tooltipRef","current","focus","anchorRef","onVisible","useCallback","onHide","handleHide","handleDismiss","handleKeydown","event","document","addEventListener","removeEventListener","_usePosition","usePosition","position","active","isFlipped","state","useClickOutside","ref","onClickOutside","when","type","_usePortal","usePortal","createPortal","createElement","Fragment","Tip","tabIndex","display","Pointer","Close","p","onClick","fill","Panel","styled","Box","withConfig","displayName","componentId","themeGet","variants","Clickable"],"sources":["../../../src/elements/Popover/Popover.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport CloseIcon from \"@artsy/icons/CloseIcon\"\nimport { Position, useClickOutside, usePortal, usePosition } from \"../../utils\"\nimport { useUpdateEffect } from \"../../utils/useUpdateEffect\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { Pointer } from \"../Pointer\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nexport const POPOVER_VARIANTS = {\n  defaultLight: {\n    backgroundColor: \"mono0\",\n    color: \"mono100\",\n  },\n  defaultDark: {\n    backgroundColor: \"mono100\",\n    color: \"mono0\",\n  },\n}\n\nexport type PopoverVariant = keyof typeof POPOVER_VARIANTS\n\nexport interface PopoverActions {\n  /** Call to show popover */\n  onVisible(): void\n  /** Call to hide popover */\n  onHide(): void\n  /** Call to dismiss popover */\n  onDismiss(): void\n  /** Pass ref to element you want the popover to be anchored to */\n  anchorRef: React.MutableRefObject<HTMLElement>\n}\n\nexport interface PopoverProps extends BoxProps {\n  children: (actions: PopoverActions) => JSX.Element\n  ignoreClickOutside?: boolean\n  manageFocus?: boolean\n  offset?: number\n  /** Called whenever the Popver is closed (both explcitly dismissed and through click outside) */\n  onClose?: () => void\n  /** Called whenever the Popover is dismissed (explicitly) */\n  onDismiss?: () => void\n  placement?: Position\n  /** Display triangular pointer back to anchor node */\n  pointer?: boolean\n  popover:\n    | ((actions: Omit<PopoverActions, \"anchorRef\">) => JSX.Element)\n    | React.ReactNode\n  variant?: PopoverVariant\n  /** Initial default visibility */\n  visible?: boolean\n}\n\n/**\n * A `Popover` is a small modal-type element which is anchored, and can be\n * positioned relative to, another element.\n */\nexport const Popover = ({\n  children,\n  ignoreClickOutside = false,\n  manageFocus = true,\n  offset = 10,\n  onClose,\n  onDismiss,\n  placement = \"top\",\n  pointer = false,\n  popover,\n  variant = \"defaultLight\",\n  visible: _visible = false,\n  zIndex = 1,\n  ...rest\n}: PopoverProps) => {\n  const [visible, setVisible] = useState(false)\n\n  // If prop updates/set initial visibility.\n  useEffect(() => {\n    setVisible(_visible)\n  }, [_visible])\n\n  // Yields focus back and forth between popover and anchor\n  useUpdateEffect(() => {\n    if (!manageFocus) return\n\n    if (visible && tooltipRef.current) {\n      tooltipRef.current.focus()\n      return\n    }\n\n    if (!anchorRef.current) return\n    anchorRef.current.focus()\n  }, [visible])\n\n  const onVisible = useCallback(() => {\n    setVisible(true)\n  }, [])\n\n  const onHide = useCallback(() => {\n    setVisible(false)\n  }, [])\n\n  const handleHide = useCallback(() => {\n    onHide()\n    onClose?.()\n  }, [onHide, onClose])\n\n  const handleDismiss = useCallback(() => {\n    handleHide()\n    onDismiss?.()\n  }, [handleHide, onDismiss])\n\n  useEffect(() => {\n    const handleKeydown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        handleHide()\n      }\n    }\n\n    document.addEventListener(\"keydown\", handleKeydown)\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeydown)\n    }\n  }, [handleHide])\n\n  const {\n    anchorRef,\n    tooltipRef,\n    state: { isFlipped },\n  } = usePosition({\n    position: placement,\n    offset,\n    active: visible,\n  })\n\n  useClickOutside({\n    ref: tooltipRef,\n    onClickOutside: handleHide,\n    when: visible && !ignoreClickOutside,\n    type: \"click\",\n  })\n\n  const { createPortal } = usePortal()\n\n  return (\n    <>\n      {children({\n        anchorRef: anchorRef as any,\n        onVisible,\n        onHide: handleHide,\n        onDismiss: handleDismiss,\n      })}\n\n      {visible &&\n        createPortal(\n          <Tip\n            tabIndex={0}\n            ref={tooltipRef as any}\n            zIndex={zIndex}\n            display=\"inline-block\"\n            position=\"relative\"\n            variant={variant}\n          >\n            {pointer && (\n              <Pointer\n                anchorRef={anchorRef}\n                tooltipRef={tooltipRef}\n                variant={variant}\n                placement={placement}\n                isFlipped={isFlipped}\n              />\n            )}\n\n            <Close\n              position=\"relative\"\n              zIndex={2}\n              p={1}\n              onClick={handleDismiss}\n              aria-label=\"Close\"\n            >\n              <CloseIcon fill=\"currentColor\" display=\"block\" />\n            </Close>\n\n            <Panel\n              variant={variant}\n              position=\"relative\"\n              p={1}\n              zIndex={1}\n              {...rest}\n            >\n              {typeof popover === \"function\"\n                ? popover({\n                    onVisible,\n                    onHide: handleHide,\n                    onDismiss: handleDismiss,\n                  })\n                : popover}\n            </Panel>\n          </Tip>\n        )}\n    </>\n  )\n}\n\nconst Tip = styled(Box)<{ variant?: PopoverVariant }>`\n  position: fixed;\n  text-align: left;\n  transition: opacity 250ms ease-out;\n  box-shadow: ${themeGet(\"effects.dropShadow\")};\n  ${variant({ variants: POPOVER_VARIANTS })}\n`\n\nconst Panel = styled(Box)<{ variant?: PopoverVariant }>`\n  ${variant({ variants: POPOVER_VARIANTS })}\n`\n\nconst Close = styled(Clickable)`\n  float: right;\n`\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,IAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AACA,IAAAS,QAAA,GAAAT,OAAA;AACA,IAAAU,SAAA,GAAAV,OAAA;AAAmD,IAAAW,SAAA;AAAA,SAAAT,uBAAAU,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,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,SAAAjB,wBAAAa,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAQ,OAAA,CAAAR,GAAA,yBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAS,KAAA,GAAAN,wBAAA,CAAAC,WAAA,OAAAK,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAV,GAAA,YAAAS,KAAA,CAAAE,GAAA,CAAAX,GAAA,SAAAY,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAjB,GAAA,QAAAiB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAApB,GAAA,EAAAiB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAhB,GAAA,EAAAiB,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,IAAAjB,GAAA,CAAAiB,GAAA,SAAAL,MAAA,CAAAV,OAAA,GAAAF,GAAA,MAAAS,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAtB,GAAA,EAAAY,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,IAAAwB,IAAA,CAAAxB,CAAA,IAAAM,GAAA,CAAAN,CAAA,UAAAwB,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,iBAAAM,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;AAE5C,IAAMoD,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EAC9BE,YAAY,EAAE;IACZC,eAAe,EAAE,OAAO;IACxBC,KAAK,EAAE;EACT,CAAC;EACDC,WAAW,EAAE;IACXF,eAAe,EAAE,SAAS;IAC1BC,KAAK,EAAE;EACT;AACF,CAAC;AAmCD;AACA;AACA;AACA;AACO,IAAME,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAcA;EAAA,IAblBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,qBAAA,GAAAF,IAAA,CACRG,kBAAkB;IAAlBA,kBAAkB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,gBAAA,GAAAJ,IAAA,CAC1BK,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,IAAI,GAAAA,gBAAA;IAAAE,WAAA,GAAAN,IAAA,CAClBO,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,EAAE,GAAAA,WAAA;IACXE,OAAO,GAAAR,IAAA,CAAPQ,OAAO;IACPC,SAAS,GAAAT,IAAA,CAATS,SAAS;IAAAC,cAAA,GAAAV,IAAA,CACTW,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAAE,YAAA,GAAAZ,IAAA,CACjBa,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IACfE,OAAO,GAAAd,IAAA,CAAPc,OAAO;IAAAC,YAAA,GAAAf,IAAA,CACPgB,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,cAAc,GAAAA,YAAA;IAAAE,YAAA,GAAAjB,IAAA,CACxBkB,OAAO;IAAEC,QAAQ,GAAAF,YAAA,cAAG,KAAK,GAAAA,YAAA;IAAAG,WAAA,GAAApB,IAAA,CACzBqB,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,CAAC,GAAAA,WAAA;IACPE,IAAI,GAAAtC,wBAAA,CAAAgB,IAAA,EAAAtF,SAAA;EAEP,IAAA6G,SAAA,GAA8B,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,GAAA9E,cAAA,CAAA4E,SAAA;IAAtCL,OAAO,GAAAO,UAAA;IAAEC,UAAU,GAAAD,UAAA;;EAE1B;EACA,IAAAE,gBAAS,EAAC,YAAM;IACdD,UAAU,CAACP,QAAQ,CAAC;EACtB,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;;EAEd;EACA,IAAAS,gCAAe,EAAC,YAAM;IACpB,IAAI,CAACvB,WAAW,EAAE;IAElB,IAAIa,OAAO,IAAIW,UAAU,CAACC,OAAO,EAAE;MACjCD,UAAU,CAACC,OAAO,CAACC,KAAK,EAAE;MAC1B;IACF;IAEA,IAAI,CAACC,SAAS,CAACF,OAAO,EAAE;IACxBE,SAAS,CAACF,OAAO,CAACC,KAAK,EAAE;EAC3B,CAAC,EAAE,CAACb,OAAO,CAAC,CAAC;EAEb,IAAMe,SAAS,GAAG,IAAAC,kBAAW,EAAC,YAAM;IAClCR,UAAU,CAAC,IAAI,CAAC;EAClB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMS,MAAM,GAAG,IAAAD,kBAAW,EAAC,YAAM;IAC/BR,UAAU,CAAC,KAAK,CAAC;EACnB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMU,UAAU,GAAG,IAAAF,kBAAW,EAAC,YAAM;IACnCC,MAAM,EAAE;IACR3B,OAAO,aAAPA,OAAO,uBAAPA,OAAO,EAAI;EACb,CAAC,EAAE,CAAC2B,MAAM,EAAE3B,OAAO,CAAC,CAAC;EAErB,IAAM6B,aAAa,GAAG,IAAAH,kBAAW,EAAC,YAAM;IACtCE,UAAU,EAAE;IACZ3B,SAAS,aAATA,SAAS,uBAATA,SAAS,EAAI;EACf,CAAC,EAAE,CAAC2B,UAAU,EAAE3B,SAAS,CAAC,CAAC;EAE3B,IAAAkB,gBAAS,EAAC,YAAM;IACd,IAAMW,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAoB,EAAK;MAC9C,IAAIA,KAAK,CAAC3G,GAAG,KAAK,QAAQ,EAAE;QAC1BwG,UAAU,EAAE;MACd;IACF,CAAC;IAEDI,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEH,aAAa,CAAC;IAEnD,OAAO,YAAM;MACXE,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEJ,aAAa,CAAC;IACxD,CAAC;EACH,CAAC,EAAE,CAACF,UAAU,CAAC,CAAC;EAEhB,IAAAO,YAAA,GAII,IAAAC,kBAAW,EAAC;MACdC,QAAQ,EAAElC,SAAS;MACnBJ,MAAM,EAANA,MAAM;MACNuC,MAAM,EAAE5B;IACV,CAAC,CAAC;IAPAc,SAAS,GAAAW,YAAA,CAATX,SAAS;IACTH,UAAU,GAAAc,YAAA,CAAVd,UAAU;IACDkB,SAAS,GAAAJ,YAAA,CAAlBK,KAAK,CAAID,SAAS;EAOpB,IAAAE,sBAAe,EAAC;IACdC,GAAG,EAAErB,UAAU;IACfsB,cAAc,EAAEf,UAAU;IAC1BgB,IAAI,EAAElC,OAAO,IAAI,CAACf,kBAAkB;IACpCkD,IAAI,EAAE;EACR,CAAC,CAAC;EAEF,IAAAC,UAAA,GAAyB,IAAAC,gBAAS,GAAE;IAA5BC,YAAY,GAAAF,UAAA,CAAZE,YAAY;EAEpB,oBACE3J,MAAA,CAAAgB,OAAA,CAAA4I,aAAA,CAAA5J,MAAA,CAAAgB,OAAA,CAAA6I,QAAA,QACGzD,QAAQ,CAAC;IACR+B,SAAS,EAAEA,SAAgB;IAC3BC,SAAS,EAATA,SAAS;IACTE,MAAM,EAAEC,UAAU;IAClB3B,SAAS,EAAE4B;EACb,CAAC,CAAC,EAEDnB,OAAO,IACNsC,YAAY,eACV3J,MAAA,CAAAgB,OAAA,CAAA4I,aAAA,CAACE,GAAG;IACFC,QAAQ,EAAE,CAAE;IACZV,GAAG,EAAErB,UAAkB;IACvBR,MAAM,EAAEA,MAAO;IACfwC,OAAO,EAAC,cAAc;IACtBhB,QAAQ,EAAC,UAAU;IACnB7B,OAAO,EAAEA;EAAQ,GAEhBH,OAAO,iBACNhH,MAAA,CAAAgB,OAAA,CAAA4I,aAAA,CAACjJ,QAAA,CAAAsJ,OAAO;IACN9B,SAAS,EAAEA,SAAU;IACrBH,UAAU,EAAEA,UAAW;IACvBb,OAAO,EAAEA,OAAQ;IACjBL,SAAS,EAAEA,SAAU;IACrBoC,SAAS,EAAEA;EAAU,EAExB,eAEDlJ,MAAA,CAAAgB,OAAA,CAAA4I,aAAA,CAACM,KAAK;IACJlB,QAAQ,EAAC,UAAU;IACnBxB,MAAM,EAAE,CAAE;IACV2C,CAAC,EAAE,CAAE;IACLC,OAAO,EAAE5B,aAAc;IACvB,cAAW;EAAO,gBAElBxI,MAAA,CAAAgB,OAAA,CAAA4I,aAAA,CAACtJ,UAAA,CAAAU,OAAS;IAACqJ,IAAI,EAAC,cAAc;IAACL,OAAO,EAAC;EAAO,EAAG,CAC3C,eAERhK,MAAA,CAAAgB,OAAA,CAAA4I,aAAA,CAACU,KAAK,EAAAjI,QAAA;IACJ8E,OAAO,EAAEA,OAAQ;IACjB6B,QAAQ,EAAC,UAAU;IACnBmB,CAAC,EAAE,CAAE;IACL3C,MAAM,EAAE;EAAE,GACNC,IAAI,GAEP,OAAOR,OAAO,KAAK,UAAU,GAC1BA,OAAO,CAAC;IACNmB,SAAS,EAATA,SAAS;IACTE,MAAM,EAAEC,UAAU;IAClB3B,SAAS,EAAE4B;EACb,CAAC,CAAC,GACFvB,OAAO,CACL,CACJ,CACP,CACF;AAEP,CAAC;AAED,IAAM6C,GAAG,GAAG,IAAAS,yBAAM,EAACC,QAAG,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8FAIP,IAAAC,kBAAQ,EAAC,oBAAoB,CAAC,EAC1C,IAAAzD,qBAAO,EAAC;EAAE0D,QAAQ,EAAEjF;AAAiB,CAAC,CAAC,CAC1C;AAED,IAAM0E,KAAK,GAAG,IAAAC,yBAAM,EAACC,QAAG,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACrB,IAAAxD,qBAAO,EAAC;EAAE0D,QAAQ,EAAEjF;AAAiB,CAAC,CAAC,CAC1C;AAED,IAAMsE,KAAK,GAAG,IAAAK,yBAAM,EAACO,oBAAS,CAAC,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oBAE9B"}

package/dist/elements/Popover/Popover.story.js

@@ -17,11 +17,10 @@ var _Popover = require("./Popover");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var CONTENT = "Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi eius autem aliquid cumque, mollitia incidunt totam. Id ut quae hic in quisquam, cupiditate iure nobis, provident minus voluptatem tenetur consequatur.";
-var _default = {
+var _default = exports.default = {
   title: "Components/Popover"
 };
-exports.default = _default;
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{}, {
       visible: true
@@ -76,7 +75,6 @@ var Default = function Default() {
     }, "Click to display popover"));
   }));
 };
-exports.Default = Default;
 Default.displayName = "Default";
 Default.story = {
   parameters: {
@@ -85,7 +83,7 @@ Default.story = {
     }
   }
 };
-var Placement = function Placement() {
+var Placement = exports.Placement = function Placement() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: Object.keys(_utils.POSITION).map(function (placement) {
       return {
@@ -114,7 +112,6 @@ var Placement = function Placement() {
     });
   });
 };
-exports.Placement = Placement;
 Placement.displayName = "Placement";
 Placement.story = {
   parameters: {
@@ -123,7 +120,7 @@ Placement.story = {
     }
   }
 };
-var ManageFocus = function ManageFocus() {
+var ManageFocus = exports.ManageFocus = function ManageFocus() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{
       visible: true,
@@ -151,9 +148,8 @@ var ManageFocus = function ManageFocus() {
     }, "Click to display popover"));
   }));
 };
-exports.ManageFocus = ManageFocus;
 ManageFocus.displayName = "ManageFocus";
-var PopoverActions = function PopoverActions() {
+var PopoverActions = exports.PopoverActions = function PopoverActions() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{
       visible: true
@@ -195,9 +191,8 @@ var PopoverActions = function PopoverActions() {
     }, "Click to display popover"));
   }));
 };
-exports.PopoverActions = PopoverActions;
 PopoverActions.displayName = "PopoverActions";
-var CrashAtSpecificZoomLevels = function CrashAtSpecificZoomLevels() {
+var CrashAtSpecificZoomLevels = exports.CrashAtSpecificZoomLevels = function CrashAtSpecificZoomLevels() {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Box.Box, {
     height: 100
   }, "Zoom to 90% in Chrome, click, then scroll."), /*#__PURE__*/_react.default.createElement(_Box.Box, {
@@ -242,5 +237,4 @@ var CrashAtSpecificZoomLevels = function CrashAtSpecificZoomLevels() {
     }, "Click to display popover"));
   })));
 };
-exports.CrashAtSpecificZoomLevels = CrashAtSpecificZoomLevels;
 //# sourceMappingURL=Popover.story.js.map