@zendeskgarden/react-modals 8.69.3 → 8.69.5

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.
Files changed (4) hide show
  1. package/dist/index.cjs.js +35 -23
  2. package/dist/index.esm.js +35 -23
  3. package/dist/typings/index.d.ts +1 -2
  4. package/package.json +3 -3
package/dist/index.cjs.js CHANGED
@@ -73,13 +73,19 @@ function _extends$2() {
73
73
 
74
74
  const COMPONENT_ID$j = 'modals.backdrop';
75
75
  const animationName$1 = styled.keyframes(["0%{opacity:0;}100%{opacity:1;}"]);
76
+ const animationStyles$1 = props => {
77
+ if (props.isAnimated) {
78
+ return styled.css(["animation:", " 0.15s ease-in;"], animationName$1);
79
+ }
80
+ return '';
81
+ };
76
82
  const StyledBackdrop = styled__default.default.div.attrs({
77
83
  'data-garden-id': COMPONENT_ID$j,
78
- 'data-garden-version': '8.69.3'
84
+ 'data-garden-version': '8.69.5'
79
85
  }).withConfig({
80
86
  displayName: "StyledBackdrop",
81
87
  componentId: "sc-mzdjpo-0"
82
- })(["display:flex;position:fixed;top:0;right:0;bottom:0;left:0;align-items:", ";justify-content:", ";z-index:400;background-color:", ";overflow:auto;-webkit-overflow-scrolling:touch;font-family:", ";direction:", ";animation:", ";", ";"], props => props.isCentered && 'center', props => props.isCentered && 'center', props => reactTheming.getColor('neutralHue', 800, props.theme, 0.85), props => props.theme.fonts.system, props => props.theme.rtl && 'rtl', props => props.isAnimated && styled.css(["", " 0.15s ease-in"], animationName$1), props => reactTheming.retrieveComponentStyles(COMPONENT_ID$j, props));
88
+ })(["display:flex;position:fixed;inset:0;align-items:", ";justify-content:", ";z-index:400;background-color:", ";overflow:auto;-webkit-overflow-scrolling:touch;font-family:", ";direction:", ";", ";", ";"], props => props.isCentered && 'center', props => props.isCentered && 'center', props => reactTheming.getColor('neutralHue', 800, props.theme, 0.85), props => props.theme.fonts.system, props => props.theme.rtl && 'rtl', animationStyles$1, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$j, props));
83
89
  StyledBackdrop.defaultProps = {
84
90
  theme: reactTheming.DEFAULT_THEME
85
91
  };
@@ -91,7 +97,7 @@ StyledBackdrop.propTypes = {
91
97
  const COMPONENT_ID$i = 'modals.body';
92
98
  const StyledBody = styled__default.default.div.attrs({
93
99
  'data-garden-id': COMPONENT_ID$i,
94
- 'data-garden-version': '8.69.3'
100
+ 'data-garden-version': '8.69.5'
95
101
  }).withConfig({
96
102
  displayName: "StyledBody",
97
103
  componentId: "sc-14rzecg-0"
@@ -116,7 +122,7 @@ const BASE_MULTIPLIERS$1 = {
116
122
  };
117
123
  const StyledClose = styled__default.default.button.attrs({
118
124
  'data-garden-id': COMPONENT_ID$h,
119
- 'data-garden-version': '8.69.3'
125
+ 'data-garden-version': '8.69.5'
120
126
  }).withConfig({
121
127
  displayName: "StyledClose",
122
128
  componentId: "sc-iseudj-0"
@@ -128,7 +134,7 @@ StyledClose.defaultProps = {
128
134
  const COMPONENT_ID$g = 'modals.footer';
129
135
  const StyledFooter = styled__default.default.div.attrs({
130
136
  'data-garden-id': COMPONENT_ID$g,
131
- 'data-garden-version': '8.69.3'
137
+ 'data-garden-version': '8.69.5'
132
138
  }).withConfig({
133
139
  displayName: "StyledFooter",
134
140
  componentId: "sc-d8pfdu-0"
@@ -140,7 +146,7 @@ StyledFooter.defaultProps = {
140
146
  const COMPONENT_ID$f = 'modals.footer_item';
141
147
  const StyledFooterItem = styled__default.default.span.attrs({
142
148
  'data-garden-id': COMPONENT_ID$f,
143
- 'data-garden-version': '8.69.3'
149
+ 'data-garden-version': '8.69.5'
144
150
  }).withConfig({
145
151
  displayName: "StyledFooterItem",
146
152
  componentId: "sc-1mb76hl-0"
@@ -152,7 +158,7 @@ StyledFooterItem.defaultProps = {
152
158
  const COMPONENT_ID$e = 'modals.header';
153
159
  const StyledHeader = styled__default.default.div.attrs({
154
160
  'data-garden-id': COMPONENT_ID$e,
155
- 'data-garden-version': '8.69.3'
161
+ 'data-garden-version': '8.69.5'
156
162
  }).withConfig({
157
163
  displayName: "StyledHeader",
158
164
  componentId: "sc-1787r9v-0"
@@ -199,6 +205,12 @@ StyledDangerIcon.defaultProps = {
199
205
 
200
206
  const COMPONENT_ID$d = 'modals.modal';
201
207
  const animationName = styled.keyframes(["0%{transform:scale(0);opacity:0;}50%{transform:scale(1.05);}100%{opacity:1;}"]);
208
+ const animationStyles = props => {
209
+ if (props.isAnimated) {
210
+ return styled.css(["animation:", " 0.3s ease-in;"], animationName);
211
+ }
212
+ return '';
213
+ };
202
214
  const boxShadow$1 = props => {
203
215
  const {
204
216
  theme
@@ -217,11 +229,11 @@ const sizeStyles$1 = props => {
217
229
  };
218
230
  const StyledModal = styled__default.default.div.attrs({
219
231
  'data-garden-id': COMPONENT_ID$d,
220
- 'data-garden-version': '8.69.3'
232
+ 'data-garden-version': '8.69.5'
221
233
  }).withConfig({
222
234
  displayName: "StyledModal",
223
235
  componentId: "sc-1pe1axu-0"
224
- })(["display:flex;position:fixed;flex-direction:column;margin:", ";border-radius:", ";box-shadow:", ";background-color:", ";min-height:60px;max-height:calc(100vh - ", "px);animation:", ";animation-delay:0.01s;overflow:auto;direction:", ";", " &:focus{outline:none;}@media (max-height:399px){top:", "px;bottom:auto;margin-bottom:", "px;max-height:none;}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){right:", ";bottom:", ";transform:", ";}", ";"], props => props.isCentered ? '0' : `${props.theme.space.base * 12}px`, props => props.theme.borderRadii.md, boxShadow$1, props => props.theme.colors.background, props => props.theme.space.base * 24, props => props.isAnimated && styled.css(["", " 0.3s ease-in-out"], animationName), props => props.theme.rtl && 'rtl', sizeStyles$1, props => props.theme.space.base * 6, props => props.theme.space.base * 6, props => props.isCentered && '50%', props => props.isCentered && '50%', props => props.isCentered && 'translate(50%, 50%)', props => reactTheming.retrieveComponentStyles(COMPONENT_ID$d, props));
236
+ })(["display:flex;position:fixed;flex-direction:column;animation-delay:0.01s;margin:", ";border-radius:", ";box-shadow:", ";background-color:", ";min-height:60px;max-height:calc(100vh - ", "px);overflow:auto;direction:", ";", ";", ";&:focus{outline:none;}@media (max-height:399px){top:", "px;bottom:auto;margin-bottom:", "px;max-height:none;}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){right:", ";bottom:", ";transform:", ";}", ";"], props => props.isCentered ? '0' : `${props.theme.space.base * 12}px`, props => props.theme.borderRadii.md, boxShadow$1, props => props.theme.colors.background, props => props.theme.space.base * 24, props => props.theme.rtl && 'rtl', animationStyles, sizeStyles$1, props => props.theme.space.base * 6, props => props.theme.space.base * 6, props => props.isCentered && '50%', props => props.isCentered && '50%', props => props.isCentered && 'translate(50%, 50%)', props => reactTheming.retrieveComponentStyles(COMPONENT_ID$d, props));
225
237
  StyledModal.propTypes = {
226
238
  isLarge: PropTypes__default.default.bool,
227
239
  isAnimated: PropTypes__default.default.bool
@@ -233,11 +245,11 @@ StyledModal.defaultProps = {
233
245
  const COMPONENT_ID$c = 'modals.tooltip_modal.backdrop';
234
246
  const StyledTooltipModalBackdrop = styled__default.default.div.attrs({
235
247
  'data-garden-id': COMPONENT_ID$c,
236
- 'data-garden-version': '8.69.3'
248
+ 'data-garden-version': '8.69.5'
237
249
  }).withConfig({
238
250
  displayName: "StyledTooltipModalBackdrop",
239
251
  componentId: "sc-1yaomgq-0"
240
- })(["position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;overflow:hidden;-webkit-overflow-scrolling:touch;font-family:", ";direction:", ";&.garden-tooltip-modal-transition-exit-active{pointer-events:none;}&.garden-tooltip-modal-transition-exit-active div{transition:opacity 200ms;opacity:0;}", ";"], props => props.theme.fonts.system, props => props.theme.rtl && 'rtl', props => reactTheming.retrieveComponentStyles(COMPONENT_ID$c, props));
252
+ })(["position:fixed;inset:0;z-index:400;overflow:hidden;-webkit-overflow-scrolling:touch;font-family:", ";direction:", ";&.garden-tooltip-modal-transition-exit-active{pointer-events:none;}&.garden-tooltip-modal-transition-exit-active div{transition:opacity 200ms;opacity:0;}", ";"], props => props.theme.fonts.system, props => props.theme.rtl && 'rtl', props => reactTheming.retrieveComponentStyles(COMPONENT_ID$c, props));
241
253
  StyledTooltipModalBackdrop.defaultProps = {
242
254
  theme: reactTheming.DEFAULT_THEME
243
255
  };
@@ -316,7 +328,7 @@ StyledTooltipWrapper.defaultProps = {
316
328
  const COMPONENT_ID$b = 'modals.tooltip_modal';
317
329
  const StyledTooltipModal = styled__default.default.div.attrs(props => ({
318
330
  'data-garden-id': COMPONENT_ID$b,
319
- 'data-garden-version': '8.69.3',
331
+ 'data-garden-version': '8.69.5',
320
332
  className: props.isAnimated && 'is-animated'
321
333
  })).withConfig({
322
334
  displayName: "StyledTooltipModal",
@@ -345,7 +357,7 @@ const sizeStyles = props => `
345
357
  `;
346
358
  const StyledTooltipModalTitle = styled__default.default.div.attrs({
347
359
  'data-garden-id': COMPONENT_ID$a,
348
- 'data-garden-version': '8.69.3'
360
+ 'data-garden-version': '8.69.5'
349
361
  }).withConfig({
350
362
  displayName: "StyledTooltipModalTitle",
351
363
  componentId: "sc-11xjgjs-0"
@@ -357,7 +369,7 @@ StyledTooltipModalTitle.defaultProps = {
357
369
  const COMPONENT_ID$9 = 'modals.tooltip_modal.body';
358
370
  const StyledTooltipModalBody = styled__default.default.div.attrs({
359
371
  'data-garden-id': COMPONENT_ID$9,
360
- 'data-garden-version': '8.69.3'
372
+ 'data-garden-version': '8.69.5'
361
373
  }).withConfig({
362
374
  displayName: "StyledTooltipModalBody",
363
375
  componentId: "sc-195dkzj-0"
@@ -369,7 +381,7 @@ StyledTooltipModalBody.defaultProps = {
369
381
  const COMPONENT_ID$8 = 'modals.tooltip_modal.footer';
370
382
  const StyledTooltipModalFooter = styled__default.default.div.attrs({
371
383
  'data-garden-id': COMPONENT_ID$8,
372
- 'data-garden-version': '8.69.3'
384
+ 'data-garden-version': '8.69.5'
373
385
  }).withConfig({
374
386
  displayName: "StyledTooltipModalFooter",
375
387
  componentId: "sc-fm36a9-0"
@@ -381,7 +393,7 @@ StyledTooltipModalFooter.defaultProps = {
381
393
  const COMPONENT_ID$7 = 'modals.tooltip_modal.footer_item';
382
394
  const StyledTooltipModalFooterItem = styled__default.default(StyledFooterItem).attrs({
383
395
  'data-garden-id': COMPONENT_ID$7,
384
- 'data-garden-version': '8.69.3'
396
+ 'data-garden-version': '8.69.5'
385
397
  }).withConfig({
386
398
  displayName: "StyledTooltipModalFooterItem",
387
399
  componentId: "sc-1nahj6p-0"
@@ -393,7 +405,7 @@ StyledTooltipModalFooterItem.defaultProps = {
393
405
  const COMPONENT_ID$6 = 'modals.tooltip_modal.close';
394
406
  const StyledTooltipModalClose = styled__default.default(StyledClose).attrs({
395
407
  'data-garden-id': COMPONENT_ID$6,
396
- 'data-garden-version': '8.69.3'
408
+ 'data-garden-version': '8.69.5'
397
409
  }).withConfig({
398
410
  displayName: "StyledTooltipModalClose",
399
411
  componentId: "sc-1h2ke3q-0"
@@ -419,7 +431,7 @@ const boxShadow = props => {
419
431
  };
420
432
  const StyledDrawerModal = styled__default.default.div.attrs({
421
433
  'data-garden-id': COMPONENT_ID$5,
422
- 'data-garden-version': '8.69.3'
434
+ 'data-garden-version': '8.69.5'
423
435
  }).withConfig({
424
436
  displayName: "StyledDrawerModal",
425
437
  componentId: "sc-i1sake-0"
@@ -436,7 +448,7 @@ const BASE_MULTIPLIERS = {
436
448
  };
437
449
  const StyledDrawerModalClose = styled__default.default(StyledClose).attrs({
438
450
  'data-garden-id': COMPONENT_ID$4,
439
- 'data-garden-version': '8.69.3'
451
+ 'data-garden-version': '8.69.5'
440
452
  }).withConfig({
441
453
  displayName: "StyledDrawerModalClose",
442
454
  componentId: "sc-hrnaom-0"
@@ -448,7 +460,7 @@ StyledDrawerModalClose.defaultProps = {
448
460
  const COMPONENT_ID$3 = 'modals.drawer_modal.header';
449
461
  const StyledDrawerModalHeader = styled__default.default(StyledHeader).attrs({
450
462
  'data-garden-id': COMPONENT_ID$3,
451
- 'data-garden-version': '8.69.3'
463
+ 'data-garden-version': '8.69.5'
452
464
  }).withConfig({
453
465
  displayName: "StyledDrawerModalHeader",
454
466
  componentId: "sc-1u04rqw-0"
@@ -460,7 +472,7 @@ StyledDrawerModalHeader.defaultProps = {
460
472
  const COMPONENT_ID$2 = 'modals.drawer_modal.body';
461
473
  const StyledDrawerModalBody = styled__default.default(StyledBody).attrs({
462
474
  'data-garden-id': COMPONENT_ID$2,
463
- 'data-garden-version': '8.69.3'
475
+ 'data-garden-version': '8.69.5'
464
476
  }).withConfig({
465
477
  displayName: "StyledDrawerModalBody",
466
478
  componentId: "sc-yafe2y-0"
@@ -472,7 +484,7 @@ StyledDrawerModalBody.defaultProps = {
472
484
  const COMPONENT_ID$1 = 'modals.drawer_modal.footer';
473
485
  const StyledDrawerModalFooter = styled__default.default.div.attrs({
474
486
  'data-garden-id': COMPONENT_ID$1,
475
- 'data-garden-version': '8.69.3'
487
+ 'data-garden-version': '8.69.5'
476
488
  }).withConfig({
477
489
  displayName: "StyledDrawerModalFooter",
478
490
  componentId: "sc-17if4ka-0"
@@ -484,7 +496,7 @@ StyledDrawerModalFooter.defaultProps = {
484
496
  const COMPONENT_ID = 'modals.drawer_modal.footer_item';
485
497
  const StyledDrawerModalFooterItem = styled__default.default(StyledFooterItem).attrs({
486
498
  'data-garden-id': COMPONENT_ID,
487
- 'data-garden-version': '8.69.3'
499
+ 'data-garden-version': '8.69.5'
488
500
  }).withConfig({
489
501
  displayName: "StyledDrawerModalFooterItem",
490
502
  componentId: "sc-1vbl885-0"
package/dist/index.esm.js CHANGED
@@ -40,13 +40,19 @@ function _extends$2() {
40
40
 
41
41
  const COMPONENT_ID$j = 'modals.backdrop';
42
42
  const animationName$1 = keyframes(["0%{opacity:0;}100%{opacity:1;}"]);
43
+ const animationStyles$1 = props => {
44
+ if (props.isAnimated) {
45
+ return css(["animation:", " 0.15s ease-in;"], animationName$1);
46
+ }
47
+ return '';
48
+ };
43
49
  const StyledBackdrop = styled.div.attrs({
44
50
  'data-garden-id': COMPONENT_ID$j,
45
- 'data-garden-version': '8.69.3'
51
+ 'data-garden-version': '8.69.5'
46
52
  }).withConfig({
47
53
  displayName: "StyledBackdrop",
48
54
  componentId: "sc-mzdjpo-0"
49
- })(["display:flex;position:fixed;top:0;right:0;bottom:0;left:0;align-items:", ";justify-content:", ";z-index:400;background-color:", ";overflow:auto;-webkit-overflow-scrolling:touch;font-family:", ";direction:", ";animation:", ";", ";"], props => props.isCentered && 'center', props => props.isCentered && 'center', props => getColor('neutralHue', 800, props.theme, 0.85), props => props.theme.fonts.system, props => props.theme.rtl && 'rtl', props => props.isAnimated && css(["", " 0.15s ease-in"], animationName$1), props => retrieveComponentStyles(COMPONENT_ID$j, props));
55
+ })(["display:flex;position:fixed;inset:0;align-items:", ";justify-content:", ";z-index:400;background-color:", ";overflow:auto;-webkit-overflow-scrolling:touch;font-family:", ";direction:", ";", ";", ";"], props => props.isCentered && 'center', props => props.isCentered && 'center', props => getColor('neutralHue', 800, props.theme, 0.85), props => props.theme.fonts.system, props => props.theme.rtl && 'rtl', animationStyles$1, props => retrieveComponentStyles(COMPONENT_ID$j, props));
50
56
  StyledBackdrop.defaultProps = {
51
57
  theme: DEFAULT_THEME
52
58
  };
@@ -58,7 +64,7 @@ StyledBackdrop.propTypes = {
58
64
  const COMPONENT_ID$i = 'modals.body';
59
65
  const StyledBody = styled.div.attrs({
60
66
  'data-garden-id': COMPONENT_ID$i,
61
- 'data-garden-version': '8.69.3'
67
+ 'data-garden-version': '8.69.5'
62
68
  }).withConfig({
63
69
  displayName: "StyledBody",
64
70
  componentId: "sc-14rzecg-0"
@@ -83,7 +89,7 @@ const BASE_MULTIPLIERS$1 = {
83
89
  };
84
90
  const StyledClose = styled.button.attrs({
85
91
  'data-garden-id': COMPONENT_ID$h,
86
- 'data-garden-version': '8.69.3'
92
+ 'data-garden-version': '8.69.5'
87
93
  }).withConfig({
88
94
  displayName: "StyledClose",
89
95
  componentId: "sc-iseudj-0"
@@ -95,7 +101,7 @@ StyledClose.defaultProps = {
95
101
  const COMPONENT_ID$g = 'modals.footer';
96
102
  const StyledFooter = styled.div.attrs({
97
103
  'data-garden-id': COMPONENT_ID$g,
98
- 'data-garden-version': '8.69.3'
104
+ 'data-garden-version': '8.69.5'
99
105
  }).withConfig({
100
106
  displayName: "StyledFooter",
101
107
  componentId: "sc-d8pfdu-0"
@@ -107,7 +113,7 @@ StyledFooter.defaultProps = {
107
113
  const COMPONENT_ID$f = 'modals.footer_item';
108
114
  const StyledFooterItem = styled.span.attrs({
109
115
  'data-garden-id': COMPONENT_ID$f,
110
- 'data-garden-version': '8.69.3'
116
+ 'data-garden-version': '8.69.5'
111
117
  }).withConfig({
112
118
  displayName: "StyledFooterItem",
113
119
  componentId: "sc-1mb76hl-0"
@@ -119,7 +125,7 @@ StyledFooterItem.defaultProps = {
119
125
  const COMPONENT_ID$e = 'modals.header';
120
126
  const StyledHeader = styled.div.attrs({
121
127
  'data-garden-id': COMPONENT_ID$e,
122
- 'data-garden-version': '8.69.3'
128
+ 'data-garden-version': '8.69.5'
123
129
  }).withConfig({
124
130
  displayName: "StyledHeader",
125
131
  componentId: "sc-1787r9v-0"
@@ -166,6 +172,12 @@ StyledDangerIcon.defaultProps = {
166
172
 
167
173
  const COMPONENT_ID$d = 'modals.modal';
168
174
  const animationName = keyframes(["0%{transform:scale(0);opacity:0;}50%{transform:scale(1.05);}100%{opacity:1;}"]);
175
+ const animationStyles = props => {
176
+ if (props.isAnimated) {
177
+ return css(["animation:", " 0.3s ease-in;"], animationName);
178
+ }
179
+ return '';
180
+ };
169
181
  const boxShadow$1 = props => {
170
182
  const {
171
183
  theme
@@ -184,11 +196,11 @@ const sizeStyles$1 = props => {
184
196
  };
185
197
  const StyledModal = styled.div.attrs({
186
198
  'data-garden-id': COMPONENT_ID$d,
187
- 'data-garden-version': '8.69.3'
199
+ 'data-garden-version': '8.69.5'
188
200
  }).withConfig({
189
201
  displayName: "StyledModal",
190
202
  componentId: "sc-1pe1axu-0"
191
- })(["display:flex;position:fixed;flex-direction:column;margin:", ";border-radius:", ";box-shadow:", ";background-color:", ";min-height:60px;max-height:calc(100vh - ", "px);animation:", ";animation-delay:0.01s;overflow:auto;direction:", ";", " &:focus{outline:none;}@media (max-height:399px){top:", "px;bottom:auto;margin-bottom:", "px;max-height:none;}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){right:", ";bottom:", ";transform:", ";}", ";"], props => props.isCentered ? '0' : `${props.theme.space.base * 12}px`, props => props.theme.borderRadii.md, boxShadow$1, props => props.theme.colors.background, props => props.theme.space.base * 24, props => props.isAnimated && css(["", " 0.3s ease-in-out"], animationName), props => props.theme.rtl && 'rtl', sizeStyles$1, props => props.theme.space.base * 6, props => props.theme.space.base * 6, props => props.isCentered && '50%', props => props.isCentered && '50%', props => props.isCentered && 'translate(50%, 50%)', props => retrieveComponentStyles(COMPONENT_ID$d, props));
203
+ })(["display:flex;position:fixed;flex-direction:column;animation-delay:0.01s;margin:", ";border-radius:", ";box-shadow:", ";background-color:", ";min-height:60px;max-height:calc(100vh - ", "px);overflow:auto;direction:", ";", ";", ";&:focus{outline:none;}@media (max-height:399px){top:", "px;bottom:auto;margin-bottom:", "px;max-height:none;}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){right:", ";bottom:", ";transform:", ";}", ";"], props => props.isCentered ? '0' : `${props.theme.space.base * 12}px`, props => props.theme.borderRadii.md, boxShadow$1, props => props.theme.colors.background, props => props.theme.space.base * 24, props => props.theme.rtl && 'rtl', animationStyles, sizeStyles$1, props => props.theme.space.base * 6, props => props.theme.space.base * 6, props => props.isCentered && '50%', props => props.isCentered && '50%', props => props.isCentered && 'translate(50%, 50%)', props => retrieveComponentStyles(COMPONENT_ID$d, props));
192
204
  StyledModal.propTypes = {
193
205
  isLarge: PropTypes.bool,
194
206
  isAnimated: PropTypes.bool
@@ -200,11 +212,11 @@ StyledModal.defaultProps = {
200
212
  const COMPONENT_ID$c = 'modals.tooltip_modal.backdrop';
201
213
  const StyledTooltipModalBackdrop = styled.div.attrs({
202
214
  'data-garden-id': COMPONENT_ID$c,
203
- 'data-garden-version': '8.69.3'
215
+ 'data-garden-version': '8.69.5'
204
216
  }).withConfig({
205
217
  displayName: "StyledTooltipModalBackdrop",
206
218
  componentId: "sc-1yaomgq-0"
207
- })(["position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;overflow:hidden;-webkit-overflow-scrolling:touch;font-family:", ";direction:", ";&.garden-tooltip-modal-transition-exit-active{pointer-events:none;}&.garden-tooltip-modal-transition-exit-active div{transition:opacity 200ms;opacity:0;}", ";"], props => props.theme.fonts.system, props => props.theme.rtl && 'rtl', props => retrieveComponentStyles(COMPONENT_ID$c, props));
219
+ })(["position:fixed;inset:0;z-index:400;overflow:hidden;-webkit-overflow-scrolling:touch;font-family:", ";direction:", ";&.garden-tooltip-modal-transition-exit-active{pointer-events:none;}&.garden-tooltip-modal-transition-exit-active div{transition:opacity 200ms;opacity:0;}", ";"], props => props.theme.fonts.system, props => props.theme.rtl && 'rtl', props => retrieveComponentStyles(COMPONENT_ID$c, props));
208
220
  StyledTooltipModalBackdrop.defaultProps = {
209
221
  theme: DEFAULT_THEME
210
222
  };
@@ -283,7 +295,7 @@ StyledTooltipWrapper.defaultProps = {
283
295
  const COMPONENT_ID$b = 'modals.tooltip_modal';
284
296
  const StyledTooltipModal = styled.div.attrs(props => ({
285
297
  'data-garden-id': COMPONENT_ID$b,
286
- 'data-garden-version': '8.69.3',
298
+ 'data-garden-version': '8.69.5',
287
299
  className: props.isAnimated && 'is-animated'
288
300
  })).withConfig({
289
301
  displayName: "StyledTooltipModal",
@@ -312,7 +324,7 @@ const sizeStyles = props => `
312
324
  `;
313
325
  const StyledTooltipModalTitle = styled.div.attrs({
314
326
  'data-garden-id': COMPONENT_ID$a,
315
- 'data-garden-version': '8.69.3'
327
+ 'data-garden-version': '8.69.5'
316
328
  }).withConfig({
317
329
  displayName: "StyledTooltipModalTitle",
318
330
  componentId: "sc-11xjgjs-0"
@@ -324,7 +336,7 @@ StyledTooltipModalTitle.defaultProps = {
324
336
  const COMPONENT_ID$9 = 'modals.tooltip_modal.body';
325
337
  const StyledTooltipModalBody = styled.div.attrs({
326
338
  'data-garden-id': COMPONENT_ID$9,
327
- 'data-garden-version': '8.69.3'
339
+ 'data-garden-version': '8.69.5'
328
340
  }).withConfig({
329
341
  displayName: "StyledTooltipModalBody",
330
342
  componentId: "sc-195dkzj-0"
@@ -336,7 +348,7 @@ StyledTooltipModalBody.defaultProps = {
336
348
  const COMPONENT_ID$8 = 'modals.tooltip_modal.footer';
337
349
  const StyledTooltipModalFooter = styled.div.attrs({
338
350
  'data-garden-id': COMPONENT_ID$8,
339
- 'data-garden-version': '8.69.3'
351
+ 'data-garden-version': '8.69.5'
340
352
  }).withConfig({
341
353
  displayName: "StyledTooltipModalFooter",
342
354
  componentId: "sc-fm36a9-0"
@@ -348,7 +360,7 @@ StyledTooltipModalFooter.defaultProps = {
348
360
  const COMPONENT_ID$7 = 'modals.tooltip_modal.footer_item';
349
361
  const StyledTooltipModalFooterItem = styled(StyledFooterItem).attrs({
350
362
  'data-garden-id': COMPONENT_ID$7,
351
- 'data-garden-version': '8.69.3'
363
+ 'data-garden-version': '8.69.5'
352
364
  }).withConfig({
353
365
  displayName: "StyledTooltipModalFooterItem",
354
366
  componentId: "sc-1nahj6p-0"
@@ -360,7 +372,7 @@ StyledTooltipModalFooterItem.defaultProps = {
360
372
  const COMPONENT_ID$6 = 'modals.tooltip_modal.close';
361
373
  const StyledTooltipModalClose = styled(StyledClose).attrs({
362
374
  'data-garden-id': COMPONENT_ID$6,
363
- 'data-garden-version': '8.69.3'
375
+ 'data-garden-version': '8.69.5'
364
376
  }).withConfig({
365
377
  displayName: "StyledTooltipModalClose",
366
378
  componentId: "sc-1h2ke3q-0"
@@ -386,7 +398,7 @@ const boxShadow = props => {
386
398
  };
387
399
  const StyledDrawerModal = styled.div.attrs({
388
400
  'data-garden-id': COMPONENT_ID$5,
389
- 'data-garden-version': '8.69.3'
401
+ 'data-garden-version': '8.69.5'
390
402
  }).withConfig({
391
403
  displayName: "StyledDrawerModal",
392
404
  componentId: "sc-i1sake-0"
@@ -403,7 +415,7 @@ const BASE_MULTIPLIERS = {
403
415
  };
404
416
  const StyledDrawerModalClose = styled(StyledClose).attrs({
405
417
  'data-garden-id': COMPONENT_ID$4,
406
- 'data-garden-version': '8.69.3'
418
+ 'data-garden-version': '8.69.5'
407
419
  }).withConfig({
408
420
  displayName: "StyledDrawerModalClose",
409
421
  componentId: "sc-hrnaom-0"
@@ -415,7 +427,7 @@ StyledDrawerModalClose.defaultProps = {
415
427
  const COMPONENT_ID$3 = 'modals.drawer_modal.header';
416
428
  const StyledDrawerModalHeader = styled(StyledHeader).attrs({
417
429
  'data-garden-id': COMPONENT_ID$3,
418
- 'data-garden-version': '8.69.3'
430
+ 'data-garden-version': '8.69.5'
419
431
  }).withConfig({
420
432
  displayName: "StyledDrawerModalHeader",
421
433
  componentId: "sc-1u04rqw-0"
@@ -427,7 +439,7 @@ StyledDrawerModalHeader.defaultProps = {
427
439
  const COMPONENT_ID$2 = 'modals.drawer_modal.body';
428
440
  const StyledDrawerModalBody = styled(StyledBody).attrs({
429
441
  'data-garden-id': COMPONENT_ID$2,
430
- 'data-garden-version': '8.69.3'
442
+ 'data-garden-version': '8.69.5'
431
443
  }).withConfig({
432
444
  displayName: "StyledDrawerModalBody",
433
445
  componentId: "sc-yafe2y-0"
@@ -439,7 +451,7 @@ StyledDrawerModalBody.defaultProps = {
439
451
  const COMPONENT_ID$1 = 'modals.drawer_modal.footer';
440
452
  const StyledDrawerModalFooter = styled.div.attrs({
441
453
  'data-garden-id': COMPONENT_ID$1,
442
- 'data-garden-version': '8.69.3'
454
+ 'data-garden-version': '8.69.5'
443
455
  }).withConfig({
444
456
  displayName: "StyledDrawerModalFooter",
445
457
  componentId: "sc-17if4ka-0"
@@ -451,7 +463,7 @@ StyledDrawerModalFooter.defaultProps = {
451
463
  const COMPONENT_ID = 'modals.drawer_modal.footer_item';
452
464
  const StyledDrawerModalFooterItem = styled(StyledFooterItem).attrs({
453
465
  'data-garden-id': COMPONENT_ID,
454
- 'data-garden-version': '8.69.3'
466
+ 'data-garden-version': '8.69.5'
455
467
  }).withConfig({
456
468
  displayName: "StyledDrawerModalFooterItem",
457
469
  componentId: "sc-1vbl885-0"
package/dist/typings/index.d.ts CHANGED
@@ -12,5 +12,4 @@ export { FooterItem } from './elements/FooterItem';
12
12
  export { Header } from './elements/Header';
13
13
  export { TooltipModal } from './elements/TooltipModal/TooltipModal';
14
14
  export { DrawerModal } from './elements/DrawerModal/DrawerModal';
15
- export { PLACEMENT } from './types';
16
- export type { IModalProps, IDrawerModalProps, ITooltipModalProps, Placement as GARDEN_PLACEMENT } from './types';
15
+ export { PLACEMENT, type IModalProps, type IDrawerModalProps, type ITooltipModalProps, type Placement as GARDEN_PLACEMENT } from './types';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-modals",
3
- "version": "8.69.3",
3
+ "version": "8.69.5",
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>",
@@ -39,7 +39,7 @@
39
39
  },
40
40
  "devDependencies": {
41
41
  "@types/react-transition-group": "4.4.6",
42
- "@zendeskgarden/react-theming": "^8.69.3",
42
+ "@zendeskgarden/react-theming": "^8.69.5",
43
43
  "@zendeskgarden/svg-icons": "6.33.0"
44
44
  },
45
45
  "keywords": [
@@ -52,5 +52,5 @@
52
52
  "access": "public"
53
53
  },
54
54
  "zendeskgarden:src": "src/index.ts",
55
- "gitHead": "c861fbeb70120b66b05d2ce3a26ccf3047659aa0"
55
+ "gitHead": "610a2e79728debaa8ea03de256d81b83cf4e595f"
56
56
  }