@artsy/palette 38.10.0 → 38.11.0

package/dist/elements/ModalDialog/ModalDialog.js

@@ -10,7 +10,7 @@ var _ModalDialogContent = require("./ModalDialogContent");
 var _Box = require("../Box");
 var _useDidMount = require("../../utils/useDidMount");
 var _Theme = require("../../Theme");
-var _excluded = ["children", "footer", "hasLogo", "leftPanel", "onClose", "rightPanel", "title", "header"],
+var _excluded = ["children", "footer", "hasLogo", "leftPanel", "onClose", "rightPanel", "title", "header", "zIndex"],
   _excluded2 = ["width"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -31,6 +31,7 @@ var ModalDialog = function ModalDialog(_ref) {
     rightPanel = _ref.rightPanel,
     title = _ref.title,
     header = _ref.header,
+    zIndex = _ref.zIndex,
     rest = _objectWithoutProperties(_ref, _excluded);
   var isMounted = (0, _useDidMount.useDidMount)({
     clearCallStack: true
@@ -53,7 +54,8 @@ var ModalDialog = function ModalDialog(_ref) {
     },
     dialogProps: {
       width: width !== null && width !== void 0 ? width : 480
-    }
+    },
+    zIndex: zIndex
   }, modalProps), /*#__PURE__*/_react.default.createElement(_ModalDialogContent.ModalDialogContent, _extends({
     footer: footer,
     hasLogo: hasLogo,

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","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  ...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      {...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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"}
+{"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":"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"}

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

@@ -160,6 +160,9 @@ var Default = function Default() {
       footer: /*#__PURE__*/_react.default.createElement(_Button.Button, {
         width: "100%"
       }, "Confirm")
+    }, {
+      title: "With custom z-index",
+      zIndex: 1000
     }]
   }, 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","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    >\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    >\n      {(props) => <Demo {...props} />}\n    </States>\n  )\n}\n"],"mappings":"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"}

package/dist/helpers/injectGlobalStyles.js

@@ -13,7 +13,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
  * Apps that use palette should mount this component at the root of their tree.
  */
 function injectGlobalStyles(additionalStyles) {
-  var GlobalStyles = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    html {\n      box-sizing: border-box;\n    }\n\n    *,\n    *::before,\n    *::after {\n      box-sizing: inherit;\n    }\n\n    html,\n    body,\n    #root {\n      -webkit-tap-highlight-color: transparent;\n      height: 100%;\n    }\n\n    body {\n      margin: 0;\n      padding: 0;\n    }\n\n    html, body {\n      font-family: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      background-color: ", ";\n      color: ", ";\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n      text-rendering: optimizeLegibility;\n    }\n\n    a {\n      cursor: pointer;\n      color: inherit;\n      transition: color 0.25s;\n      text-decoration: underline;\n\n      &:hover {\n        color: ", ";\n      }\n\n      &:active {\n        color: ", ";\n      }\n    }\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      font-style: inherit;\n      font-family: inherit;\n      font-weight: inherit;\n      font-size: inherit;\n      margin: 0;\n    }\n\n    dl,\n    dt,\n    dd {\n      margin: 0;\n    }\n\n    ol,\n    ul {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n    }\n\n    ", ";\n  "])), (0, _themeGet.themeGet)("fonts.sans"), (0, _themeGet.themeGet)("textVariants.sm.fontSize"), (0, _themeGet.themeGet)("textVariants.sm.lineHeight"), (0, _themeGet.themeGet)("colors.white100"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black100"), additionalStyles);
+  var GlobalStyles = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    html {\n      box-sizing: border-box;\n    }\n\n    *,\n    *::before,\n    *::after {\n      box-sizing: inherit;\n    }\n\n    ::selection {\n      background-color: ", ";\n      color: ", ";\n    }\n\n    html,\n    body,\n    #root {\n      -webkit-tap-highlight-color: transparent;\n      height: 100%;\n    }\n\n    body {\n      margin: 0;\n      padding: 0;\n    }\n\n    html, body {\n      font-family: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      background-color: ", ";\n      color: ", ";\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n      text-rendering: optimizeLegibility;\n    }\n\n    a {\n      cursor: pointer;\n      color: inherit;\n      transition: color 0.25s;\n      text-decoration: underline;\n\n      &:hover {\n        color: ", ";\n      }\n\n      &:active {\n        color: ", ";\n      }\n    }\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      font-style: inherit;\n      font-family: inherit;\n      font-weight: inherit;\n      font-size: inherit;\n      margin: 0;\n    }\n\n    dl,\n    dt,\n    dd {\n      margin: 0;\n    }\n\n    ol,\n    ul {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n    }\n\n    ", ";\n  "])), (0, _themeGet.themeGet)("colors.blue15"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("fonts.sans"), (0, _themeGet.themeGet)("textVariants.sm.fontSize"), (0, _themeGet.themeGet)("textVariants.sm.lineHeight"), (0, _themeGet.themeGet)("colors.white100"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black100"), additionalStyles);
   GlobalStyles.displayName = "GlobalStyles";
   return {
     GlobalStyles: GlobalStyles

package/dist/helpers/injectGlobalStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"injectGlobalStyles.js","names":["_themeGet","require","_styledComponents","_templateObject","_taggedTemplateLiteral","strings","raw","slice","Object","freeze","defineProperties","value","injectGlobalStyles","additionalStyles","GlobalStyles","createGlobalStyle","themeGet","displayName"],"sources":["../../src/helpers/injectGlobalStyles.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { createGlobalStyle, css } from \"styled-components\"\n\n/**\n * Injects globally relevant styles, including helper classes for our Typography.\n * Apps that use palette should mount this component at the root of their tree.\n */\nexport function injectGlobalStyles<P>(\n  additionalStyles?: string | ReturnType<typeof css>\n) {\n  const GlobalStyles = createGlobalStyle<P>`\n    html {\n      box-sizing: border-box;\n    }\n\n    *,\n    *::before,\n    *::after {\n      box-sizing: inherit;\n    }\n\n    html,\n    body,\n    #root {\n      -webkit-tap-highlight-color: transparent;\n      height: 100%;\n    }\n\n    body {\n      margin: 0;\n      padding: 0;\n    }\n\n    html, body {\n      font-family: ${themeGet(\"fonts.sans\")};\n      font-size: ${themeGet(\"textVariants.sm.fontSize\")};\n      line-height: ${themeGet(\"textVariants.sm.lineHeight\")};\n      background-color: ${themeGet(\"colors.white100\")};\n      color: ${themeGet(\"colors.black100\")};\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n      text-rendering: optimizeLegibility;\n    }\n\n    a {\n      cursor: pointer;\n      color: inherit;\n      transition: color 0.25s;\n      text-decoration: underline;\n\n      &:hover {\n        color: ${themeGet(\"colors.black100\")};\n      }\n\n      &:active {\n        color: ${themeGet(\"colors.black100\")};\n      }\n    }\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      font-style: inherit;\n      font-family: inherit;\n      font-weight: inherit;\n      font-size: inherit;\n      margin: 0;\n    }\n\n    dl,\n    dt,\n    dd {\n      margin: 0;\n    }\n\n    ol,\n    ul {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n    }\n\n    ${additionalStyles};\n  `\n\n  GlobalStyles.displayName = \"GlobalStyles\"\n\n  return {\n    GlobalStyles,\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAA0D,IAAAE,eAAA;AAAA,SAAAC,uBAAAC,OAAA,EAAAC,GAAA,SAAAA,GAAA,IAAAA,GAAA,GAAAD,OAAA,CAAAE,KAAA,cAAAC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAE,gBAAA,CAAAL,OAAA,IAAAC,GAAA,IAAAK,KAAA,EAAAH,MAAA,CAAAC,MAAA,CAAAH,GAAA;AAE1D;AACA;AACA;AACA;AACO,SAASM,kBAAkBA,CAChCC,gBAAkD,EAClD;EACA,IAAMC,YAAY,OAAGC,mCAAiB,EAAAZ,eAAA,KAAAA,eAAA,GAAAC,sBAAA,8pCAwBnB,IAAAY,kBAAQ,EAAC,YAAY,CAAC,EACxB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,EAClC,IAAAA,kBAAQ,EAAC,4BAA4B,CAAC,EACjC,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,EACtC,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,EAazB,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,EAI3B,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,EA8BtCH,gBAAgB,CACnB;EAEDC,YAAY,CAACG,WAAW,GAAG,cAAc;EAEzC,OAAO;IACLH,YAAY,EAAZA;EACF,CAAC;AACH"}
+{"version":3,"file":"injectGlobalStyles.js","names":["_themeGet","require","_styledComponents","_templateObject","_taggedTemplateLiteral","strings","raw","slice","Object","freeze","defineProperties","value","injectGlobalStyles","additionalStyles","GlobalStyles","createGlobalStyle","themeGet","displayName"],"sources":["../../src/helpers/injectGlobalStyles.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { createGlobalStyle, css } from \"styled-components\"\n\n/**\n * Injects globally relevant styles, including helper classes for our Typography.\n * Apps that use palette should mount this component at the root of their tree.\n */\nexport function injectGlobalStyles<P>(\n  additionalStyles?: string | ReturnType<typeof css>\n) {\n  const GlobalStyles = createGlobalStyle<P>`\n    html {\n      box-sizing: border-box;\n    }\n\n    *,\n    *::before,\n    *::after {\n      box-sizing: inherit;\n    }\n\n    ::selection {\n      background-color: ${themeGet(\"colors.blue15\")};\n      color: ${themeGet(\"colors.black100\")};\n    }\n\n    html,\n    body,\n    #root {\n      -webkit-tap-highlight-color: transparent;\n      height: 100%;\n    }\n\n    body {\n      margin: 0;\n      padding: 0;\n    }\n\n    html, body {\n      font-family: ${themeGet(\"fonts.sans\")};\n      font-size: ${themeGet(\"textVariants.sm.fontSize\")};\n      line-height: ${themeGet(\"textVariants.sm.lineHeight\")};\n      background-color: ${themeGet(\"colors.white100\")};\n      color: ${themeGet(\"colors.black100\")};\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n      text-rendering: optimizeLegibility;\n    }\n\n    a {\n      cursor: pointer;\n      color: inherit;\n      transition: color 0.25s;\n      text-decoration: underline;\n\n      &:hover {\n        color: ${themeGet(\"colors.black100\")};\n      }\n\n      &:active {\n        color: ${themeGet(\"colors.black100\")};\n      }\n    }\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      font-style: inherit;\n      font-family: inherit;\n      font-weight: inherit;\n      font-size: inherit;\n      margin: 0;\n    }\n\n    dl,\n    dt,\n    dd {\n      margin: 0;\n    }\n\n    ol,\n    ul {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n    }\n\n    ${additionalStyles};\n  `\n\n  GlobalStyles.displayName = \"GlobalStyles\"\n\n  return {\n    GlobalStyles,\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAA0D,IAAAE,eAAA;AAAA,SAAAC,uBAAAC,OAAA,EAAAC,GAAA,SAAAA,GAAA,IAAAA,GAAA,GAAAD,OAAA,CAAAE,KAAA,cAAAC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAE,gBAAA,CAAAL,OAAA,IAAAC,GAAA,IAAAK,KAAA,EAAAH,MAAA,CAAAC,MAAA,CAAAH,GAAA;AAE1D;AACA;AACA;AACA;AACO,SAASM,kBAAkBA,CAChCC,gBAAkD,EAClD;EACA,IAAMC,YAAY,OAAGC,mCAAiB,EAAAZ,eAAA,KAAAA,eAAA,GAAAC,sBAAA,6uCAYd,IAAAY,kBAAQ,EAAC,eAAe,CAAC,EACpC,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,EAgBrB,IAAAA,kBAAQ,EAAC,YAAY,CAAC,EACxB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,EAClC,IAAAA,kBAAQ,EAAC,4BAA4B,CAAC,EACjC,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,EACtC,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,EAazB,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,EAI3B,IAAAA,kBAAQ,EAAC,iBAAiB,CAAC,EA8BtCH,gBAAgB,CACnB;EAEDC,YAAY,CAACG,WAAW,GAAG,cAAc;EAEzC,OAAO;IACLH,YAAY,EAAZA;EACF,CAAC;AACH"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "38.10.0",
+  "version": "38.11.0",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -182,5 +182,5 @@
       "url": "http://localhost"
     }
   },
-  "gitHead": "d00d72a9b23ce00b8b508288424e548f8a137c85"
+  "gitHead": "652e6b68983110d20183f9adf6251314bde495d4"
 }