@artsy/palette 41.8.1 → 42.0.0

package/dist/elements/Cards/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["_react","_interopRequireDefault","require","_Image","_Box","_Text","_ResponsiveBox","_Theme","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Card","_ref","image","title","subtitle","status","_ref$maxWidth","maxWidth","_ref$aspectWidth","aspectWidth","_ref$aspectHeight","aspectHeight","rest","_useTheme","useTheme","theme","hasInfo","createElement","Box","ResponsiveBox","Image","alt","height","width","style","objectFit","src","position","bottom","left","background","effects","overlayGradient","p","textShadow","Text","variant","color","exports","displayName"],"sources":["../../../src/elements/Cards/Card.tsx"],"sourcesContent":["import React from \"react\"\nimport { Image, ImageProps } from \"../Image\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Text } from \"../Text\"\nimport { ResponsiveBox } from \"../ResponsiveBox\"\nimport { useTheme } from \"../../Theme\"\n\nexport interface CardProps extends BoxProps {\n  image: string | ImageProps | null | undefined\n  title?: string | null\n  subtitle?: string | null\n  status?: string | null\n  aspectWidth?: number\n  aspectHeight?: number\n}\n\n/**\n * `Card` is a card with one image one tall image, and text for title\n * and subtitle at the bottom.\n */\nexport const Card: React.FC<React.PropsWithChildren<CardProps>> = ({\n  image,\n  title,\n  subtitle,\n  status,\n  maxWidth = 280,\n  aspectWidth = 280,\n  aspectHeight = 370,\n  ...rest\n}) => {\n  const { theme } = useTheme()\n\n  const hasInfo = title || subtitle || status\n\n  return (\n    <Box maxWidth={maxWidth} {...rest}>\n      <ResponsiveBox\n        aspectWidth={aspectWidth}\n        aspectHeight={aspectHeight}\n        maxWidth=\"100%\"\n      >\n        <Image\n          alt=\"\"\n          height=\"100%\"\n          width=\"100%\"\n          style={{ objectFit: \"cover\" }}\n          {...(typeof image === \"string\" ? { src: image } : image)}\n        />\n\n        {hasInfo && (\n          <Box\n            position=\"absolute\"\n            width=\"100%\"\n            height=\"50%\"\n            bottom={0}\n            left={0}\n            background={theme.effects.overlayGradient}\n          />\n        )}\n\n        <Box\n          position=\"absolute\"\n          bottom={0}\n          left={0}\n          width=\"100%\"\n          p={2}\n          style={{ textShadow: theme.effects.textShadow }}\n        >\n          {status && (\n            <Text variant=\"xs\" color=\"mono0\">\n              {status}\n            </Text>\n          )}\n\n          {title && (\n            <Text variant=\"sm-display\" color=\"mono0\">\n              {title}\n            </Text>\n          )}\n\n          {subtitle && (\n            <Text variant=\"sm-display\" color=\"mono15\">\n              {subtitle}\n            </Text>\n          )}\n        </Box>\n      </ResponsiveBox>\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Card.js","names":["_react","_interopRequireDefault","require","_Image","_Box","_Text","_ResponsiveBox","_Theme","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Card","exports","_ref","image","title","subtitle","status","_ref$maxWidth","maxWidth","_ref$aspectWidth","aspectWidth","_ref$aspectHeight","aspectHeight","rest","_useTheme","useTheme","theme","hasInfo","createElement","Box","ResponsiveBox","Image","alt","height","width","style","objectFit","src","position","bottom","left","background","effects","overlayGradient","p","textShadow","Text","variant","color","displayName"],"sources":["../../../src/elements/Cards/Card.tsx"],"sourcesContent":["import React from \"react\"\nimport { Image, ImageProps } from \"../Image\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Text } from \"../Text\"\nimport { ResponsiveBox } from \"../ResponsiveBox\"\nimport { useTheme } from \"../../Theme\"\n\nexport interface CardProps extends BoxProps {\n  image: string | ImageProps | null | undefined\n  title?: string | null\n  subtitle?: string | null\n  status?: string | null\n  aspectWidth?: number\n  aspectHeight?: number\n}\n\n/**\n * `Card` is a card with one image one tall image, and text for title\n * and subtitle at the bottom.\n */\nexport const Card: React.FC<React.PropsWithChildren<CardProps>> = ({\n  image,\n  title,\n  subtitle,\n  status,\n  maxWidth = 280,\n  aspectWidth = 280,\n  aspectHeight = 370,\n  ...rest\n}) => {\n  const { theme } = useTheme()\n\n  const hasInfo = title || subtitle || status\n\n  return (\n    <Box maxWidth={maxWidth} {...rest}>\n      <ResponsiveBox\n        aspectWidth={aspectWidth}\n        aspectHeight={aspectHeight}\n        maxWidth=\"100%\"\n      >\n        <Image\n          alt=\"\"\n          height=\"100%\"\n          width=\"100%\"\n          style={{ objectFit: \"cover\" }}\n          {...(typeof image === \"string\" ? { src: image } : image)}\n        />\n\n        {hasInfo && (\n          <Box\n            position=\"absolute\"\n            width=\"100%\"\n            height=\"50%\"\n            bottom={0}\n            left={0}\n            background={theme.effects.overlayGradient}\n          />\n        )}\n\n        <Box\n          position=\"absolute\"\n          bottom={0}\n          left={0}\n          width=\"100%\"\n          p={2}\n          style={{ textShadow: theme.effects.textShadow }}\n        >\n          {status && (\n            <Text variant=\"xs\" color=\"mono0\">\n              {status}\n            </Text>\n          )}\n\n          {title && (\n            <Text variant=\"sm-display\" color=\"mono0\">\n              {title}\n            </Text>\n          )}\n\n          {subtitle && (\n            <Text variant=\"sm-display\" color=\"mono15\">\n              {subtitle}\n            </Text>\n          )}\n        </Box>\n      </ResponsiveBox>\n    </Box>\n  )\n}\n"],"mappings":"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"}

package/dist/elements/Cards/Cards.story.js

@@ -9,11 +9,10 @@ var _storybookStates = require("storybook-states");
 var _Card = require("./Card");
 var _TriptychCard = require("./TriptychCard");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+var _default = exports.default = {
   title: "Components/Cards"
 };
-exports.default = _default;
-var Single = function Single() {
+var Single = exports.Single = function Single() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{}, {
       title: "A Much Longer Exhibition Title With Possible Line Break"
@@ -37,7 +36,6 @@ var Single = function Single() {
     }
   }));
 };
-exports.Single = Single;
 Single.displayName = "Single";
 Single.story = {
   parameters: {
@@ -56,7 +54,7 @@ var SMALL_SQUARE_IMG = {
   src: "https://picsum.photos/seed/example/200/200",
   srcSet: "https://picsum.photos/seed/example/200/200 1x, https://picsum.photos/seed/example/400/400 2x"
 };
-var Triptych = function Triptych() {
+var Triptych = exports.Triptych = function Triptych() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{}, {
       images: [LARGE_SQUARE_IMG, SMALL_SQUARE_IMG]
@@ -77,7 +75,6 @@ var Triptych = function Triptych() {
     status: "4 days left"
   }));
 };
-exports.Triptych = Triptych;
 Triptych.displayName = "Triptych";
 Triptych.story = {
   parameters: {

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

@@ -1 +1 @@
-{"version":3,"file":"Cards.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Card","_TriptychCard","obj","__esModule","default","_default","title","exports","Single","createElement","States","states","maxWidth","image","undefined","subtitle","status","Card","lazyLoad","src","srcSet","displayName","story","parameters","chromatic","diffThreshold","LARGE_SQUARE_IMG","SMALL_SQUARE_IMG","Triptych","images","TriptychCard"],"sources":["../../../src/elements/Cards/Cards.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Card, CardProps } from \"./Card\"\nimport { TriptychCard, TriptychCardProps } from \"./TriptychCard\"\n\nexport default {\n  title: \"Components/Cards\",\n}\n\nexport const Single = () => {\n  return (\n    <States<Partial<CardProps>>\n      states={[\n        {},\n        { title: \"A Much Longer Exhibition Title With Possible Line Break\" },\n        { maxWidth: 400 },\n        { image: undefined },\n        { title: undefined, subtitle: undefined, status: undefined },\n      ]}\n    >\n      <Card\n        title=\"Example Exhibition Title\"\n        subtitle=\"Partner Gallery\"\n        status=\"4 days left\"\n        image={{\n          lazyLoad: true,\n          src: \"https://picsum.photos/seed/example/400/300\",\n          srcSet:\n            \"https://picsum.photos/seed/example/400/300 1x, https://picsum.photos/seed/example/800/600 2x\",\n        }}\n      />\n    </States>\n  )\n}\n\nSingle.story = {\n  parameters: { chromatic: { diffThreshold: 0.2 } },\n}\n\nconst LARGE_SQUARE_IMG = {\n  lazyLoad: true,\n  src: \"https://picsum.photos/seed/example/400/400\",\n  srcSet:\n    \"https://picsum.photos/seed/example/400/400 1x, https://picsum.photos/seed/example/800/800 2x\",\n}\n\nconst SMALL_SQUARE_IMG = {\n  lazyLoad: true,\n  src: \"https://picsum.photos/seed/example/200/200\",\n  srcSet:\n    \"https://picsum.photos/seed/example/200/200 1x, https://picsum.photos/seed/example/400/400 2x\",\n}\n\nexport const Triptych = () => {\n  return (\n    <States<Partial<TriptychCardProps>>\n      states={[\n        {},\n        { images: [LARGE_SQUARE_IMG, SMALL_SQUARE_IMG] },\n        { images: [LARGE_SQUARE_IMG] },\n        { maxWidth: \"100%\" },\n        { title: undefined, subtitle: undefined, status: undefined },\n      ]}\n    >\n      <TriptychCard\n        maxWidth={600}\n        images={[LARGE_SQUARE_IMG, SMALL_SQUARE_IMG, SMALL_SQUARE_IMG]}\n        title=\"Example Exhibition Title\"\n        subtitle=\"Partner Gallery\"\n        status=\"4 days left\"\n      />\n    </States>\n  )\n}\n\nTriptych.story = {\n  parameters: { chromatic: { diffThreshold: 0.2 } },\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAAgE,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAEjD;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAH,OAAA,GAAAC,QAAA;AAEM,IAAMG,MAAM,GAAG,SAATA,MAAMA,CAAA,EAAS;EAC1B,oBACEZ,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACV,gBAAA,CAAAW,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEL,KAAK,EAAE;IAA0D,CAAC,EACpE;MAAEM,QAAQ,EAAE;IAAI,CAAC,EACjB;MAAEC,KAAK,EAAEC;IAAU,CAAC,EACpB;MAAER,KAAK,EAAEQ,SAAS;MAAEC,QAAQ,EAAED,SAAS;MAAEE,MAAM,EAAEF;IAAU,CAAC;EAC5D,gBAEFlB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAiB,IAAI;IACHX,KAAK,EAAC,0BAA0B;IAChCS,QAAQ,EAAC,iBAAiB;IAC1BC,MAAM,EAAC,aAAa;IACpBH,KAAK,EAAE;MACLK,QAAQ,EAAE,IAAI;MACdC,GAAG,EAAE,4CAA4C;MACjDC,MAAM,EACJ;IACJ;EAAE,EACF,CACK;AAEb,CAAC;AAAAb,OAAA,CAAAC,MAAA,GAAAA,MAAA;AAxBYA,MAAM,CAAAa,WAAA;AA0BnBb,MAAM,CAACc,KAAK,GAAG;EACbC,UAAU,EAAE;IAAEC,SAAS,EAAE;MAAEC,aAAa,EAAE;IAAI;EAAE;AAClD,CAAC;AAED,IAAMC,gBAAgB,GAAG;EACvBR,QAAQ,EAAE,IAAI;EACdC,GAAG,EAAE,4CAA4C;EACjDC,MAAM,EACJ;AACJ,CAAC;AAED,IAAMO,gBAAgB,GAAG;EACvBT,QAAQ,EAAE,IAAI;EACdC,GAAG,EAAE,4CAA4C;EACjDC,MAAM,EACJ;AACJ,CAAC;AAEM,IAAMQ,QAAQ,GAAG,SAAXA,QAAQA,CAAA,EAAS;EAC5B,oBACEhC,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACV,gBAAA,CAAAW,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEkB,MAAM,EAAE,CAACH,gBAAgB,EAAEC,gBAAgB;IAAE,CAAC,EAChD;MAAEE,MAAM,EAAE,CAACH,gBAAgB;IAAE,CAAC,EAC9B;MAAEd,QAAQ,EAAE;IAAO,CAAC,EACpB;MAAEN,KAAK,EAAEQ,SAAS;MAAEC,QAAQ,EAAED,SAAS;MAAEE,MAAM,EAAEF;IAAU,CAAC;EAC5D,gBAEFlB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACR,aAAA,CAAA6B,YAAY;IACXlB,QAAQ,EAAE,GAAI;IACdiB,MAAM,EAAE,CAACH,gBAAgB,EAAEC,gBAAgB,EAAEA,gBAAgB,CAAE;IAC/DrB,KAAK,EAAC,0BAA0B;IAChCS,QAAQ,EAAC,iBAAiB;IAC1BC,MAAM,EAAC;EAAa,EACpB,CACK;AAEb,CAAC;AAAAT,OAAA,CAAAqB,QAAA,GAAAA,QAAA;AApBYA,QAAQ,CAAAP,WAAA;AAsBrBO,QAAQ,CAACN,KAAK,GAAG;EACfC,UAAU,EAAE;IAAEC,SAAS,EAAE;MAAEC,aAAa,EAAE;IAAI;EAAE;AAClD,CAAC"}
+{"version":3,"file":"Cards.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Card","_TriptychCard","obj","__esModule","default","_default","exports","title","Single","createElement","States","states","maxWidth","image","undefined","subtitle","status","Card","lazyLoad","src","srcSet","displayName","story","parameters","chromatic","diffThreshold","LARGE_SQUARE_IMG","SMALL_SQUARE_IMG","Triptych","images","TriptychCard"],"sources":["../../../src/elements/Cards/Cards.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Card, CardProps } from \"./Card\"\nimport { TriptychCard, TriptychCardProps } from \"./TriptychCard\"\n\nexport default {\n  title: \"Components/Cards\",\n}\n\nexport const Single = () => {\n  return (\n    <States<Partial<CardProps>>\n      states={[\n        {},\n        { title: \"A Much Longer Exhibition Title With Possible Line Break\" },\n        { maxWidth: 400 },\n        { image: undefined },\n        { title: undefined, subtitle: undefined, status: undefined },\n      ]}\n    >\n      <Card\n        title=\"Example Exhibition Title\"\n        subtitle=\"Partner Gallery\"\n        status=\"4 days left\"\n        image={{\n          lazyLoad: true,\n          src: \"https://picsum.photos/seed/example/400/300\",\n          srcSet:\n            \"https://picsum.photos/seed/example/400/300 1x, https://picsum.photos/seed/example/800/600 2x\",\n        }}\n      />\n    </States>\n  )\n}\n\nSingle.story = {\n  parameters: { chromatic: { diffThreshold: 0.2 } },\n}\n\nconst LARGE_SQUARE_IMG = {\n  lazyLoad: true,\n  src: \"https://picsum.photos/seed/example/400/400\",\n  srcSet:\n    \"https://picsum.photos/seed/example/400/400 1x, https://picsum.photos/seed/example/800/800 2x\",\n}\n\nconst SMALL_SQUARE_IMG = {\n  lazyLoad: true,\n  src: \"https://picsum.photos/seed/example/200/200\",\n  srcSet:\n    \"https://picsum.photos/seed/example/200/200 1x, https://picsum.photos/seed/example/400/400 2x\",\n}\n\nexport const Triptych = () => {\n  return (\n    <States<Partial<TriptychCardProps>>\n      states={[\n        {},\n        { images: [LARGE_SQUARE_IMG, SMALL_SQUARE_IMG] },\n        { images: [LARGE_SQUARE_IMG] },\n        { maxWidth: \"100%\" },\n        { title: undefined, subtitle: undefined, status: undefined },\n      ]}\n    >\n      <TriptychCard\n        maxWidth={600}\n        images={[LARGE_SQUARE_IMG, SMALL_SQUARE_IMG, SMALL_SQUARE_IMG]}\n        title=\"Example Exhibition Title\"\n        subtitle=\"Partner Gallery\"\n        status=\"4 days left\"\n      />\n    </States>\n  )\n}\n\nTriptych.story = {\n  parameters: { chromatic: { diffThreshold: 0.2 } },\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAAgE,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEjD;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,MAAM,GAAAF,OAAA,CAAAE,MAAA,GAAG,SAATA,MAAMA,CAAA,EAAS;EAC1B,oBACEZ,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACV,gBAAA,CAAAW,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEJ,KAAK,EAAE;IAA0D,CAAC,EACpE;MAAEK,QAAQ,EAAE;IAAI,CAAC,EACjB;MAAEC,KAAK,EAAEC;IAAU,CAAC,EACpB;MAAEP,KAAK,EAAEO,SAAS;MAAEC,QAAQ,EAAED,SAAS;MAAEE,MAAM,EAAEF;IAAU,CAAC;EAC5D,gBAEFlB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAiB,IAAI;IACHV,KAAK,EAAC,0BAA0B;IAChCQ,QAAQ,EAAC,iBAAiB;IAC1BC,MAAM,EAAC,aAAa;IACpBH,KAAK,EAAE;MACLK,QAAQ,EAAE,IAAI;MACdC,GAAG,EAAE,4CAA4C;MACjDC,MAAM,EACJ;IACJ;EAAE,EACF,CACK;AAEb,CAAC;AAxBYZ,MAAM,CAAAa,WAAA;AA0BnBb,MAAM,CAACc,KAAK,GAAG;EACbC,UAAU,EAAE;IAAEC,SAAS,EAAE;MAAEC,aAAa,EAAE;IAAI;EAAE;AAClD,CAAC;AAED,IAAMC,gBAAgB,GAAG;EACvBR,QAAQ,EAAE,IAAI;EACdC,GAAG,EAAE,4CAA4C;EACjDC,MAAM,EACJ;AACJ,CAAC;AAED,IAAMO,gBAAgB,GAAG;EACvBT,QAAQ,EAAE,IAAI;EACdC,GAAG,EAAE,4CAA4C;EACjDC,MAAM,EACJ;AACJ,CAAC;AAEM,IAAMQ,QAAQ,GAAAtB,OAAA,CAAAsB,QAAA,GAAG,SAAXA,QAAQA,CAAA,EAAS;EAC5B,oBACEhC,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACV,gBAAA,CAAAW,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEkB,MAAM,EAAE,CAACH,gBAAgB,EAAEC,gBAAgB;IAAE,CAAC,EAChD;MAAEE,MAAM,EAAE,CAACH,gBAAgB;IAAE,CAAC,EAC9B;MAAEd,QAAQ,EAAE;IAAO,CAAC,EACpB;MAAEL,KAAK,EAAEO,SAAS;MAAEC,QAAQ,EAAED,SAAS;MAAEE,MAAM,EAAEF;IAAU,CAAC;EAC5D,gBAEFlB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACR,aAAA,CAAA6B,YAAY;IACXlB,QAAQ,EAAE,GAAI;IACdiB,MAAM,EAAE,CAACH,gBAAgB,EAAEC,gBAAgB,EAAEA,gBAAgB,CAAE;IAC/DpB,KAAK,EAAC,0BAA0B;IAChCQ,QAAQ,EAAC,iBAAiB;IAC1BC,MAAM,EAAC;EAAa,EACpB,CACK;AAEb,CAAC;AApBYY,QAAQ,CAAAP,WAAA;AAsBrBO,QAAQ,CAACN,KAAK,GAAG;EACfC,UAAU,EAAE;IAAEC,SAAS,EAAE;MAAEC,aAAa,EAAE;IAAI;EAAE;AAClD,CAAC"}

package/dist/elements/Cards/TriptychCard.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { ImageProps } from "../Image";
 import { BoxProps } from "../Box";
-declare type Images = ImageProps[] | string[];
+type Images = ImageProps[] | string[];
 export interface TriptychCardProps extends BoxProps {
     /** 1, 2, or 3 images */
     images: Images;

package/dist/elements/Cards/TriptychCard.js

@@ -20,8 +20,8 @@ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread n
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-var isArrayOfStrings = function isArrayOfStrings(images) {
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+var isArrayOfStrings = exports.isArrayOfStrings = function isArrayOfStrings(images) {
   return _toConsumableArray(images).every(function (src) {
     return typeof src === "string";
   });
@@ -32,8 +32,8 @@ var isArrayOfStrings = function isArrayOfStrings(images) {
  * one tall or two square images on the right, and text for title and subtitle
  * at the bottom.
  */
-exports.isArrayOfStrings = isArrayOfStrings;
-var TriptychCard = function TriptychCard(_ref) {
+
+var TriptychCard = exports.TriptychCard = function TriptychCard(_ref) {
   var images = _ref.images,
     title = _ref.title,
     subtitle = _ref.subtitle,
@@ -164,6 +164,5 @@ var TriptychCard = function TriptychCard(_ref) {
     color: "mono60"
   }, subtitle));
 };
-exports.TriptychCard = TriptychCard;
 TriptychCard.displayName = "TriptychCard";
 //# sourceMappingURL=TriptychCard.js.map

package/dist/elements/Cards/TriptychCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TriptychCard.js","names":["_react","_interopRequireDefault","require","_Image","_Box","_ResponsiveBox","_Flex","_Text","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","iter","Symbol","iterator","isArray","len","arr2","isArrayOfStrings","images","every","src","exports","TriptychCard","_ref","title","subtitle","status","rest","imgs","map","createElement","Box","ResponsiveBox","aspectWidth","aspectHeight","maxWidth","mb","Flex","flexDirection","width","height","bg","borderRight","borderColor","Image","alt","style","objectFit","Fragment","flexShrink","borderLeft","borderBottom","borderTop","Text","variant","color","displayName"],"sources":["../../../src/elements/Cards/TriptychCard.tsx"],"sourcesContent":["import React from \"react\"\nimport { Image, ImageProps } from \"../Image\"\nimport { Box, BoxProps } from \"../Box\"\nimport { ResponsiveBox } from \"../ResponsiveBox\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\n\ntype Images = ImageProps[] | string[]\n\nexport interface TriptychCardProps extends BoxProps {\n  /** 1, 2, or 3 images */\n  images: Images\n  title?: string | null\n  subtitle?: string | null\n  status?: string | null\n}\n\nexport const isArrayOfStrings = (images: Images): images is string[] =>\n  [...images].every((src) => typeof src === \"string\")\n\n/**\n * `TriptychCard` is a card with a layout one square image on the left,\n * one tall or two square images on the right, and text for title and subtitle\n * at the bottom.\n */\n\nexport const TriptychCard: React.FC<\n  React.PropsWithChildren<TriptychCardProps>\n> = ({ images, title, subtitle, status, ...rest }) => {\n  const imgs: ImageProps[] = (isArrayOfStrings(images)\n    ? images.map((src) => ({ src }))\n    : images\n  ).slice(0, 3)\n\n  return (\n    <Box {...rest}>\n      <ResponsiveBox aspectWidth={3} aspectHeight={2} maxWidth=\"100%\" mb={1}>\n        <Flex flexDirection=\"row\" width=\"100%\" height=\"100%\">\n          {(() => {\n            switch (imgs.length) {\n              case 1:\n                return (\n                  <ResponsiveBox\n                    aspectWidth={3}\n                    aspectHeight={2}\n                    maxWidth=\"100%\"\n                    bg=\"mono10\"\n                    borderRight=\"1px solid\"\n                    borderColor=\"mono0\"\n                  >\n                    <Image\n                      alt=\"\"\n                      height=\"100%\"\n                      width=\"100%\"\n                      style={{ objectFit: \"cover\" }}\n                      {...imgs[0]}\n                    />\n                  </ResponsiveBox>\n                )\n\n              case 2:\n                return (\n                  <>\n                    <ResponsiveBox\n                      aspectWidth={1}\n                      aspectHeight={1}\n                      maxWidth=\"100%\"\n                      bg=\"mono10\"\n                      borderRight=\"1px solid\"\n                      borderColor=\"mono0\"\n                    >\n                      <Image\n                        alt=\"\"\n                        height=\"100%\"\n                        width=\"100%\"\n                        style={{ objectFit: \"cover\" }}\n                        {...imgs[0]}\n                      />\n                    </ResponsiveBox>\n\n                    <Flex width=\"33.33%\" flexShrink={0}>\n                      <ResponsiveBox\n                        aspectWidth={1}\n                        aspectHeight={2}\n                        maxWidth=\"100%\"\n                        bg=\"mono10\"\n                        borderLeft=\"1px solid\"\n                        borderColor=\"mono0\"\n                      >\n                        <Image\n                          alt=\"\"\n                          height=\"100%\"\n                          width=\"100%\"\n                          style={{ objectFit: \"cover\" }}\n                          {...imgs[1]}\n                        />\n                      </ResponsiveBox>\n                    </Flex>\n                  </>\n                )\n              case 3:\n                return (\n                  <>\n                    <ResponsiveBox\n                      aspectWidth={1}\n                      aspectHeight={1}\n                      maxWidth=\"100%\"\n                      bg=\"mono10\"\n                      borderRight=\"1px solid\"\n                      borderColor=\"mono0\"\n                    >\n                      <Image\n                        alt=\"\"\n                        height=\"100%\"\n                        width=\"100%\"\n                        style={{ objectFit: \"cover\" }}\n                        {...imgs[0]}\n                      />\n                    </ResponsiveBox>\n\n                    <Flex width=\"33.33%\" flexShrink={0} flexDirection=\"column\">\n                      <ResponsiveBox\n                        aspectWidth={1}\n                        aspectHeight={1}\n                        maxWidth=\"100%\"\n                        bg=\"mono10\"\n                        borderLeft=\"1px solid\"\n                        borderBottom=\"1px solid\"\n                        borderColor=\"mono0\"\n                      >\n                        <Image\n                          alt=\"\"\n                          height=\"100%\"\n                          width=\"100%\"\n                          style={{ objectFit: \"cover\" }}\n                          {...imgs[1]}\n                        />\n                      </ResponsiveBox>\n\n                      <ResponsiveBox\n                        aspectWidth={1}\n                        aspectHeight={1}\n                        maxWidth=\"100%\"\n                        bg=\"mono10\"\n                        borderLeft=\"1px solid\"\n                        borderTop=\"1px solid\"\n                        borderColor=\"mono0\"\n                      >\n                        <Image\n                          alt=\"\"\n                          height=\"100%\"\n                          width=\"100%\"\n                          style={{ objectFit: \"cover\" }}\n                          {...imgs[2]}\n                        />\n                      </ResponsiveBox>\n                    </Flex>\n                  </>\n                )\n            }\n          })()}\n        </Flex>\n      </ResponsiveBox>\n\n      {status && <Text variant=\"xs\">{status}</Text>}\n\n      <Text variant=\"sm-display\">{title}</Text>\n\n      {subtitle && (\n        <Text variant=\"sm-display\" color=\"mono60\">\n          {subtitle}\n        </Text>\n      )}\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"TriptychCard.js","names":["_react","_interopRequireDefault","require","_Image","_Box","_ResponsiveBox","_Flex","_Text","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","iter","Symbol","iterator","isArray","len","arr2","isArrayOfStrings","exports","images","every","src","TriptychCard","_ref","title","subtitle","status","rest","imgs","map","createElement","Box","ResponsiveBox","aspectWidth","aspectHeight","maxWidth","mb","Flex","flexDirection","width","height","bg","borderRight","borderColor","Image","alt","style","objectFit","Fragment","flexShrink","borderLeft","borderBottom","borderTop","Text","variant","color","displayName"],"sources":["../../../src/elements/Cards/TriptychCard.tsx"],"sourcesContent":["import React from \"react\"\nimport { Image, ImageProps } from \"../Image\"\nimport { Box, BoxProps } from \"../Box\"\nimport { ResponsiveBox } from \"../ResponsiveBox\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\n\ntype Images = ImageProps[] | string[]\n\nexport interface TriptychCardProps extends BoxProps {\n  /** 1, 2, or 3 images */\n  images: Images\n  title?: string | null\n  subtitle?: string | null\n  status?: string | null\n}\n\nexport const isArrayOfStrings = (images: Images): images is string[] =>\n  [...images].every((src) => typeof src === \"string\")\n\n/**\n * `TriptychCard` is a card with a layout one square image on the left,\n * one tall or two square images on the right, and text for title and subtitle\n * at the bottom.\n */\n\nexport const TriptychCard: React.FC<\n  React.PropsWithChildren<TriptychCardProps>\n> = ({ images, title, subtitle, status, ...rest }) => {\n  const imgs: ImageProps[] = (isArrayOfStrings(images)\n    ? images.map((src) => ({ src }))\n    : images\n  ).slice(0, 3)\n\n  return (\n    <Box {...rest}>\n      <ResponsiveBox aspectWidth={3} aspectHeight={2} maxWidth=\"100%\" mb={1}>\n        <Flex flexDirection=\"row\" width=\"100%\" height=\"100%\">\n          {(() => {\n            switch (imgs.length) {\n              case 1:\n                return (\n                  <ResponsiveBox\n                    aspectWidth={3}\n                    aspectHeight={2}\n                    maxWidth=\"100%\"\n                    bg=\"mono10\"\n                    borderRight=\"1px solid\"\n                    borderColor=\"mono0\"\n                  >\n                    <Image\n                      alt=\"\"\n                      height=\"100%\"\n                      width=\"100%\"\n                      style={{ objectFit: \"cover\" }}\n                      {...imgs[0]}\n                    />\n                  </ResponsiveBox>\n                )\n\n              case 2:\n                return (\n                  <>\n                    <ResponsiveBox\n                      aspectWidth={1}\n                      aspectHeight={1}\n                      maxWidth=\"100%\"\n                      bg=\"mono10\"\n                      borderRight=\"1px solid\"\n                      borderColor=\"mono0\"\n                    >\n                      <Image\n                        alt=\"\"\n                        height=\"100%\"\n                        width=\"100%\"\n                        style={{ objectFit: \"cover\" }}\n                        {...imgs[0]}\n                      />\n                    </ResponsiveBox>\n\n                    <Flex width=\"33.33%\" flexShrink={0}>\n                      <ResponsiveBox\n                        aspectWidth={1}\n                        aspectHeight={2}\n                        maxWidth=\"100%\"\n                        bg=\"mono10\"\n                        borderLeft=\"1px solid\"\n                        borderColor=\"mono0\"\n                      >\n                        <Image\n                          alt=\"\"\n                          height=\"100%\"\n                          width=\"100%\"\n                          style={{ objectFit: \"cover\" }}\n                          {...imgs[1]}\n                        />\n                      </ResponsiveBox>\n                    </Flex>\n                  </>\n                )\n              case 3:\n                return (\n                  <>\n                    <ResponsiveBox\n                      aspectWidth={1}\n                      aspectHeight={1}\n                      maxWidth=\"100%\"\n                      bg=\"mono10\"\n                      borderRight=\"1px solid\"\n                      borderColor=\"mono0\"\n                    >\n                      <Image\n                        alt=\"\"\n                        height=\"100%\"\n                        width=\"100%\"\n                        style={{ objectFit: \"cover\" }}\n                        {...imgs[0]}\n                      />\n                    </ResponsiveBox>\n\n                    <Flex width=\"33.33%\" flexShrink={0} flexDirection=\"column\">\n                      <ResponsiveBox\n                        aspectWidth={1}\n                        aspectHeight={1}\n                        maxWidth=\"100%\"\n                        bg=\"mono10\"\n                        borderLeft=\"1px solid\"\n                        borderBottom=\"1px solid\"\n                        borderColor=\"mono0\"\n                      >\n                        <Image\n                          alt=\"\"\n                          height=\"100%\"\n                          width=\"100%\"\n                          style={{ objectFit: \"cover\" }}\n                          {...imgs[1]}\n                        />\n                      </ResponsiveBox>\n\n                      <ResponsiveBox\n                        aspectWidth={1}\n                        aspectHeight={1}\n                        maxWidth=\"100%\"\n                        bg=\"mono10\"\n                        borderLeft=\"1px solid\"\n                        borderTop=\"1px solid\"\n                        borderColor=\"mono0\"\n                      >\n                        <Image\n                          alt=\"\"\n                          height=\"100%\"\n                          width=\"100%\"\n                          style={{ objectFit: \"cover\" }}\n                          {...imgs[2]}\n                        />\n                      </ResponsiveBox>\n                    </Flex>\n                  </>\n                )\n            }\n          })()}\n        </Flex>\n      </ResponsiveBox>\n\n      {status && <Text variant=\"xs\">{status}</Text>}\n\n      <Text variant=\"sm-display\">{title}</Text>\n\n      {subtitle && (\n        <Text variant=\"sm-display\" color=\"mono60\">\n          {subtitle}\n        </Text>\n      )}\n    </Box>\n  )\n}\n"],"mappings":"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"}

package/dist/elements/Carousel/Carousel.d.ts

@@ -4,18 +4,18 @@ import { SpacingUnit } from "../../Theme";
 import { BoxProps } from "../Box";
 import { CarouselNavigationProps, CarouselNext, CarouselPrevious } from "./CarouselNavigation";
 /** CarouselRailProps */
-export declare type CarouselRailProps = BoxProps & {
+export type CarouselRailProps = BoxProps & {
     transition?: ResponsiveValue<string>;
 };
 /** A `CarouselRail` slides back and forth within the viewport */
 export declare const CarouselRail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
 }, CarouselRailProps>> & string;
 /** CarouselCellProps */
-export declare type CarouselCellProps = BoxProps;
+export type CarouselCellProps = BoxProps;
 /** A `CarouselCell` wraps a single child in the carousel */
 export declare const CarouselCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
 }, never>> & string;
 /**
  * We share this spacing value with the `Swiper` component

package/dist/elements/Carousel/Carousel.js

@@ -25,8 +25,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -38,11 +38,10 @@ var transition = (0, _styledSystem.system)({
 /** CarouselRailProps */
 
 /** A `CarouselRail` slides back and forth within the viewport */
-var CarouselRail = (0, _styledComponents.default)(_Box.Box).withConfig({
+var CarouselRail = exports.CarouselRail = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "Carousel__CarouselRail",
   componentId: "sc-k6g4b4-0"
 })(["height:100%;margin:0;padding:0;list-style:none;white-space:nowrap;", ""], transition);
-exports.CarouselRail = CarouselRail;
 CarouselRail.defaultProps = {
   as: "ul",
   display: "flex",
@@ -52,11 +51,10 @@ CarouselRail.defaultProps = {
 /** CarouselCellProps */
 
 /** A `CarouselCell` wraps a single child in the carousel */
-var CarouselCell = (0, _styledComponents.default)(_Box.Box).withConfig({
+var CarouselCell = exports.CarouselCell = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "Carousel__CarouselCell",
   componentId: "sc-k6g4b4-1"
 })(["white-space:normal;"]);
-exports.CarouselCell = CarouselCell;
 CarouselCell.defaultProps = {
   as: "li"
 };
@@ -64,8 +62,7 @@ CarouselCell.defaultProps = {
 /**
  * We share this spacing value with the `Swiper` component
  */
-var CELL_GAP_PADDING_AMOUNT = [1, 2];
-exports.CELL_GAP_PADDING_AMOUNT = CELL_GAP_PADDING_AMOUNT;
+var CELL_GAP_PADDING_AMOUNT = exports.CELL_GAP_PADDING_AMOUNT = [1, 2];
 var Container = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "Carousel__Container",
   componentId: "sc-k6g4b4-2"
@@ -80,7 +77,7 @@ var Viewport = (0, _styledComponents.default)(_Box.Box).withConfig({
  * of the viewport, it presents navigation arrows and allows a user to page
  * through them.
  */
-var Carousel = function Carousel(_ref) {
+var Carousel = exports.Carousel = function Carousel(_ref) {
   var _ref$initialIndex = _ref.initialIndex,
     initialIndex = _ref$initialIndex === void 0 ? 0 : _ref$initialIndex,
     children = _ref.children,
@@ -228,6 +225,5 @@ var Carousel = function Carousel(_ref) {
     "aria-atomic": "true"
   }, "Page ", index + 1, " of ", pages.length));
 };
-exports.Carousel = Carousel;
 Carousel.displayName = "Carousel";
 //# sourceMappingURL=Carousel.js.map

package/dist/elements/Carousel/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_useCursor2","_ChevronLeftIcon","_ChevronRightIcon","_useUpdateEffect","_Box","_Skip","_VisuallyHidden","_CarouselNavigation","_paginate","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","RAIL_TRANSITION_MS","transition","system","CarouselRail","styled","Box","withConfig","displayName","componentId","exports","defaultProps","as","display","concat","CarouselCell","CELL_GAP_PADDING_AMOUNT","Container","Viewport","Carousel","_ref","_ref$initialIndex","initialIndex","children","_ref$Previous","Previous","CarouselPrevious","_ref$Next","Next","CarouselNext","_ref$Rail","Rail","_ref$Cell","Cell","_ref$paginateBy","paginateBy","onChange","onPageCountChange","rest","containerRef","useRef","viewportRef","startRef","endRef","cells","useMemo","Children","toArray","filter","isValidElement","map","child","ref","createRef","_useState","useState","_useState2","pages","setPages","_useCursor","useCursor","initialCursor","max","index","handleNext","handlePrev","setCursor","init","viewport","current","values","_ref2","clientWidth","paginateCarousel","useEffect","window","addEventListener","removeEventListener","skipToEnd","focus","skipToStart","handleKeydown","_ref3","contains","document","activeElement","useUpdateEffect","offset","createElement","Skip","onClick","width","mb","disabled","height","style","transform","_ref4","isLast","pr","mt","VisuallyHidden"],"sources":["../../../src/elements/Carousel/Carousel.tsx"],"sourcesContent":["import React, {\n  Children,\n  createRef,\n  isValidElement,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\nimport styled from \"styled-components\"\nimport { ResponsiveValue, system } from \"styled-system\"\nimport { useCursor } from \"use-cursor\"\nimport ChevronLeftIcon from \"@artsy/icons/ChevronLeftIcon\"\nimport ChevronRightIcon from \"@artsy/icons/ChevronRightIcon\"\nimport { SpacingUnit } from \"../../Theme\"\nimport { useUpdateEffect } from \"../../utils/useUpdateEffect\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Skip } from \"../Skip\"\nimport { VisuallyHidden } from \"../VisuallyHidden\"\nimport {\n  CarouselNavigationProps,\n  CarouselNext,\n  CarouselPrevious,\n} from \"./CarouselNavigation\"\nimport { paginateCarousel } from \"./paginate\"\n\nconst RAIL_TRANSITION_MS = 500\n\nconst transition = system({ transition: true })\n\n/** CarouselRailProps */\nexport type CarouselRailProps = BoxProps & {\n  transition?: ResponsiveValue<string>\n}\n\n/** A `CarouselRail` slides back and forth within the viewport */\nexport const CarouselRail = styled(Box)<CarouselRailProps>`\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  white-space: nowrap;\n  ${transition}\n`\n\nCarouselRail.defaultProps = {\n  as: \"ul\",\n  display: \"flex\",\n  transition: `transform ${RAIL_TRANSITION_MS}ms`,\n}\n\n/** CarouselCellProps */\nexport type CarouselCellProps = BoxProps\n\n/** A `CarouselCell` wraps a single child in the carousel */\nexport const CarouselCell = styled(Box)`\n  white-space: normal;\n`\n\nCarouselCell.defaultProps = {\n  as: \"li\",\n}\n\n/**\n * We share this spacing value with the `Swiper` component\n */\nexport const CELL_GAP_PADDING_AMOUNT: SpacingUnit[] = [1, 2]\n\nconst Container = styled(Box)`\n  position: relative;\n  width: 100%;\n`\n\nconst Viewport = styled(Box)`\n  width: 100%;\n  overflow: hidden;\n`\n\nexport interface CarouselProps extends BoxProps {\n  initialIndex?: number\n  children: React.ReactNode\n  Next?: typeof CarouselNext | React.FC<React.PropsWithChildren<CarouselNavigationProps>>\n  Previous?: typeof CarouselPrevious | React.FC<React.PropsWithChildren<CarouselNavigationProps>>\n  Rail?: typeof CarouselRail | React.FC<React.PropsWithChildren<CarouselRailProps>>\n  /**\n   * If providing a custom `Cell` you must forward a ref so\n   * that cell widths can be calculated.\n   */\n  Cell?: React.ForwardRefExoticComponent<CarouselCellProps>\n  paginateBy?: \"page\" | \"cell\"\n  onChange?(index: number): void\n  onPageCountChange?(count: number): void\n}\n\n/**\n * A `Carousel` accepts children or a series of children that are JSX elements.\n * It presents them in a horizontal rail and when the width exceeds the width\n * of the viewport, it presents navigation arrows and allows a user to page\n * through them.\n */\nexport const Carousel: React.FC<React.PropsWithChildren<CarouselProps>> = ({\n  initialIndex = 0,\n  children,\n  Previous = CarouselPrevious,\n  Next = CarouselNext,\n  Rail = CarouselRail,\n  Cell = CarouselCell,\n  paginateBy = \"page\",\n  onChange,\n  onPageCountChange,\n  ...rest\n}) => {\n  const containerRef = useRef<HTMLDivElement | null>(null)\n  const viewportRef = useRef<HTMLDivElement | null>(null)\n  const startRef = useRef<HTMLButtonElement | null>(null)\n  const endRef = useRef<HTMLButtonElement | null>(null)\n\n  const cells = useMemo(\n    () =>\n      Children.toArray(children)\n        .filter(isValidElement)\n        .map((child) => ({ child, ref: createRef<HTMLDivElement>() })),\n    [children]\n  )\n\n  const [pages, setPages] = useState([0])\n\n  const { index, handleNext, handlePrev, setCursor } = useCursor({\n    initialCursor: initialIndex,\n    max: pages.length,\n  })\n\n  const init = () => {\n    const { current: viewport } = viewportRef\n    const values = cells.map(({ ref }) => ref.current!.clientWidth)\n\n    setPages(\n      paginateCarousel({\n        viewport: viewport!.clientWidth,\n        values,\n        paginateBy,\n      })\n    )\n  }\n\n  useEffect(() => {\n    init()\n    window.addEventListener(\"resize\", init)\n    return () => {\n      window.removeEventListener(\"resize\", init)\n    }\n  }, [cells])\n\n  const skipToEnd = () => {\n    if (!endRef.current) return\n    endRef.current.focus()\n    setCursor(pages.length - 1)\n  }\n\n  const skipToStart = () => {\n    if (!startRef.current) return\n    startRef.current.focus()\n    setCursor(0)\n  }\n\n  const handleKeydown = ({ key }: KeyboardEvent) => {\n    if (!containerRef.current) return\n\n    // Only triggers keyboard navigation if component is in focus\n    if (!containerRef.current.contains(document.activeElement)) {\n      return\n    }\n\n    switch (key) {\n      case \"ArrowRight\":\n        handleNext()\n        break\n      case \"ArrowLeft\":\n        handlePrev()\n        break\n      default:\n        break\n    }\n  }\n\n  useEffect(() => {\n    document.addEventListener(\"keydown\", handleKeydown)\n    return () => document.removeEventListener(\"keydown\", handleKeydown)\n  }, [handleKeydown])\n\n  useUpdateEffect(() => {\n    onChange && onChange(index)\n  }, [onChange, index])\n\n  useUpdateEffect(() => {\n    onPageCountChange && onPageCountChange(pages.length)\n  }, [onPageCountChange, pages.length])\n\n  const offset = `-${pages[index]}px`\n\n  return (\n    <Container ref={containerRef as any} {...rest}>\n      <Skip ref={startRef} onClick={skipToEnd} width=\"100%\" mb={1}>\n        Skip to end of content\n      </Skip>\n\n      <nav>\n        <Previous\n          onClick={handlePrev}\n          disabled={index === 0}\n          aria-label=\"Previous page\"\n        >\n          <ChevronLeftIcon width={15} height={15} />\n        </Previous>\n\n        <Next\n          onClick={handleNext}\n          disabled={index === pages.length - 1}\n          aria-label=\"Next page\"\n        >\n          <ChevronRightIcon width={15} height={15} />\n        </Next>\n      </nav>\n\n      <Viewport ref={viewportRef as any}>\n        <Rail style={{ transform: `translateX(${offset})` }}>\n          {cells.map(({ child, ref }, i) => {\n            const isLast = i === cells.length - 1\n\n            return (\n              <Cell\n                key={i}\n                ref={ref}\n                pr={!isLast && (CELL_GAP_PADDING_AMOUNT as any)}\n              >\n                {child}\n              </Cell>\n            )\n          })}\n        </Rail>\n      </Viewport>\n\n      <Skip ref={endRef} onClick={skipToStart} width=\"100%\" mt={1}>\n        Skip to beginning of content\n      </Skip>\n\n      <VisuallyHidden aria-live=\"polite\" aria-atomic=\"true\">\n        Page {index + 1} of {pages.length}\n      </VisuallyHidden>\n    </Container>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Carousel.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_useCursor2","_ChevronLeftIcon","_ChevronRightIcon","_useUpdateEffect","_Box","_Skip","_VisuallyHidden","_CarouselNavigation","_paginate","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","RAIL_TRANSITION_MS","transition","system","CarouselRail","exports","styled","Box","withConfig","displayName","componentId","defaultProps","as","display","concat","CarouselCell","CELL_GAP_PADDING_AMOUNT","Container","Viewport","Carousel","_ref","_ref$initialIndex","initialIndex","children","_ref$Previous","Previous","CarouselPrevious","_ref$Next","Next","CarouselNext","_ref$Rail","Rail","_ref$Cell","Cell","_ref$paginateBy","paginateBy","onChange","onPageCountChange","rest","containerRef","useRef","viewportRef","startRef","endRef","cells","useMemo","Children","toArray","filter","isValidElement","map","child","ref","createRef","_useState","useState","_useState2","pages","setPages","_useCursor","useCursor","initialCursor","max","index","handleNext","handlePrev","setCursor","init","viewport","current","values","_ref2","clientWidth","paginateCarousel","useEffect","window","addEventListener","removeEventListener","skipToEnd","focus","skipToStart","handleKeydown","_ref3","contains","document","activeElement","useUpdateEffect","offset","createElement","Skip","onClick","width","mb","disabled","height","style","transform","_ref4","isLast","pr","mt","VisuallyHidden"],"sources":["../../../src/elements/Carousel/Carousel.tsx"],"sourcesContent":["import React, {\n  Children,\n  createRef,\n  isValidElement,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\nimport styled from \"styled-components\"\nimport { ResponsiveValue, system } from \"styled-system\"\nimport { useCursor } from \"use-cursor\"\nimport ChevronLeftIcon from \"@artsy/icons/ChevronLeftIcon\"\nimport ChevronRightIcon from \"@artsy/icons/ChevronRightIcon\"\nimport { SpacingUnit } from \"../../Theme\"\nimport { useUpdateEffect } from \"../../utils/useUpdateEffect\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Skip } from \"../Skip\"\nimport { VisuallyHidden } from \"../VisuallyHidden\"\nimport {\n  CarouselNavigationProps,\n  CarouselNext,\n  CarouselPrevious,\n} from \"./CarouselNavigation\"\nimport { paginateCarousel } from \"./paginate\"\n\nconst RAIL_TRANSITION_MS = 500\n\nconst transition = system({ transition: true })\n\n/** CarouselRailProps */\nexport type CarouselRailProps = BoxProps & {\n  transition?: ResponsiveValue<string>\n}\n\n/** A `CarouselRail` slides back and forth within the viewport */\nexport const CarouselRail = styled(Box)<CarouselRailProps>`\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  white-space: nowrap;\n  ${transition}\n`\n\nCarouselRail.defaultProps = {\n  as: \"ul\",\n  display: \"flex\",\n  transition: `transform ${RAIL_TRANSITION_MS}ms`,\n}\n\n/** CarouselCellProps */\nexport type CarouselCellProps = BoxProps\n\n/** A `CarouselCell` wraps a single child in the carousel */\nexport const CarouselCell = styled(Box)`\n  white-space: normal;\n`\n\nCarouselCell.defaultProps = {\n  as: \"li\",\n}\n\n/**\n * We share this spacing value with the `Swiper` component\n */\nexport const CELL_GAP_PADDING_AMOUNT: SpacingUnit[] = [1, 2]\n\nconst Container = styled(Box)`\n  position: relative;\n  width: 100%;\n`\n\nconst Viewport = styled(Box)`\n  width: 100%;\n  overflow: hidden;\n`\n\nexport interface CarouselProps extends BoxProps {\n  initialIndex?: number\n  children: React.ReactNode\n  Next?: typeof CarouselNext | React.FC<React.PropsWithChildren<CarouselNavigationProps>>\n  Previous?: typeof CarouselPrevious | React.FC<React.PropsWithChildren<CarouselNavigationProps>>\n  Rail?: typeof CarouselRail | React.FC<React.PropsWithChildren<CarouselRailProps>>\n  /**\n   * If providing a custom `Cell` you must forward a ref so\n   * that cell widths can be calculated.\n   */\n  Cell?: React.ForwardRefExoticComponent<CarouselCellProps>\n  paginateBy?: \"page\" | \"cell\"\n  onChange?(index: number): void\n  onPageCountChange?(count: number): void\n}\n\n/**\n * A `Carousel` accepts children or a series of children that are JSX elements.\n * It presents them in a horizontal rail and when the width exceeds the width\n * of the viewport, it presents navigation arrows and allows a user to page\n * through them.\n */\nexport const Carousel: React.FC<React.PropsWithChildren<CarouselProps>> = ({\n  initialIndex = 0,\n  children,\n  Previous = CarouselPrevious,\n  Next = CarouselNext,\n  Rail = CarouselRail,\n  Cell = CarouselCell,\n  paginateBy = \"page\",\n  onChange,\n  onPageCountChange,\n  ...rest\n}) => {\n  const containerRef = useRef<HTMLDivElement | null>(null)\n  const viewportRef = useRef<HTMLDivElement | null>(null)\n  const startRef = useRef<HTMLButtonElement | null>(null)\n  const endRef = useRef<HTMLButtonElement | null>(null)\n\n  const cells = useMemo(\n    () =>\n      Children.toArray(children)\n        .filter(isValidElement)\n        .map((child) => ({ child, ref: createRef<HTMLDivElement>() })),\n    [children]\n  )\n\n  const [pages, setPages] = useState([0])\n\n  const { index, handleNext, handlePrev, setCursor } = useCursor({\n    initialCursor: initialIndex,\n    max: pages.length,\n  })\n\n  const init = () => {\n    const { current: viewport } = viewportRef\n    const values = cells.map(({ ref }) => ref.current!.clientWidth)\n\n    setPages(\n      paginateCarousel({\n        viewport: viewport!.clientWidth,\n        values,\n        paginateBy,\n      })\n    )\n  }\n\n  useEffect(() => {\n    init()\n    window.addEventListener(\"resize\", init)\n    return () => {\n      window.removeEventListener(\"resize\", init)\n    }\n  }, [cells])\n\n  const skipToEnd = () => {\n    if (!endRef.current) return\n    endRef.current.focus()\n    setCursor(pages.length - 1)\n  }\n\n  const skipToStart = () => {\n    if (!startRef.current) return\n    startRef.current.focus()\n    setCursor(0)\n  }\n\n  const handleKeydown = ({ key }: KeyboardEvent) => {\n    if (!containerRef.current) return\n\n    // Only triggers keyboard navigation if component is in focus\n    if (!containerRef.current.contains(document.activeElement)) {\n      return\n    }\n\n    switch (key) {\n      case \"ArrowRight\":\n        handleNext()\n        break\n      case \"ArrowLeft\":\n        handlePrev()\n        break\n      default:\n        break\n    }\n  }\n\n  useEffect(() => {\n    document.addEventListener(\"keydown\", handleKeydown)\n    return () => document.removeEventListener(\"keydown\", handleKeydown)\n  }, [handleKeydown])\n\n  useUpdateEffect(() => {\n    onChange && onChange(index)\n  }, [onChange, index])\n\n  useUpdateEffect(() => {\n    onPageCountChange && onPageCountChange(pages.length)\n  }, [onPageCountChange, pages.length])\n\n  const offset = `-${pages[index]}px`\n\n  return (\n    <Container ref={containerRef as any} {...rest}>\n      <Skip ref={startRef} onClick={skipToEnd} width=\"100%\" mb={1}>\n        Skip to end of content\n      </Skip>\n\n      <nav>\n        <Previous\n          onClick={handlePrev}\n          disabled={index === 0}\n          aria-label=\"Previous page\"\n        >\n          <ChevronLeftIcon width={15} height={15} />\n        </Previous>\n\n        <Next\n          onClick={handleNext}\n          disabled={index === pages.length - 1}\n          aria-label=\"Next page\"\n        >\n          <ChevronRightIcon width={15} height={15} />\n        </Next>\n      </nav>\n\n      <Viewport ref={viewportRef as any}>\n        <Rail style={{ transform: `translateX(${offset})` }}>\n          {cells.map(({ child, ref }, i) => {\n            const isLast = i === cells.length - 1\n\n            return (\n              <Cell\n                key={i}\n                ref={ref}\n                pr={!isLast && (CELL_GAP_PADDING_AMOUNT as any)}\n              >\n                {child}\n              </Cell>\n            )\n          })}\n        </Rail>\n      </Viewport>\n\n      <Skip ref={endRef} onClick={skipToStart} width=\"100%\" mt={1}>\n        Skip to beginning of content\n      </Skip>\n\n      <VisuallyHidden aria-live=\"polite\" aria-atomic=\"true\">\n        Page {index + 1} of {pages.length}\n      </VisuallyHidden>\n    </Container>\n  )\n}\n"],"mappings":"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"}