@artsy/palette 37.2.3 → 37.4.0-canary.1351.29887.0

package/dist/Theme.d.ts

@@ -63,7 +63,7 @@ export declare const useTheme: <T extends {
         6: string;
         12: string;
     };
-    textVariants: Record<"lg" | "md" | "sm" | "xs" | "xxxl" | "xxl" | "xl" | "lg-display" | "sm-display" | "bq", import("@artsy/palette-tokens/dist/typography/v3").TextTreatment>;
+    textVariants: Record<"lg" | "md" | "sm" | "xs" | "xxxl" | "xxl" | "xl" | "lg-display" | "sm-display" | "xxs" | "bq", import("@artsy/palette-tokens/dist/typography/v3").TextTreatment>;
 }>() => {
     theme: T;
 };

package/dist/elements/BaseTabs/BaseTab.d.ts

@@ -24,7 +24,7 @@ export declare type BaseTabProps = TextProps & {
  * or `<BaseTab as={Clickable} onClick={handleClick}>Foo</BaseTab>`
  */
 export declare const BaseTab: import("styled-components").StyledComponentClass<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & import("..").BoxProps & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & {
-    variant?: import("styled-system").ResponsiveValue<"lg" | "md" | "sm" | "xs" | "xxxl" | "xxl" | "xl" | "lg-display" | "sm-display" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    variant?: import("styled-system").ResponsiveValue<"lg" | "md" | "sm" | "xs" | "xxxl" | "xxl" | "xl" | "lg-display" | "sm-display" | "xxs" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     textColor?: import("styled-system").ResponsiveValue<"black100" | "black60" | "black30" | "black15" | "black10" | "black5" | "white100" | "blue150" | "blue100" | "brand" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red10", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     lineClamp?: number | undefined;
 } & {
@@ -33,7 +33,7 @@ export declare const BaseTab: import("styled-components").StyledComponentClass<R
     textTransform?: import("styled-system").ResponsiveValue<import("../Text").TextTransform, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     lineClamp?: import("styled-system").ResponsiveValue<number, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
 } & BaseTabProps, any, React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & import("..").BoxProps & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & {
-    variant?: import("styled-system").ResponsiveValue<"lg" | "md" | "sm" | "xs" | "xxxl" | "xxl" | "xl" | "lg-display" | "sm-display" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    variant?: import("styled-system").ResponsiveValue<"lg" | "md" | "sm" | "xs" | "xxxl" | "xxl" | "xl" | "lg-display" | "sm-display" | "xxs" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     textColor?: import("styled-system").ResponsiveValue<"black100" | "black60" | "black30" | "black15" | "black10" | "black5" | "white100" | "blue150" | "blue100" | "brand" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red10", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     lineClamp?: number | undefined;
 } & {

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

@@ -26,3 +26,4 @@ export declare const ChangeDimensions: () => JSX.Element;
 export declare const FocusOrder: () => JSX.Element;
 export declare const OpenDropdownByClick: () => JSX.Element;
 export declare const FilterExample: () => JSX.Element;
+export declare const StickyExample: () => JSX.Element;

package/dist/elements/Dropdown/Dropdown.story.js

@@ -4,7 +4,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.OpenDropdownByClick = exports.KeepInDOM = exports.FocusOrder = exports.FilterExample = exports.Default = exports.ChangeDimensions = void 0;
+exports.default = exports.StickyExample = exports.OpenDropdownByClick = exports.KeepInDOM = exports.FocusOrder = exports.FilterExample = exports.Default = exports.ChangeDimensions = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _storybookStates = require("storybook-states");
 var _utils = require("../../utils");
@@ -242,4 +242,44 @@ var FilterExample = function FilterExample() {
 };
 exports.FilterExample = FilterExample;
 FilterExample.displayName = "FilterExample";
+var StickyExample = function StickyExample() {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      height: "100vh",
+      overflow: "scroll"
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      height: "10vh"
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      position: "sticky",
+      top: 0,
+      zIndex: 1
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Dropdown.Dropdown, {
+    dropdown: /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      p: 1
+    }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+      variant: "xs"
+    }, "Example content")),
+    placement: "bottom-start",
+    openDropdownByClick: true
+  }, function (_ref8) {
+    var anchorRef = _ref8.anchorRef,
+      anchorProps = _ref8.anchorProps;
+    return /*#__PURE__*/_react.default.createElement(_Pill.Pill, _extends({
+      ref: anchorRef,
+      Icon: _ChevronSmallDownIcon.default,
+      iconPosition: "right"
+    }, anchorProps), "Example");
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      height: "200vh"
+    }
+  }));
+};
+exports.StickyExample = StickyExample;
+StickyExample.displayName = "StickyExample";
 //# sourceMappingURL=Dropdown.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.story.js","names":["_react","_interopRequireWildcard","require","_storybookStates","_utils","_Box","_Button","_Text","_Dropdown","_Clickable","_Flex","_Pill","_ChevronSmallDownIcon","_interopRequireDefault","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","Default","createElement","States","states","keys","POSITION","map","placement","Dropdown","visible","dropdown","Box","width","p","Text","as","display","variant","href","_ref","anchorRef","anchorProps","textAlign","Button","ref","size","displayName","story","parameters","chromatic","disable","KeepInDOM","keepInDOM","_ref2","ChangeDimensions","_useState","useState","_useState2","height","setHeight","useEffect","setInterval","Math","floor","random","bg","_ref3","FocusOrder","Clickable","py","px","Flex","_ref4","mr","_ref5","OpenDropdownByClick","openDropdownByClick","_ref6","FilterExample","_ref7","Pill","Icon","ChevronSmallDownIcon","iconPosition"],"sources":["../../../src/elements/Dropdown/Dropdown.story.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Position, POSITION } from \"../../utils\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Text } from \"../Text\"\nimport { Dropdown, DropdownProps } from \"./Dropdown\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Pill } from \"../Pill\"\nimport ChevronSmallDownIcon from \"@artsy/icons/ChevronSmallDownIcon\"\n\nexport default {\n  title: \"Components/Dropdown\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<DropdownProps>>\n      states={Object.keys(POSITION).map((placement) => ({\n        placement: placement as Position,\n      }))}\n    >\n      <Dropdown\n        placement=\"bottom\"\n        visible\n        dropdown={\n          <Box width={300} p={2}>\n            <Text\n              as=\"a\"\n              display=\"block\"\n              variant=\"sm\"\n              // @ts-expect-error  MIGRATE_STRICT_MODE\n              href=\"#\"\n            >\n              One\n            </Text>\n\n            <Text\n              as=\"a\"\n              display=\"block\"\n              variant=\"sm\"\n              // @ts-expect-error  MIGRATE_STRICT_MODE\n              href=\"#\"\n            >\n              Two\n            </Text>\n\n            <Text\n              as=\"a\"\n              display=\"block\"\n              variant=\"sm\"\n              // @ts-expect-error  MIGRATE_STRICT_MODE\n              href=\"#\"\n            >\n              Three\n            </Text>\n          </Box>\n        }\n      >\n        {({ anchorRef, anchorProps }) => {\n          return (\n            <Box textAlign=\"center\">\n              <Button\n                ref={anchorRef}\n                variant=\"secondaryBlack\"\n                size=\"small\"\n                {...anchorProps}\n              >\n                Hover to display dropdown\n              </Button>\n            </Box>\n          )\n        }}\n      </Dropdown>\n    </States>\n  )\n}\n\nDefault.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const KeepInDOM = () => {\n  return (\n    <Dropdown\n      placement=\"bottom\"\n      keepInDOM\n      dropdown={\n        <Text p={2} variant=\"xs\">\n          Content remains in DOM\n        </Text>\n      }\n    >\n      {({ anchorRef, anchorProps }) => {\n        return (\n          <Button\n            ref={anchorRef}\n            variant=\"secondaryBlack\"\n            size=\"small\"\n            {...anchorProps}\n          >\n            Hover to display dropdown\n          </Button>\n        )\n      }}\n    </Dropdown>\n  )\n}\n\nKeepInDOM.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const ChangeDimensions = () => {\n  const [height, setHeight] = useState(10)\n\n  useEffect(() => {\n    setInterval(() => {\n      setHeight(Math.floor(Math.random() * 100))\n    }, 1000)\n  }, [])\n\n  return (\n    <Dropdown\n      placement=\"top\"\n      dropdown={<Box height={height} width={300} bg=\"rgba(0, 0, 0, 0.5)\" />}\n    >\n      {({ anchorRef, anchorProps }) => {\n        return (\n          <Button\n            ref={anchorRef}\n            variant=\"secondaryBlack\"\n            size=\"small\"\n            {...anchorProps}\n          >\n            Hover to display dropdown\n          </Button>\n        )\n      }}\n    </Dropdown>\n  )\n}\n\nexport const FocusOrder = () => {\n  const dropdown = (\n    <Text variant=\"sm-display\">\n      <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n        First\n      </Clickable>\n      <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n        Second\n      </Clickable>\n      <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n        Third\n      </Clickable>\n    </Text>\n  )\n\n  return (\n    <Flex>\n      <Dropdown dropdown={dropdown}>\n        {({ anchorRef, anchorProps }) => {\n          return (\n            <Button\n              ref={anchorRef}\n              variant=\"secondaryBlack\"\n              size=\"small\"\n              mr={1}\n              {...anchorProps}\n            >\n              First Parent\n            </Button>\n          )\n        }}\n      </Dropdown>\n\n      <Dropdown dropdown={dropdown}>\n        {({ anchorRef, anchorProps }) => {\n          return (\n            <Button\n              ref={anchorRef}\n              variant=\"secondaryBlack\"\n              size=\"small\"\n              {...anchorProps}\n            >\n              Second Parent\n            </Button>\n          )\n        }}\n      </Dropdown>\n    </Flex>\n  )\n}\n\nexport const OpenDropdownByClick = () => {\n  const dropdown = (\n    <Text variant=\"sm-display\">\n      <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n        First\n      </Clickable>\n      <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n        Second\n      </Clickable>\n      <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n        Third\n      </Clickable>\n    </Text>\n  )\n\n  return (\n    <Flex>\n      <Dropdown dropdown={dropdown} openDropdownByClick>\n        {({ anchorRef, anchorProps }) => {\n          return (\n            <Button\n              ref={anchorRef}\n              variant=\"secondaryBlack\"\n              size=\"small\"\n              mr={1}\n              {...anchorProps}\n            >\n              Click to display dropdown\n            </Button>\n          )\n        }}\n      </Dropdown>\n    </Flex>\n  )\n}\n\nexport const FilterExample = () => {\n  return (\n    <Dropdown\n      dropdown={\n        <Box p={1}>\n          <Text variant=\"xs\">Example content</Text>\n        </Box>\n      }\n      placement=\"bottom-start\"\n      openDropdownByClick\n    >\n      {({ anchorRef, anchorProps }) => {\n        return (\n          <Pill\n            ref={anchorRef as any}\n            Icon={ChevronSmallDownIcon}\n            iconPosition=\"right\"\n            {...anchorProps}\n          >\n            Example\n          </Pill>\n        )\n      }}\n    </Dropdown>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Dropdown.story.js","names":["_react","_interopRequireWildcard","require","_storybookStates","_utils","_Box","_Button","_Text","_Dropdown","_Clickable","_Flex","_Pill","_ChevronSmallDownIcon","_interopRequireDefault","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","Default","createElement","States","states","keys","POSITION","map","placement","Dropdown","visible","dropdown","Box","width","p","Text","as","display","variant","href","_ref","anchorRef","anchorProps","textAlign","Button","ref","size","displayName","story","parameters","chromatic","disable","KeepInDOM","keepInDOM","_ref2","ChangeDimensions","_useState","useState","_useState2","height","setHeight","useEffect","setInterval","Math","floor","random","bg","_ref3","FocusOrder","Clickable","py","px","Flex","_ref4","mr","_ref5","OpenDropdownByClick","openDropdownByClick","_ref6","FilterExample","_ref7","Pill","Icon","ChevronSmallDownIcon","iconPosition","StickyExample","style","overflow","position","top","zIndex","_ref8"],"sources":["../../../src/elements/Dropdown/Dropdown.story.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Position, POSITION } from \"../../utils\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Text } from \"../Text\"\nimport { Dropdown, DropdownProps } from \"./Dropdown\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Pill } from \"../Pill\"\nimport ChevronSmallDownIcon from \"@artsy/icons/ChevronSmallDownIcon\"\n\nexport default {\n  title: \"Components/Dropdown\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<DropdownProps>>\n      states={Object.keys(POSITION).map((placement) => ({\n        placement: placement as Position,\n      }))}\n    >\n      <Dropdown\n        placement=\"bottom\"\n        visible\n        dropdown={\n          <Box width={300} p={2}>\n            <Text\n              as=\"a\"\n              display=\"block\"\n              variant=\"sm\"\n              // @ts-expect-error  MIGRATE_STRICT_MODE\n              href=\"#\"\n            >\n              One\n            </Text>\n\n            <Text\n              as=\"a\"\n              display=\"block\"\n              variant=\"sm\"\n              // @ts-expect-error  MIGRATE_STRICT_MODE\n              href=\"#\"\n            >\n              Two\n            </Text>\n\n            <Text\n              as=\"a\"\n              display=\"block\"\n              variant=\"sm\"\n              // @ts-expect-error  MIGRATE_STRICT_MODE\n              href=\"#\"\n            >\n              Three\n            </Text>\n          </Box>\n        }\n      >\n        {({ anchorRef, anchorProps }) => {\n          return (\n            <Box textAlign=\"center\">\n              <Button\n                ref={anchorRef}\n                variant=\"secondaryBlack\"\n                size=\"small\"\n                {...anchorProps}\n              >\n                Hover to display dropdown\n              </Button>\n            </Box>\n          )\n        }}\n      </Dropdown>\n    </States>\n  )\n}\n\nDefault.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const KeepInDOM = () => {\n  return (\n    <Dropdown\n      placement=\"bottom\"\n      keepInDOM\n      dropdown={\n        <Text p={2} variant=\"xs\">\n          Content remains in DOM\n        </Text>\n      }\n    >\n      {({ anchorRef, anchorProps }) => {\n        return (\n          <Button\n            ref={anchorRef}\n            variant=\"secondaryBlack\"\n            size=\"small\"\n            {...anchorProps}\n          >\n            Hover to display dropdown\n          </Button>\n        )\n      }}\n    </Dropdown>\n  )\n}\n\nKeepInDOM.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const ChangeDimensions = () => {\n  const [height, setHeight] = useState(10)\n\n  useEffect(() => {\n    setInterval(() => {\n      setHeight(Math.floor(Math.random() * 100))\n    }, 1000)\n  }, [])\n\n  return (\n    <Dropdown\n      placement=\"top\"\n      dropdown={<Box height={height} width={300} bg=\"rgba(0, 0, 0, 0.5)\" />}\n    >\n      {({ anchorRef, anchorProps }) => {\n        return (\n          <Button\n            ref={anchorRef}\n            variant=\"secondaryBlack\"\n            size=\"small\"\n            {...anchorProps}\n          >\n            Hover to display dropdown\n          </Button>\n        )\n      }}\n    </Dropdown>\n  )\n}\n\nexport const FocusOrder = () => {\n  const dropdown = (\n    <Text variant=\"sm-display\">\n      <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n        First\n      </Clickable>\n      <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n        Second\n      </Clickable>\n      <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n        Third\n      </Clickable>\n    </Text>\n  )\n\n  return (\n    <Flex>\n      <Dropdown dropdown={dropdown}>\n        {({ anchorRef, anchorProps }) => {\n          return (\n            <Button\n              ref={anchorRef}\n              variant=\"secondaryBlack\"\n              size=\"small\"\n              mr={1}\n              {...anchorProps}\n            >\n              First Parent\n            </Button>\n          )\n        }}\n      </Dropdown>\n\n      <Dropdown dropdown={dropdown}>\n        {({ anchorRef, anchorProps }) => {\n          return (\n            <Button\n              ref={anchorRef}\n              variant=\"secondaryBlack\"\n              size=\"small\"\n              {...anchorProps}\n            >\n              Second Parent\n            </Button>\n          )\n        }}\n      </Dropdown>\n    </Flex>\n  )\n}\n\nexport const OpenDropdownByClick = () => {\n  const dropdown = (\n    <Text variant=\"sm-display\">\n      <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n        First\n      </Clickable>\n      <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n        Second\n      </Clickable>\n      <Clickable display=\"block\" width=\"100%\" py={1} px={2}>\n        Third\n      </Clickable>\n    </Text>\n  )\n\n  return (\n    <Flex>\n      <Dropdown dropdown={dropdown} openDropdownByClick>\n        {({ anchorRef, anchorProps }) => {\n          return (\n            <Button\n              ref={anchorRef}\n              variant=\"secondaryBlack\"\n              size=\"small\"\n              mr={1}\n              {...anchorProps}\n            >\n              Click to display dropdown\n            </Button>\n          )\n        }}\n      </Dropdown>\n    </Flex>\n  )\n}\n\nexport const FilterExample = () => {\n  return (\n    <Dropdown\n      dropdown={\n        <Box p={1}>\n          <Text variant=\"xs\">Example content</Text>\n        </Box>\n      }\n      placement=\"bottom-start\"\n      openDropdownByClick\n    >\n      {({ anchorRef, anchorProps }) => {\n        return (\n          <Pill\n            ref={anchorRef as any}\n            Icon={ChevronSmallDownIcon}\n            iconPosition=\"right\"\n            {...anchorProps}\n          >\n            Example\n          </Pill>\n        )\n      }}\n    </Dropdown>\n  )\n}\n\nexport const StickyExample = () => {\n  return (\n    <div style={{ height: \"100vh\", overflow: \"scroll\" }}>\n      <div style={{ height: \"10vh\" }} />\n      <div style={{ position: \"sticky\", top: 0, zIndex: 1 }}>\n        <Dropdown\n          dropdown={\n            <Box p={1}>\n              <Text variant=\"xs\">Example content</Text>\n            </Box>\n          }\n          placement=\"bottom-start\"\n          openDropdownByClick\n        >\n          {({ anchorRef, anchorProps }) => {\n            return (\n              <Pill\n                ref={anchorRef as any}\n                Icon={ChevronSmallDownIcon}\n                iconPosition=\"right\"\n                {...anchorProps}\n              >\n                Example\n              </Pill>\n            )\n          }}\n        </Dropdown>\n      </div>\n\n      <div style={{ height: \"200vh\" }} />\n    </div>\n  )\n}\n"],"mappings":"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"}

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

@@ -22,5 +22,15 @@ export declare const Placement: {
         };
     };
 };
+export declare const InternalScrollContainer: {
+    (): JSX.Element;
+    story: {
+        parameters: {
+            chromatic: {
+                disable: boolean;
+            };
+        };
+    };
+};
 export declare const ManageFocus: () => JSX.Element;
 export declare const PopoverActions: () => JSX.Element;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.PopoverActions = exports.Placement = exports.ManageFocus = exports.Default = void 0;
+exports.default = exports.PopoverActions = exports.Placement = exports.ManageFocus = exports.InternalScrollContainer = exports.Default = void 0;
 var _addonActions = require("@storybook/addon-actions");
 var _react = _interopRequireDefault(require("react"));
 var _storybookStates = require("storybook-states");
@@ -14,6 +14,7 @@ var _Flex = require("../Flex");
 var _Spacer = require("../Spacer");
 var _Text = require("../Text");
 var _Popover = require("./Popover");
+var _Pill = require("../Pill");
 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.";
@@ -123,6 +124,54 @@ Placement.story = {
     }
   }
 };
+var ExamplePopover = function ExamplePopover(_ref3) {
+  var children = _ref3.children;
+  return /*#__PURE__*/_react.default.createElement(_Popover.Popover, {
+    popover: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+      variant: "xs",
+      fontWeight: "bold"
+    }, "New filters"), /*#__PURE__*/_react.default.createElement(_Text.Text, {
+      variant: "xs"
+    }, "Choose artist and alert criteria to accurately narrow your results.")),
+    width: 250,
+    variant: "defaultDark",
+    pointer: true,
+    visible: true,
+    ignoreClickOutside: true,
+    manageFocus: false
+  }, function (_ref4) {
+    var anchorRef = _ref4.anchorRef;
+    return /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      ref: anchorRef,
+      m: "auto"
+    }, children);
+  });
+};
+ExamplePopover.displayName = "ExamplePopover";
+var InternalScrollContainer = function InternalScrollContainer() {
+  return /*#__PURE__*/_react.default.createElement(_Box.Box, {
+    overflow: "auto",
+    height: "100%"
+  }, /*#__PURE__*/_react.default.createElement(_Box.Box, {
+    height: "300vh",
+    border: "1px dotted",
+    borderColor: "black60",
+    p: 2
+  }, /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
+    y: 12
+  }), /*#__PURE__*/_react.default.createElement(_Box.Box, {
+    textAlign: "center"
+  }, /*#__PURE__*/_react.default.createElement(ExamplePopover, null, /*#__PURE__*/_react.default.createElement(_Pill.Pill, null, "Popover should remain anchored to this element")))));
+};
+exports.InternalScrollContainer = InternalScrollContainer;
+InternalScrollContainer.displayName = "InternalScrollContainer";
+InternalScrollContainer.story = {
+  parameters: {
+    chromatic: {
+      disable: true
+    }
+  }
+};
 var ManageFocus = function ManageFocus() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{
@@ -138,9 +187,9 @@ var ManageFocus = function ManageFocus() {
       variant: "xs",
       width: 300
     }, CONTENT)
-  }, function (_ref3) {
-    var onVisible = _ref3.onVisible,
-      anchorRef = _ref3.anchorRef;
+  }, function (_ref5) {
+    var onVisible = _ref5.onVisible,
+      anchorRef = _ref5.anchorRef;
     return /*#__PURE__*/_react.default.createElement(_Box.Box, {
       textAlign: "center"
     }, /*#__PURE__*/_react.default.createElement(_Button.Button, {
@@ -160,9 +209,9 @@ var PopoverActions = function PopoverActions() {
     }]
   }, /*#__PURE__*/_react.default.createElement(_Popover.Popover, {
     placement: "bottom",
-    popover: function popover(_ref4) {
-      var onHide = _ref4.onHide,
-        onDismiss = _ref4.onDismiss;
+    popover: function popover(_ref6) {
+      var onHide = _ref6.onHide,
+        onDismiss = _ref6.onDismiss;
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Text.Text, {
         variant: "xs",
         width: 300
@@ -182,9 +231,9 @@ var PopoverActions = function PopoverActions() {
         onClick: onDismiss
       }, "Dismiss")));
     }
-  }, function (_ref5) {
-    var onVisible = _ref5.onVisible,
-      anchorRef = _ref5.anchorRef;
+  }, function (_ref7) {
+    var onVisible = _ref7.onVisible,
+      anchorRef = _ref7.anchorRef;
     return /*#__PURE__*/_react.default.createElement(_Box.Box, {
       textAlign: "center"
     }, /*#__PURE__*/_react.default.createElement(_Button.Button, {

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.story.js","names":["_addonActions","require","_react","_interopRequireDefault","_storybookStates","_utils","_Box","_Button","_Flex","_Spacer","_Text","_Popover","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CONTENT","_default","title","exports","Default","createElement","States","states","visible","onClose","action","onDismiss","popover","Text","variant","width","pointer","p","Fragment","Array","fill","map","_","overflowEllipsis","bg","px","py","placement","zIndex","ignoreClickOutside","Popover","_ref","onVisible","anchorRef","Box","textAlign","Button","ref","size","onClick","displayName","story","parameters","chromatic","disable","Placement","keys","POSITION","props","JSON","stringify","_ref2","maxWidth","mx","ManageFocus","manageFocus","_ref3","PopoverActions","_ref4","onHide","Spacer","y","Flex","flex","x","_ref5"],"sources":["../../../src/elements/Popover/Popover.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Position, POSITION } from \"../../utils\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Flex } from \"../Flex\"\nimport { Spacer } from \"../Spacer\"\nimport { Text } from \"../Text\"\nimport { Popover, PopoverProps } from \"./Popover\"\n\nconst CONTENT =\n  \"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.\"\n\nexport default {\n  title: \"Components/Popover\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<PopoverProps>>\n      states={[\n        {},\n        { visible: true },\n        { onClose: action(\"onClose\"), onDismiss: action(\"onDismiss\") },\n        {\n          visible: true,\n          popover: (\n            <Text variant=\"xs\" width={300}>\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | — (Content interaction with close button.)\n            </Text>\n          ),\n        },\n        {\n          pointer: true,\n          visible: true,\n          p: 0,\n          popover: (\n            <>\n              {new Array(4).fill(0).map((_, i) => (\n                <Text\n                  key={i}\n                  variant=\"sm-display\"\n                  overflowEllipsis\n                  bg=\"red10\"\n                  px={1}\n                  py={0.5}\n                >\n                  Example Item\n                </Text>\n              ))}\n            </>\n          ),\n        },\n        {\n          variant: \"defaultDark\",\n          placement: \"bottom\",\n          visible: true,\n          pointer: true,\n          zIndex: 99,\n        },\n        {\n          ignoreClickOutside: true,\n        },\n      ]}\n    >\n      <Popover\n        placement=\"bottom\"\n        popover={\n          <Text variant=\"xs\" width={300}>\n            {CONTENT}\n          </Text>\n        }\n      >\n        {({ onVisible, anchorRef }) => {\n          return (\n            <Box textAlign=\"center\">\n              <Button\n                ref={anchorRef}\n                variant=\"secondaryBlack\"\n                size=\"small\"\n                onClick={onVisible}\n              >\n                Click to display popover\n              </Button>\n            </Box>\n          )\n        }}\n      </Popover>\n    </States>\n  )\n}\n\nDefault.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const Placement = () => {\n  return (\n    <States<Partial<PopoverProps>>\n      states={Object.keys(POSITION).map((placement) => ({\n        placement: placement as Position,\n      }))}\n    >\n      {(props) => {\n        return (\n          <Popover\n            popover={<Text variant=\"xs\">{JSON.stringify(props)}</Text>}\n            visible\n            variant=\"defaultDark\"\n            pointer\n            {...props}\n          >\n            {({ anchorRef }) => {\n              return (\n                <Text\n                  ref={anchorRef as any}\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              )\n            }}\n          </Popover>\n        )\n      }}\n    </States>\n  )\n}\n\nPlacement.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const ManageFocus = () => {\n  return (\n    <States<Partial<PopoverProps>>\n      states={[\n        { visible: true, manageFocus: false },\n        { visible: true, manageFocus: true },\n      ]}\n    >\n      <Popover\n        placement=\"bottom\"\n        popover={\n          <Text variant=\"xs\" width={300}>\n            {CONTENT}\n          </Text>\n        }\n      >\n        {({ onVisible, anchorRef }) => {\n          return (\n            <Box textAlign=\"center\">\n              <Button\n                ref={anchorRef}\n                variant=\"secondaryBlack\"\n                size=\"small\"\n                onClick={onVisible}\n              >\n                Click to display popover\n              </Button>\n            </Box>\n          )\n        }}\n      </Popover>\n    </States>\n  )\n}\n\nexport const PopoverActions = () => {\n  return (\n    <States<Partial<PopoverProps>> states={[{ visible: true }]}>\n      <Popover\n        placement=\"bottom\"\n        popover={({ onHide, onDismiss }) => {\n          return (\n            <>\n              <Text variant=\"xs\" width={300}>\n                {CONTENT}\n              </Text>\n\n              <Spacer y={2} />\n\n              <Flex>\n                <Button\n                  flex={1}\n                  size=\"small\"\n                  variant=\"secondaryBlack\"\n                  onClick={onHide}\n                >\n                  Hide\n                </Button>\n\n                <Spacer x={1} />\n\n                <Button\n                  flex={1}\n                  size=\"small\"\n                  variant=\"secondaryBlack\"\n                  onClick={onDismiss}\n                >\n                  Dismiss\n                </Button>\n              </Flex>\n            </>\n          )\n        }}\n      >\n        {({ onVisible, anchorRef }) => {\n          return (\n            <Box textAlign=\"center\">\n              <Button\n                ref={anchorRef}\n                variant=\"secondaryBlack\"\n                size=\"small\"\n                onClick={onVisible}\n              >\n                Click to display popover\n              </Button>\n            </Box>\n          )\n        }}\n      </Popover>\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,IAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AACA,IAAAS,KAAA,GAAAT,OAAA;AACA,IAAAU,QAAA,GAAAV,OAAA;AAAiD,SAAAE,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAEjD,IAAMQ,OAAO,GACX,sNAAsN;AAAA,IAAAC,QAAA,GAEzM;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAlB,OAAA,GAAAgB,QAAA;AAEM,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACE/B,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC9B,gBAAA,CAAA+B,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEC,OAAO,EAAE;IAAK,CAAC,EACjB;MAAEC,OAAO,EAAE,IAAAC,oBAAM,EAAC,SAAS,CAAC;MAAEC,SAAS,EAAE,IAAAD,oBAAM,EAAC,WAAW;IAAE,CAAC,EAC9D;MACEF,OAAO,EAAE,IAAI;MACbI,OAAO,eACLvC,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACxB,KAAA,CAAAgC,IAAI;QAACC,OAAO,EAAC,IAAI;QAACC,KAAK,EAAE;MAAI,GAAC,mcAQ/B;IAEJ,CAAC,EACD;MACEC,OAAO,EAAE,IAAI;MACbR,OAAO,EAAE,IAAI;MACbS,CAAC,EAAE,CAAC;MACJL,OAAO,eACLvC,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAAhC,MAAA,CAAAY,OAAA,CAAAiC,QAAA,QACG,IAAIC,KAAK,CAAC,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC,EAAE/B,CAAC;QAAA,oBAC7BlB,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACxB,KAAA,CAAAgC,IAAI;UACHlB,GAAG,EAAEJ,CAAE;UACPuB,OAAO,EAAC,YAAY;UACpBS,gBAAgB;UAChBC,EAAE,EAAC,OAAO;UACVC,EAAE,EAAE,CAAE;UACNC,EAAE,EAAE;QAAI,GACT,cAED,CAAO;MAAA,CACR,CAAC;IAGR,CAAC,EACD;MACEZ,OAAO,EAAE,aAAa;MACtBa,SAAS,EAAE,QAAQ;MACnBnB,OAAO,EAAE,IAAI;MACbQ,OAAO,EAAE,IAAI;MACbY,MAAM,EAAE;IACV,CAAC,EACD;MACEC,kBAAkB,EAAE;IACtB,CAAC;EACD,gBAEFxD,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACvB,QAAA,CAAAgD,OAAO;IACNH,SAAS,EAAC,QAAQ;IAClBf,OAAO,eACLvC,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACxB,KAAA,CAAAgC,IAAI;MAACC,OAAO,EAAC,IAAI;MAACC,KAAK,EAAE;IAAI,GAC3Bf,OAAO;EAEX,GAEA,UAAA+B,IAAA,EAA8B;IAAA,IAA3BC,SAAS,GAAAD,IAAA,CAATC,SAAS;MAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACtB,oBACE5D,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC5B,IAAA,CAAAyD,GAAG;MAACC,SAAS,EAAC;IAAQ,gBACrB9D,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC3B,OAAA,CAAA0D,MAAM;MACLC,GAAG,EAAEJ,SAAU;MACfnB,OAAO,EAAC,gBAAgB;MACxBwB,IAAI,EAAC,OAAO;MACZC,OAAO,EAAEP;IAAU,GACpB,0BAED,CAAS,CACL;EAEV,CAAC,CACO,CACH;AAEb,CAAC;AAAA7B,OAAA,CAAAC,OAAA,GAAAA,OAAA;AA/EYA,OAAO,CAAAoC,WAAA;AAiFpBpC,OAAO,CAACqC,KAAK,GAAG;EACdC,UAAU,EAAE;IAAEC,SAAS,EAAE;MAAEC,OAAO,EAAE;IAAK;EAAE;AAC7C,CAAC;AAEM,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EAC7B,oBACExE,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC9B,gBAAA,CAAA+B,MAAM;IACLC,MAAM,EAAEpB,MAAM,CAAC2D,IAAI,CAACC,eAAQ,CAAC,CAAC1B,GAAG,CAAC,UAACM,SAAS;MAAA,OAAM;QAChDA,SAAS,EAAEA;MACb,CAAC;IAAA,CAAC;EAAE,GAEH,UAACqB,KAAK,EAAK;IACV,oBACE3E,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACvB,QAAA,CAAAgD,OAAO,EAAA5C,QAAA;MACN0B,OAAO,eAAEvC,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACxB,KAAA,CAAAgC,IAAI;QAACC,OAAO,EAAC;MAAI,GAAEmC,IAAI,CAACC,SAAS,CAACF,KAAK,CAAC,CAAS;MAC3DxC,OAAO;MACPM,OAAO,EAAC,aAAa;MACrBE,OAAO;IAAA,GACHgC,KAAK,GAER,UAAAG,KAAA,EAAmB;MAAA,IAAhBlB,SAAS,GAAAkB,KAAA,CAATlB,SAAS;MACX,oBACE5D,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACxB,KAAA,CAAAgC,IAAI;QACHwB,GAAG,EAAEJ,SAAiB;QACtBnB,OAAO,EAAC,IAAI;QACZqB,SAAS,EAAC,QAAQ;QAClBlB,CAAC,EAAE,CAAE;QACLmC,QAAQ,EAAC,KAAK;QACdC,EAAE,EAAC,MAAM;QACT7B,EAAE,EAAC;MAAS,GAEXyB,IAAI,CAACC,SAAS,CAACF,KAAK,CAAC,CACjB;IAEX,CAAC,CACO;EAEd,CAAC,CACM;AAEb,CAAC;AAAA7C,OAAA,CAAA0C,SAAA,GAAAA,SAAA;AApCYA,SAAS,CAAAL,WAAA;AAsCtBK,SAAS,CAACJ,KAAK,GAAG;EAChBC,UAAU,EAAE;IAAEC,SAAS,EAAE;MAAEC,OAAO,EAAE;IAAK;EAAE;AAC7C,CAAC;AAEM,IAAMU,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;EAC/B,oBACEjF,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC9B,gBAAA,CAAA+B,MAAM;IACLC,MAAM,EAAE,CACN;MAAEC,OAAO,EAAE,IAAI;MAAE+C,WAAW,EAAE;IAAM,CAAC,EACrC;MAAE/C,OAAO,EAAE,IAAI;MAAE+C,WAAW,EAAE;IAAK,CAAC;EACpC,gBAEFlF,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACvB,QAAA,CAAAgD,OAAO;IACNH,SAAS,EAAC,QAAQ;IAClBf,OAAO,eACLvC,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACxB,KAAA,CAAAgC,IAAI;MAACC,OAAO,EAAC,IAAI;MAACC,KAAK,EAAE;IAAI,GAC3Bf,OAAO;EAEX,GAEA,UAAAwD,KAAA,EAA8B;IAAA,IAA3BxB,SAAS,GAAAwB,KAAA,CAATxB,SAAS;MAAEC,SAAS,GAAAuB,KAAA,CAATvB,SAAS;IACtB,oBACE5D,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC5B,IAAA,CAAAyD,GAAG;MAACC,SAAS,EAAC;IAAQ,gBACrB9D,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC3B,OAAA,CAAA0D,MAAM;MACLC,GAAG,EAAEJ,SAAU;MACfnB,OAAO,EAAC,gBAAgB;MACxBwB,IAAI,EAAC,OAAO;MACZC,OAAO,EAAEP;IAAU,GACpB,0BAED,CAAS,CACL;EAEV,CAAC,CACO,CACH;AAEb,CAAC;AAAA7B,OAAA,CAAAmD,WAAA,GAAAA,WAAA;AAjCYA,WAAW,CAAAd,WAAA;AAmCjB,IAAMiB,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;EAClC,oBACEpF,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC9B,gBAAA,CAAA+B,MAAM;IAAwBC,MAAM,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAK,CAAC;EAAE,gBACzDnC,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACvB,QAAA,CAAAgD,OAAO;IACNH,SAAS,EAAC,QAAQ;IAClBf,OAAO,EAAE,SAAAA,QAAA8C,KAAA,EAA2B;MAAA,IAAxBC,MAAM,GAAAD,KAAA,CAANC,MAAM;QAAEhD,SAAS,GAAA+C,KAAA,CAAT/C,SAAS;MAC3B,oBACEtC,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAAhC,MAAA,CAAAY,OAAA,CAAAiC,QAAA,qBACE7C,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACxB,KAAA,CAAAgC,IAAI;QAACC,OAAO,EAAC,IAAI;QAACC,KAAK,EAAE;MAAI,GAC3Bf,OAAO,CACH,eAEP3B,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACzB,OAAA,CAAAgF,MAAM;QAACC,CAAC,EAAE;MAAE,EAAG,eAEhBxF,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC1B,KAAA,CAAAmF,IAAI,qBACHzF,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC3B,OAAA,CAAA0D,MAAM;QACL2B,IAAI,EAAE,CAAE;QACRzB,IAAI,EAAC,OAAO;QACZxB,OAAO,EAAC,gBAAgB;QACxByB,OAAO,EAAEoB;MAAO,GACjB,MAED,CAAS,eAETtF,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACzB,OAAA,CAAAgF,MAAM;QAACI,CAAC,EAAE;MAAE,EAAG,eAEhB3F,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC3B,OAAA,CAAA0D,MAAM;QACL2B,IAAI,EAAE,CAAE;QACRzB,IAAI,EAAC,OAAO;QACZxB,OAAO,EAAC,gBAAgB;QACxByB,OAAO,EAAE5B;MAAU,GACpB,SAED,CAAS,CACJ,CACN;IAEP;EAAE,GAED,UAAAsD,KAAA,EAA8B;IAAA,IAA3BjC,SAAS,GAAAiC,KAAA,CAATjC,SAAS;MAAEC,SAAS,GAAAgC,KAAA,CAAThC,SAAS;IACtB,oBACE5D,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC5B,IAAA,CAAAyD,GAAG;MAACC,SAAS,EAAC;IAAQ,gBACrB9D,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC3B,OAAA,CAAA0D,MAAM;MACLC,GAAG,EAAEJ,SAAU;MACfnB,OAAO,EAAC,gBAAgB;MACxBwB,IAAI,EAAC,OAAO;MACZC,OAAO,EAAEP;IAAU,GACpB,0BAED,CAAS,CACL;EAEV,CAAC,CACO,CACH;AAEb,CAAC;AAAA7B,OAAA,CAAAsD,cAAA,GAAAA,cAAA;AAxDYA,cAAc,CAAAjB,WAAA"}
+{"version":3,"file":"Popover.story.js","names":["_addonActions","require","_react","_interopRequireDefault","_storybookStates","_utils","_Box","_Button","_Flex","_Spacer","_Text","_Popover","_Pill","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CONTENT","_default","title","exports","Default","createElement","States","states","visible","onClose","action","onDismiss","popover","Text","variant","width","pointer","p","Fragment","Array","fill","map","_","overflowEllipsis","bg","px","py","placement","zIndex","ignoreClickOutside","Popover","_ref","onVisible","anchorRef","Box","textAlign","Button","ref","size","onClick","displayName","story","parameters","chromatic","disable","Placement","keys","POSITION","props","JSON","stringify","_ref2","maxWidth","mx","ExamplePopover","_ref3","children","fontWeight","manageFocus","_ref4","m","InternalScrollContainer","overflow","height","border","borderColor","Spacer","y","Pill","ManageFocus","_ref5","PopoverActions","_ref6","onHide","Flex","flex","x","_ref7"],"sources":["../../../src/elements/Popover/Popover.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Position, POSITION } from \"../../utils\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Flex } from \"../Flex\"\nimport { Spacer } from \"../Spacer\"\nimport { Text } from \"../Text\"\nimport { Popover, PopoverProps } from \"./Popover\"\nimport { Pill } from \"../Pill\"\n\nconst CONTENT =\n  \"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.\"\n\nexport default {\n  title: \"Components/Popover\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<PopoverProps>>\n      states={[\n        {},\n        { visible: true },\n        { onClose: action(\"onClose\"), onDismiss: action(\"onDismiss\") },\n        {\n          visible: true,\n          popover: (\n            <Text variant=\"xs\" width={300}>\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | — (Content interaction with close button.)\n            </Text>\n          ),\n        },\n        {\n          pointer: true,\n          visible: true,\n          p: 0,\n          popover: (\n            <>\n              {new Array(4).fill(0).map((_, i) => (\n                <Text\n                  key={i}\n                  variant=\"sm-display\"\n                  overflowEllipsis\n                  bg=\"red10\"\n                  px={1}\n                  py={0.5}\n                >\n                  Example Item\n                </Text>\n              ))}\n            </>\n          ),\n        },\n        {\n          variant: \"defaultDark\",\n          placement: \"bottom\",\n          visible: true,\n          pointer: true,\n          zIndex: 99,\n        },\n        {\n          ignoreClickOutside: true,\n        },\n      ]}\n    >\n      <Popover\n        placement=\"bottom\"\n        popover={\n          <Text variant=\"xs\" width={300}>\n            {CONTENT}\n          </Text>\n        }\n      >\n        {({ onVisible, anchorRef }) => {\n          return (\n            <Box textAlign=\"center\">\n              <Button\n                ref={anchorRef}\n                variant=\"secondaryBlack\"\n                size=\"small\"\n                onClick={onVisible}\n              >\n                Click to display popover\n              </Button>\n            </Box>\n          )\n        }}\n      </Popover>\n    </States>\n  )\n}\n\nDefault.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const Placement = () => {\n  return (\n    <States<Partial<PopoverProps>>\n      states={Object.keys(POSITION).map((placement) => ({\n        placement: placement as Position,\n      }))}\n    >\n      {(props) => {\n        return (\n          <Popover\n            popover={<Text variant=\"xs\">{JSON.stringify(props)}</Text>}\n            visible\n            variant=\"defaultDark\"\n            pointer\n            {...props}\n          >\n            {({ anchorRef }) => {\n              return (\n                <Text\n                  ref={anchorRef as any}\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              )\n            }}\n          </Popover>\n        )\n      }}\n    </States>\n  )\n}\n\nPlacement.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nconst ExamplePopover: React.FC = ({ children }) => {\n  return (\n    <Popover\n      popover={\n        <>\n          <Text variant=\"xs\" fontWeight=\"bold\">\n            New filters\n          </Text>\n          <Text variant=\"xs\">\n            Choose artist and alert criteria to accurately narrow your results.\n          </Text>\n        </>\n      }\n      width={250}\n      variant=\"defaultDark\"\n      pointer\n      visible\n      ignoreClickOutside\n      manageFocus={false}\n    >\n      {({ anchorRef }) => {\n        return (\n          <Box ref={anchorRef as any} m=\"auto\">\n            {children}\n          </Box>\n        )\n      }}\n    </Popover>\n  )\n}\n\nexport const InternalScrollContainer = () => {\n  return (\n    <Box overflow=\"auto\" height=\"100%\">\n      <Box height=\"300vh\" border=\"1px dotted\" borderColor=\"black60\" p={2}>\n        <Spacer y={12} />\n\n        <Box textAlign=\"center\">\n          <ExamplePopover>\n            <Pill>Popover should remain anchored to this element</Pill>\n          </ExamplePopover>\n        </Box>\n      </Box>\n    </Box>\n  )\n}\n\nInternalScrollContainer.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const ManageFocus = () => {\n  return (\n    <States<Partial<PopoverProps>>\n      states={[\n        { visible: true, manageFocus: false },\n        { visible: true, manageFocus: true },\n      ]}\n    >\n      <Popover\n        placement=\"bottom\"\n        popover={\n          <Text variant=\"xs\" width={300}>\n            {CONTENT}\n          </Text>\n        }\n      >\n        {({ onVisible, anchorRef }) => {\n          return (\n            <Box textAlign=\"center\">\n              <Button\n                ref={anchorRef}\n                variant=\"secondaryBlack\"\n                size=\"small\"\n                onClick={onVisible}\n              >\n                Click to display popover\n              </Button>\n            </Box>\n          )\n        }}\n      </Popover>\n    </States>\n  )\n}\n\nexport const PopoverActions = () => {\n  return (\n    <States<Partial<PopoverProps>> states={[{ visible: true }]}>\n      <Popover\n        placement=\"bottom\"\n        popover={({ onHide, onDismiss }) => {\n          return (\n            <>\n              <Text variant=\"xs\" width={300}>\n                {CONTENT}\n              </Text>\n\n              <Spacer y={2} />\n\n              <Flex>\n                <Button\n                  flex={1}\n                  size=\"small\"\n                  variant=\"secondaryBlack\"\n                  onClick={onHide}\n                >\n                  Hide\n                </Button>\n\n                <Spacer x={1} />\n\n                <Button\n                  flex={1}\n                  size=\"small\"\n                  variant=\"secondaryBlack\"\n                  onClick={onDismiss}\n                >\n                  Dismiss\n                </Button>\n              </Flex>\n            </>\n          )\n        }}\n      >\n        {({ onVisible, anchorRef }) => {\n          return (\n            <Box textAlign=\"center\">\n              <Button\n                ref={anchorRef}\n                variant=\"secondaryBlack\"\n                size=\"small\"\n                onClick={onVisible}\n              >\n                Click to display popover\n              </Button>\n            </Box>\n          )\n        }}\n      </Popover>\n    </States>\n  )\n}\n"],"mappings":"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"}

package/dist/elements/Sup/Sup.d.ts

@@ -2,7 +2,7 @@
 import { TextProps } from "../Text";
 export declare type SupProps = TextProps;
 export declare const Sup: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("..").BoxProps & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & {
-    variant?: import("styled-system").ResponsiveValue<"lg" | "md" | "sm" | "xs" | "xxxl" | "xxl" | "xl" | "lg-display" | "sm-display" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    variant?: import("styled-system").ResponsiveValue<"lg" | "md" | "sm" | "xs" | "xxxl" | "xxl" | "xl" | "lg-display" | "sm-display" | "xxs" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     textColor?: import("styled-system").ResponsiveValue<"black100" | "black60" | "black30" | "black15" | "black10" | "black5" | "white100" | "blue150" | "blue100" | "brand" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red10", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     lineClamp?: number | undefined;
 } & {
@@ -11,7 +11,7 @@ export declare const Sup: import("styled-components").StyledComponentClass<impor
     textTransform?: import("styled-system").ResponsiveValue<import("../Text").TextTransform, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     lineClamp?: import("styled-system").ResponsiveValue<number, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
 }, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("..").BoxProps & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & {
-    variant?: import("styled-system").ResponsiveValue<"lg" | "md" | "sm" | "xs" | "xxxl" | "xxl" | "xl" | "lg-display" | "sm-display" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    variant?: import("styled-system").ResponsiveValue<"lg" | "md" | "sm" | "xs" | "xxxl" | "xxl" | "xl" | "lg-display" | "sm-display" | "xxs" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     textColor?: import("styled-system").ResponsiveValue<"black100" | "black60" | "black30" | "black15" | "black10" | "black5" | "white100" | "blue150" | "blue100" | "brand" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red10", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     lineClamp?: number | undefined;
 } & {

package/dist/elements/Text/Text.d.ts

@@ -49,7 +49,7 @@ export declare const Text: import("styled-components").StyledComponentClass<impo
      * ["md", "sm"]
      * @see {@link TextVariant}
      */
-    variant?: ResponsiveValue<"lg" | "md" | "sm" | "xs" | "xxxl" | "xxl" | "xl" | "lg-display" | "sm-display" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    variant?: ResponsiveValue<"lg" | "md" | "sm" | "xs" | "xxxl" | "xxl" | "xl" | "lg-display" | "sm-display" | "xxs" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     textColor?: ResponsiveValue<"black100" | "black60" | "black30" | "black15" | "black10" | "black5" | "white100" | "blue150" | "blue100" | "brand" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red10", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     /**
      * Max number of lines before truncating the content with an ellipsis at the end of the last line.
@@ -72,7 +72,7 @@ export declare const Text: import("styled-components").StyledComponentClass<impo
      * ["md", "sm"]
      * @see {@link TextVariant}
      */
-    variant?: ResponsiveValue<"lg" | "md" | "sm" | "xs" | "xxxl" | "xxl" | "xl" | "lg-display" | "sm-display" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
+    variant?: ResponsiveValue<"lg" | "md" | "sm" | "xs" | "xxxl" | "xxl" | "xl" | "lg-display" | "sm-display" | "xxs" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     textColor?: ResponsiveValue<"black100" | "black60" | "black30" | "black15" | "black10" | "black5" | "white100" | "blue150" | "blue100" | "brand" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red10", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     /**
      * Max number of lines before truncating the content with an ellipsis at the end of the last line.

package/dist/styles.css

@@ -521,6 +521,11 @@
   line-height: 20px;
   font-size: 13px;
 }
+.sans-xxs {
+  font-family: "ll-unica77", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  line-height: 14px;
+  font-size: 11px;
+}
 .sans-bq {
   font-family: "ll-unica77", "Helvetica Neue", Helvetica, Arial, sans-serif;
   line-height: 60px;

package/dist/tokens.json

@@ -93,6 +93,10 @@
       "fontSize": "13px",
       "lineHeight": "20px"
     },
+    "xxs": {
+      "fontSize": "11px",
+      "lineHeight": "14px"
+    },
     "bq": {
       "fontSize": "50px",
       "lineHeight": "60px",

package/dist/utils/usePosition.d.ts

@@ -48,16 +48,15 @@ interface PlaceTooltip {
     tooltip: HTMLElement;
     position: Position;
     offset?: number;
-    boundaryRect?: DOMRect;
     flip?: boolean;
     clamp?: boolean;
+    scrollableParents: Array<HTMLElement | Document>;
 }
-export declare const placeTooltip: ({ anchor, tooltip, position, offset, boundaryRect, flip, clamp, }: PlaceTooltip) => {
+export declare const placeTooltip: ({ anchor, tooltip, position, offset, flip, clamp, scrollableParents, }: PlaceTooltip) => {
     isFlipped: boolean;
 };
 export declare const getPosition: (elementRect: Pick<DOMRect, "width" | "height" | "top" | "right" | "bottom" | "left">, tooltipRect: Pick<DOMRect, "width" | "height">, position: Position) => TargetPosition;
 export declare const translateWithOffset: (targetPosition: TargetPosition, position: Position, offset: number) => string;
-export declare const getDocumentBoundingRect: () => DOMRect;
 interface ShouldFlip {
     targetPosition: TargetPosition;
     position: Position;
@@ -65,4 +64,16 @@ interface ShouldFlip {
     tooltipRect: Pick<DOMRect, "width" | "height">;
 }
 export declare const shouldFlip: ({ targetPosition, position, boundaryRect, tooltipRect, }: ShouldFlip) => boolean;
+export declare const getDocumentBoundingRect: () => {
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+    toJSON: () => null;
+};
+export declare const getBoundingRect: (element: HTMLElement | Document) => DOMRect;
 export {};

package/dist/utils/usePosition.js

@@ -3,11 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.usePosition = exports.translateWithOffset = exports.shouldFlip = exports.placeTooltip = exports.getPosition = exports.getDocumentBoundingRect = exports.POSITION = void 0;
+exports.usePosition = exports.translateWithOffset = exports.shouldFlip = exports.placeTooltip = exports.getPosition = exports.getDocumentBoundingRect = exports.getBoundingRect = exports.POSITION = void 0;
 var _react = require("react");
 var _useMutationObserver = require("./useMutationObserver");
 var _useIsomorphicLayoutEffect = require("./useIsomorphicLayoutEffect");
 var _useResizeObserver = require("./useResizeObserver");
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 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); }
@@ -59,13 +60,15 @@ var usePosition = function usePosition(_ref) {
     if (!tooltipRef.current || !anchorRef.current) return;
     var tooltip = tooltipRef.current;
     var anchor = anchorRef.current;
+    var scrollableParents = getScrollableParents(anchor);
     setState(placeTooltip({
       anchor: anchor,
       tooltip: tooltip,
       position: position,
       offset: offset,
       flip: flip,
-      clamp: clamp
+      clamp: clamp,
+      scrollableParents: scrollableParents
     }));
   };
 
@@ -92,43 +95,54 @@ var usePosition = function usePosition(_ref) {
     tooltip.style.position = "fixed";
     tooltip.style.top = "0";
     tooltip.style.left = "0";
-    var handleScroll = function handleScroll() {
+    var handle = function handle() {
       setState(placeTooltip({
         anchor: anchor,
         tooltip: tooltip,
         position: position,
         offset: offset,
         flip: flip,
-        clamp: clamp
+        clamp: clamp,
+        scrollableParents: scrollableParents
       }));
     };
-    document.addEventListener("scroll", handleScroll, {
-      passive: true
+    var scrollableParents = getScrollableParents(anchor);
+    var handlers = scrollableParents.map(function (scrollableParent) {
+      return {
+        scrollableParent: scrollableParent,
+        handlerScroll: function handlerScroll() {
+          setState(placeTooltip({
+            anchor: anchor,
+            tooltip: tooltip,
+            position: position,
+            offset: offset,
+            flip: flip,
+            clamp: clamp,
+            scrollableParents: scrollableParents
+          }));
+        }
+      };
     });
-    var handleResize = function handleResize() {
-      setState(placeTooltip({
-        anchor: anchor,
-        tooltip: tooltip,
-        position: position,
-        offset: offset,
-        flip: flip,
-        clamp: clamp
-      }));
-    };
-    window.addEventListener("resize", handleResize, {
+    handlers.forEach(function (_ref2) {
+      var scrollableParent = _ref2.scrollableParent,
+        handlerScroll = _ref2.handlerScroll;
+      scrollableParent.addEventListener("scroll", handlerScroll, {
+        passive: true
+      });
+    });
+    window.addEventListener("resize", handle, {
       passive: true
     });
-    setState(placeTooltip({
-      anchor: anchor,
-      tooltip: tooltip,
-      position: position,
-      offset: offset,
-      flip: flip,
-      clamp: clamp
-    }));
+
+    // Initialize
+    handle();
     return function () {
-      document.removeEventListener("scroll", handleScroll);
-      window.removeEventListener("resize", handleResize);
+      window.removeEventListener("resize", handle);
+      handlers.forEach(function (_ref3) {
+        var scrollableParent = _ref3.scrollableParent,
+          handlerScroll = _ref3.handlerScroll;
+        scrollableParent.removeEventListener("scroll", handlerScroll);
+      });
     };
   }, [active, tooltipRef, anchorRef, position]);
   return {
@@ -140,28 +154,29 @@ var usePosition = function usePosition(_ref) {
   };
 };
 exports.usePosition = usePosition;
-var placeTooltip = function placeTooltip(_ref2) {
-  var anchor = _ref2.anchor,
-    tooltip = _ref2.tooltip,
-    position = _ref2.position,
-    _ref2$offset = _ref2.offset,
-    offset = _ref2$offset === void 0 ? 0 : _ref2$offset,
-    _ref2$boundaryRect = _ref2.boundaryRect,
-    boundaryRect = _ref2$boundaryRect === void 0 ? getDocumentBoundingRect() : _ref2$boundaryRect,
-    _ref2$flip = _ref2.flip,
-    flip = _ref2$flip === void 0 ? true : _ref2$flip,
-    _ref2$clamp = _ref2.clamp,
-    clamp = _ref2$clamp === void 0 ? true : _ref2$clamp;
+var placeTooltip = function placeTooltip(_ref4) {
+  var anchor = _ref4.anchor,
+    tooltip = _ref4.tooltip,
+    position = _ref4.position,
+    _ref4$offset = _ref4.offset,
+    offset = _ref4$offset === void 0 ? 0 : _ref4$offset,
+    _ref4$flip = _ref4.flip,
+    flip = _ref4$flip === void 0 ? true : _ref4$flip,
+    _ref4$clamp = _ref4.clamp,
+    clamp = _ref4$clamp === void 0 ? true : _ref4$clamp,
+    scrollableParents = _ref4.scrollableParents;
   var elementRect = anchor.getBoundingClientRect();
   var tooltipRect = tooltip.getBoundingClientRect();
   var targetPosition = getPosition(elementRect, tooltipRect, position);
 
   // Flip to avoid edges
-  var isFlipped = flip && shouldFlip({
-    targetPosition: targetPosition,
-    position: position,
-    boundaryRect: boundaryRect,
-    tooltipRect: tooltipRect
+  var isFlipped = flip && scrollableParents.some(function (scrollableParent) {
+    return shouldFlip({
+      targetPosition: targetPosition,
+      position: position,
+      boundaryRect: getBoundingRect(scrollableParent),
+      tooltipRect: tooltipRect
+    });
   });
   if (isFlipped) {
     position = getOppositePosition(position);
@@ -170,14 +185,33 @@ var placeTooltip = function placeTooltip(_ref2) {
 
   // Clamp position within boundary
   if (clamp) {
-    targetPosition.x = Math.max(boundaryRect.left, targetPosition.x);
-    targetPosition.x = Math.min(boundaryRect.right - tooltipRect.width, targetPosition.x);
-    targetPosition.y = Math.max(boundaryRect.top, targetPosition.y);
-    targetPosition.y = Math.min(boundaryRect.bottom - tooltipRect.height, targetPosition.y);
+    scrollableParents.forEach(function (scrollableParent) {
+      var boundaryRect = getBoundingRect(scrollableParent);
+      targetPosition.x = Math.max(boundaryRect.left, targetPosition.x);
+      targetPosition.x = Math.min(boundaryRect.right - tooltipRect.width, targetPosition.x);
+      targetPosition.y = Math.max(boundaryRect.top, targetPosition.y);
+      targetPosition.y = Math.min(boundaryRect.bottom - tooltipRect.height, targetPosition.y);
+    });
   }
 
   // Should hide entirely if it scrolls out of view
-  var shouldHide = !isWithin(elementRect, boundaryRect);
+  var shouldHide = false;
+  var _iterator = _createForOfIteratorHelper(scrollableParents),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var scrollableParent = _step.value;
+      var boundaryRect = getBoundingRect(scrollableParent);
+      if (!isWithin(elementRect, boundaryRect)) {
+        shouldHide = true;
+        break;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
   tooltip.style.display = shouldHide ? "none" : "block";
   tooltip.style.transform = translateWithOffset(targetPosition, position, offset);
   return {
@@ -249,7 +283,7 @@ var getPosition = function getPosition(elementRect, tooltipRect, position) {
 };
 exports.getPosition = getPosition;
 var translateWithOffset = function translateWithOffset(targetPosition, position, offset) {
-  var _ref3 = function () {
+  var _ref5 = function () {
       switch (position) {
         case "top-start":
           return [targetPosition.x, targetPosition.y - offset];
@@ -277,9 +311,9 @@ var translateWithOffset = function translateWithOffset(targetPosition, position,
           return [targetPosition.x + offset, targetPosition.y];
       }
     }(),
-    _ref4 = _slicedToArray(_ref3, 2),
-    x = _ref4[0],
-    y = _ref4[1];
+    _ref6 = _slicedToArray(_ref5, 2),
+    x = _ref6[0],
+    y = _ref6[1];
   return "translate(".concat(x, "px, ").concat(y, "px)");
 };
 exports.translateWithOffset = translateWithOffset;
@@ -311,24 +345,11 @@ var getOppositePosition = function getOppositePosition(position) {
       return "left-end";
   }
 };
-var getDocumentBoundingRect = function getDocumentBoundingRect() {
-  var width = document.body.clientWidth;
-  var height = document.body.clientHeight;
-  return {
-    top: 0,
-    left: 0,
-    right: width,
-    bottom: height,
-    width: width,
-    height: height
-  };
-};
-exports.getDocumentBoundingRect = getDocumentBoundingRect;
-var shouldFlip = function shouldFlip(_ref5) {
-  var targetPosition = _ref5.targetPosition,
-    position = _ref5.position,
-    boundaryRect = _ref5.boundaryRect,
-    tooltipRect = _ref5.tooltipRect;
+var shouldFlip = function shouldFlip(_ref7) {
+  var targetPosition = _ref7.targetPosition,
+    position = _ref7.position,
+    boundaryRect = _ref7.boundaryRect,
+    tooltipRect = _ref7.tooltipRect;
   switch (position) {
     case "top-start":
     case "top":
@@ -352,4 +373,45 @@ exports.shouldFlip = shouldFlip;
 var isWithin = function isWithin(elementRect, boundaryRect) {
   return boundaryRect.top < elementRect.bottom && boundaryRect.left < elementRect.right && boundaryRect.bottom > elementRect.top && boundaryRect.right > elementRect.left;
 };
+var getScrollableParents = function getScrollableParents(element) {
+  var parent = element.parentElement;
+  var scrollableParents = [];
+  while (parent) {
+    var computedStyle = getComputedStyle(parent);
+    if (isOverflowSet(computedStyle.overflow) || isOverflowSet(computedStyle.overflowY) || isOverflowSet(computedStyle.overflowX)) {
+      scrollableParents.push(parent);
+    }
+    parent = parent.parentElement;
+  }
+  scrollableParents.push(document);
+  return scrollableParents;
+};
+var isOverflowSet = function isOverflowSet(overflowValue) {
+  return overflowValue === "auto" || overflowValue === "hidden" || overflowValue === "scroll" || overflowValue === "overlay";
+};
+var isDocument = function isDocument(element) {
+  return element.ownerDocument === null;
+};
+var getDocumentBoundingRect = function getDocumentBoundingRect() {
+  var width = document.body.clientWidth;
+  var height = document.body.clientHeight;
+  return {
+    top: 0,
+    left: 0,
+    right: width,
+    bottom: height,
+    width: width,
+    height: height,
+    x: 0,
+    y: 0,
+    toJSON: function toJSON() {
+      return null;
+    }
+  };
+};
+exports.getDocumentBoundingRect = getDocumentBoundingRect;
+var getBoundingRect = function getBoundingRect(element) {
+  return isDocument(element) ? getDocumentBoundingRect() : element.getBoundingClientRect();
+};
+exports.getBoundingRect = getBoundingRect;
 //# sourceMappingURL=usePosition.js.map

package/dist/utils/usePosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePosition.js","names":["_react","require","_useMutationObserver","_useIsomorphicLayoutEffect","_useResizeObserver","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","POSITION","top","bottom","left","right","exports","usePosition","_ref","key","position","_ref$offset","offset","_ref$active","active","_ref$flip","flip","_ref$clamp","clamp","_useState","useState","isFlipped","_useState2","state","setState","tooltipRef","useRef","anchorRef","update","current","tooltip","anchor","placeTooltip","useMutationObserver","ref","onMutate","useResizeObserver","target","onResize","useIsomorphicLayoutEffect","style","handleScroll","document","addEventListener","passive","handleResize","window","removeEventListener","_ref2","_ref2$offset","_ref2$boundaryRect","boundaryRect","getDocumentBoundingRect","_ref2$flip","_ref2$clamp","elementRect","getBoundingClientRect","tooltipRect","targetPosition","getPosition","shouldFlip","getOppositePosition","x","Math","max","min","width","y","height","shouldHide","isWithin","display","transform","translateWithOffset","_ref3","_ref4","concat","body","clientWidth","clientHeight","_ref5"],"sources":["../../src/utils/usePosition.ts"],"sourcesContent":["/**\n * Adapted from https://codesandbox.io/s/positioning-tooltip-rhplo\n */\nimport { useState } from \"react\"\nimport { useRef } from \"react\"\nimport { useMutationObserver } from \"./useMutationObserver\"\nimport { useIsomorphicLayoutEffect } from \"./useIsomorphicLayoutEffect\"\nimport { useResizeObserver } from \"./useResizeObserver\"\n\nexport const POSITION = {\n  \"top-start\": \"top-start\",\n  top: \"top\",\n  \"top-end\": \"top-end\",\n  \"bottom-start\": \"bottom-start\",\n  bottom: \"bottom\",\n  \"bottom-end\": \"bottom-end\",\n  \"left-start\": \"left-start\",\n  left: \"left\",\n  \"left-end\": \"left-end\",\n  \"right-start\": \"right-start\",\n  right: \"right\",\n  \"right-end\": \"right-end\",\n} as const\n\nexport type Position = keyof typeof POSITION\n\ninterface TargetPosition {\n  x: number\n  y: number\n}\n\n/**\n * Will position the floating element (tooltip) relative to the anchor element,\n * using `position: fixed` and in such a way that it shouldn't ever appear\n * partially offscreen and will move correctly when the parent is scrolled.\n */\nexport const usePosition = ({\n  key,\n  position,\n  offset = 0,\n  active = true,\n  flip = true,\n  clamp = true,\n}: {\n  /** Listen to changes on this value */\n  key?: string | number | boolean\n  /** Placement relative to anchor */\n  position: Position\n  /** Distance from anchor (default: `0`) */\n  offset?: number\n  /** Optionally disable for performance (default: `true`) */\n  active?: boolean\n  /** Optionally disable flipping (default: `true`) */\n  flip?: boolean\n  /** Optionally disable clamping (default: `true`) */\n  clamp?: boolean\n}) => {\n  const [state, setState] = useState<ReturnType<typeof placeTooltip>>({\n    isFlipped: false,\n  })\n\n  const tooltipRef = useRef<HTMLElement | null>(null)\n  const anchorRef = useRef<HTMLElement | null>(null)\n\n  const update = () => {\n    if (!tooltipRef.current || !anchorRef.current) return\n\n    const { current: tooltip } = tooltipRef\n    const { current: anchor } = anchorRef\n\n    setState(placeTooltip({ anchor, tooltip, position, offset, flip, clamp }))\n  }\n\n  // Re-position when there's any change to the tooltip\n  useMutationObserver({ ref: tooltipRef, onMutate: update, active })\n\n  // Re-position when there's any change to the anchor's size\n  useResizeObserver({ target: anchorRef, onResize: update, active })\n\n  // Listen to changes on key\n  useIsomorphicLayoutEffect(update, [key])\n\n  useIsomorphicLayoutEffect(() => {\n    if (!active || !tooltipRef.current || !anchorRef.current) return\n\n    const { current: tooltip } = tooltipRef\n    const { current: anchor } = anchorRef\n\n    tooltip.style.position = \"fixed\"\n    tooltip.style.top = \"0\"\n    tooltip.style.left = \"0\"\n\n    const handleScroll = () => {\n      setState(placeTooltip({ anchor, tooltip, position, offset, flip, clamp }))\n    }\n\n    document.addEventListener(\"scroll\", handleScroll, {\n      passive: true,\n    })\n\n    const handleResize = () => {\n      setState(placeTooltip({ anchor, tooltip, position, offset, flip, clamp }))\n    }\n\n    window.addEventListener(\"resize\", handleResize, { passive: true })\n\n    setState(placeTooltip({ anchor, tooltip, position, offset, flip, clamp }))\n\n    return () => {\n      document.removeEventListener(\"scroll\", handleScroll)\n      window.removeEventListener(\"resize\", handleResize)\n    }\n  }, [active, tooltipRef, anchorRef, position])\n\n  return {\n    // Element that floating element is anchored to\n    tooltipRef,\n    // Element you want to position relative to the anchor\n    anchorRef,\n    state,\n  }\n}\n\ninterface PlaceTooltip {\n  anchor: HTMLElement\n  tooltip: HTMLElement\n  position: Position\n  offset?: number\n  boundaryRect?: DOMRect\n  flip?: boolean\n  clamp?: boolean\n}\n\nexport const placeTooltip = ({\n  anchor,\n  tooltip,\n  position,\n  offset = 0,\n  boundaryRect = getDocumentBoundingRect(),\n  flip = true,\n  clamp = true,\n}: PlaceTooltip) => {\n  const elementRect = anchor.getBoundingClientRect()\n  const tooltipRect = tooltip.getBoundingClientRect()\n\n  let targetPosition = getPosition(elementRect, tooltipRect, position)\n\n  // Flip to avoid edges\n  const isFlipped =\n    flip &&\n    shouldFlip({\n      targetPosition,\n      position,\n      boundaryRect,\n      tooltipRect,\n    })\n\n  if (isFlipped) {\n    position = getOppositePosition(position)\n    targetPosition = getPosition(elementRect, tooltipRect, position)\n  }\n\n  // Clamp position within boundary\n  if (clamp) {\n    targetPosition.x = Math.max(boundaryRect.left, targetPosition.x)\n    targetPosition.x = Math.min(\n      boundaryRect.right - tooltipRect.width,\n      targetPosition.x\n    )\n    targetPosition.y = Math.max(boundaryRect.top, targetPosition.y)\n    targetPosition.y = Math.min(\n      boundaryRect.bottom - tooltipRect.height,\n      targetPosition.y\n    )\n  }\n\n  // Should hide entirely if it scrolls out of view\n  const shouldHide = !isWithin(elementRect, boundaryRect)\n  tooltip.style.display = shouldHide ? \"none\" : \"block\"\n\n  tooltip.style.transform = translateWithOffset(\n    targetPosition,\n    position,\n    offset\n  )\n\n  return { isFlipped }\n}\n\nexport const getPosition = (\n  elementRect: Pick<\n    DOMRect,\n    \"width\" | \"height\" | \"top\" | \"right\" | \"bottom\" | \"left\"\n  >,\n  tooltipRect: Pick<DOMRect, \"width\" | \"height\">,\n  position: Position\n): TargetPosition => {\n  let x: number\n  let y: number\n\n  switch (position) {\n    case \"top-start\":\n    case \"bottom-start\":\n      x = elementRect.left\n      break\n    case \"top\":\n    case \"bottom\":\n      x = elementRect.left + elementRect.width / 2 - tooltipRect.width / 2\n      break\n    case \"top-end\":\n    case \"bottom-end\":\n      x = elementRect.right - tooltipRect.width\n      break\n    case \"left-start\":\n    case \"left\":\n    case \"left-end\":\n      // [..] {XXX}\n      x = elementRect.left - tooltipRect.width\n      break\n    case \"right-start\":\n    case \"right\":\n    case \"right-end\":\n      // {XXX} [...]\n      x = elementRect.right\n      break\n  }\n\n  switch (position) {\n    case \"left-start\":\n    case \"right-start\":\n      y = elementRect.top\n      break\n    case \"left\":\n    case \"right\":\n      y = elementRect.top + elementRect.height / 2 - tooltipRect.height / 2\n      break\n    case \"left-end\":\n    case \"right-end\":\n      y = elementRect.bottom - tooltipRect.height\n      break\n    case \"top-start\":\n    case \"top\":\n    case \"top-end\":\n      // [..]\n      // {XXX}\n      y = elementRect.top - tooltipRect.height\n      break\n    case \"bottom-start\":\n    case \"bottom\":\n    case \"bottom-end\":\n      // {XXX}\n      // [...]\n      y = elementRect.bottom\n      break\n  }\n\n  return { x, y }\n}\n\nexport const translateWithOffset = (\n  targetPosition: TargetPosition,\n  position: Position,\n  offset: number\n) => {\n  const [x, y] = (() => {\n    switch (position) {\n      case \"top-start\":\n        return [targetPosition.x, targetPosition.y - offset]\n      case \"top\":\n        return [targetPosition.x, targetPosition.y - offset]\n      case \"top-end\":\n        return [targetPosition.x, targetPosition.y - offset]\n      case \"bottom-start\":\n        return [targetPosition.x, targetPosition.y + offset]\n      case \"bottom\":\n        return [targetPosition.x, targetPosition.y + offset]\n      case \"bottom-end\":\n        return [targetPosition.x, targetPosition.y + offset]\n      case \"left-start\":\n        return [targetPosition.x - offset, targetPosition.y]\n      case \"left\":\n        return [targetPosition.x - offset, targetPosition.y]\n      case \"left-end\":\n        return [targetPosition.x - offset, targetPosition.y]\n      case \"right-start\":\n        return [targetPosition.x + offset, targetPosition.y]\n      case \"right\":\n        return [targetPosition.x + offset, targetPosition.y]\n      case \"right-end\":\n        return [targetPosition.x + offset, targetPosition.y]\n    }\n  })()\n\n  return `translate(${x}px, ${y}px)`\n}\n\nconst getOppositePosition = (position: Position) => {\n  switch (position) {\n    case \"top-start\":\n      return \"bottom-start\"\n    case \"top\":\n      return \"bottom\"\n    case \"top-end\":\n      return \"bottom-end\"\n    case \"bottom-start\":\n      return \"top-start\"\n    case \"bottom\":\n      return \"top\"\n    case \"bottom-end\":\n      return \"top-end\"\n    case \"left-start\":\n      return \"right-start\"\n    case \"left\":\n      return \"right\"\n    case \"left-end\":\n      return \"right-end\"\n    case \"right-start\":\n      return \"left-start\"\n    case \"right\":\n      return \"left\"\n    case \"right-end\":\n      return \"left-end\"\n  }\n}\n\nexport const getDocumentBoundingRect = () => {\n  const width = document.body.clientWidth\n  const height = document.body.clientHeight\n\n  return {\n    top: 0,\n    left: 0,\n    right: width,\n    bottom: height,\n    width,\n    height,\n  } as DOMRect\n}\n\ninterface ShouldFlip {\n  targetPosition: TargetPosition\n  position: Position\n  boundaryRect: Pick<DOMRect, \"top\" | \"right\" | \"bottom\" | \"left\">\n  tooltipRect: Pick<DOMRect, \"width\" | \"height\">\n}\n\nexport const shouldFlip = ({\n  targetPosition,\n  position,\n  boundaryRect,\n  tooltipRect,\n}: ShouldFlip) => {\n  switch (position) {\n    case \"top-start\":\n    case \"top\":\n    case \"top-end\":\n      return targetPosition.y < boundaryRect.top\n    case \"bottom-start\":\n    case \"bottom\":\n    case \"bottom-end\":\n      return targetPosition.y + tooltipRect.height > boundaryRect.bottom\n    case \"left-start\":\n    case \"left\":\n    case \"left-end\":\n      return targetPosition.x < boundaryRect.left\n    case \"right-start\":\n    case \"right\":\n    case \"right-end\":\n      return targetPosition.x + tooltipRect.width > boundaryRect.right\n  }\n}\n\nconst isWithin = (elementRect: DOMRect, boundaryRect: DOMRect) => {\n  return (\n    boundaryRect.top < elementRect.bottom &&\n    boundaryRect.left < elementRect.right &&\n    boundaryRect.bottom > elementRect.top &&\n    boundaryRect.right > elementRect.left\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"usePosition.js","names":["_react","require","_useMutationObserver","_useIsomorphicLayoutEffect","_useResizeObserver","_createForOfIteratorHelper","o","allowArrayLike","it","Symbol","iterator","Array","isArray","_unsupportedIterableToArray","length","i","F","s","n","done","value","e","_e2","f","TypeError","normalCompletion","didErr","err","call","step","next","_e3","return","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","minLen","_arrayLikeToArray","Object","prototype","toString","slice","constructor","name","from","test","len","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","push","POSITION","top","bottom","left","right","exports","usePosition","_ref","key","position","_ref$offset","offset","_ref$active","active","_ref$flip","flip","_ref$clamp","clamp","_useState","useState","isFlipped","_useState2","state","setState","tooltipRef","useRef","anchorRef","update","current","tooltip","anchor","scrollableParents","getScrollableParents","placeTooltip","useMutationObserver","ref","onMutate","useResizeObserver","target","onResize","useIsomorphicLayoutEffect","style","handle","handlers","map","scrollableParent","handlerScroll","forEach","_ref2","addEventListener","passive","window","removeEventListener","_ref3","_ref4","_ref4$offset","_ref4$flip","_ref4$clamp","elementRect","getBoundingClientRect","tooltipRect","targetPosition","getPosition","some","shouldFlip","boundaryRect","getBoundingRect","getOppositePosition","x","Math","max","min","width","y","height","shouldHide","_iterator","_step","isWithin","display","transform","translateWithOffset","_ref5","_ref6","concat","_ref7","element","parent","parentElement","computedStyle","getComputedStyle","isOverflowSet","overflow","overflowY","overflowX","document","overflowValue","isDocument","ownerDocument","getDocumentBoundingRect","body","clientWidth","clientHeight","toJSON"],"sources":["../../src/utils/usePosition.ts"],"sourcesContent":["/**\n * Adapted from https://codesandbox.io/s/positioning-tooltip-rhplo\n */\nimport { useState } from \"react\"\nimport { useRef } from \"react\"\nimport { useMutationObserver } from \"./useMutationObserver\"\nimport { useIsomorphicLayoutEffect } from \"./useIsomorphicLayoutEffect\"\nimport { useResizeObserver } from \"./useResizeObserver\"\n\nexport const POSITION = {\n  \"top-start\": \"top-start\",\n  top: \"top\",\n  \"top-end\": \"top-end\",\n  \"bottom-start\": \"bottom-start\",\n  bottom: \"bottom\",\n  \"bottom-end\": \"bottom-end\",\n  \"left-start\": \"left-start\",\n  left: \"left\",\n  \"left-end\": \"left-end\",\n  \"right-start\": \"right-start\",\n  right: \"right\",\n  \"right-end\": \"right-end\",\n} as const\n\nexport type Position = keyof typeof POSITION\n\ninterface TargetPosition {\n  x: number\n  y: number\n}\n\n/**\n * Will position the floating element (tooltip) relative to the anchor element,\n * using `position: fixed` and in such a way that it shouldn't ever appear\n * partially offscreen and will move correctly when the parent is scrolled.\n */\nexport const usePosition = ({\n  key,\n  position,\n  offset = 0,\n  active = true,\n  flip = true,\n  clamp = true,\n}: {\n  /** Listen to changes on this value */\n  key?: string | number | boolean\n  /** Placement relative to anchor */\n  position: Position\n  /** Distance from anchor (default: `0`) */\n  offset?: number\n  /** Optionally disable for performance (default: `true`) */\n  active?: boolean\n  /** Optionally disable flipping (default: `true`) */\n  flip?: boolean\n  /** Optionally disable clamping (default: `true`) */\n  clamp?: boolean\n}) => {\n  const [state, setState] = useState<ReturnType<typeof placeTooltip>>({\n    isFlipped: false,\n  })\n\n  const tooltipRef = useRef<HTMLElement | null>(null)\n  const anchorRef = useRef<HTMLElement | null>(null)\n\n  const update = () => {\n    if (!tooltipRef.current || !anchorRef.current) return\n\n    const { current: tooltip } = tooltipRef\n    const { current: anchor } = anchorRef\n\n    const scrollableParents = getScrollableParents(anchor)\n\n    setState(\n      placeTooltip({\n        anchor,\n        tooltip,\n        position,\n        offset,\n        flip,\n        clamp,\n        scrollableParents,\n      })\n    )\n  }\n\n  // Re-position when there's any change to the tooltip\n  useMutationObserver({ ref: tooltipRef, onMutate: update, active })\n\n  // Re-position when there's any change to the anchor's size\n  useResizeObserver({ target: anchorRef, onResize: update, active })\n\n  // Listen to changes on key\n  useIsomorphicLayoutEffect(update, [key])\n\n  useIsomorphicLayoutEffect(() => {\n    if (!active || !tooltipRef.current || !anchorRef.current) return\n\n    const { current: tooltip } = tooltipRef\n    const { current: anchor } = anchorRef\n\n    tooltip.style.position = \"fixed\"\n    tooltip.style.top = \"0\"\n    tooltip.style.left = \"0\"\n\n    const handle = () => {\n      setState(\n        placeTooltip({\n          anchor,\n          tooltip,\n          position,\n          offset,\n          flip,\n          clamp,\n          scrollableParents,\n        })\n      )\n    }\n\n    const scrollableParents = getScrollableParents(anchor)\n    const handlers = scrollableParents.map((scrollableParent) => {\n      return {\n        scrollableParent,\n        handlerScroll: () => {\n          setState(\n            placeTooltip({\n              anchor,\n              tooltip,\n              position,\n              offset,\n              flip,\n              clamp,\n              scrollableParents,\n            })\n          )\n        },\n      }\n    })\n\n    handlers.forEach(({ scrollableParent, handlerScroll }) => {\n      scrollableParent.addEventListener(\"scroll\", handlerScroll, {\n        passive: true,\n      })\n    })\n\n    window.addEventListener(\"resize\", handle, { passive: true })\n\n    // Initialize\n    handle()\n\n    return () => {\n      window.removeEventListener(\"resize\", handle)\n      handlers.forEach(({ scrollableParent, handlerScroll }) => {\n        scrollableParent.removeEventListener(\"scroll\", handlerScroll)\n      })\n    }\n  }, [active, tooltipRef, anchorRef, position])\n\n  return {\n    // Element that floating element is anchored to\n    tooltipRef,\n    // Element you want to position relative to the anchor\n    anchorRef,\n    state,\n  }\n}\n\ninterface PlaceTooltip {\n  anchor: HTMLElement\n  tooltip: HTMLElement\n  position: Position\n  offset?: number\n  flip?: boolean\n  clamp?: boolean\n  scrollableParents: Array<HTMLElement | Document>\n}\n\nexport const placeTooltip = ({\n  anchor,\n  tooltip,\n  position,\n  offset = 0,\n  flip = true,\n  clamp = true,\n  scrollableParents,\n}: PlaceTooltip) => {\n  const elementRect = anchor.getBoundingClientRect()\n  const tooltipRect = tooltip.getBoundingClientRect()\n\n  let targetPosition = getPosition(elementRect, tooltipRect, position)\n\n  // Flip to avoid edges\n  const isFlipped =\n    flip &&\n    scrollableParents.some((scrollableParent) => {\n      return shouldFlip({\n        targetPosition,\n        position,\n        boundaryRect: getBoundingRect(scrollableParent),\n        tooltipRect,\n      })\n    })\n\n  if (isFlipped) {\n    position = getOppositePosition(position)\n    targetPosition = getPosition(elementRect, tooltipRect, position)\n  }\n\n  // Clamp position within boundary\n  if (clamp) {\n    scrollableParents.forEach((scrollableParent) => {\n      const boundaryRect = getBoundingRect(scrollableParent)\n\n      targetPosition.x = Math.max(boundaryRect.left, targetPosition.x)\n      targetPosition.x = Math.min(\n        boundaryRect.right - tooltipRect.width,\n        targetPosition.x\n      )\n      targetPosition.y = Math.max(boundaryRect.top, targetPosition.y)\n      targetPosition.y = Math.min(\n        boundaryRect.bottom - tooltipRect.height,\n        targetPosition.y\n      )\n    })\n  }\n\n  // Should hide entirely if it scrolls out of view\n  let shouldHide = false\n  for (const scrollableParent of scrollableParents) {\n    const boundaryRect = getBoundingRect(scrollableParent)\n    if (!isWithin(elementRect, boundaryRect)) {\n      shouldHide = true\n      break\n    }\n  }\n\n  tooltip.style.display = shouldHide ? \"none\" : \"block\"\n\n  tooltip.style.transform = translateWithOffset(\n    targetPosition,\n    position,\n    offset\n  )\n\n  return { isFlipped }\n}\n\nexport const getPosition = (\n  elementRect: Pick<\n    DOMRect,\n    \"width\" | \"height\" | \"top\" | \"right\" | \"bottom\" | \"left\"\n  >,\n  tooltipRect: Pick<DOMRect, \"width\" | \"height\">,\n  position: Position\n): TargetPosition => {\n  let x: number\n  let y: number\n\n  switch (position) {\n    case \"top-start\":\n    case \"bottom-start\":\n      x = elementRect.left\n      break\n    case \"top\":\n    case \"bottom\":\n      x = elementRect.left + elementRect.width / 2 - tooltipRect.width / 2\n      break\n    case \"top-end\":\n    case \"bottom-end\":\n      x = elementRect.right - tooltipRect.width\n      break\n    case \"left-start\":\n    case \"left\":\n    case \"left-end\":\n      // [..] {XXX}\n      x = elementRect.left - tooltipRect.width\n      break\n    case \"right-start\":\n    case \"right\":\n    case \"right-end\":\n      // {XXX} [...]\n      x = elementRect.right\n      break\n  }\n\n  switch (position) {\n    case \"left-start\":\n    case \"right-start\":\n      y = elementRect.top\n      break\n    case \"left\":\n    case \"right\":\n      y = elementRect.top + elementRect.height / 2 - tooltipRect.height / 2\n      break\n    case \"left-end\":\n    case \"right-end\":\n      y = elementRect.bottom - tooltipRect.height\n      break\n    case \"top-start\":\n    case \"top\":\n    case \"top-end\":\n      // [..]\n      // {XXX}\n      y = elementRect.top - tooltipRect.height\n      break\n    case \"bottom-start\":\n    case \"bottom\":\n    case \"bottom-end\":\n      // {XXX}\n      // [...]\n      y = elementRect.bottom\n      break\n  }\n\n  return { x, y }\n}\n\nexport const translateWithOffset = (\n  targetPosition: TargetPosition,\n  position: Position,\n  offset: number\n) => {\n  const [x, y] = (() => {\n    switch (position) {\n      case \"top-start\":\n        return [targetPosition.x, targetPosition.y - offset]\n      case \"top\":\n        return [targetPosition.x, targetPosition.y - offset]\n      case \"top-end\":\n        return [targetPosition.x, targetPosition.y - offset]\n      case \"bottom-start\":\n        return [targetPosition.x, targetPosition.y + offset]\n      case \"bottom\":\n        return [targetPosition.x, targetPosition.y + offset]\n      case \"bottom-end\":\n        return [targetPosition.x, targetPosition.y + offset]\n      case \"left-start\":\n        return [targetPosition.x - offset, targetPosition.y]\n      case \"left\":\n        return [targetPosition.x - offset, targetPosition.y]\n      case \"left-end\":\n        return [targetPosition.x - offset, targetPosition.y]\n      case \"right-start\":\n        return [targetPosition.x + offset, targetPosition.y]\n      case \"right\":\n        return [targetPosition.x + offset, targetPosition.y]\n      case \"right-end\":\n        return [targetPosition.x + offset, targetPosition.y]\n    }\n  })()\n\n  return `translate(${x}px, ${y}px)`\n}\n\nconst getOppositePosition = (position: Position) => {\n  switch (position) {\n    case \"top-start\":\n      return \"bottom-start\"\n    case \"top\":\n      return \"bottom\"\n    case \"top-end\":\n      return \"bottom-end\"\n    case \"bottom-start\":\n      return \"top-start\"\n    case \"bottom\":\n      return \"top\"\n    case \"bottom-end\":\n      return \"top-end\"\n    case \"left-start\":\n      return \"right-start\"\n    case \"left\":\n      return \"right\"\n    case \"left-end\":\n      return \"right-end\"\n    case \"right-start\":\n      return \"left-start\"\n    case \"right\":\n      return \"left\"\n    case \"right-end\":\n      return \"left-end\"\n  }\n}\n\ninterface ShouldFlip {\n  targetPosition: TargetPosition\n  position: Position\n  boundaryRect: Pick<DOMRect, \"top\" | \"right\" | \"bottom\" | \"left\">\n  tooltipRect: Pick<DOMRect, \"width\" | \"height\">\n}\n\nexport const shouldFlip = ({\n  targetPosition,\n  position,\n  boundaryRect,\n  tooltipRect,\n}: ShouldFlip) => {\n  switch (position) {\n    case \"top-start\":\n    case \"top\":\n    case \"top-end\":\n      return targetPosition.y < boundaryRect.top\n    case \"bottom-start\":\n    case \"bottom\":\n    case \"bottom-end\":\n      return targetPosition.y + tooltipRect.height > boundaryRect.bottom\n    case \"left-start\":\n    case \"left\":\n    case \"left-end\":\n      return targetPosition.x < boundaryRect.left\n    case \"right-start\":\n    case \"right\":\n    case \"right-end\":\n      return targetPosition.x + tooltipRect.width > boundaryRect.right\n  }\n}\n\nconst isWithin = (elementRect: DOMRect, boundaryRect: DOMRect) => {\n  return (\n    boundaryRect.top < elementRect.bottom &&\n    boundaryRect.left < elementRect.right &&\n    boundaryRect.bottom > elementRect.top &&\n    boundaryRect.right > elementRect.left\n  )\n}\n\nconst getScrollableParents = (element: HTMLElement) => {\n  let parent = element.parentElement\n  const scrollableParents: Array<HTMLElement | Document> = []\n\n  while (parent) {\n    const computedStyle = getComputedStyle(parent)\n    if (\n      isOverflowSet(computedStyle.overflow) ||\n      isOverflowSet(computedStyle.overflowY) ||\n      isOverflowSet(computedStyle.overflowX)\n    ) {\n      scrollableParents.push(parent)\n    }\n    parent = parent.parentElement\n  }\n\n  scrollableParents.push(document)\n\n  return scrollableParents\n}\n\nconst isOverflowSet = (overflowValue: string) => {\n  return (\n    overflowValue === \"auto\" ||\n    overflowValue === \"hidden\" ||\n    overflowValue === \"scroll\" ||\n    overflowValue === \"overlay\"\n  )\n}\n\nconst isDocument = (element: HTMLElement | Document): element is Document => {\n  return element.ownerDocument === null\n}\n\nexport const getDocumentBoundingRect = () => {\n  const width = document.body.clientWidth\n  const height = document.body.clientHeight\n\n  return {\n    top: 0,\n    left: 0,\n    right: width,\n    bottom: height,\n    width,\n    height,\n    x: 0,\n    y: 0,\n    toJSON: () => null,\n  }\n}\n\nexport const getBoundingRect = (element: HTMLElement | Document): DOMRect => {\n  return isDocument(element)\n    ? getDocumentBoundingRect()\n    : element.getBoundingClientRect()\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "37.2.3",
+  "version": "37.4.0-canary.1351.29887.0",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -118,7 +118,7 @@
   },
   "dependencies": {
     "@artsy/icons": "^3.2.2",
-    "@artsy/palette-tokens": "^5.0.0",
+    "@artsy/palette-tokens": "^5.1.0",
     "@seznam/compose-react-refs": "^1.0.6",
     "@styled-system/theme-get": "^5.1.2",
     "lodash": "^4.17.21",
@@ -182,5 +182,5 @@
       "url": "http://localhost"
     }
   },
-  "gitHead": "7d85a4d1603379f85ff9bfd8cbc5817fcda96f52"
+  "gitHead": "3fe8c06a38b3d83b840f4e95038e933a48100a0d"
 }