@artsy/palette 38.9.0 → 38.9.2

package/dist/elements/Avatar/Avatar.js

@@ -1,16 +1,18 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Avatar = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _Box = require("../Box");
 var _Flex = require("../Flex");
 var _Image = require("../Image");
 var _Text = require("../Text");
 var _excluded = ["src", "initials", "size", "lazyLoad"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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); }
 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."); }
@@ -58,6 +60,10 @@ var Avatar = function Avatar(_ref) {
     _ref$lazyLoad = _ref.lazyLoad,
     lazyLoad = _ref$lazyLoad === void 0 ? false : _ref$lazyLoad,
     rest = _objectWithoutProperties(_ref, _excluded);
+  var _useState = (0, _react.useState)("OK"),
+    _useState2 = _slicedToArray(_useState, 2),
+    mode = _useState2[0],
+    setMode = _useState2[1];
   var _splitBoxProps = (0, _Box.splitBoxProps)(rest),
     _splitBoxProps2 = _slicedToArray(_splitBoxProps, 2),
     boxProps = _splitBoxProps2[0],
@@ -80,7 +86,7 @@ var Avatar = function Avatar(_ref) {
     fontWeight: TOKENS.fontWeight,
     color: TOKENS.color,
     lineHeight: 1
-  }, initials.slice(0, LENGTHS[size])), src && /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
+  }, initials.slice(0, LENGTHS[size])), src && mode !== "Error" && /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
     position: "absolute",
     top: 0,
     left: 0,
@@ -91,7 +97,10 @@ var Avatar = function Avatar(_ref) {
     width: "100%",
     height: "100%",
     lazyLoad: lazyLoad,
-    alt: initials !== null && initials !== void 0 ? initials : ""
+    alt: initials !== null && initials !== void 0 ? initials : "",
+    onError: function onError() {
+      setMode("Error");
+    }
   }, imageProps))));
 };
 exports.Avatar = Avatar;

package/dist/elements/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":["_react","_interopRequireDefault","require","_Box","_Flex","_Image","_Text","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","LENGTHS","xxs","xs","sm","md","TOKENS","fontWeight","color","bg","diameter","variant","Avatar","_ref","_TOKENS$size","src","initials","_ref$size","size","_ref$lazyLoad","lazyLoad","rest","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","imageProps","_ref2","createElement","Flex","border","borderColor","borderRadius","alignItems","justifyContent","position","overflow","Text","lineHeight","top","left","width","height","Image","alt","exports","displayName"],"sources":["../../../src/elements/Avatar/Avatar.tsx"],"sourcesContent":["import { TextVariant } from \"@artsy/palette-tokens/dist/typography/v3\"\nimport React from \"react\"\nimport { splitBoxProps } from \"../Box\"\nimport { Flex, FlexProps } from \"../Flex\"\nimport { Image, ImageProps } from \"../Image\"\nimport { Text } from \"../Text\"\n\nexport interface AvatarProps extends FlexProps, Partial<ImageProps> {\n  /** If an image is missing, show initials instead */\n  initials?: string\n  /** The size of the Avatar */\n  size?: \"xxs\" | \"xs\" | \"sm\" | \"md\"\n}\n\nconst LENGTHS = {\n  xxs: 2,\n  xs: 2,\n  sm: 3,\n  md: 4,\n}\n\nconst TOKENS = {\n  fontWeight: \"normal\",\n  color: \"black100\",\n  bg: \"transparent\",\n  xxs: {\n    diameter: 30,\n    variant: \"xs\" as TextVariant,\n  },\n  xs: {\n    diameter: 45,\n    variant: \"sm-display\" as TextVariant,\n  },\n  sm: {\n    diameter: 70,\n    variant: \"md\" as TextVariant,\n  },\n  md: {\n    diameter: 100,\n    variant: \"lg-display\" as TextVariant,\n  },\n}\n\n/** An circular Avatar component containing an image or initials */\nexport const Avatar: React.FC<AvatarProps> = ({\n  src,\n  initials,\n  size = \"md\",\n  lazyLoad = false,\n  ...rest\n}) => {\n  const [boxProps, imageProps] = splitBoxProps(rest)\n\n  const { diameter, variant } = TOKENS[size] ?? TOKENS.sm\n\n  return (\n    <Flex\n      size={diameter}\n      bg={TOKENS.bg}\n      border={src ? \"transparent\" : \"1px solid\"}\n      borderColor=\"black15\"\n      borderRadius=\"50%\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      position=\"relative\"\n      overflow=\"hidden\"\n      {...boxProps}\n    >\n      {initials && (\n        <Text\n          variant={variant}\n          fontWeight={TOKENS.fontWeight}\n          color={TOKENS.color}\n          lineHeight={1}\n        >\n          {initials.slice(0, LENGTHS[size])}\n        </Text>\n      )}\n\n      {src && (\n        <Flex position=\"absolute\" top={0} left={0} width=\"100%\" height=\"100%\">\n          <Image\n            src={src}\n            width=\"100%\"\n            height=\"100%\"\n            lazyLoad={lazyLoad}\n            alt={initials ?? \"\"}\n            {...imageProps}\n          />\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Avatar.js","names":["_react","_interopRequireWildcard","require","_Box","_Flex","_Image","_Text","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","LENGTHS","xxs","xs","sm","md","TOKENS","fontWeight","color","bg","diameter","variant","Avatar","_ref","_TOKENS$size","src","initials","_ref$size","size","_ref$lazyLoad","lazyLoad","rest","_useState","useState","_useState2","mode","setMode","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","imageProps","_ref2","createElement","Flex","border","borderColor","borderRadius","alignItems","justifyContent","position","overflow","Text","lineHeight","top","left","width","height","Image","alt","onError","exports","displayName"],"sources":["../../../src/elements/Avatar/Avatar.tsx"],"sourcesContent":["import { TextVariant } from \"@artsy/palette-tokens/dist/typography/v3\"\nimport React, { useState } from \"react\"\nimport { splitBoxProps } from \"../Box\"\nimport { Flex, FlexProps } from \"../Flex\"\nimport { Image, ImageProps } from \"../Image\"\nimport { Text } from \"../Text\"\n\nexport interface AvatarProps extends FlexProps, Partial<ImageProps> {\n  /** If an image is missing, show initials instead */\n  initials?: string\n  /** The size of the Avatar */\n  size?: \"xxs\" | \"xs\" | \"sm\" | \"md\"\n}\n\nconst LENGTHS = {\n  xxs: 2,\n  xs: 2,\n  sm: 3,\n  md: 4,\n}\n\nconst TOKENS = {\n  fontWeight: \"normal\",\n  color: \"black100\",\n  bg: \"transparent\",\n  xxs: {\n    diameter: 30,\n    variant: \"xs\" as TextVariant,\n  },\n  xs: {\n    diameter: 45,\n    variant: \"sm-display\" as TextVariant,\n  },\n  sm: {\n    diameter: 70,\n    variant: \"md\" as TextVariant,\n  },\n  md: {\n    diameter: 100,\n    variant: \"lg-display\" as TextVariant,\n  },\n}\n\n/** An circular Avatar component containing an image or initials */\nexport const Avatar: React.FC<AvatarProps> = ({\n  src,\n  initials,\n  size = \"md\",\n  lazyLoad = false,\n  ...rest\n}) => {\n  const [mode, setMode] = useState<\"OK\" | \"Error\">(\"OK\")\n\n  const [boxProps, imageProps] = splitBoxProps(rest)\n\n  const { diameter, variant } = TOKENS[size] ?? TOKENS.sm\n\n  return (\n    <Flex\n      size={diameter}\n      bg={TOKENS.bg}\n      border={src ? \"transparent\" : \"1px solid\"}\n      borderColor=\"black15\"\n      borderRadius=\"50%\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      position=\"relative\"\n      overflow=\"hidden\"\n      {...boxProps}\n    >\n      {initials && (\n        <Text\n          variant={variant}\n          fontWeight={TOKENS.fontWeight}\n          color={TOKENS.color}\n          lineHeight={1}\n        >\n          {initials.slice(0, LENGTHS[size])}\n        </Text>\n      )}\n\n      {src && mode !== \"Error\" && (\n        <Flex position=\"absolute\" top={0} left={0} width=\"100%\" height=\"100%\">\n          <Image\n            src={src}\n            width=\"100%\"\n            height=\"100%\"\n            lazyLoad={lazyLoad}\n            alt={initials ?? \"\"}\n            onError={() => {\n              setMode(\"Error\")\n            }}\n            {...imageProps}\n          />\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n"],"mappings":"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"}

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

@@ -4,3 +4,4 @@ declare const _default: {
 export default _default;
 export declare const Sizes: () => JSX.Element;
 export declare const WithImage: () => JSX.Element;
+export declare const WithBrokenImage: () => JSX.Element;

package/dist/elements/Avatar/Avatar.story.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.WithImage = exports.Sizes = void 0;
+exports.default = exports.WithImage = exports.WithBrokenImage = exports.Sizes = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _storybookStates = require("storybook-states");
 var _Avatar = require("./Avatar");
@@ -63,4 +63,21 @@ var WithImage = function WithImage() {
 };
 exports.WithImage = WithImage;
 WithImage.displayName = "WithImage";
+var WithBrokenImage = function WithBrokenImage() {
+  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
+    states: [{
+      size: "md"
+    }, {
+      size: "md",
+      lazyLoad: true
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_Avatar.Avatar, {
+    size: "xs",
+    src: "https://example.com/broken.jpg",
+    srcSet: "https://example.com/broken.jpg 1x, https://example.com/broken.jpg 2x",
+    initials: "TK"
+  }));
+};
+exports.WithBrokenImage = WithBrokenImage;
+WithBrokenImage.displayName = "WithBrokenImage";
 //# sourceMappingURL=Avatar.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Avatar","obj","__esModule","default","_default","title","exports","Sizes","createElement","States","states","size","initials","Avatar","displayName","WithImage","src","srcSet","lazyLoad"],"sources":["../../../src/elements/Avatar/Avatar.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Avatar, AvatarProps } from \"./Avatar\"\n\nexport default {\n  title: \"Components/Avatar\",\n}\n\nexport const Sizes = () => {\n  return (\n    <States<AvatarProps>\n      states={[\n        { size: \"xxs\" },\n        { size: \"xs\" },\n        { size: \"sm\" },\n        { size: \"md\" },\n        { initials: \"LONGER\", size: \"md\" },\n        { initials: \"LONGER\", size: \"sm\" },\n        { initials: \"LONGER\", size: \"xs\" },\n        { initials: \"LONGER\", size: \"xxs\" },\n      ]}\n    >\n      <Avatar size=\"xs\" initials=\"TK\" />\n    </States>\n  )\n}\n\nexport const WithImage = () => {\n  return (\n    <States<AvatarProps>\n      states={[{ size: \"xxs\" }, { size: \"xs\" }, { size: \"sm\" }, { size: \"md\" }]}\n    >\n      <Avatar\n        size=\"xs\"\n        src=\"https://picsum.photos/seed/example/110/110\"\n        srcSet=\"https://picsum.photos/seed/example/110/110 1x, https://picsum.photos/seed/example/220/220 2x\"\n        lazyLoad\n        initials=\"TK\"\n      />\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA8C,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAE/B;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAH,OAAA,GAAAC,QAAA;AAEM,IAAMG,KAAK,GAAG,SAARA,KAAKA,CAAA,EAAS;EACzB,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,gBAAA,CAAAU,MAAM;IACLC,MAAM,EAAE,CACN;MAAEC,IAAI,EAAE;IAAM,CAAC,EACf;MAAEA,IAAI,EAAE;IAAK,CAAC,EACd;MAAEA,IAAI,EAAE;IAAK,CAAC,EACd;MAAEA,IAAI,EAAE;IAAK,CAAC,EACd;MAAEC,QAAQ,EAAE,QAAQ;MAAED,IAAI,EAAE;IAAK,CAAC,EAClC;MAAEC,QAAQ,EAAE,QAAQ;MAAED,IAAI,EAAE;IAAK,CAAC,EAClC;MAAEC,QAAQ,EAAE,QAAQ;MAAED,IAAI,EAAE;IAAK,CAAC,EAClC;MAAEC,QAAQ,EAAE,QAAQ;MAAED,IAAI,EAAE;IAAM,CAAC;EACnC,gBAEFf,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,OAAA,CAAAa,MAAM;IAACF,IAAI,EAAC,IAAI;IAACC,QAAQ,EAAC;EAAI,EAAG,CAC3B;AAEb,CAAC;AAAAN,OAAA,CAAAC,KAAA,GAAAA,KAAA;AAjBYA,KAAK,CAAAO,WAAA;AAmBX,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EAC7B,oBACEnB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,gBAAA,CAAAU,MAAM;IACLC,MAAM,EAAE,CAAC;MAAEC,IAAI,EAAE;IAAM,CAAC,EAAE;MAAEA,IAAI,EAAE;IAAK,CAAC,EAAE;MAAEA,IAAI,EAAE;IAAK,CAAC,EAAE;MAAEA,IAAI,EAAE;IAAK,CAAC;EAAE,gBAE1Ef,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,OAAA,CAAAa,MAAM;IACLF,IAAI,EAAC,IAAI;IACTK,GAAG,EAAC,4CAA4C;IAChDC,MAAM,EAAC,8FAA8F;IACrGC,QAAQ;IACRN,QAAQ,EAAC;EAAI,EACb,CACK;AAEb,CAAC;AAAAN,OAAA,CAAAS,SAAA,GAAAA,SAAA;AAdYA,SAAS,CAAAD,WAAA"}
+{"version":3,"file":"Avatar.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Avatar","obj","__esModule","default","_default","title","exports","Sizes","createElement","States","states","size","initials","Avatar","displayName","WithImage","src","srcSet","lazyLoad","WithBrokenImage"],"sources":["../../../src/elements/Avatar/Avatar.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Avatar, AvatarProps } from \"./Avatar\"\n\nexport default {\n  title: \"Components/Avatar\",\n}\n\nexport const Sizes = () => {\n  return (\n    <States<AvatarProps>\n      states={[\n        { size: \"xxs\" },\n        { size: \"xs\" },\n        { size: \"sm\" },\n        { size: \"md\" },\n        { initials: \"LONGER\", size: \"md\" },\n        { initials: \"LONGER\", size: \"sm\" },\n        { initials: \"LONGER\", size: \"xs\" },\n        { initials: \"LONGER\", size: \"xxs\" },\n      ]}\n    >\n      <Avatar size=\"xs\" initials=\"TK\" />\n    </States>\n  )\n}\n\nexport const WithImage = () => {\n  return (\n    <States<AvatarProps>\n      states={[{ size: \"xxs\" }, { size: \"xs\" }, { size: \"sm\" }, { size: \"md\" }]}\n    >\n      <Avatar\n        size=\"xs\"\n        src=\"https://picsum.photos/seed/example/110/110\"\n        srcSet=\"https://picsum.photos/seed/example/110/110 1x, https://picsum.photos/seed/example/220/220 2x\"\n        lazyLoad\n        initials=\"TK\"\n      />\n    </States>\n  )\n}\n\nexport const WithBrokenImage = () => {\n  return (\n    <States<AvatarProps>\n      states={[{ size: \"md\" }, { size: \"md\", lazyLoad: true }]}\n    >\n      <Avatar\n        size=\"xs\"\n        src=\"https://example.com/broken.jpg\"\n        srcSet=\"https://example.com/broken.jpg 1x, https://example.com/broken.jpg 2x\"\n        initials=\"TK\"\n      />\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA8C,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAE/B;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAH,OAAA,GAAAC,QAAA;AAEM,IAAMG,KAAK,GAAG,SAARA,KAAKA,CAAA,EAAS;EACzB,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,gBAAA,CAAAU,MAAM;IACLC,MAAM,EAAE,CACN;MAAEC,IAAI,EAAE;IAAM,CAAC,EACf;MAAEA,IAAI,EAAE;IAAK,CAAC,EACd;MAAEA,IAAI,EAAE;IAAK,CAAC,EACd;MAAEA,IAAI,EAAE;IAAK,CAAC,EACd;MAAEC,QAAQ,EAAE,QAAQ;MAAED,IAAI,EAAE;IAAK,CAAC,EAClC;MAAEC,QAAQ,EAAE,QAAQ;MAAED,IAAI,EAAE;IAAK,CAAC,EAClC;MAAEC,QAAQ,EAAE,QAAQ;MAAED,IAAI,EAAE;IAAK,CAAC,EAClC;MAAEC,QAAQ,EAAE,QAAQ;MAAED,IAAI,EAAE;IAAM,CAAC;EACnC,gBAEFf,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,OAAA,CAAAa,MAAM;IAACF,IAAI,EAAC,IAAI;IAACC,QAAQ,EAAC;EAAI,EAAG,CAC3B;AAEb,CAAC;AAAAN,OAAA,CAAAC,KAAA,GAAAA,KAAA;AAjBYA,KAAK,CAAAO,WAAA;AAmBX,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EAC7B,oBACEnB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,gBAAA,CAAAU,MAAM;IACLC,MAAM,EAAE,CAAC;MAAEC,IAAI,EAAE;IAAM,CAAC,EAAE;MAAEA,IAAI,EAAE;IAAK,CAAC,EAAE;MAAEA,IAAI,EAAE;IAAK,CAAC,EAAE;MAAEA,IAAI,EAAE;IAAK,CAAC;EAAE,gBAE1Ef,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,OAAA,CAAAa,MAAM;IACLF,IAAI,EAAC,IAAI;IACTK,GAAG,EAAC,4CAA4C;IAChDC,MAAM,EAAC,8FAA8F;IACrGC,QAAQ;IACRN,QAAQ,EAAC;EAAI,EACb,CACK;AAEb,CAAC;AAAAN,OAAA,CAAAS,SAAA,GAAAA,SAAA;AAdYA,SAAS,CAAAD,WAAA;AAgBf,IAAMK,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;EACnC,oBACEvB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,gBAAA,CAAAU,MAAM;IACLC,MAAM,EAAE,CAAC;MAAEC,IAAI,EAAE;IAAK,CAAC,EAAE;MAAEA,IAAI,EAAE,IAAI;MAAEO,QAAQ,EAAE;IAAK,CAAC;EAAE,gBAEzDtB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,OAAA,CAAAa,MAAM;IACLF,IAAI,EAAC,IAAI;IACTK,GAAG,EAAC,gCAAgC;IACpCC,MAAM,EAAC,sEAAsE;IAC7EL,QAAQ,EAAC;EAAI,EACb,CACK;AAEb,CAAC;AAAAN,OAAA,CAAAa,eAAA,GAAAA,eAAA;AAbYA,eAAe,CAAAL,WAAA"}

package/dist/elements/Dropdown/Dropdown.js

@@ -259,5 +259,5 @@ var Container = (0, _styledComponents.default)(_Box.Box).withConfig({
 var Panel = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "Dropdown__Panel",
   componentId: "je1xqj-1"
-})(["transition:opacity 250ms ease-out,transform 250ms ease-out;box-shadow:", ";"], (0, _themeGet.themeGet)("effects.flatShadow"));
+})(["transition:opacity 250ms ease-out,transform 250ms ease-out;box-shadow:", ";> div{max-height:100vh;overflow-y:auto;}"], (0, _themeGet.themeGet)("effects.flatShadow"));
 //# sourceMappingURL=Dropdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_utils","_usePortal2","_Box","_reactFocusOn","_themeGet","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Dropdown","_ref","_ref$placement","placement","_ref$visible","visible","_visible","keepInDOM","children","_ref$offset","offset","dropdown","openDropdownByClick","rest","_useState","useState","_useState2","setVisible","useEffect","timeoutRef","useRef","onVisible","current","clearTimeout","setTimeout","onHide","activeRef","onToggleVisibility","_usePosition","usePosition","position","active","anchorRef","panelRef","tooltipRef","isFlipped","state","handleKeyDown","event","handleKeyUp","document","activeElement","contains","handleClick","tagName","toLowerCase","isClosableElement","element","closest","addEventListener","removeEventListener","handleMouseEnter","handleMouseLeave","_useState3","_useState4","transition","setTransition","translation","useMemo","padding","pointerRef","handlePointerVisible","handlePointerHide","anchorProps","onClick","onMouseEnter","onMouseLeave","_usePortal","usePortal","createPortal","isPointer","createElement","Fragment","Container","tabIndex","ref","zIndex","display","style","visibility","Panel","bg","border","borderColor","opacity","transform","FocusOn","noIsolation","enabled","onClickOutside","exports","styled","Box","withConfig","displayName","componentId","themeGet"],"sources":["../../../src/elements/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { Position, usePosition } from \"../../utils\"\nimport { usePortal } from \"../../utils/usePortal\"\nimport { Box, BoxProps } from \"../Box\"\nimport { FocusOn } from \"react-focus-on\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nexport interface DropdownActions {\n  /** Call to show dropdown */\n  onVisible(): void\n  /** Call to hide dropdown */\n  onHide(): void\n  /** Manipulate visible directly */\n  setVisible(value: boolean): void\n  /** Pass ref to element you want the dropdown to be anchored to */\n  anchorRef: React.MutableRefObject<HTMLElement>\n  /** Spread props on element you want the dropdown to be anchored to */\n  anchorProps: React.HTMLAttributes<HTMLElement>\n  /** Whether or not the dropdown is visible */\n  visible: boolean\n}\n\nexport interface DropdownProps extends BoxProps {\n  placement?: Position\n  /** Intially visible by default? */\n  visible?: boolean\n  dropdown:\n    | React.ReactNode\n    | ((\n        dropdownActions: Pick<\n          DropdownActions,\n          \"onHide\" | \"onVisible\" | \"setVisible\" | \"visible\"\n        >\n      ) => void)\n  /** Distance in pixels from anchor */\n  offset?: number\n  /** Should the dropdown panel always be present in the DOM (vs removed when invisible) */\n  keepInDOM?: boolean\n  openDropdownByClick?: boolean\n  children: (dropdownActions: DropdownActions) => JSX.Element\n}\n\n/**\n * A `Dropdown` is a small modal-type element which is anchored, and can be\n * positioned relative to, another element and designed to be transitioned in on hover or on click.\n */\nexport const Dropdown: React.FC<DropdownProps> = ({\n  placement = \"top\",\n  visible: _visible = false,\n  keepInDOM,\n  children,\n  offset = 10,\n  dropdown,\n  openDropdownByClick,\n  ...rest\n}) => {\n  const [visible, setVisible] = useState(false)\n\n  // If prop updates/set initial visibility.\n  useEffect(() => {\n    setVisible(_visible)\n  }, [_visible])\n\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  const onVisible = () => {\n    timeoutRef.current && clearTimeout(timeoutRef.current)\n    timeoutRef.current = setTimeout(() => {\n      setVisible(true)\n    }, 50)\n  }\n\n  const onHide = () => {\n    timeoutRef.current && clearTimeout(timeoutRef.current)\n    timeoutRef.current = setTimeout(() => {\n      if (activeRef.current) return\n      setVisible(false)\n    }, 150)\n  }\n\n  const onToggleVisibility = () => {\n    if (visible) {\n      return onHide()\n    }\n\n    onVisible()\n  }\n\n  const {\n    anchorRef,\n    tooltipRef: panelRef,\n    state: { isFlipped },\n  } = usePosition({\n    position: placement,\n    offset: 0,\n    active: visible,\n  })\n\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        onHide()\n      }\n    }\n\n    // Close dropdown when focus leaves element\n    const handleKeyUp = (event: KeyboardEvent) => {\n      if (!panelRef.current) return\n\n      if (\n        event.key === \"Tab\" &&\n        !(\n          panelRef.current === document.activeElement ||\n          panelRef.current.contains(document.activeElement)\n        )\n      ) {\n        onHide()\n      }\n    }\n\n    const handleClick = (event: MouseEvent) => {\n      if (!panelRef.current || !openDropdownByClick) return\n      const target = event.target as Element\n      const tagName = target.tagName.toLowerCase()\n      let isClosableElement = tagName === \"a\"\n      let element: Element | null = target\n\n      // Find parent link element\n      if (!isClosableElement) {\n        element = target.closest(\"a\")\n        isClosableElement = !!element\n      }\n\n      if (isClosableElement && element && panelRef.current.contains(element)) {\n        onHide()\n      }\n    }\n\n    document.addEventListener(\"keydown\", handleKeyDown)\n    document.addEventListener(\"keyup\", handleKeyUp)\n    document.addEventListener(\"click\", handleClick)\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyDown)\n      document.removeEventListener(\"keyup\", handleKeyUp)\n      document.removeEventListener(\"click\", handleClick)\n    }\n  }, [panelRef, openDropdownByClick])\n\n  const activeRef = useRef(false)\n\n  const handleMouseEnter = () => {\n    activeRef.current = true\n  }\n\n  const handleMouseLeave = () => {\n    activeRef.current = false\n    onHide()\n  }\n\n  const [transition, setTransition] = useState(false)\n\n  // Wait for next tick so that animation runs\n  useEffect(() => {\n    setTimeout(() => {\n      setTransition(visible)\n    }, 0)\n  }, [visible])\n\n  const translation = useMemo(() => {\n    switch (placement) {\n      case \"top-start\":\n      case \"top\":\n      case \"top-end\":\n        return `translateY(10px)`\n      case \"bottom-start\":\n      case \"bottom\":\n      case \"bottom-end\":\n        return `translateY(-10px)`\n      case \"left-start\":\n      case \"left\":\n      case \"left-end\":\n        return `translateX(10px)`\n      case \"right-start\":\n      case \"right\":\n      case \"right-end\":\n        return `translateX(-10px)`\n    }\n  }, [placement])\n\n  // Fills offset gap between anchor and panel to prevent mouseout\n  const padding = useMemo(() => {\n    switch (placement) {\n      case \"top-start\":\n      case \"top\":\n      case \"top-end\":\n        return { [isFlipped ? \"pt\" : \"pb\"]: offset }\n      case \"bottom-start\":\n      case \"bottom\":\n      case \"bottom-end\":\n        return { [isFlipped ? \"pb\" : \"pt\"]: offset }\n      case \"left-start\":\n      case \"left\":\n      case \"left-end\":\n        return { [isFlipped ? \"pl\" : \"pr\"]: offset }\n      case \"right-start\":\n      case \"right\":\n      case \"right-end\":\n        return { [isFlipped ? \"pr\" : \"pl\"]: offset }\n    }\n  }, [placement, isFlipped, offset])\n\n  const pointerRef = useRef(false)\n\n  const handlePointerVisible = () => {\n    pointerRef.current = true\n    onVisible()\n  }\n\n  const handlePointerHide = () => {\n    pointerRef.current = false\n    onHide()\n  }\n\n  const anchorProps: React.HTMLAttributes<HTMLElement> = {\n    \"aria-expanded\": visible,\n    \"aria-haspopup\": true,\n    ...(openDropdownByClick\n      ? {\n          onClick: onToggleVisibility,\n        }\n      : {\n          onMouseEnter: handlePointerVisible,\n          onMouseLeave: handlePointerHide,\n          onClick: onVisible,\n        }),\n  }\n\n  const { createPortal } = usePortal()\n\n  const isPointer = !openDropdownByClick && pointerRef.current\n\n  return (\n    <>\n      {children({\n        anchorRef: anchorRef as any,\n        anchorProps,\n        onVisible,\n        onHide,\n        setVisible,\n        visible,\n      })}\n\n      {(visible || keepInDOM) &&\n        createPortal(\n          <Container\n            aria-label=\"Press escape to close\"\n            tabIndex={0}\n            ref={panelRef as any}\n            zIndex={1}\n            display=\"inline-block\"\n            placement={placement}\n            style={{\n              ...(keepInDOM\n                ? { visibility: visible ? \"visible\" : \"hidden\" }\n                : {}),\n            }}\n            {...(openDropdownByClick\n              ? {}\n              : {\n                  onMouseEnter: handleMouseEnter,\n                  onMouseLeave: handleMouseLeave,\n                })}\n            {...padding}\n            {...rest}\n          >\n            <Panel\n              bg=\"white100\"\n              border=\"1px solid\"\n              borderColor=\"black10\"\n              style={\n                transition\n                  ? // In\n                    { opacity: 1, transform: \"translate(0)\" }\n                  : // Out\n                    {\n                      opacity: 0,\n                      transform: translation,\n                    }\n              }\n            >\n              <FocusOn\n                noIsolation\n                enabled={visible && !isPointer}\n                onClickOutside={onHide}\n              >\n                {typeof dropdown === \"function\"\n                  ? dropdown({ onVisible, onHide, setVisible, visible })\n                  : dropdown}\n              </FocusOn>\n            </Panel>\n          </Container>\n        )}\n    </>\n  )\n}\n\nconst Container = styled(Box)<{ placement: Position } & BoxProps>`\n  position: fixed;\n  text-align: left;\n  outline: 0;\n`\n\nconst Panel = styled(Box)`\n  transition: opacity 250ms ease-out, transform 250ms ease-out;\n  box-shadow: ${themeGet(\"effects.flatShadow\")};\n`\n"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_utils","_usePortal2","_Box","_reactFocusOn","_themeGet","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Dropdown","_ref","_ref$placement","placement","_ref$visible","visible","_visible","keepInDOM","children","_ref$offset","offset","dropdown","openDropdownByClick","rest","_useState","useState","_useState2","setVisible","useEffect","timeoutRef","useRef","onVisible","current","clearTimeout","setTimeout","onHide","activeRef","onToggleVisibility","_usePosition","usePosition","position","active","anchorRef","panelRef","tooltipRef","isFlipped","state","handleKeyDown","event","handleKeyUp","document","activeElement","contains","handleClick","tagName","toLowerCase","isClosableElement","element","closest","addEventListener","removeEventListener","handleMouseEnter","handleMouseLeave","_useState3","_useState4","transition","setTransition","translation","useMemo","padding","pointerRef","handlePointerVisible","handlePointerHide","anchorProps","onClick","onMouseEnter","onMouseLeave","_usePortal","usePortal","createPortal","isPointer","createElement","Fragment","Container","tabIndex","ref","zIndex","display","style","visibility","Panel","bg","border","borderColor","opacity","transform","FocusOn","noIsolation","enabled","onClickOutside","exports","styled","Box","withConfig","displayName","componentId","themeGet"],"sources":["../../../src/elements/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from \"react\"\nimport styled from \"styled-components\"\nimport { Position, usePosition } from \"../../utils\"\nimport { usePortal } from \"../../utils/usePortal\"\nimport { Box, BoxProps } from \"../Box\"\nimport { FocusOn } from \"react-focus-on\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nexport interface DropdownActions {\n  /** Call to show dropdown */\n  onVisible(): void\n  /** Call to hide dropdown */\n  onHide(): void\n  /** Manipulate visible directly */\n  setVisible(value: boolean): void\n  /** Pass ref to element you want the dropdown to be anchored to */\n  anchorRef: React.MutableRefObject<HTMLElement>\n  /** Spread props on element you want the dropdown to be anchored to */\n  anchorProps: React.HTMLAttributes<HTMLElement>\n  /** Whether or not the dropdown is visible */\n  visible: boolean\n}\n\nexport interface DropdownProps extends BoxProps {\n  placement?: Position\n  /** Intially visible by default? */\n  visible?: boolean\n  dropdown:\n    | React.ReactNode\n    | ((\n        dropdownActions: Pick<\n          DropdownActions,\n          \"onHide\" | \"onVisible\" | \"setVisible\" | \"visible\"\n        >\n      ) => void)\n  /** Distance in pixels from anchor */\n  offset?: number\n  /** Should the dropdown panel always be present in the DOM (vs removed when invisible) */\n  keepInDOM?: boolean\n  openDropdownByClick?: boolean\n  children: (dropdownActions: DropdownActions) => JSX.Element\n}\n\n/**\n * A `Dropdown` is a small modal-type element which is anchored, and can be\n * positioned relative to, another element and designed to be transitioned in on hover or on click.\n */\nexport const Dropdown: React.FC<DropdownProps> = ({\n  placement = \"top\",\n  visible: _visible = false,\n  keepInDOM,\n  children,\n  offset = 10,\n  dropdown,\n  openDropdownByClick,\n  ...rest\n}) => {\n  const [visible, setVisible] = useState(false)\n\n  // If prop updates/set initial visibility.\n  useEffect(() => {\n    setVisible(_visible)\n  }, [_visible])\n\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  const onVisible = () => {\n    timeoutRef.current && clearTimeout(timeoutRef.current)\n    timeoutRef.current = setTimeout(() => {\n      setVisible(true)\n    }, 50)\n  }\n\n  const onHide = () => {\n    timeoutRef.current && clearTimeout(timeoutRef.current)\n    timeoutRef.current = setTimeout(() => {\n      if (activeRef.current) return\n      setVisible(false)\n    }, 150)\n  }\n\n  const onToggleVisibility = () => {\n    if (visible) {\n      return onHide()\n    }\n\n    onVisible()\n  }\n\n  const {\n    anchorRef,\n    tooltipRef: panelRef,\n    state: { isFlipped },\n  } = usePosition({\n    position: placement,\n    offset: 0,\n    active: visible,\n  })\n\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        onHide()\n      }\n    }\n\n    // Close dropdown when focus leaves element\n    const handleKeyUp = (event: KeyboardEvent) => {\n      if (!panelRef.current) return\n\n      if (\n        event.key === \"Tab\" &&\n        !(\n          panelRef.current === document.activeElement ||\n          panelRef.current.contains(document.activeElement)\n        )\n      ) {\n        onHide()\n      }\n    }\n\n    const handleClick = (event: MouseEvent) => {\n      if (!panelRef.current || !openDropdownByClick) return\n      const target = event.target as Element\n      const tagName = target.tagName.toLowerCase()\n      let isClosableElement = tagName === \"a\"\n      let element: Element | null = target\n\n      // Find parent link element\n      if (!isClosableElement) {\n        element = target.closest(\"a\")\n        isClosableElement = !!element\n      }\n\n      if (isClosableElement && element && panelRef.current.contains(element)) {\n        onHide()\n      }\n    }\n\n    document.addEventListener(\"keydown\", handleKeyDown)\n    document.addEventListener(\"keyup\", handleKeyUp)\n    document.addEventListener(\"click\", handleClick)\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyDown)\n      document.removeEventListener(\"keyup\", handleKeyUp)\n      document.removeEventListener(\"click\", handleClick)\n    }\n  }, [panelRef, openDropdownByClick])\n\n  const activeRef = useRef(false)\n\n  const handleMouseEnter = () => {\n    activeRef.current = true\n  }\n\n  const handleMouseLeave = () => {\n    activeRef.current = false\n    onHide()\n  }\n\n  const [transition, setTransition] = useState(false)\n\n  // Wait for next tick so that animation runs\n  useEffect(() => {\n    setTimeout(() => {\n      setTransition(visible)\n    }, 0)\n  }, [visible])\n\n  const translation = useMemo(() => {\n    switch (placement) {\n      case \"top-start\":\n      case \"top\":\n      case \"top-end\":\n        return `translateY(10px)`\n      case \"bottom-start\":\n      case \"bottom\":\n      case \"bottom-end\":\n        return `translateY(-10px)`\n      case \"left-start\":\n      case \"left\":\n      case \"left-end\":\n        return `translateX(10px)`\n      case \"right-start\":\n      case \"right\":\n      case \"right-end\":\n        return `translateX(-10px)`\n    }\n  }, [placement])\n\n  // Fills offset gap between anchor and panel to prevent mouseout\n  const padding = useMemo(() => {\n    switch (placement) {\n      case \"top-start\":\n      case \"top\":\n      case \"top-end\":\n        return { [isFlipped ? \"pt\" : \"pb\"]: offset }\n      case \"bottom-start\":\n      case \"bottom\":\n      case \"bottom-end\":\n        return { [isFlipped ? \"pb\" : \"pt\"]: offset }\n      case \"left-start\":\n      case \"left\":\n      case \"left-end\":\n        return { [isFlipped ? \"pl\" : \"pr\"]: offset }\n      case \"right-start\":\n      case \"right\":\n      case \"right-end\":\n        return { [isFlipped ? \"pr\" : \"pl\"]: offset }\n    }\n  }, [placement, isFlipped, offset])\n\n  const pointerRef = useRef(false)\n\n  const handlePointerVisible = () => {\n    pointerRef.current = true\n    onVisible()\n  }\n\n  const handlePointerHide = () => {\n    pointerRef.current = false\n    onHide()\n  }\n\n  const anchorProps: React.HTMLAttributes<HTMLElement> = {\n    \"aria-expanded\": visible,\n    \"aria-haspopup\": true,\n    ...(openDropdownByClick\n      ? {\n          onClick: onToggleVisibility,\n        }\n      : {\n          onMouseEnter: handlePointerVisible,\n          onMouseLeave: handlePointerHide,\n          onClick: onVisible,\n        }),\n  }\n\n  const { createPortal } = usePortal()\n\n  const isPointer = !openDropdownByClick && pointerRef.current\n\n  return (\n    <>\n      {children({\n        anchorRef: anchorRef as any,\n        anchorProps,\n        onVisible,\n        onHide,\n        setVisible,\n        visible,\n      })}\n\n      {(visible || keepInDOM) &&\n        createPortal(\n          <Container\n            aria-label=\"Press escape to close\"\n            tabIndex={0}\n            ref={panelRef as any}\n            zIndex={1}\n            display=\"inline-block\"\n            placement={placement}\n            style={{\n              ...(keepInDOM\n                ? { visibility: visible ? \"visible\" : \"hidden\" }\n                : {}),\n            }}\n            {...(openDropdownByClick\n              ? {}\n              : {\n                  onMouseEnter: handleMouseEnter,\n                  onMouseLeave: handleMouseLeave,\n                })}\n            {...padding}\n            {...rest}\n          >\n            <Panel\n              bg=\"white100\"\n              border=\"1px solid\"\n              borderColor=\"black10\"\n              style={\n                transition\n                  ? // In\n                    { opacity: 1, transform: \"translate(0)\" }\n                  : // Out\n                    {\n                      opacity: 0,\n                      transform: translation,\n                    }\n              }\n            >\n              <FocusOn\n                noIsolation\n                enabled={visible && !isPointer}\n                onClickOutside={onHide}\n              >\n                {typeof dropdown === \"function\"\n                  ? dropdown({ onVisible, onHide, setVisible, visible })\n                  : dropdown}\n              </FocusOn>\n            </Panel>\n          </Container>\n        )}\n    </>\n  )\n}\n\nconst Container = styled(Box)<{ placement: Position } & BoxProps>`\n  position: fixed;\n  text-align: left;\n  outline: 0;\n`\n\nconst Panel = styled(Box)`\n  transition: opacity 250ms ease-out, transform 250ms ease-out;\n  box-shadow: ${themeGet(\"effects.flatShadow\")};\n  > div {\n    max-height: 100vh;\n    overflow-y: auto;\n  }\n`\n"],"mappings":"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"}

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 OverflowingContent: () => 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.OverflowingContent = 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");
@@ -241,4 +241,32 @@ var FilterExample = function FilterExample() {
 };
 exports.FilterExample = FilterExample;
 FilterExample.displayName = "FilterExample";
+var OverflowingContent = function OverflowingContent() {
+  var dropdown = /*#__PURE__*/_react.default.createElement(_Text.Text, {
+    variant: "sm-display"
+  }, new Array(100).fill(null).map(function (_, i) {
+    return /*#__PURE__*/_react.default.createElement(_Clickable.Clickable, {
+      key: i,
+      display: "block",
+      width: "100%",
+      py: 1,
+      px: 2
+    }, "Item ", i);
+  }));
+  return /*#__PURE__*/_react.default.createElement(_Flex.Flex, null, /*#__PURE__*/_react.default.createElement(_Dropdown.Dropdown, {
+    dropdown: dropdown,
+    openDropdownByClick: true
+  }, function (_ref8) {
+    var anchorRef = _ref8.anchorRef,
+      anchorProps = _ref8.anchorProps;
+    return /*#__PURE__*/_react.default.createElement(_Button.Button, _extends({
+      ref: anchorRef,
+      variant: "secondaryBlack",
+      size: "small",
+      mr: 1
+    }, anchorProps), "Click to display dropdown");
+  }));
+};
+exports.OverflowingContent = OverflowingContent;
+OverflowingContent.displayName = "OverflowingContent";
 //# 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","_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 placement=\"top\" dropdown={<Box height={height} width={300} />}>\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","_ref3","FocusOrder","Clickable","py","px","Flex","_ref4","mr","_ref5","OpenDropdownByClick","openDropdownByClick","_ref6","FilterExample","_ref7","Pill","Icon","ChevronSmallDownIcon","iconPosition","OverflowingContent","fill","_","_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 placement=\"top\" dropdown={<Box height={height} width={300} />}>\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 OverflowingContent = () => {\n  const dropdown = (\n    <Text variant=\"sm-display\">\n      {new Array(100).fill(null).map((_, i) => (\n        <Clickable key={i} display=\"block\" width=\"100%\" py={1} px={2}>\n          Item {i}\n        </Clickable>\n      ))}\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"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "38.9.0",
+  "version": "38.9.2",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -182,5 +182,5 @@
       "url": "http://localhost"
     }
   },
-  "gitHead": "17dabc4aa4dd40987b7f242df83ce444cbfe0144"
+  "gitHead": "4f75e5bbea5cb5c9d70b54f044b82e342dede675"
 }