@zendeskgarden/react-modals 9.0.0-next.18 → 9.0.0-next.19
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/esm/styled/StyledBackdrop.js +1 -1
- package/dist/esm/styled/StyledBody.js +1 -1
- package/dist/esm/styled/StyledClose.js +1 -1
- package/dist/esm/styled/StyledDrawer.js +3 -10
- package/dist/esm/styled/StyledDrawerBody.js +1 -1
- package/dist/esm/styled/StyledDrawerClose.js +1 -1
- package/dist/esm/styled/StyledDrawerFooter.js +1 -1
- package/dist/esm/styled/StyledDrawerFooterItem.js +1 -1
- package/dist/esm/styled/StyledDrawerHeader.js +1 -1
- package/dist/esm/styled/StyledFooter.js +1 -1
- package/dist/esm/styled/StyledFooterItem.js +1 -1
- package/dist/esm/styled/StyledHeader.js +1 -1
- package/dist/esm/styled/StyledModal.js +3 -10
- package/dist/esm/styled/StyledTooltipModal.js +1 -1
- package/dist/esm/styled/StyledTooltipModalBackdrop.js +1 -1
- package/dist/esm/styled/StyledTooltipModalBody.js +1 -1
- package/dist/esm/styled/StyledTooltipModalClose.js +1 -1
- package/dist/esm/styled/StyledTooltipModalFooter.js +1 -1
- package/dist/esm/styled/StyledTooltipModalFooterItem.js +1 -1
- package/dist/esm/styled/StyledTooltipModalTitle.js +1 -1
- package/dist/index.cjs.js +24 -38
- package/package.json +4 -4
|
@@ -18,7 +18,7 @@ const animationStyles = props => {
|
|
|
18
18
|
};
|
|
19
19
|
const StyledBackdrop = styled.div.attrs({
|
|
20
20
|
'data-garden-id': COMPONENT_ID,
|
|
21
|
-
'data-garden-version': '9.0.0-next.
|
|
21
|
+
'data-garden-version': '9.0.0-next.19'
|
|
22
22
|
}).withConfig({
|
|
23
23
|
displayName: "StyledBackdrop",
|
|
24
24
|
componentId: "sc-mzdjpo-0"
|
|
@@ -10,7 +10,7 @@ import { getLineHeight, getColor, retrieveComponentStyles, DEFAULT_THEME } from
|
|
|
10
10
|
const COMPONENT_ID = 'modals.body';
|
|
11
11
|
const StyledBody = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.19'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledBody",
|
|
16
16
|
componentId: "sc-14rzecg-0"
|
|
@@ -16,7 +16,7 @@ const BASE_MULTIPLIERS = {
|
|
|
16
16
|
};
|
|
17
17
|
const StyledClose = styled(IconButton).attrs({
|
|
18
18
|
'data-garden-id': COMPONENT_ID,
|
|
19
|
-
'data-garden-version': '9.0.0-next.
|
|
19
|
+
'data-garden-version': '9.0.0-next.19'
|
|
20
20
|
}).withConfig({
|
|
21
21
|
displayName: "StyledClose",
|
|
22
22
|
componentId: "sc-iseudj-0"
|
|
@@ -16,15 +16,8 @@ const colorStyles = _ref => {
|
|
|
16
16
|
const offsetY = `${theme.space.base * 5}px`;
|
|
17
17
|
const blurRadius = `${theme.space.base * 7}px`;
|
|
18
18
|
const shadowColor = getColor({
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
shade: 1200,
|
|
22
|
-
light: {
|
|
23
|
-
transparency: theme.opacity[200]
|
|
24
|
-
},
|
|
25
|
-
dark: {
|
|
26
|
-
transparency: theme.opacity[1000]
|
|
27
|
-
}
|
|
19
|
+
variable: 'shadow.large',
|
|
20
|
+
theme
|
|
28
21
|
});
|
|
29
22
|
const shadow = theme.shadows.lg(offsetY, blurRadius, shadowColor);
|
|
30
23
|
const borderColor = getColor({
|
|
@@ -39,7 +32,7 @@ const colorStyles = _ref => {
|
|
|
39
32
|
};
|
|
40
33
|
const StyledDrawer = styled.div.attrs({
|
|
41
34
|
'data-garden-id': COMPONENT_ID,
|
|
42
|
-
'data-garden-version': '9.0.0-next.
|
|
35
|
+
'data-garden-version': '9.0.0-next.19'
|
|
43
36
|
}).withConfig({
|
|
44
37
|
displayName: "StyledDrawer",
|
|
45
38
|
componentId: "sc-zp66t3-0"
|
|
@@ -11,7 +11,7 @@ import { StyledBody } from './StyledBody.js';
|
|
|
11
11
|
const COMPONENT_ID = 'modals.drawer_modal.body';
|
|
12
12
|
const StyledDrawerBody = styled(StyledBody).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.19'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledDrawerBody",
|
|
17
17
|
componentId: "sc-13qufyn-0"
|
|
@@ -16,7 +16,7 @@ const BASE_MULTIPLIERS = {
|
|
|
16
16
|
};
|
|
17
17
|
const StyledDrawerClose = styled(StyledClose).attrs({
|
|
18
18
|
'data-garden-id': COMPONENT_ID,
|
|
19
|
-
'data-garden-version': '9.0.0-next.
|
|
19
|
+
'data-garden-version': '9.0.0-next.19'
|
|
20
20
|
}).withConfig({
|
|
21
21
|
displayName: "StyledDrawerClose",
|
|
22
22
|
componentId: "sc-1a0xt3x-0"
|
|
@@ -10,7 +10,7 @@ import { getColor, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden
|
|
|
10
10
|
const COMPONENT_ID = 'modals.drawer_modal.footer';
|
|
11
11
|
const StyledDrawerFooter = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.19'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledDrawerFooter",
|
|
16
16
|
componentId: "sc-kc7e6p-0"
|
|
@@ -11,7 +11,7 @@ import { StyledFooterItem } from './StyledFooterItem.js';
|
|
|
11
11
|
const COMPONENT_ID = 'modals.drawer_modal.footer_item';
|
|
12
12
|
const StyledDrawerFooterItem = styled(StyledFooterItem).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.19'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledDrawerFooterItem",
|
|
17
17
|
componentId: "sc-m2yul4-0"
|
|
@@ -12,7 +12,7 @@ import { BASE_MULTIPLIERS } from './StyledDrawerClose.js';
|
|
|
12
12
|
const COMPONENT_ID = 'modals.drawer_modal.header';
|
|
13
13
|
const StyledDrawerHeader = styled(StyledHeader).attrs({
|
|
14
14
|
'data-garden-id': COMPONENT_ID,
|
|
15
|
-
'data-garden-version': '9.0.0-next.
|
|
15
|
+
'data-garden-version': '9.0.0-next.19'
|
|
16
16
|
}).withConfig({
|
|
17
17
|
displayName: "StyledDrawerHeader",
|
|
18
18
|
componentId: "sc-y4mgkj-0"
|
|
@@ -10,7 +10,7 @@ import { getColorV8, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgard
|
|
|
10
10
|
const COMPONENT_ID = 'modals.footer';
|
|
11
11
|
const StyledFooter = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.19'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledFooter",
|
|
16
16
|
componentId: "sc-d8pfdu-0"
|
|
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
10
10
|
const COMPONENT_ID = 'modals.footer_item';
|
|
11
11
|
const StyledFooterItem = styled.span.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.19'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledFooterItem",
|
|
16
16
|
componentId: "sc-1mb76hl-0"
|
|
@@ -26,7 +26,7 @@ const colorStyles = _ref => {
|
|
|
26
26
|
};
|
|
27
27
|
const StyledHeader = styled.div.attrs({
|
|
28
28
|
'data-garden-id': COMPONENT_ID,
|
|
29
|
-
'data-garden-version': '9.0.0-next.
|
|
29
|
+
'data-garden-version': '9.0.0-next.19'
|
|
30
30
|
}).withConfig({
|
|
31
31
|
displayName: "StyledHeader",
|
|
32
32
|
componentId: "sc-1787r9v-0"
|
|
@@ -23,15 +23,8 @@ const colorStyles = _ref => {
|
|
|
23
23
|
const offsetY = `${theme.space.base * 5}px`;
|
|
24
24
|
const blurRadius = `${theme.space.base * 7}px`;
|
|
25
25
|
const shadowColor = getColor({
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
shade: 1200,
|
|
29
|
-
light: {
|
|
30
|
-
transparency: theme.opacity[200]
|
|
31
|
-
},
|
|
32
|
-
dark: {
|
|
33
|
-
transparency: theme.opacity[1000]
|
|
34
|
-
}
|
|
26
|
+
variable: 'shadow.large',
|
|
27
|
+
theme
|
|
35
28
|
});
|
|
36
29
|
const shadow = theme.shadows.lg(offsetY, blurRadius, shadowColor);
|
|
37
30
|
const borderColor = getColor({
|
|
@@ -49,7 +42,7 @@ const sizeStyles = props => {
|
|
|
49
42
|
};
|
|
50
43
|
const StyledModal = styled.div.attrs({
|
|
51
44
|
'data-garden-id': COMPONENT_ID,
|
|
52
|
-
'data-garden-version': '9.0.0-next.
|
|
45
|
+
'data-garden-version': '9.0.0-next.19'
|
|
53
46
|
}).withConfig({
|
|
54
47
|
displayName: "StyledModal",
|
|
55
48
|
componentId: "sc-1pe1axu-0"
|
|
@@ -10,7 +10,7 @@ import { arrowStyles, getArrowPosition, retrieveComponentStyles, DEFAULT_THEME }
|
|
|
10
10
|
const COMPONENT_ID = 'modals.tooltip_modal';
|
|
11
11
|
const StyledTooltipModal = styled.div.attrs(props => ({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.19',
|
|
14
14
|
className: props.isAnimated && 'is-animated'
|
|
15
15
|
})).withConfig({
|
|
16
16
|
displayName: "StyledTooltipModal",
|
|
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
10
10
|
const COMPONENT_ID = 'modals.tooltip_modal.backdrop';
|
|
11
11
|
const StyledTooltipModalBackdrop = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.19'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledTooltipModalBackdrop",
|
|
16
16
|
componentId: "sc-1yaomgq-0"
|
|
@@ -10,7 +10,7 @@ import { getLineHeight, getColor, retrieveComponentStyles, DEFAULT_THEME } from
|
|
|
10
10
|
const COMPONENT_ID = 'modals.tooltip_modal.body';
|
|
11
11
|
const StyledTooltipModalBody = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.19'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledTooltipModalBody",
|
|
16
16
|
componentId: "sc-195dkzj-0"
|
|
@@ -11,7 +11,7 @@ import { StyledClose } from './StyledClose.js';
|
|
|
11
11
|
const COMPONENT_ID = 'modals.tooltip_modal.close';
|
|
12
12
|
const StyledTooltipModalClose = styled(StyledClose).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.19'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledTooltipModalClose",
|
|
17
17
|
componentId: "sc-1h2ke3q-0"
|
|
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
10
10
|
const COMPONENT_ID = 'modals.tooltip_modal.footer';
|
|
11
11
|
const StyledTooltipModalFooter = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.19'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledTooltipModalFooter",
|
|
16
16
|
componentId: "sc-fm36a9-0"
|
|
@@ -11,7 +11,7 @@ import { StyledFooterItem } from './StyledFooterItem.js';
|
|
|
11
11
|
const COMPONENT_ID = 'modals.tooltip_modal.footer_item';
|
|
12
12
|
const StyledTooltipModalFooterItem = styled(StyledFooterItem).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.19'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledTooltipModalFooterItem",
|
|
17
17
|
componentId: "sc-1nahj6p-0"
|
|
@@ -16,7 +16,7 @@ const sizeStyles = props => `
|
|
|
16
16
|
`;
|
|
17
17
|
const StyledTooltipModalTitle = styled.div.attrs({
|
|
18
18
|
'data-garden-id': COMPONENT_ID,
|
|
19
|
-
'data-garden-version': '9.0.0-next.
|
|
19
|
+
'data-garden-version': '9.0.0-next.19'
|
|
20
20
|
}).withConfig({
|
|
21
21
|
displayName: "StyledTooltipModalTitle",
|
|
22
22
|
componentId: "sc-11xjgjs-0"
|
package/dist/index.cjs.js
CHANGED
|
@@ -64,7 +64,7 @@ const animationStyles$1 = props => {
|
|
|
64
64
|
};
|
|
65
65
|
const StyledBackdrop = styled__default.default.div.attrs({
|
|
66
66
|
'data-garden-id': COMPONENT_ID$j,
|
|
67
|
-
'data-garden-version': '9.0.0-next.
|
|
67
|
+
'data-garden-version': '9.0.0-next.19'
|
|
68
68
|
}).withConfig({
|
|
69
69
|
displayName: "StyledBackdrop",
|
|
70
70
|
componentId: "sc-mzdjpo-0"
|
|
@@ -95,7 +95,7 @@ StyledBackdrop.propTypes = {
|
|
|
95
95
|
const COMPONENT_ID$i = 'modals.body';
|
|
96
96
|
const StyledBody = styled__default.default.div.attrs({
|
|
97
97
|
'data-garden-id': COMPONENT_ID$i,
|
|
98
|
-
'data-garden-version': '9.0.0-next.
|
|
98
|
+
'data-garden-version': '9.0.0-next.19'
|
|
99
99
|
}).withConfig({
|
|
100
100
|
displayName: "StyledBody",
|
|
101
101
|
componentId: "sc-14rzecg-0"
|
|
@@ -120,7 +120,7 @@ const BASE_MULTIPLIERS$1 = {
|
|
|
120
120
|
};
|
|
121
121
|
const StyledClose = styled__default.default(reactButtons.IconButton).attrs({
|
|
122
122
|
'data-garden-id': COMPONENT_ID$h,
|
|
123
|
-
'data-garden-version': '9.0.0-next.
|
|
123
|
+
'data-garden-version': '9.0.0-next.19'
|
|
124
124
|
}).withConfig({
|
|
125
125
|
displayName: "StyledClose",
|
|
126
126
|
componentId: "sc-iseudj-0"
|
|
@@ -132,7 +132,7 @@ StyledClose.defaultProps = {
|
|
|
132
132
|
const COMPONENT_ID$g = 'modals.footer';
|
|
133
133
|
const StyledFooter = styled__default.default.div.attrs({
|
|
134
134
|
'data-garden-id': COMPONENT_ID$g,
|
|
135
|
-
'data-garden-version': '9.0.0-next.
|
|
135
|
+
'data-garden-version': '9.0.0-next.19'
|
|
136
136
|
}).withConfig({
|
|
137
137
|
displayName: "StyledFooter",
|
|
138
138
|
componentId: "sc-d8pfdu-0"
|
|
@@ -144,7 +144,7 @@ StyledFooter.defaultProps = {
|
|
|
144
144
|
const COMPONENT_ID$f = 'modals.footer_item';
|
|
145
145
|
const StyledFooterItem = styled__default.default.span.attrs({
|
|
146
146
|
'data-garden-id': COMPONENT_ID$f,
|
|
147
|
-
'data-garden-version': '9.0.0-next.
|
|
147
|
+
'data-garden-version': '9.0.0-next.19'
|
|
148
148
|
}).withConfig({
|
|
149
149
|
displayName: "StyledFooterItem",
|
|
150
150
|
componentId: "sc-1mb76hl-0"
|
|
@@ -171,7 +171,7 @@ const colorStyles$2 = _ref => {
|
|
|
171
171
|
};
|
|
172
172
|
const StyledHeader = styled__default.default.div.attrs({
|
|
173
173
|
'data-garden-id': COMPONENT_ID$e,
|
|
174
|
-
'data-garden-version': '9.0.0-next.
|
|
174
|
+
'data-garden-version': '9.0.0-next.19'
|
|
175
175
|
}).withConfig({
|
|
176
176
|
displayName: "StyledHeader",
|
|
177
177
|
componentId: "sc-1787r9v-0"
|
|
@@ -231,15 +231,8 @@ const colorStyles$1 = _ref => {
|
|
|
231
231
|
const offsetY = `${theme.space.base * 5}px`;
|
|
232
232
|
const blurRadius = `${theme.space.base * 7}px`;
|
|
233
233
|
const shadowColor = reactTheming.getColor({
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
shade: 1200,
|
|
237
|
-
light: {
|
|
238
|
-
transparency: theme.opacity[200]
|
|
239
|
-
},
|
|
240
|
-
dark: {
|
|
241
|
-
transparency: theme.opacity[1000]
|
|
242
|
-
}
|
|
234
|
+
variable: 'shadow.large',
|
|
235
|
+
theme
|
|
243
236
|
});
|
|
244
237
|
const shadow = theme.shadows.lg(offsetY, blurRadius, shadowColor);
|
|
245
238
|
const borderColor = reactTheming.getColor({
|
|
@@ -257,7 +250,7 @@ const sizeStyles$1 = props => {
|
|
|
257
250
|
};
|
|
258
251
|
const StyledModal = styled__default.default.div.attrs({
|
|
259
252
|
'data-garden-id': COMPONENT_ID$d,
|
|
260
|
-
'data-garden-version': '9.0.0-next.
|
|
253
|
+
'data-garden-version': '9.0.0-next.19'
|
|
261
254
|
}).withConfig({
|
|
262
255
|
displayName: "StyledModal",
|
|
263
256
|
componentId: "sc-1pe1axu-0"
|
|
@@ -273,7 +266,7 @@ StyledModal.defaultProps = {
|
|
|
273
266
|
const COMPONENT_ID$c = 'modals.tooltip_modal.backdrop';
|
|
274
267
|
const StyledTooltipModalBackdrop = styled__default.default.div.attrs({
|
|
275
268
|
'data-garden-id': COMPONENT_ID$c,
|
|
276
|
-
'data-garden-version': '9.0.0-next.
|
|
269
|
+
'data-garden-version': '9.0.0-next.19'
|
|
277
270
|
}).withConfig({
|
|
278
271
|
displayName: "StyledTooltipModalBackdrop",
|
|
279
272
|
componentId: "sc-1yaomgq-0"
|
|
@@ -300,7 +293,7 @@ StyledTooltipWrapper.defaultProps = {
|
|
|
300
293
|
const COMPONENT_ID$b = 'modals.tooltip_modal';
|
|
301
294
|
const StyledTooltipModal = styled__default.default.div.attrs(props => ({
|
|
302
295
|
'data-garden-id': COMPONENT_ID$b,
|
|
303
|
-
'data-garden-version': '9.0.0-next.
|
|
296
|
+
'data-garden-version': '9.0.0-next.19',
|
|
304
297
|
className: props.isAnimated && 'is-animated'
|
|
305
298
|
})).withConfig({
|
|
306
299
|
displayName: "StyledTooltipModal",
|
|
@@ -329,7 +322,7 @@ const sizeStyles = props => `
|
|
|
329
322
|
`;
|
|
330
323
|
const StyledTooltipModalTitle = styled__default.default.div.attrs({
|
|
331
324
|
'data-garden-id': COMPONENT_ID$a,
|
|
332
|
-
'data-garden-version': '9.0.0-next.
|
|
325
|
+
'data-garden-version': '9.0.0-next.19'
|
|
333
326
|
}).withConfig({
|
|
334
327
|
displayName: "StyledTooltipModalTitle",
|
|
335
328
|
componentId: "sc-11xjgjs-0"
|
|
@@ -349,7 +342,7 @@ StyledTooltipModalTitle.defaultProps = {
|
|
|
349
342
|
const COMPONENT_ID$9 = 'modals.tooltip_modal.body';
|
|
350
343
|
const StyledTooltipModalBody = styled__default.default.div.attrs({
|
|
351
344
|
'data-garden-id': COMPONENT_ID$9,
|
|
352
|
-
'data-garden-version': '9.0.0-next.
|
|
345
|
+
'data-garden-version': '9.0.0-next.19'
|
|
353
346
|
}).withConfig({
|
|
354
347
|
displayName: "StyledTooltipModalBody",
|
|
355
348
|
componentId: "sc-195dkzj-0"
|
|
@@ -369,7 +362,7 @@ StyledTooltipModalBody.defaultProps = {
|
|
|
369
362
|
const COMPONENT_ID$8 = 'modals.tooltip_modal.footer';
|
|
370
363
|
const StyledTooltipModalFooter = styled__default.default.div.attrs({
|
|
371
364
|
'data-garden-id': COMPONENT_ID$8,
|
|
372
|
-
'data-garden-version': '9.0.0-next.
|
|
365
|
+
'data-garden-version': '9.0.0-next.19'
|
|
373
366
|
}).withConfig({
|
|
374
367
|
displayName: "StyledTooltipModalFooter",
|
|
375
368
|
componentId: "sc-fm36a9-0"
|
|
@@ -381,7 +374,7 @@ StyledTooltipModalFooter.defaultProps = {
|
|
|
381
374
|
const COMPONENT_ID$7 = 'modals.tooltip_modal.footer_item';
|
|
382
375
|
const StyledTooltipModalFooterItem = styled__default.default(StyledFooterItem).attrs({
|
|
383
376
|
'data-garden-id': COMPONENT_ID$7,
|
|
384
|
-
'data-garden-version': '9.0.0-next.
|
|
377
|
+
'data-garden-version': '9.0.0-next.19'
|
|
385
378
|
}).withConfig({
|
|
386
379
|
displayName: "StyledTooltipModalFooterItem",
|
|
387
380
|
componentId: "sc-1nahj6p-0"
|
|
@@ -393,7 +386,7 @@ StyledTooltipModalFooterItem.defaultProps = {
|
|
|
393
386
|
const COMPONENT_ID$6 = 'modals.tooltip_modal.close';
|
|
394
387
|
const StyledTooltipModalClose = styled__default.default(StyledClose).attrs({
|
|
395
388
|
'data-garden-id': COMPONENT_ID$6,
|
|
396
|
-
'data-garden-version': '9.0.0-next.
|
|
389
|
+
'data-garden-version': '9.0.0-next.19'
|
|
397
390
|
}).withConfig({
|
|
398
391
|
displayName: "StyledTooltipModalClose",
|
|
399
392
|
componentId: "sc-1h2ke3q-0"
|
|
@@ -411,15 +404,8 @@ const colorStyles = _ref => {
|
|
|
411
404
|
const offsetY = `${theme.space.base * 5}px`;
|
|
412
405
|
const blurRadius = `${theme.space.base * 7}px`;
|
|
413
406
|
const shadowColor = reactTheming.getColor({
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
shade: 1200,
|
|
417
|
-
light: {
|
|
418
|
-
transparency: theme.opacity[200]
|
|
419
|
-
},
|
|
420
|
-
dark: {
|
|
421
|
-
transparency: theme.opacity[1000]
|
|
422
|
-
}
|
|
407
|
+
variable: 'shadow.large',
|
|
408
|
+
theme
|
|
423
409
|
});
|
|
424
410
|
const shadow = theme.shadows.lg(offsetY, blurRadius, shadowColor);
|
|
425
411
|
const borderColor = reactTheming.getColor({
|
|
@@ -434,7 +420,7 @@ const colorStyles = _ref => {
|
|
|
434
420
|
};
|
|
435
421
|
const StyledDrawer = styled__default.default.div.attrs({
|
|
436
422
|
'data-garden-id': COMPONENT_ID$5,
|
|
437
|
-
'data-garden-version': '9.0.0-next.
|
|
423
|
+
'data-garden-version': '9.0.0-next.19'
|
|
438
424
|
}).withConfig({
|
|
439
425
|
displayName: "StyledDrawer",
|
|
440
426
|
componentId: "sc-zp66t3-0"
|
|
@@ -451,7 +437,7 @@ const BASE_MULTIPLIERS = {
|
|
|
451
437
|
};
|
|
452
438
|
const StyledDrawerClose = styled__default.default(StyledClose).attrs({
|
|
453
439
|
'data-garden-id': COMPONENT_ID$4,
|
|
454
|
-
'data-garden-version': '9.0.0-next.
|
|
440
|
+
'data-garden-version': '9.0.0-next.19'
|
|
455
441
|
}).withConfig({
|
|
456
442
|
displayName: "StyledDrawerClose",
|
|
457
443
|
componentId: "sc-1a0xt3x-0"
|
|
@@ -463,7 +449,7 @@ StyledDrawerClose.defaultProps = {
|
|
|
463
449
|
const COMPONENT_ID$3 = 'modals.drawer_modal.header';
|
|
464
450
|
const StyledDrawerHeader = styled__default.default(StyledHeader).attrs({
|
|
465
451
|
'data-garden-id': COMPONENT_ID$3,
|
|
466
|
-
'data-garden-version': '9.0.0-next.
|
|
452
|
+
'data-garden-version': '9.0.0-next.19'
|
|
467
453
|
}).withConfig({
|
|
468
454
|
displayName: "StyledDrawerHeader",
|
|
469
455
|
componentId: "sc-y4mgkj-0"
|
|
@@ -475,7 +461,7 @@ StyledDrawerHeader.defaultProps = {
|
|
|
475
461
|
const COMPONENT_ID$2 = 'modals.drawer_modal.body';
|
|
476
462
|
const StyledDrawerBody = styled__default.default(StyledBody).attrs({
|
|
477
463
|
'data-garden-id': COMPONENT_ID$2,
|
|
478
|
-
'data-garden-version': '9.0.0-next.
|
|
464
|
+
'data-garden-version': '9.0.0-next.19'
|
|
479
465
|
}).withConfig({
|
|
480
466
|
displayName: "StyledDrawerBody",
|
|
481
467
|
componentId: "sc-13qufyn-0"
|
|
@@ -487,7 +473,7 @@ StyledDrawerBody.defaultProps = {
|
|
|
487
473
|
const COMPONENT_ID$1 = 'modals.drawer_modal.footer';
|
|
488
474
|
const StyledDrawerFooter = styled__default.default.div.attrs({
|
|
489
475
|
'data-garden-id': COMPONENT_ID$1,
|
|
490
|
-
'data-garden-version': '9.0.0-next.
|
|
476
|
+
'data-garden-version': '9.0.0-next.19'
|
|
491
477
|
}).withConfig({
|
|
492
478
|
displayName: "StyledDrawerFooter",
|
|
493
479
|
componentId: "sc-kc7e6p-0"
|
|
@@ -507,7 +493,7 @@ StyledDrawerFooter.defaultProps = {
|
|
|
507
493
|
const COMPONENT_ID = 'modals.drawer_modal.footer_item';
|
|
508
494
|
const StyledDrawerFooterItem = styled__default.default(StyledFooterItem).attrs({
|
|
509
495
|
'data-garden-id': COMPONENT_ID,
|
|
510
|
-
'data-garden-version': '9.0.0-next.
|
|
496
|
+
'data-garden-version': '9.0.0-next.19'
|
|
511
497
|
}).withConfig({
|
|
512
498
|
displayName: "StyledDrawerFooterItem",
|
|
513
499
|
componentId: "sc-m2yul4-0"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-modals",
|
|
3
|
-
"version": "9.0.0-next.
|
|
3
|
+
"version": "9.0.0-next.19",
|
|
4
4
|
"description": "Components relating to modals in the Garden Design System",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"@floating-ui/react-dom": "^2.0.0",
|
|
25
25
|
"@zendeskgarden/container-modal": "^1.0.15",
|
|
26
26
|
"@zendeskgarden/container-utilities": "^2.0.0",
|
|
27
|
-
"@zendeskgarden/react-buttons": "^9.0.0-next.
|
|
27
|
+
"@zendeskgarden/react-buttons": "^9.0.0-next.19",
|
|
28
28
|
"dom-helpers": "^5.1.0",
|
|
29
29
|
"prop-types": "^15.5.7",
|
|
30
30
|
"react-merge-refs": "^2.0.0",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"@types/react-transition-group": "4.4.10",
|
|
41
|
-
"@zendeskgarden/react-theming": "^9.0.0-next.
|
|
41
|
+
"@zendeskgarden/react-theming": "^9.0.0-next.19",
|
|
42
42
|
"@zendeskgarden/svg-icons": "7.1.1"
|
|
43
43
|
},
|
|
44
44
|
"keywords": [
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"access": "public"
|
|
52
52
|
},
|
|
53
53
|
"zendeskgarden:src": "src/index.ts",
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "3f18fec721a25bebc274de6af38cd88ab4e63a79"
|
|
55
55
|
}
|