@zendeskgarden/react-modals 9.0.0-next.21 → 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.
@@ -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'
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.21'
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.21'
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.21'
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.21'
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.21'
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.21'
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.21'
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.21'
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.21'
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.21'
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.21'
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.21'
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.21',
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.21'
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.21'
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.21'
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.21'
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.21'
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.21'
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.21'
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.21'
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.21'
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.21'
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.21'
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.21'
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.21'
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.21'
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.21',
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.21'
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.21'
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.21'
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.21'
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.21'
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.21'
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.21'
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.21'
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.21'
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.21'
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.21'
496
+ 'data-garden-version': '9.0.0-next.22'
497
497
  }).withConfig({
498
498
  displayName: "StyledDrawerFooterItem",
499
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.21",
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.21",
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.21",
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": "a245ce2b794ea65142174a6a1f855a111b2677a2"
54
+ "gitHead": "46309385a1495c2297da23409f4196f662fe418b"
55
55
  }