@artsy/palette 38.14.0 → 38.15.0

package/dist/elements/ModalDialog/ModalDialog.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { ModalBaseProps } from "../Modal";
 import { ModalDialogContentProps } from "./ModalDialogContent";
-export declare type ModalDialogProps = ModalBaseProps & ModalDialogContentProps & {
+export declare type ModalDialogProps = Omit<ModalBaseProps, "title"> & ModalDialogContentProps & {
     leftPanel?: React.ReactNode;
     rightPanel?: React.ReactNode;
 };

package/dist/elements/ModalDialog/ModalDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDialog.js","names":["_react","_interopRequireDefault","require","_Modal","_ModalDialogContent","_Box","_useDidMount","_Theme","_excluded","_excluded2","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","ModalDialog","_ref","children","footer","hasLogo","leftPanel","onClose","rightPanel","title","header","zIndex","rest","isMounted","useDidMount","clearCallStack","_splitBoxProps","splitBoxProps","_splitBoxProps2","_splitBoxProps2$","width","boxProps","modalProps","_useTheme","useTheme","theme","createElement","ModalBase","style","backgroundColor","effects","backdrop","transition","dialogProps","ModalDialogContent","opacity","transform","exports","displayName"],"sources":["../../../src/elements/ModalDialog/ModalDialog.tsx"],"sourcesContent":["import React from \"react\"\nimport { ModalBase, ModalBaseProps } from \"../Modal\"\nimport {\n  ModalDialogContent,\n  ModalDialogContentProps,\n} from \"./ModalDialogContent\"\nimport { splitBoxProps } from \"../Box\"\nimport { useDidMount } from \"../../utils/useDidMount\"\nimport { useTheme } from \"../../Theme\"\n\nexport type ModalDialogProps = ModalBaseProps &\n  ModalDialogContentProps & {\n    leftPanel?: React.ReactNode\n    rightPanel?: React.ReactNode\n  }\n\nexport const ModalDialog: React.FC<ModalDialogProps> = ({\n  children,\n  footer,\n  hasLogo,\n  leftPanel,\n  onClose,\n  rightPanel,\n  title,\n  header,\n  zIndex,\n  ...rest\n}) => {\n  const isMounted = useDidMount({ clearCallStack: true })\n\n  const [{ width, ...boxProps }, modalProps] = splitBoxProps(rest)\n\n  const { theme } = useTheme()\n\n  return (\n    <ModalBase\n      onClose={onClose}\n      style={\n        isMounted\n          ? {\n              backgroundColor: theme.effects.backdrop,\n              transition: \"background-color 250ms\",\n            }\n          : { backgroundColor: \"transparent\" }\n      }\n      dialogProps={{ width: width ?? 480 }}\n      zIndex={zIndex}\n      {...modalProps}\n    >\n      <ModalDialogContent\n        footer={footer}\n        hasLogo={hasLogo}\n        leftPanel={leftPanel}\n        onClose={onClose}\n        rightPanel={rightPanel}\n        title={title}\n        header={header}\n        width=\"100%\"\n        style={\n          isMounted\n            ? {\n                opacity: 1,\n                transition: \"opacity 250ms, transform 250ms\",\n              }\n            : { opacity: 0, transform: \"translateY(10px)\" }\n        }\n        {...boxProps}\n      >\n        {children}\n      </ModalDialogContent>\n    </ModalBase>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAIA,IAAAG,IAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAAsC,IAAAM,SAAA;EAAAC,UAAA;AAAA,SAAAR,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,eAAAC,GAAA,EAAAV,CAAA,WAAAW,eAAA,CAAAD,GAAA,KAAAE,qBAAA,CAAAF,GAAA,EAAAV,CAAA,KAAAa,2BAAA,CAAAH,GAAA,EAAAV,CAAA,KAAAc,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAAvB,MAAA,CAAAS,SAAA,CAAAe,QAAA,CAAAb,IAAA,CAAAS,CAAA,EAAAK,KAAA,aAAAF,CAAA,iBAAAH,CAAA,CAAAM,WAAA,EAAAH,CAAA,GAAAH,CAAA,CAAAM,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAK,KAAA,CAAAC,IAAA,CAAAT,CAAA,OAAAG,CAAA,+DAAAO,IAAA,CAAAP,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAR,GAAA,EAAAiB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAjB,GAAA,CAAAR,MAAA,EAAAyB,GAAA,GAAAjB,GAAA,CAAAR,MAAA,WAAAF,CAAA,MAAA4B,IAAA,OAAAJ,KAAA,CAAAG,GAAA,GAAA3B,CAAA,GAAA2B,GAAA,EAAA3B,CAAA,MAAA4B,IAAA,CAAA5B,CAAA,IAAAU,GAAA,CAAAV,CAAA,YAAA4B,IAAA;AAAA,SAAAhB,sBAAAF,GAAA,EAAAV,CAAA,QAAA6B,EAAA,WAAAnB,GAAA,gCAAAoB,MAAA,IAAApB,GAAA,CAAAoB,MAAA,CAAAC,QAAA,KAAArB,GAAA,4BAAAmB,EAAA,QAAAG,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAL,EAAA,GAAAA,EAAA,CAAAtB,IAAA,CAAAG,GAAA,GAAA6B,IAAA,QAAAvC,CAAA,QAAAJ,MAAA,CAAAiC,EAAA,MAAAA,EAAA,UAAAQ,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAA3B,IAAA,CAAAsB,EAAA,GAAAW,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAAlC,MAAA,KAAAF,CAAA,GAAAqC,EAAA,sBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAR,EAAA,CAAAe,MAAA,KAAAT,EAAA,GAAAN,EAAA,CAAAe,MAAA,IAAAhD,MAAA,CAAAuC,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAAzB,gBAAAD,GAAA,QAAAc,KAAA,CAAAqB,OAAA,CAAAnC,GAAA,UAAAA,GAAA;AAAA,SAAAoC,yBAAA3C,MAAA,EAAA4C,QAAA,QAAA5C,MAAA,yBAAAJ,MAAA,GAAAiD,6BAAA,CAAA7C,MAAA,EAAA4C,QAAA,OAAA3C,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAqD,qBAAA,QAAAC,gBAAA,GAAAtD,MAAA,CAAAqD,qBAAA,CAAA9C,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAkD,gBAAA,CAAAhD,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAA8C,gBAAA,CAAAlD,CAAA,OAAA+C,QAAA,CAAAI,OAAA,CAAA/C,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAA+C,oBAAA,CAAA7C,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAiD,8BAAA7C,MAAA,EAAA4C,QAAA,QAAA5C,MAAA,yBAAAJ,MAAA,WAAAsD,UAAA,GAAAzD,MAAA,CAAA0D,IAAA,CAAAnD,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAqD,UAAA,CAAAnD,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAiD,UAAA,CAAArD,CAAA,OAAA+C,QAAA,CAAAI,OAAA,CAAA/C,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAQ/B,IAAMwD,WAAuC,GAAG,SAA1CA,WAAuCA,CAAAC,IAAA,EAW9C;EAAA,IAVJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IACPC,UAAU,GAAAN,IAAA,CAAVM,UAAU;IACVC,KAAK,GAAAP,IAAA,CAALO,KAAK;IACLC,MAAM,GAAAR,IAAA,CAANQ,MAAM;IACNC,MAAM,GAAAT,IAAA,CAANS,MAAM;IACHC,IAAI,GAAApB,wBAAA,CAAAU,IAAA,EAAAlE,SAAA;EAEP,IAAM6E,SAAS,GAAG,IAAAC,wBAAW,EAAC;IAAEC,cAAc,EAAE;EAAK,CAAC,CAAC;EAEvD,IAAAC,cAAA,GAA6C,IAAAC,kBAAa,EAACL,IAAI,CAAC;IAAAM,eAAA,GAAA/D,cAAA,CAAA6D,cAAA;IAAAG,gBAAA,GAAAD,eAAA;IAAvDE,KAAK,GAAAD,gBAAA,CAALC,KAAK;IAAKC,QAAQ,GAAA7B,wBAAA,CAAA2B,gBAAA,EAAAlF,UAAA;IAAIqF,UAAU,GAAAJ,eAAA;EAEzC,IAAAK,SAAA,GAAkB,IAAAC,eAAQ,GAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EAEb,oBACEjG,MAAA,CAAAY,OAAA,CAAAsF,aAAA,CAAC/F,MAAA,CAAAgG,SAAS,EAAAtF,QAAA;IACRkE,OAAO,EAAEA,OAAQ;IACjBqB,KAAK,EACHf,SAAS,GACL;MACEgB,eAAe,EAAEJ,KAAK,CAACK,OAAO,CAACC,QAAQ;MACvCC,UAAU,EAAE;IACd,CAAC,GACD;MAAEH,eAAe,EAAE;IAAc,CACtC;IACDI,WAAW,EAAE;MAAEb,KAAK,EAAEA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI;IAAI,CAAE;IACrCT,MAAM,EAAEA;EAAO,GACXW,UAAU,gBAEd9F,MAAA,CAAAY,OAAA,CAAAsF,aAAA,CAAC9F,mBAAA,CAAAsG,kBAAkB,EAAA7F,QAAA;IACjB+D,MAAM,EAAEA,MAAO;IACfC,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA,OAAQ;IACjBC,UAAU,EAAEA,UAAW;IACvBC,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfU,KAAK,EAAC,MAAM;IACZQ,KAAK,EACHf,SAAS,GACL;MACEsB,OAAO,EAAE,CAAC;MACVH,UAAU,EAAE;IACd,CAAC,GACD;MAAEG,OAAO,EAAE,CAAC;MAAEC,SAAS,EAAE;IAAmB;EACjD,GACGf,QAAQ,GAEXlB,QAAQ,CACU,CACX;AAEhB,CAAC;AAAAkC,OAAA,CAAApC,WAAA,GAAAA,WAAA;AAxDYA,WAAuC,CAAAqC,WAAA"}
+{"version":3,"file":"ModalDialog.js","names":["_react","_interopRequireDefault","require","_Modal","_ModalDialogContent","_Box","_useDidMount","_Theme","_excluded","_excluded2","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","ModalDialog","_ref","children","footer","hasLogo","leftPanel","onClose","rightPanel","title","header","zIndex","rest","isMounted","useDidMount","clearCallStack","_splitBoxProps","splitBoxProps","_splitBoxProps2","_splitBoxProps2$","width","boxProps","modalProps","_useTheme","useTheme","theme","createElement","ModalBase","style","backgroundColor","effects","backdrop","transition","dialogProps","ModalDialogContent","opacity","transform","exports","displayName"],"sources":["../../../src/elements/ModalDialog/ModalDialog.tsx"],"sourcesContent":["import React from \"react\"\nimport { ModalBase, ModalBaseProps } from \"../Modal\"\nimport {\n  ModalDialogContent,\n  ModalDialogContentProps,\n} from \"./ModalDialogContent\"\nimport { splitBoxProps } from \"../Box\"\nimport { useDidMount } from \"../../utils/useDidMount\"\nimport { useTheme } from \"../../Theme\"\n\nexport type ModalDialogProps = Omit<ModalBaseProps, \"title\"> &\n  ModalDialogContentProps & {\n    leftPanel?: React.ReactNode\n    rightPanel?: React.ReactNode\n  }\n\nexport const ModalDialog: React.FC<ModalDialogProps> = ({\n  children,\n  footer,\n  hasLogo,\n  leftPanel,\n  onClose,\n  rightPanel,\n  title,\n  header,\n  zIndex,\n  ...rest\n}) => {\n  const isMounted = useDidMount({ clearCallStack: true })\n\n  const [{ width, ...boxProps }, modalProps] = splitBoxProps(rest)\n\n  const { theme } = useTheme()\n\n  return (\n    <ModalBase\n      onClose={onClose}\n      style={\n        isMounted\n          ? {\n              backgroundColor: theme.effects.backdrop,\n              transition: \"background-color 250ms\",\n            }\n          : { backgroundColor: \"transparent\" }\n      }\n      dialogProps={{ width: width ?? 480 }}\n      zIndex={zIndex}\n      {...modalProps}\n    >\n      <ModalDialogContent\n        footer={footer}\n        hasLogo={hasLogo}\n        leftPanel={leftPanel}\n        onClose={onClose}\n        rightPanel={rightPanel}\n        title={title}\n        header={header}\n        width=\"100%\"\n        style={\n          isMounted\n            ? {\n                opacity: 1,\n                transition: \"opacity 250ms, transform 250ms\",\n              }\n            : { opacity: 0, transform: \"translateY(10px)\" }\n        }\n        {...boxProps}\n      >\n        {children}\n      </ModalDialogContent>\n    </ModalBase>\n  )\n}\n"],"mappings":"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"}

package/dist/elements/ModalDialog/ModalDialog.story.js

@@ -163,6 +163,10 @@ var Default = function Default() {
     }, {
       title: "With custom z-index",
       zIndex: 1000
+    }, {
+      title: /*#__PURE__*/_react.default.createElement(_Box.Box, {
+        bg: "red"
+      }, "Custom title")
     }]
   }, function (props) {
     return /*#__PURE__*/_react.default.createElement(Demo, props);

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

@@ -1 +1 @@
-{"version":3,"file":"ModalDialog.story.js","names":["_react","_interopRequireWildcard","require","_storybookStates","_Text","_Button","_ModalDialog","_Box","_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","LOREM","_default","title","exports","Demo","_ref","children","rest","_useState","useState","_useState2","open","setOpen","createElement","Fragment","Button","onClick","ModalDialog","onClose","Text","variant","repeat","Default","States","states","width","hasLogo","footer","leftPanel","Box","bg","flexShrink","p","color","rightPanel","header","textAlign","zIndex","props","displayName"],"sources":["../../../src/elements/ModalDialog/ModalDialog.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Text } from \"../Text\"\nimport { Button } from \"../Button\"\nimport { ModalDialog, ModalDialogProps } from \"./ModalDialog\"\nimport { Box } from \"../Box\"\n\nconst LOREM =\n  \"Lorem ipsum dolor sit amet consectetur, adipisicing elit. Doloribus sed iure repellendus animi, aliquid aut fuga maxime nemo minus quas. Error, incidunt fugit similique quidem culpa hic! Nemo, quas rerum. \"\n\nexport default {\n  title: \"Components/ModalDialog\",\n}\n\nconst Demo = ({ children, ...rest }: Partial<ModalDialogProps>) => {\n  const [open, setOpen] = useState(false)\n\n  return (\n    <>\n      <Button onClick={() => setOpen(true)}>Open Modal</Button>\n\n      {open && (\n        <ModalDialog onClose={() => setOpen(false)} {...rest}>\n          {children ? children : <Text variant=\"sm\">{LOREM.repeat(15)}</Text>}\n        </ModalDialog>\n      )}\n    </>\n  )\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<ModalDialogProps>>\n      states={[\n        {\n          children: <Text variant=\"sm\">{LOREM}</Text>,\n        },\n        { title: \"Modal Title\" },\n        { title: \"100% Width\", width: \"100%\" },\n        { title: \"Responsive Percentage Width\", width: [\"75%\", \"66%\", \"50%\"] },\n        { title: \"Responsive Width\", width: [\"100%\", 550] },\n        {\n          title:\n            \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n        },\n        { hasLogo: true },\n        { title: \"Modal Title\", hasLogo: true },\n        {\n          children: <Text variant=\"sm\">{LOREM}</Text>,\n          footer: <Button width=\"100%\">Confirm</Button>,\n        },\n        { title: \"Modal Title\", footer: <Button width=\"100%\">Confirm</Button> },\n        {\n          title:\n            \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n          footer: <Button width=\"100%\">Confirm</Button>,\n        },\n        {\n          title:\n            \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n          hasLogo: true,\n          footer: <Button width=\"100%\">Confirm</Button>,\n        },\n        {\n          width: 800,\n          title: \"With Left Panel\",\n          leftPanel: (\n            <Box bg=\"black100\" width={300} flexShrink={0} p={1}>\n              <Text variant=\"xs\" color=\"white100\">\n                Some custom content on the left\n              </Text>\n            </Box>\n          ),\n        },\n        {\n          width: 800,\n          title: \"With Right Panel\",\n          rightPanel: (\n            <Box bg=\"black100\" width={300} flexShrink={0} p={1}>\n              <Text variant=\"xs\" color=\"white100\">\n                Some custom content on the left\n              </Text>\n            </Box>\n          ),\n        },\n        {\n          width: \"100%\",\n          title: \"With Left and Right Panels\",\n          leftPanel: (\n            <Box bg=\"black100\" width={300} flexShrink={0} p={1}>\n              <Text variant=\"xs\" color=\"white100\">\n                Some custom content on the left\n              </Text>\n            </Box>\n          ),\n          rightPanel: (\n            <Box bg=\"black100\" width={300} flexShrink={0} p={1}>\n              <Text variant=\"xs\" color=\"white100\">\n                Some custom content on the left\n              </Text>\n            </Box>\n          ),\n        },\n        {\n          title: \"With Header\",\n          header: (\n            <Box bg=\"black10\" p={2} textAlign=\"center\">\n              <Text variant=\"xs\">Header Content</Text>\n            </Box>\n          ),\n        },\n        {\n          title: \"With Header and Footer\",\n          header: (\n            <Box bg=\"black10\" p={2} textAlign=\"center\">\n              <Text variant=\"xs\">Header Content</Text>\n            </Box>\n          ),\n          footer: <Button width=\"100%\">Confirm</Button>,\n        },\n        {\n          title: \"With custom z-index\",\n          zIndex: 1000,\n        },\n      ]}\n    >\n      {(props) => <Demo {...props} />}\n    </States>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"ModalDialog.story.js","names":["_react","_interopRequireWildcard","require","_storybookStates","_Text","_Button","_ModalDialog","_Box","_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","LOREM","_default","title","exports","Demo","_ref","children","rest","_useState","useState","_useState2","open","setOpen","createElement","Fragment","Button","onClick","ModalDialog","onClose","Text","variant","repeat","Default","States","states","width","hasLogo","footer","leftPanel","Box","bg","flexShrink","p","color","rightPanel","header","textAlign","zIndex","props","displayName"],"sources":["../../../src/elements/ModalDialog/ModalDialog.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Text } from \"../Text\"\nimport { Button } from \"../Button\"\nimport { ModalDialog, ModalDialogProps } from \"./ModalDialog\"\nimport { Box } from \"../Box\"\n\nconst LOREM =\n  \"Lorem ipsum dolor sit amet consectetur, adipisicing elit. Doloribus sed iure repellendus animi, aliquid aut fuga maxime nemo minus quas. Error, incidunt fugit similique quidem culpa hic! Nemo, quas rerum. \"\n\nexport default {\n  title: \"Components/ModalDialog\",\n}\n\nconst Demo = ({ children, ...rest }: Partial<ModalDialogProps>) => {\n  const [open, setOpen] = useState(false)\n\n  return (\n    <>\n      <Button onClick={() => setOpen(true)}>Open Modal</Button>\n\n      {open && (\n        <ModalDialog onClose={() => setOpen(false)} {...rest}>\n          {children ? children : <Text variant=\"sm\">{LOREM.repeat(15)}</Text>}\n        </ModalDialog>\n      )}\n    </>\n  )\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<ModalDialogProps>>\n      states={[\n        {\n          children: <Text variant=\"sm\">{LOREM}</Text>,\n        },\n        { title: \"Modal Title\" },\n        { title: \"100% Width\", width: \"100%\" },\n        { title: \"Responsive Percentage Width\", width: [\"75%\", \"66%\", \"50%\"] },\n        { title: \"Responsive Width\", width: [\"100%\", 550] },\n        {\n          title:\n            \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n        },\n        { hasLogo: true },\n        { title: \"Modal Title\", hasLogo: true },\n        {\n          children: <Text variant=\"sm\">{LOREM}</Text>,\n          footer: <Button width=\"100%\">Confirm</Button>,\n        },\n        { title: \"Modal Title\", footer: <Button width=\"100%\">Confirm</Button> },\n        {\n          title:\n            \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n          footer: <Button width=\"100%\">Confirm</Button>,\n        },\n        {\n          title:\n            \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n          hasLogo: true,\n          footer: <Button width=\"100%\">Confirm</Button>,\n        },\n        {\n          width: 800,\n          title: \"With Left Panel\",\n          leftPanel: (\n            <Box bg=\"black100\" width={300} flexShrink={0} p={1}>\n              <Text variant=\"xs\" color=\"white100\">\n                Some custom content on the left\n              </Text>\n            </Box>\n          ),\n        },\n        {\n          width: 800,\n          title: \"With Right Panel\",\n          rightPanel: (\n            <Box bg=\"black100\" width={300} flexShrink={0} p={1}>\n              <Text variant=\"xs\" color=\"white100\">\n                Some custom content on the left\n              </Text>\n            </Box>\n          ),\n        },\n        {\n          width: \"100%\",\n          title: \"With Left and Right Panels\",\n          leftPanel: (\n            <Box bg=\"black100\" width={300} flexShrink={0} p={1}>\n              <Text variant=\"xs\" color=\"white100\">\n                Some custom content on the left\n              </Text>\n            </Box>\n          ),\n          rightPanel: (\n            <Box bg=\"black100\" width={300} flexShrink={0} p={1}>\n              <Text variant=\"xs\" color=\"white100\">\n                Some custom content on the left\n              </Text>\n            </Box>\n          ),\n        },\n        {\n          title: \"With Header\",\n          header: (\n            <Box bg=\"black10\" p={2} textAlign=\"center\">\n              <Text variant=\"xs\">Header Content</Text>\n            </Box>\n          ),\n        },\n        {\n          title: \"With Header and Footer\",\n          header: (\n            <Box bg=\"black10\" p={2} textAlign=\"center\">\n              <Text variant=\"xs\">Header Content</Text>\n            </Box>\n          ),\n          footer: <Button width=\"100%\">Confirm</Button>,\n        },\n        {\n          title: \"With custom z-index\",\n          zIndex: 1000,\n        },\n        {\n          title: <Box bg=\"red\">Custom title</Box>,\n        },\n      ]}\n    >\n      {(props) => <Demo {...props} />}\n    </States>\n  )\n}\n"],"mappings":"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"}

package/dist/styles.css

@@ -28,8 +28,8 @@
   --color-orange100: #da6722;
   --color-orange10: #fcf7f3;
   --color-red150: #510b0b;
-  --color-red100: #c82400;
-  --color-red10: #f4e4e3;
+  --color-red100: #bb392d;
+  --color-red10: #fef2ef;
 }
 .m-1 {
   margin: 10px;
@@ -469,17 +469,17 @@
 }
 
 .color-red100 {
-  color: #c82400;
+  color: #bb392d;
 }
 .bg-color-red100 {
-  background: #c82400;
+  background: #bb392d;
 }
 
 .color-red10 {
-  color: #f4e4e3;
+  color: #fef2ef;
 }
 .bg-color-red10 {
-  background: #f4e4e3;
+  background: #fef2ef;
 }
 
 .sans-xxxl {

package/dist/tokens.json

@@ -30,8 +30,8 @@
     "orange100": "#DA6722",
     "orange10": "#FCF7F3",
     "red150": "#510B0B",
-    "red100": "#C82400",
-    "red10": "#F4E4E3"
+    "red100": "#BB392D",
+    "red10": "#FEF2EF"
   },
   "effects": {
     "dropShadow": "0 2px 10px 0 rgba(0, 0, 0, 0.1)",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "38.14.0",
+  "version": "38.15.0",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -118,7 +118,7 @@
   },
   "dependencies": {
     "@artsy/icons": "^3.2.2",
-    "@artsy/palette-tokens": "^6.0.3",
+    "@artsy/palette-tokens": "^6.1.0",
     "@seznam/compose-react-refs": "^1.0.6",
     "@styled-system/theme-get": "^5.1.2",
     "es-toolkit": "^1.16.0",
@@ -182,5 +182,5 @@
       "url": "http://localhost"
     }
   },
-  "gitHead": "c524b37db491cea4113aea5c3679ee7de52d10a4"
+  "gitHead": "e2ca9bf9b5b06d77e67678531b228cb089fe6d79"
 }