@artsy/palette 38.9.0 → 38.9.1

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/package.json

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