@zendeskgarden/react-modals 9.0.0-next.20 → 9.0.0-next.22
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/elements/Body.js +1 -1
- package/dist/esm/elements/Close.js +1 -1
- package/dist/esm/elements/Footer.js +1 -1
- package/dist/esm/elements/FooterItem.js +1 -1
- package/dist/esm/elements/Header.js +1 -1
- 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 +1 -1
- 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 +1 -1
- 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 +25 -25
- package/package.json +4 -4
|
@@ -31,6 +31,6 @@ import '../styled/StyledDrawerFooterItem.js';
|
|
|
31
31
|
const FooterItem = React__default.forwardRef((props, ref) => React__default.createElement(StyledFooterItem, Object.assign({
|
|
32
32
|
ref: ref
|
|
33
33
|
}, props)));
|
|
34
|
-
FooterItem.displayName = 'FooterItem';
|
|
34
|
+
FooterItem.displayName = 'Modal.FooterItem';
|
|
35
35
|
|
|
36
36
|
export { FooterItem };
|
|
@@ -58,7 +58,7 @@ const Header = forwardRef((_ref, ref) => {
|
|
|
58
58
|
ref: ref
|
|
59
59
|
}), other.isDanger && React__default.createElement(StyledDangerIcon, null), children);
|
|
60
60
|
});
|
|
61
|
-
Header.displayName = 'Header';
|
|
61
|
+
Header.displayName = 'Modal.Header';
|
|
62
62
|
Header.propTypes = {
|
|
63
63
|
isDanger: PropTypes.bool,
|
|
64
64
|
tag: PropTypes.any
|
|
@@ -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.22'
|
|
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.22'
|
|
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.22'
|
|
20
20
|
}).withConfig({
|
|
21
21
|
displayName: "StyledClose",
|
|
22
22
|
componentId: "sc-iseudj-0"
|
|
@@ -32,7 +32,7 @@ const colorStyles = _ref => {
|
|
|
32
32
|
};
|
|
33
33
|
const StyledDrawer = styled.div.attrs({
|
|
34
34
|
'data-garden-id': COMPONENT_ID,
|
|
35
|
-
'data-garden-version': '9.0.0-next.
|
|
35
|
+
'data-garden-version': '9.0.0-next.22'
|
|
36
36
|
}).withConfig({
|
|
37
37
|
displayName: "StyledDrawer",
|
|
38
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.22'
|
|
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.22'
|
|
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.22'
|
|
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.22'
|
|
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.22'
|
|
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.22'
|
|
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.22'
|
|
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.22'
|
|
30
30
|
}).withConfig({
|
|
31
31
|
displayName: "StyledHeader",
|
|
32
32
|
componentId: "sc-1787r9v-0"
|
|
@@ -42,7 +42,7 @@ const sizeStyles = props => {
|
|
|
42
42
|
};
|
|
43
43
|
const StyledModal = styled.div.attrs({
|
|
44
44
|
'data-garden-id': COMPONENT_ID,
|
|
45
|
-
'data-garden-version': '9.0.0-next.
|
|
45
|
+
'data-garden-version': '9.0.0-next.22'
|
|
46
46
|
}).withConfig({
|
|
47
47
|
displayName: "StyledModal",
|
|
48
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.22',
|
|
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.22'
|
|
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.22'
|
|
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.22'
|
|
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.22'
|
|
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.22'
|
|
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.22'
|
|
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.22'
|
|
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.22'
|
|
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.22'
|
|
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.22'
|
|
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.22'
|
|
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.22'
|
|
175
175
|
}).withConfig({
|
|
176
176
|
displayName: "StyledHeader",
|
|
177
177
|
componentId: "sc-1787r9v-0"
|
|
@@ -250,7 +250,7 @@ const sizeStyles$1 = props => {
|
|
|
250
250
|
};
|
|
251
251
|
const StyledModal = styled__default.default.div.attrs({
|
|
252
252
|
'data-garden-id': COMPONENT_ID$d,
|
|
253
|
-
'data-garden-version': '9.0.0-next.
|
|
253
|
+
'data-garden-version': '9.0.0-next.22'
|
|
254
254
|
}).withConfig({
|
|
255
255
|
displayName: "StyledModal",
|
|
256
256
|
componentId: "sc-1pe1axu-0"
|
|
@@ -266,7 +266,7 @@ StyledModal.defaultProps = {
|
|
|
266
266
|
const COMPONENT_ID$c = 'modals.tooltip_modal.backdrop';
|
|
267
267
|
const StyledTooltipModalBackdrop = styled__default.default.div.attrs({
|
|
268
268
|
'data-garden-id': COMPONENT_ID$c,
|
|
269
|
-
'data-garden-version': '9.0.0-next.
|
|
269
|
+
'data-garden-version': '9.0.0-next.22'
|
|
270
270
|
}).withConfig({
|
|
271
271
|
displayName: "StyledTooltipModalBackdrop",
|
|
272
272
|
componentId: "sc-1yaomgq-0"
|
|
@@ -293,7 +293,7 @@ StyledTooltipWrapper.defaultProps = {
|
|
|
293
293
|
const COMPONENT_ID$b = 'modals.tooltip_modal';
|
|
294
294
|
const StyledTooltipModal = styled__default.default.div.attrs(props => ({
|
|
295
295
|
'data-garden-id': COMPONENT_ID$b,
|
|
296
|
-
'data-garden-version': '9.0.0-next.
|
|
296
|
+
'data-garden-version': '9.0.0-next.22',
|
|
297
297
|
className: props.isAnimated && 'is-animated'
|
|
298
298
|
})).withConfig({
|
|
299
299
|
displayName: "StyledTooltipModal",
|
|
@@ -322,7 +322,7 @@ const sizeStyles = props => `
|
|
|
322
322
|
`;
|
|
323
323
|
const StyledTooltipModalTitle = styled__default.default.div.attrs({
|
|
324
324
|
'data-garden-id': COMPONENT_ID$a,
|
|
325
|
-
'data-garden-version': '9.0.0-next.
|
|
325
|
+
'data-garden-version': '9.0.0-next.22'
|
|
326
326
|
}).withConfig({
|
|
327
327
|
displayName: "StyledTooltipModalTitle",
|
|
328
328
|
componentId: "sc-11xjgjs-0"
|
|
@@ -342,7 +342,7 @@ StyledTooltipModalTitle.defaultProps = {
|
|
|
342
342
|
const COMPONENT_ID$9 = 'modals.tooltip_modal.body';
|
|
343
343
|
const StyledTooltipModalBody = styled__default.default.div.attrs({
|
|
344
344
|
'data-garden-id': COMPONENT_ID$9,
|
|
345
|
-
'data-garden-version': '9.0.0-next.
|
|
345
|
+
'data-garden-version': '9.0.0-next.22'
|
|
346
346
|
}).withConfig({
|
|
347
347
|
displayName: "StyledTooltipModalBody",
|
|
348
348
|
componentId: "sc-195dkzj-0"
|
|
@@ -362,7 +362,7 @@ StyledTooltipModalBody.defaultProps = {
|
|
|
362
362
|
const COMPONENT_ID$8 = 'modals.tooltip_modal.footer';
|
|
363
363
|
const StyledTooltipModalFooter = styled__default.default.div.attrs({
|
|
364
364
|
'data-garden-id': COMPONENT_ID$8,
|
|
365
|
-
'data-garden-version': '9.0.0-next.
|
|
365
|
+
'data-garden-version': '9.0.0-next.22'
|
|
366
366
|
}).withConfig({
|
|
367
367
|
displayName: "StyledTooltipModalFooter",
|
|
368
368
|
componentId: "sc-fm36a9-0"
|
|
@@ -374,7 +374,7 @@ StyledTooltipModalFooter.defaultProps = {
|
|
|
374
374
|
const COMPONENT_ID$7 = 'modals.tooltip_modal.footer_item';
|
|
375
375
|
const StyledTooltipModalFooterItem = styled__default.default(StyledFooterItem).attrs({
|
|
376
376
|
'data-garden-id': COMPONENT_ID$7,
|
|
377
|
-
'data-garden-version': '9.0.0-next.
|
|
377
|
+
'data-garden-version': '9.0.0-next.22'
|
|
378
378
|
}).withConfig({
|
|
379
379
|
displayName: "StyledTooltipModalFooterItem",
|
|
380
380
|
componentId: "sc-1nahj6p-0"
|
|
@@ -386,7 +386,7 @@ StyledTooltipModalFooterItem.defaultProps = {
|
|
|
386
386
|
const COMPONENT_ID$6 = 'modals.tooltip_modal.close';
|
|
387
387
|
const StyledTooltipModalClose = styled__default.default(StyledClose).attrs({
|
|
388
388
|
'data-garden-id': COMPONENT_ID$6,
|
|
389
|
-
'data-garden-version': '9.0.0-next.
|
|
389
|
+
'data-garden-version': '9.0.0-next.22'
|
|
390
390
|
}).withConfig({
|
|
391
391
|
displayName: "StyledTooltipModalClose",
|
|
392
392
|
componentId: "sc-1h2ke3q-0"
|
|
@@ -420,7 +420,7 @@ const colorStyles = _ref => {
|
|
|
420
420
|
};
|
|
421
421
|
const StyledDrawer = styled__default.default.div.attrs({
|
|
422
422
|
'data-garden-id': COMPONENT_ID$5,
|
|
423
|
-
'data-garden-version': '9.0.0-next.
|
|
423
|
+
'data-garden-version': '9.0.0-next.22'
|
|
424
424
|
}).withConfig({
|
|
425
425
|
displayName: "StyledDrawer",
|
|
426
426
|
componentId: "sc-zp66t3-0"
|
|
@@ -437,7 +437,7 @@ const BASE_MULTIPLIERS = {
|
|
|
437
437
|
};
|
|
438
438
|
const StyledDrawerClose = styled__default.default(StyledClose).attrs({
|
|
439
439
|
'data-garden-id': COMPONENT_ID$4,
|
|
440
|
-
'data-garden-version': '9.0.0-next.
|
|
440
|
+
'data-garden-version': '9.0.0-next.22'
|
|
441
441
|
}).withConfig({
|
|
442
442
|
displayName: "StyledDrawerClose",
|
|
443
443
|
componentId: "sc-1a0xt3x-0"
|
|
@@ -449,7 +449,7 @@ StyledDrawerClose.defaultProps = {
|
|
|
449
449
|
const COMPONENT_ID$3 = 'modals.drawer_modal.header';
|
|
450
450
|
const StyledDrawerHeader = styled__default.default(StyledHeader).attrs({
|
|
451
451
|
'data-garden-id': COMPONENT_ID$3,
|
|
452
|
-
'data-garden-version': '9.0.0-next.
|
|
452
|
+
'data-garden-version': '9.0.0-next.22'
|
|
453
453
|
}).withConfig({
|
|
454
454
|
displayName: "StyledDrawerHeader",
|
|
455
455
|
componentId: "sc-y4mgkj-0"
|
|
@@ -461,7 +461,7 @@ StyledDrawerHeader.defaultProps = {
|
|
|
461
461
|
const COMPONENT_ID$2 = 'modals.drawer_modal.body';
|
|
462
462
|
const StyledDrawerBody = styled__default.default(StyledBody).attrs({
|
|
463
463
|
'data-garden-id': COMPONENT_ID$2,
|
|
464
|
-
'data-garden-version': '9.0.0-next.
|
|
464
|
+
'data-garden-version': '9.0.0-next.22'
|
|
465
465
|
}).withConfig({
|
|
466
466
|
displayName: "StyledDrawerBody",
|
|
467
467
|
componentId: "sc-13qufyn-0"
|
|
@@ -473,7 +473,7 @@ StyledDrawerBody.defaultProps = {
|
|
|
473
473
|
const COMPONENT_ID$1 = 'modals.drawer_modal.footer';
|
|
474
474
|
const StyledDrawerFooter = styled__default.default.div.attrs({
|
|
475
475
|
'data-garden-id': COMPONENT_ID$1,
|
|
476
|
-
'data-garden-version': '9.0.0-next.
|
|
476
|
+
'data-garden-version': '9.0.0-next.22'
|
|
477
477
|
}).withConfig({
|
|
478
478
|
displayName: "StyledDrawerFooter",
|
|
479
479
|
componentId: "sc-kc7e6p-0"
|
|
@@ -493,7 +493,7 @@ StyledDrawerFooter.defaultProps = {
|
|
|
493
493
|
const COMPONENT_ID = 'modals.drawer_modal.footer_item';
|
|
494
494
|
const StyledDrawerFooterItem = styled__default.default(StyledFooterItem).attrs({
|
|
495
495
|
'data-garden-id': COMPONENT_ID,
|
|
496
|
-
'data-garden-version': '9.0.0-next.
|
|
496
|
+
'data-garden-version': '9.0.0-next.22'
|
|
497
497
|
}).withConfig({
|
|
498
498
|
displayName: "StyledDrawerFooterItem",
|
|
499
499
|
componentId: "sc-m2yul4-0"
|
|
@@ -519,7 +519,7 @@ const Body$2 = React.forwardRef((props, ref) => {
|
|
|
519
519
|
ref: ref
|
|
520
520
|
}));
|
|
521
521
|
});
|
|
522
|
-
Body$2.displayName = 'Body';
|
|
522
|
+
Body$2.displayName = 'Modal.Body';
|
|
523
523
|
|
|
524
524
|
var _path;
|
|
525
525
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
@@ -555,7 +555,7 @@ const Close$2 = React.forwardRef((props, ref) => {
|
|
|
555
555
|
ref: ref
|
|
556
556
|
}), React__namespace.default.createElement(SvgXStroke, null));
|
|
557
557
|
});
|
|
558
|
-
Close$2.displayName = 'Close';
|
|
558
|
+
Close$2.displayName = 'Modal.Close';
|
|
559
559
|
|
|
560
560
|
const Footer$2 = React__namespace.default.forwardRef((props, ref) => {
|
|
561
561
|
const {
|
|
@@ -566,12 +566,12 @@ const Footer$2 = React__namespace.default.forwardRef((props, ref) => {
|
|
|
566
566
|
isLarge: isLarge
|
|
567
567
|
}, props));
|
|
568
568
|
});
|
|
569
|
-
Footer$2.displayName = 'Footer';
|
|
569
|
+
Footer$2.displayName = 'Modal.Footer';
|
|
570
570
|
|
|
571
571
|
const FooterItem$2 = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledFooterItem, Object.assign({
|
|
572
572
|
ref: ref
|
|
573
573
|
}, props)));
|
|
574
|
-
FooterItem$2.displayName = 'FooterItem';
|
|
574
|
+
FooterItem$2.displayName = 'Modal.FooterItem';
|
|
575
575
|
|
|
576
576
|
const Header$1 = React.forwardRef((_ref, ref) => {
|
|
577
577
|
let {
|
|
@@ -601,7 +601,7 @@ const Header$1 = React.forwardRef((_ref, ref) => {
|
|
|
601
601
|
ref: ref
|
|
602
602
|
}), other.isDanger && React__namespace.default.createElement(StyledDangerIcon, null), children);
|
|
603
603
|
});
|
|
604
|
-
Header$1.displayName = 'Header';
|
|
604
|
+
Header$1.displayName = 'Modal.Header';
|
|
605
605
|
Header$1.propTypes = {
|
|
606
606
|
isDanger: PropTypes__default.default.bool,
|
|
607
607
|
tag: PropTypes__default.default.any
|
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.22",
|
|
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.22",
|
|
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.22",
|
|
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": "46309385a1495c2297da23409f4196f662fe418b"
|
|
55
55
|
}
|