@artsy/palette 38.13.1 → 38.13.2

package/dist/elements/Modal/ModalBase.story.d.ts

@@ -4,6 +4,5 @@ declare const _default: {
 export default _default;
 export declare const Default: () => JSX.Element;
 export declare const DeferredFocusables: () => JSX.Element;
-export declare const SimulateFocusVisible: () => JSX.Element;
 export declare const Fullscreen: () => JSX.Element;
 export declare const Scrolling: () => JSX.Element;

package/dist/elements/Modal/ModalBase.story.js

@@ -4,7 +4,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.SimulateFocusVisible = exports.Scrolling = exports.Fullscreen = exports.DeferredFocusables = exports.Default = void 0;
+exports.default = exports.Scrolling = exports.Fullscreen = exports.DeferredFocusables = exports.Default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _Text = require("../Text");
 var _Box = require("../Box");
@@ -13,7 +13,7 @@ var _Input = require("../Input");
 var _Join = require("../Join");
 var _Spacer = require("../Spacer");
 var _ModalBase = require("./ModalBase");
-var _excluded = ["bodyChildren", "dialogChildren", "defer", "focusVisible"];
+var _excluded = ["bodyChildren", "dialogChildren", "defer"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -30,7 +30,6 @@ var Example = function Example() {
     bodyChildren = _ref.bodyChildren,
     dialogChildren = _ref.dialogChildren,
     defer = _ref.defer,
-    focusVisible = _ref.focusVisible,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -51,14 +50,6 @@ var Example = function Example() {
       }, 1000);
     }
   }, [defer, open]);
-  var handleFocus = function handleFocus(event) {
-    if (!focusVisible) return;
-    var el = event.currentTarget;
-    document.querySelectorAll("input").forEach(function (input) {
-      input.classList.remove("focus-visible");
-    });
-    el.classList.add("focus-visible");
-  };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
     variant: "primaryGray",
     onClick: function onClick() {
@@ -87,14 +78,11 @@ var Example = function Example() {
     variant: "primaryWhite",
     onClick: handleClose
   }, "Or click here to close."), /*#__PURE__*/_react.default.createElement(_Input.Input, {
-    placeholder: "Just an example for focusing",
-    onFocus: handleFocus
+    placeholder: "Just an example for focusing"
   }), /*#__PURE__*/_react.default.createElement(_Input.Input, {
-    placeholder: "Just an example for focusing",
-    onFocus: handleFocus
+    placeholder: "Just an example for focusing"
   }), dialogChildren, deferred && /*#__PURE__*/_react.default.createElement(_Input.Input, {
-    placeholder: "Deferred input",
-    onFocus: handleFocus
+    placeholder: "Deferred input"
   })))))));
 };
 var _default = {
@@ -113,13 +101,6 @@ var DeferredFocusables = function DeferredFocusables() {
 };
 exports.DeferredFocusables = DeferredFocusables;
 DeferredFocusables.displayName = "DeferredFocusables";
-var SimulateFocusVisible = function SimulateFocusVisible() {
-  return /*#__PURE__*/_react.default.createElement(Example, {
-    focusVisible: true
-  });
-};
-exports.SimulateFocusVisible = SimulateFocusVisible;
-SimulateFocusVisible.displayName = "SimulateFocusVisible";
 var Fullscreen = function Fullscreen() {
   return /*#__PURE__*/_react.default.createElement(Example, {
     dialogProps: {

package/dist/elements/Modal/ModalBase.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBase.story.js","names":["_react","_interopRequireWildcard","require","_Text","_Box","_Button","_Input","_Join","_Spacer","_ModalBase","_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","Example","_ref","undefined","bodyChildren","dialogChildren","defer","focusVisible","rest","_useState","useState","_useState2","open","setOpen","label","handleClose","_useState3","_useState4","deferred","setDeferred","useEffect","setTimeout","handleFocus","event","el","currentTarget","document","querySelectorAll","forEach","input","classList","remove","add","createElement","Fragment","Button","variant","onClick","ModalBase","onClose","Box","background","p","width","height","style","border","textAlign","Text","color","Join","separator","Spacer","y","Input","placeholder","onFocus","_default","title","exports","Default","displayName","DeferredFocusables","SimulateFocusVisible","Fullscreen","dialogProps","alignItems","justifyContent","Scrolling","map","_"],"sources":["../../../src/elements/Modal/ModalBase.story.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { Text } from \"../Text\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Input } from \"../Input\"\nimport { Join } from \"../Join\"\nimport { Spacer } from \"../Spacer\"\nimport { ModalBase, ModalBaseProps } from \"./ModalBase\"\n\nconst Example: React.FC<\n  ModalBaseProps & {\n    dialogChildren?: JSX.Element\n    bodyChildren?: JSX.Element\n    /** Simulates an input being added after render */\n    defer?: boolean\n    /** Simulates an input being mutated by an external entity */\n    focusVisible?: boolean\n  }\n> = ({ bodyChildren, dialogChildren, defer, focusVisible, ...rest } = {}) => {\n  const [open, setOpen] = useState(false)\n  const label = open ? \"opened\" : \"open\"\n  const handleClose = () => setOpen(false)\n\n  const [deferred, setDeferred] = useState(false)\n\n  useEffect(() => {\n    if (defer && open) {\n      setTimeout(() => {\n        setDeferred(true)\n      }, 1000)\n    }\n  }, [defer, open])\n\n  const handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (!focusVisible) return\n\n    const el = event.currentTarget\n\n    document.querySelectorAll(\"input\").forEach((input) => {\n      input.classList.remove(\"focus-visible\")\n    })\n\n    el.classList.add(\"focus-visible\")\n  }\n\n  return (\n    <>\n      <Button variant=\"primaryGray\" onClick={() => setOpen(true)}>\n        {label}\n      </Button>\n\n      {bodyChildren}\n\n      {open && (\n        <ModalBase onClose={handleClose} {...rest}>\n          <Box\n            background=\"black\"\n            p={4}\n            width=\"100%\"\n            height=\"100%\"\n            style={{ border: \"2px solid red\" }}\n          >\n            <Box textAlign=\"center\">\n              <Text variant=\"sm-display\" color=\"white100\">\n                <Join separator={<Spacer y={2} />}>\n                  <>Some example content. Click outside to close.</>\n                  <Button variant=\"primaryWhite\" onClick={handleClose}>\n                    Or click here to close.\n                  </Button>\n                  <Input\n                    placeholder=\"Just an example for focusing\"\n                    onFocus={handleFocus}\n                  />\n                  <Input\n                    placeholder=\"Just an example for focusing\"\n                    onFocus={handleFocus}\n                  />\n                  {dialogChildren}\n                  {deferred && (\n                    <Input placeholder=\"Deferred input\" onFocus={handleFocus} />\n                  )}\n                </Join>\n              </Text>\n            </Box>\n          </Box>\n        </ModalBase>\n      )}\n    </>\n  )\n}\n\nexport default { title: \"Components/ModalBase\" }\n\nexport const Default = () => {\n  return <Example />\n}\n\nexport const DeferredFocusables = () => {\n  return <Example defer />\n}\n\nexport const SimulateFocusVisible = () => {\n  return <Example focusVisible />\n}\n\nexport const Fullscreen = () => {\n  return (\n    <Example\n      dialogProps={{\n        width: \"100%\",\n        height: \"100%\",\n        background: \"black\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n      }}\n    />\n  )\n}\n\nexport const Scrolling = () => {\n  return (\n    <Example\n      bodyChildren={\n        <>\n          {Array.from(Array(100)).map((_, i) => (\n            <div key={i}>content should not scroll when modal is open</div>\n          ))}\n        </>\n      }\n      dialogChildren={\n        <>\n          {Array.from(Array(100)).map((_, i) => (\n            <div key={i}>content should be scrollable</div>\n          ))}\n        </>\n      }\n    />\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"ModalBase.story.js","names":["_react","_interopRequireWildcard","require","_Text","_Box","_Button","_Input","_Join","_Spacer","_ModalBase","_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","Example","_ref","undefined","bodyChildren","dialogChildren","defer","rest","_useState","useState","_useState2","open","setOpen","label","handleClose","_useState3","_useState4","deferred","setDeferred","useEffect","setTimeout","createElement","Fragment","Button","variant","onClick","ModalBase","onClose","Box","background","p","width","height","style","border","textAlign","Text","color","Join","separator","Spacer","y","Input","placeholder","_default","title","exports","Default","displayName","DeferredFocusables","Fullscreen","dialogProps","alignItems","justifyContent","Scrolling","map","_"],"sources":["../../../src/elements/Modal/ModalBase.story.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { Text } from \"../Text\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Input } from \"../Input\"\nimport { Join } from \"../Join\"\nimport { Spacer } from \"../Spacer\"\nimport { ModalBase, ModalBaseProps } from \"./ModalBase\"\n\nconst Example: React.FC<\n  ModalBaseProps & {\n    dialogChildren?: JSX.Element\n    bodyChildren?: JSX.Element\n    /** Simulates an input being added after render */\n    defer?: boolean\n  }\n> = ({ bodyChildren, dialogChildren, defer, ...rest } = {}) => {\n  const [open, setOpen] = useState(false)\n  const label = open ? \"opened\" : \"open\"\n  const handleClose = () => setOpen(false)\n\n  const [deferred, setDeferred] = useState(false)\n\n  useEffect(() => {\n    if (defer && open) {\n      setTimeout(() => {\n        setDeferred(true)\n      }, 1000)\n    }\n  }, [defer, open])\n\n  return (\n    <>\n      <Button variant=\"primaryGray\" onClick={() => setOpen(true)}>\n        {label}\n      </Button>\n\n      {bodyChildren}\n\n      {open && (\n        <ModalBase onClose={handleClose} {...rest}>\n          <Box\n            background=\"black\"\n            p={4}\n            width=\"100%\"\n            height=\"100%\"\n            style={{ border: \"2px solid red\" }}\n          >\n            <Box textAlign=\"center\">\n              <Text variant=\"sm-display\" color=\"white100\">\n                <Join separator={<Spacer y={2} />}>\n                  <>Some example content. Click outside to close.</>\n                  <Button variant=\"primaryWhite\" onClick={handleClose}>\n                    Or click here to close.\n                  </Button>\n                  <Input placeholder=\"Just an example for focusing\" />\n                  <Input placeholder=\"Just an example for focusing\" />\n                  {dialogChildren}\n                  {deferred && <Input placeholder=\"Deferred input\" />}\n                </Join>\n              </Text>\n            </Box>\n          </Box>\n        </ModalBase>\n      )}\n    </>\n  )\n}\n\nexport default { title: \"Components/ModalBase\" }\n\nexport const Default = () => {\n  return <Example />\n}\n\nexport const DeferredFocusables = () => {\n  return <Example defer />\n}\n\nexport const Fullscreen = () => {\n  return (\n    <Example\n      dialogProps={{\n        width: \"100%\",\n        height: \"100%\",\n        background: \"black\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n      }}\n    />\n  )\n}\n\nexport const Scrolling = () => {\n  return (\n    <Example\n      bodyChildren={\n        <>\n          {Array.from(Array(100)).map((_, i) => (\n            <div key={i}>content should not scroll when modal is open</div>\n          ))}\n        </>\n      }\n      dialogChildren={\n        <>\n          {Array.from(Array(100)).map((_, i) => (\n            <div key={i}>content should be scrollable</div>\n          ))}\n        </>\n      }\n    />\n  )\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AAAuD,IAAAQ,SAAA;AAAA,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAX,wBAAAe,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAZ,GAAA,QAAAY,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAY,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,GAAA,EAAAY,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAZ,GAAA,CAAAY,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,eAAAC,GAAA,EAAAN,CAAA,WAAAO,eAAA,CAAAD,GAAA,KAAAE,qBAAA,CAAAF,GAAA,EAAAN,CAAA,KAAAS,2BAAA,CAAAH,GAAA,EAAAN,CAAA,KAAAU,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAA5B,MAAA,CAAAI,SAAA,CAAAyB,QAAA,CAAAvB,IAAA,CAAAmB,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,CAAAJ,MAAA,EAAAqB,GAAA,GAAAjB,GAAA,CAAAJ,MAAA,WAAAF,CAAA,MAAAwB,IAAA,OAAAJ,KAAA,CAAAG,GAAA,GAAAvB,CAAA,GAAAuB,GAAA,EAAAvB,CAAA,MAAAwB,IAAA,CAAAxB,CAAA,IAAAM,GAAA,CAAAN,CAAA,YAAAwB,IAAA;AAAA,SAAAhB,sBAAAF,GAAA,EAAAN,CAAA,QAAAyB,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,CAAAhC,IAAA,CAAAa,GAAA,GAAA6B,IAAA,QAAAnC,CAAA,QAAAb,MAAA,CAAAsC,EAAA,MAAAA,EAAA,UAAAQ,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAArC,IAAA,CAAAgC,EAAA,GAAAW,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAA9B,MAAA,KAAAF,CAAA,GAAAiC,EAAA,sBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAR,EAAA,CAAAe,MAAA,KAAAT,EAAA,GAAAN,EAAA,CAAAe,MAAA,IAAArD,MAAA,CAAA4C,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAAzB,gBAAAD,GAAA,QAAAc,KAAA,CAAAqB,OAAA,CAAAnC,GAAA,UAAAA,GAAA;AAAA,SAAAoC,yBAAAvC,MAAA,EAAAwC,QAAA,QAAAxC,MAAA,yBAAAJ,MAAA,GAAA6C,6BAAA,CAAAzC,MAAA,EAAAwC,QAAA,OAAArD,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAA0D,qBAAA,QAAAC,gBAAA,GAAA3D,MAAA,CAAA0D,qBAAA,CAAA1C,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAA8C,gBAAA,CAAA5C,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAwD,gBAAA,CAAA9C,CAAA,OAAA2C,QAAA,CAAAI,OAAA,CAAAzD,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAyD,oBAAA,CAAAvD,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAA6C,8BAAAzC,MAAA,EAAAwC,QAAA,QAAAxC,MAAA,yBAAAJ,MAAA,WAAAkD,UAAA,GAAA9D,MAAA,CAAA+D,IAAA,CAAA/C,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAiD,UAAA,CAAA/C,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAA2D,UAAA,CAAAjD,CAAA,OAAA2C,QAAA,CAAAI,OAAA,CAAAzD,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AAEvD,IAAMoD,OAOL,GAAG,SAPEA,OAOLA,CAAA,EAA8D;EAAA,IAAAC,IAAA,GAAAnD,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAoD,SAAA,GAAApD,SAAA,MAAP,CAAC,CAAC;IAAnDqD,YAAY,GAAAF,IAAA,CAAZE,YAAY;IAAEC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAKC,IAAI,GAAAf,wBAAA,CAAAU,IAAA,EAAAhF,SAAA;EACjD,IAAAsF,SAAA,GAAwB,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,GAAAvD,cAAA,CAAAqD,SAAA;IAAhCG,IAAI,GAAAD,UAAA;IAAEE,OAAO,GAAAF,UAAA;EACpB,IAAMG,KAAK,GAAGF,IAAI,GAAG,QAAQ,GAAG,MAAM;EACtC,IAAMG,WAAW,GAAG,SAAdA,WAAWA,CAAA;IAAA,OAASF,OAAO,CAAC,KAAK,CAAC;EAAA;EAExC,IAAAG,UAAA,GAAgC,IAAAN,eAAQ,EAAC,KAAK,CAAC;IAAAO,UAAA,GAAA7D,cAAA,CAAA4D,UAAA;IAAxCE,QAAQ,GAAAD,UAAA;IAAEE,WAAW,GAAAF,UAAA;EAE5B,IAAAG,gBAAS,EAAC,YAAM;IACd,IAAIb,KAAK,IAAIK,IAAI,EAAE;MACjBS,UAAU,CAAC,YAAM;QACfF,WAAW,CAAC,IAAI,CAAC;MACnB,CAAC,EAAE,IAAI,CAAC;IACV;EACF,CAAC,EAAE,CAACZ,KAAK,EAAEK,IAAI,CAAC,CAAC;EAEjB,oBACEnG,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAAA7G,MAAA,CAAAmB,OAAA,CAAA2F,QAAA,qBACE9G,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAACxG,OAAA,CAAA0G,MAAM;IAACC,OAAO,EAAC,aAAa;IAACC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMb,OAAO,CAAC,IAAI,CAAC;IAAA;EAAC,GACxDC,KAAK,CACC,EAERT,YAAY,EAEZO,IAAI,iBACHnG,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAACpG,UAAA,CAAAyG,SAAS,EAAAhF,QAAA;IAACiF,OAAO,EAAEb;EAAY,GAAKP,IAAI,gBACvC/F,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAACzG,IAAA,CAAAgH,GAAG;IACFC,UAAU,EAAC,OAAO;IAClBC,CAAC,EAAE,CAAE;IACLC,KAAK,EAAC,MAAM;IACZC,MAAM,EAAC,MAAM;IACbC,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAgB;EAAE,gBAEnC1H,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAACzG,IAAA,CAAAgH,GAAG;IAACO,SAAS,EAAC;EAAQ,gBACrB3H,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAAC1G,KAAA,CAAAyH,IAAI;IAACZ,OAAO,EAAC,YAAY;IAACa,KAAK,EAAC;EAAU,gBACzC7H,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAACtG,KAAA,CAAAuH,IAAI;IAACC,SAAS,eAAE/H,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAACrG,OAAA,CAAAwH,MAAM;MAACC,CAAC,EAAE;IAAE;EAAI,gBAChCjI,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAAA7G,MAAA,CAAAmB,OAAA,CAAA2F,QAAA,QAAE,+CAA6C,CAAG,eAClD9G,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAACxG,OAAA,CAAA0G,MAAM;IAACC,OAAO,EAAC,cAAc;IAACC,OAAO,EAAEX;EAAY,GAAC,yBAErD,CAAS,eACTtG,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAACvG,MAAA,CAAA4H,KAAK;IAACC,WAAW,EAAC;EAA8B,EAAG,eACpDnI,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAACvG,MAAA,CAAA4H,KAAK;IAACC,WAAW,EAAC;EAA8B,EAAG,EACnDtC,cAAc,EACdY,QAAQ,iBAAIzG,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAACvG,MAAA,CAAA4H,KAAK;IAACC,WAAW,EAAC;EAAgB,EAAG,CAC9C,CACF,CACH,CACF,CAET,CACA;AAEP,CAAC;AAAA,IAAAC,QAAA,GAEc;EAAEC,KAAK,EAAE;AAAuB,CAAC;AAAAC,OAAA,CAAAnH,OAAA,GAAAiH,QAAA;AAEzC,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBAAOvI,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAACpB,OAAO,OAAG;AACpB,CAAC;AAAA6C,OAAA,CAAAC,OAAA,GAAAA,OAAA;AAFYA,OAAO,CAAAC,WAAA;AAIb,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;EACtC,oBAAOzI,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAACpB,OAAO;IAACK,KAAK;EAAA,EAAG;AAC1B,CAAC;AAAAwC,OAAA,CAAAG,kBAAA,GAAAA,kBAAA;AAFYA,kBAAkB,CAAAD,WAAA;AAIxB,IAAME,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;EAC9B,oBACE1I,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAACpB,OAAO;IACNkD,WAAW,EAAE;MACXpB,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdH,UAAU,EAAE,OAAO;MACnBuB,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB;EAAE,EACF;AAEN,CAAC;AAAAP,OAAA,CAAAI,UAAA,GAAAA,UAAA;AAZYA,UAAU,CAAAF,WAAA;AAchB,IAAMM,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EAC7B,oBACE9I,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAACpB,OAAO;IACNG,YAAY,eACV5F,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAAA7G,MAAA,CAAAmB,OAAA,CAAA2F,QAAA,QACGpD,KAAK,CAACC,IAAI,CAACD,KAAK,CAAC,GAAG,CAAC,CAAC,CAACqF,GAAG,CAAC,UAACC,CAAC,EAAE1G,CAAC;MAAA,oBAC/BtC,MAAA,CAAAmB,OAAA,CAAA0F,aAAA;QAAKjF,GAAG,EAAEU;MAAE,GAAC,8CAA4C,CAAM;IAAA,CAChE,CAAC,CAEL;IACDuD,cAAc,eACZ7F,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAAA7G,MAAA,CAAAmB,OAAA,CAAA2F,QAAA,QACGpD,KAAK,CAACC,IAAI,CAACD,KAAK,CAAC,GAAG,CAAC,CAAC,CAACqF,GAAG,CAAC,UAACC,CAAC,EAAE1G,CAAC;MAAA,oBAC/BtC,MAAA,CAAAmB,OAAA,CAAA0F,aAAA;QAAKjF,GAAG,EAAEU;MAAE,GAAC,8BAA4B,CAAM;IAAA,CAChD,CAAC;EAEL,EACD;AAEN,CAAC;AAAAgG,OAAA,CAAAQ,SAAA,GAAAA,SAAA;AAnBYA,SAAS,CAAAN,WAAA"}

package/dist/elements/ModalDialog/ModalDialogContent.js

@@ -109,5 +109,5 @@ ModalClose.displayName = "ModalClose";
 var Close = (0, _styledComponents.default)(_Clickable.Clickable).withConfig({
   displayName: "ModalDialogContent__Close",
   componentId: "ow6myz-0"
-})(["color:", ";&:focus,&.focus-visible{outline:none;color:", ";}"], (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black60"));
+})(["color:", ";&:focus,&:focus-visible{outline:none;color:", ";}"], (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black60"));
 //# sourceMappingURL=ModalDialogContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModalDialogContent.js","names":["_react","_interopRequireDefault","require","_Clickable","_Box","_Flex","_Text","_CloseIcon","_ArtsyLogoIcon","_useSentinelVisibility","_Spacer","_styledComponents","_themeGet","_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","ModalDialogContent","_ref","children","footer","hasLogo","leftPanel","onClose","rightPanel","title","header","rest","_useSentinelVisibilit","useSentinelVisibility","topSentinel","sentinel","isAtTop","isSentinelVisible","_useSentinelVisibilit2","bottomSentinel","isAtBottom","_useTheme","useTheme","theme","createElement","Flex","bg","m","style","boxShadow","effects","dropShadow","flexDirection","overflow","width","zIndex","transition","undefined","alignItems","justifyContent","Box","display","height","Spacer","y","Text","variant","lineClamp","hyphenate","ModalClose","onClick","px","pb","flex","WebkitOverflowScrolling","p","exports","displayName","props","Close","ml","fill","styled","Clickable","withConfig","componentId","themeGet"],"sources":["../../../src/elements/ModalDialog/ModalDialogContent.tsx"],"sourcesContent":["import React, { FC } from \"react\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport CloseIcon from \"@artsy/icons/CloseIcon\"\nimport ArtsyLogoIcon from \"@artsy/icons/ArtsyLogoIcon\"\nimport { useSentinelVisibility } from \"../../utils/useSentinelVisibility\"\nimport { Spacer } from \"../Spacer\"\nimport styled from \"styled-components\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport { useTheme } from \"../../Theme\"\n\nexport interface ModalDialogContentProps\n  extends BoxProps,\n    React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  footer?: React.ReactNode\n  hasLogo?: boolean\n  leftPanel?: React.ReactNode\n  onClose: () => void\n  rightPanel?: React.ReactNode\n  title?: string\n  header?: React.ReactNode\n}\n\nexport const ModalDialogContent: React.FC<ModalDialogContentProps> = ({\n  children,\n  footer,\n  hasLogo,\n  leftPanel,\n  onClose,\n  rightPanel,\n  title,\n  header,\n  ...rest\n}) => {\n  const {\n    sentinel: topSentinel,\n    isSentinelVisible: isAtTop,\n  } = useSentinelVisibility()\n\n  const {\n    sentinel: bottomSentinel,\n    isSentinelVisible: isAtBottom,\n  } = useSentinelVisibility()\n\n  const { theme } = useTheme()\n\n  return (\n    <Flex\n      bg=\"white100\"\n      m={2}\n      style={{ boxShadow: theme.effects.dropShadow }}\n      {...rest}\n    >\n      {leftPanel}\n\n      <Flex flexDirection=\"column\" overflow=\"hidden\" width=\"100%\">\n        <Flex\n          flexDirection=\"column\"\n          zIndex={1}\n          style={{\n            transition: \"box-shadow 250ms\",\n            boxShadow: isAtTop ? theme.effects.dropShadow : undefined,\n          }}\n        >\n          <Flex alignItems=\"flex-start\" justifyContent=\"space-between\">\n            {(title || hasLogo) && (\n              <Box m={2}>\n                {hasLogo && (\n                  <ArtsyLogoIcon display=\"block\" width={75} height={26} />\n                )}\n\n                {hasLogo && title && <Spacer y={2} />}\n\n                {title && (\n                  <Text variant=\"lg-display\" lineClamp={6} hyphenate>\n                    {title}\n                  </Text>\n                )}\n              </Box>\n            )}\n\n            <ModalClose onClick={onClose} />\n          </Flex>\n\n          {header && (\n            <Box px={2} pb={2}>\n              {header}\n            </Box>\n          )}\n        </Flex>\n\n        <Box\n          px={2}\n          pb={2}\n          flex={1}\n          overflow=\"auto\"\n          style={{ WebkitOverflowScrolling: \"touch\" }}\n        >\n          {topSentinel}\n          {children}\n          {bottomSentinel}\n        </Box>\n\n        {footer && (\n          <Box\n            p={2}\n            style={{\n              transition: \"box-shadow 250ms\",\n              boxShadow: isAtBottom ? theme.effects.dropShadow : undefined,\n            }}\n          >\n            {footer}\n          </Box>\n        )}\n      </Flex>\n\n      {rightPanel}\n    </Flex>\n  )\n}\n\nexport type ModalCloseProps = ClickableProps\n\nexport const ModalClose: FC<ModalCloseProps> = (props) => {\n  return (\n    <Close p={2} ml=\"auto\" aria-label=\"Close\" {...props}>\n      <CloseIcon fill=\"currentColor\" display=\"block\" />\n    </Close>\n  )\n}\n\nconst Close = styled(Clickable)`\n  color: ${themeGet(\"colors.black100\")};\n\n  &:focus,\n  &.focus-visible {\n    outline: none;\n    color: ${themeGet(\"colors.black60\")};\n  }\n`\n"],"mappings":"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"}
+{"version":3,"file":"ModalDialogContent.js","names":["_react","_interopRequireDefault","require","_Clickable","_Box","_Flex","_Text","_CloseIcon","_ArtsyLogoIcon","_useSentinelVisibility","_Spacer","_styledComponents","_themeGet","_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","ModalDialogContent","_ref","children","footer","hasLogo","leftPanel","onClose","rightPanel","title","header","rest","_useSentinelVisibilit","useSentinelVisibility","topSentinel","sentinel","isAtTop","isSentinelVisible","_useSentinelVisibilit2","bottomSentinel","isAtBottom","_useTheme","useTheme","theme","createElement","Flex","bg","m","style","boxShadow","effects","dropShadow","flexDirection","overflow","width","zIndex","transition","undefined","alignItems","justifyContent","Box","display","height","Spacer","y","Text","variant","lineClamp","hyphenate","ModalClose","onClick","px","pb","flex","WebkitOverflowScrolling","p","exports","displayName","props","Close","ml","fill","styled","Clickable","withConfig","componentId","themeGet"],"sources":["../../../src/elements/ModalDialog/ModalDialogContent.tsx"],"sourcesContent":["import React, { FC } from \"react\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport CloseIcon from \"@artsy/icons/CloseIcon\"\nimport ArtsyLogoIcon from \"@artsy/icons/ArtsyLogoIcon\"\nimport { useSentinelVisibility } from \"../../utils/useSentinelVisibility\"\nimport { Spacer } from \"../Spacer\"\nimport styled from \"styled-components\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport { useTheme } from \"../../Theme\"\n\nexport interface ModalDialogContentProps\n  extends BoxProps,\n    React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  footer?: React.ReactNode\n  hasLogo?: boolean\n  leftPanel?: React.ReactNode\n  onClose: () => void\n  rightPanel?: React.ReactNode\n  title?: string\n  header?: React.ReactNode\n}\n\nexport const ModalDialogContent: React.FC<ModalDialogContentProps> = ({\n  children,\n  footer,\n  hasLogo,\n  leftPanel,\n  onClose,\n  rightPanel,\n  title,\n  header,\n  ...rest\n}) => {\n  const {\n    sentinel: topSentinel,\n    isSentinelVisible: isAtTop,\n  } = useSentinelVisibility()\n\n  const {\n    sentinel: bottomSentinel,\n    isSentinelVisible: isAtBottom,\n  } = useSentinelVisibility()\n\n  const { theme } = useTheme()\n\n  return (\n    <Flex\n      bg=\"white100\"\n      m={2}\n      style={{ boxShadow: theme.effects.dropShadow }}\n      {...rest}\n    >\n      {leftPanel}\n\n      <Flex flexDirection=\"column\" overflow=\"hidden\" width=\"100%\">\n        <Flex\n          flexDirection=\"column\"\n          zIndex={1}\n          style={{\n            transition: \"box-shadow 250ms\",\n            boxShadow: isAtTop ? theme.effects.dropShadow : undefined,\n          }}\n        >\n          <Flex alignItems=\"flex-start\" justifyContent=\"space-between\">\n            {(title || hasLogo) && (\n              <Box m={2}>\n                {hasLogo && (\n                  <ArtsyLogoIcon display=\"block\" width={75} height={26} />\n                )}\n\n                {hasLogo && title && <Spacer y={2} />}\n\n                {title && (\n                  <Text variant=\"lg-display\" lineClamp={6} hyphenate>\n                    {title}\n                  </Text>\n                )}\n              </Box>\n            )}\n\n            <ModalClose onClick={onClose} />\n          </Flex>\n\n          {header && (\n            <Box px={2} pb={2}>\n              {header}\n            </Box>\n          )}\n        </Flex>\n\n        <Box\n          px={2}\n          pb={2}\n          flex={1}\n          overflow=\"auto\"\n          style={{ WebkitOverflowScrolling: \"touch\" }}\n        >\n          {topSentinel}\n          {children}\n          {bottomSentinel}\n        </Box>\n\n        {footer && (\n          <Box\n            p={2}\n            style={{\n              transition: \"box-shadow 250ms\",\n              boxShadow: isAtBottom ? theme.effects.dropShadow : undefined,\n            }}\n          >\n            {footer}\n          </Box>\n        )}\n      </Flex>\n\n      {rightPanel}\n    </Flex>\n  )\n}\n\nexport type ModalCloseProps = ClickableProps\n\nexport const ModalClose: FC<ModalCloseProps> = (props) => {\n  return (\n    <Close p={2} ml=\"auto\" aria-label=\"Close\" {...props}>\n      <CloseIcon fill=\"currentColor\" display=\"block\" />\n    </Close>\n  )\n}\n\nconst Close = styled(Clickable)`\n  color: ${themeGet(\"colors.black100\")};\n\n  &:focus,\n  &:focus-visible {\n    outline: none;\n    color: ${themeGet(\"colors.black60\")};\n  }\n`\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "38.13.1",
+  "version": "38.13.2",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -182,5 +182,5 @@
       "url": "http://localhost"
     }
   },
-  "gitHead": "82a2e2171901d1519dc9aded0032d68ad9630ece"
+  "gitHead": "a4111f48243f5354494b916b6f9338fdd12a033c"
 }