@artsy/palette 38.0.0-canary.1357.30002.0 → 38.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/Theme.d.ts
CHANGED
|
@@ -9,6 +9,7 @@ var _Modal = require("../Modal");
|
|
|
9
9
|
var _ModalDialogContent = require("./ModalDialogContent");
|
|
10
10
|
var _Box = require("../Box");
|
|
11
11
|
var _useDidMount = require("../../utils/useDidMount");
|
|
12
|
+
var _Theme = require("../../Theme");
|
|
12
13
|
var _excluded = ["children", "footer", "hasLogo", "leftPanel", "onClose", "rightPanel", "title", "header"],
|
|
13
14
|
_excluded2 = ["width"];
|
|
14
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -40,10 +41,12 @@ var ModalDialog = function ModalDialog(_ref) {
|
|
|
40
41
|
width = _splitBoxProps2$.width,
|
|
41
42
|
boxProps = _objectWithoutProperties(_splitBoxProps2$, _excluded2),
|
|
42
43
|
modalProps = _splitBoxProps2[1];
|
|
44
|
+
var _useTheme = (0, _Theme.useTheme)(),
|
|
45
|
+
theme = _useTheme.theme;
|
|
43
46
|
return /*#__PURE__*/_react.default.createElement(_Modal.ModalBase, _extends({
|
|
44
47
|
onClose: onClose,
|
|
45
48
|
style: isMounted ? {
|
|
46
|
-
backgroundColor:
|
|
49
|
+
backgroundColor: theme.effects.backdrop,
|
|
47
50
|
transition: "background-color 250ms"
|
|
48
51
|
} : {
|
|
49
52
|
backgroundColor: "transparent"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalDialog.js","names":["_react","_interopRequireDefault","require","_Modal","_ModalDialogContent","_Box","_useDidMount","_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","createElement","ModalBase","style","backgroundColor","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\"\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 return (\n <ModalBase\n onClose={onClose}\n style={\n isMounted\n ? {\n backgroundColor:
|
|
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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"}
|
package/dist/tokens.json
CHANGED
|
@@ -39,7 +39,8 @@
|
|
|
39
39
|
"flatShadow": "0 1px 1px 0 rgba(0, 0, 0, 0.05)",
|
|
40
40
|
"textShadow": "0 0 15px rgba(0, 0, 0, 0.25)",
|
|
41
41
|
"overlayGradient": "linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25))",
|
|
42
|
-
"fadeRight": "linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%)"
|
|
42
|
+
"fadeRight": "linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%)",
|
|
43
|
+
"backdrop": "rgba(229, 229, 229, 0.5)"
|
|
43
44
|
},
|
|
44
45
|
"fonts": {
|
|
45
46
|
"sans": "\"ll-unica77\", \"Helvetica Neue\", Helvetica, Arial, sans-serif"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@artsy/palette",
|
|
3
|
-
"version": "38.0.0
|
|
3
|
+
"version": "38.0.0",
|
|
4
4
|
"description": "Design system library for react components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"publishConfig": {
|
|
@@ -118,7 +118,7 @@
|
|
|
118
118
|
},
|
|
119
119
|
"dependencies": {
|
|
120
120
|
"@artsy/icons": "^3.2.2",
|
|
121
|
-
"@artsy/palette-tokens": "6.0.0
|
|
121
|
+
"@artsy/palette-tokens": "^6.0.0",
|
|
122
122
|
"@seznam/compose-react-refs": "^1.0.6",
|
|
123
123
|
"@styled-system/theme-get": "^5.1.2",
|
|
124
124
|
"lodash": "^4.17.21",
|
|
@@ -182,5 +182,5 @@
|
|
|
182
182
|
"url": "http://localhost"
|
|
183
183
|
}
|
|
184
184
|
},
|
|
185
|
-
"gitHead": "
|
|
185
|
+
"gitHead": "2dadbf396f369bab24374a2e98bb3e77b4911d00"
|
|
186
186
|
}
|