@zendeskgarden/react-modals 8.67.0 → 8.68.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.cjs.js +25 -22
  2. package/dist/index.esm.js +26 -23
  3. package/dist/typings/utils/useModalContext.d.ts +1 -0
  4. package/dist/typings/utils/useTooltipModalContext.d.ts +1 -0
  5. package/package.json +4 -4
package/dist/index.cjs.js CHANGED
@@ -143,7 +143,7 @@ const COMPONENT_ID$j = 'modals.backdrop';
143
143
  const animationName$1 = styled.keyframes(["0%{opacity:0;}100%{opacity:1;}"]);
144
144
  const StyledBackdrop = styled__default.default.div.attrs({
145
145
  'data-garden-id': COMPONENT_ID$j,
146
- 'data-garden-version': '8.67.0'
146
+ 'data-garden-version': '8.68.0'
147
147
  }).withConfig({
148
148
  displayName: "StyledBackdrop",
149
149
  componentId: "sc-mzdjpo-0"
@@ -159,7 +159,7 @@ StyledBackdrop.propTypes = {
159
159
  const COMPONENT_ID$i = 'modals.body';
160
160
  const StyledBody = styled__default.default.div.attrs({
161
161
  'data-garden-id': COMPONENT_ID$i,
162
- 'data-garden-version': '8.67.0'
162
+ 'data-garden-version': '8.68.0'
163
163
  }).withConfig({
164
164
  displayName: "StyledBody",
165
165
  componentId: "sc-14rzecg-0"
@@ -172,7 +172,10 @@ const COMPONENT_ID$h = 'modals.close';
172
172
  const colorStyles = props => {
173
173
  const backgroundColor = 'primaryHue';
174
174
  const foregroundColor = 'neutralHue';
175
- return styled.css(["background-color:transparent;color:", ";&:hover{background-color:", ";color:", ";}&[data-garden-focus-visible]{box-shadow:", ";}&:active{transition:background-color 0.1s ease-in-out,color 0.1s ease-in-out;background-color:", ";color:", ";}"], reactTheming.getColor(foregroundColor, 600, props.theme), reactTheming.getColor(backgroundColor, 600, props.theme, 0.08), reactTheming.getColor(foregroundColor, 700, props.theme), props.theme.shadows.md(reactTheming.getColor(backgroundColor, 600, props.theme, 0.35)), reactTheming.getColor(backgroundColor, 600, props.theme, 0.2), reactTheming.getColor(foregroundColor, 800, props.theme));
175
+ return styled.css(["background-color:transparent;color:", ";&:hover{background-color:", ";color:", ";}", " &:active{transition:background-color 0.1s ease-in-out,color 0.1s ease-in-out;background-color:", ";color:", ";}"], reactTheming.getColor(foregroundColor, 600, props.theme), reactTheming.getColor(backgroundColor, 600, props.theme, 0.08), reactTheming.getColor(foregroundColor, 700, props.theme), reactTheming.focusStyles({
176
+ theme: props.theme,
177
+ hue: backgroundColor
178
+ }), reactTheming.getColor(backgroundColor, 600, props.theme, 0.2), reactTheming.getColor(foregroundColor, 800, props.theme));
176
179
  };
177
180
  const BASE_MULTIPLIERS$1 = {
178
181
  top: 2.5,
@@ -181,11 +184,11 @@ const BASE_MULTIPLIERS$1 = {
181
184
  };
182
185
  const StyledClose = styled__default.default.button.attrs({
183
186
  'data-garden-id': COMPONENT_ID$h,
184
- 'data-garden-version': '8.67.0'
187
+ 'data-garden-version': '8.68.0'
185
188
  }).withConfig({
186
189
  displayName: "StyledClose",
187
190
  componentId: "sc-iseudj-0"
188
- })(["display:block;position:absolute;top:", "px;", ":", ";transition:box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out,color 0.25s ease-in-out;border:none;border-radius:50%;background-color:transparent;cursor:pointer;padding:0;width:", "px;height:", "px;overflow:hidden;text-decoration:none;font-size:0;user-select:none;&::-moz-focus-inner{border:0;}&:focus{outline:none;}", " & > svg{vertical-align:middle;}", ";"], props => props.theme.space.base * BASE_MULTIPLIERS$1.top, props => props.theme.rtl ? 'left' : 'right', props => `${props.theme.space.base * BASE_MULTIPLIERS$1.side}px`, props => props.theme.space.base * BASE_MULTIPLIERS$1.size, props => props.theme.space.base * BASE_MULTIPLIERS$1.size, props => colorStyles(props), props => reactTheming.retrieveComponentStyles(COMPONENT_ID$h, props));
191
+ })(["display:block;position:absolute;top:", "px;", ":", ";transition:box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out,color 0.25s ease-in-out;border:none;border-radius:50%;background-color:transparent;cursor:pointer;padding:0;width:", "px;height:", "px;overflow:hidden;text-decoration:none;font-size:0;user-select:none;&::-moz-focus-inner{border:0;}", " & > svg{vertical-align:middle;}", ";"], props => props.theme.space.base * BASE_MULTIPLIERS$1.top, props => props.theme.rtl ? 'left' : 'right', props => `${props.theme.space.base * BASE_MULTIPLIERS$1.side}px`, props => props.theme.space.base * BASE_MULTIPLIERS$1.size, props => props.theme.space.base * BASE_MULTIPLIERS$1.size, props => colorStyles(props), props => reactTheming.retrieveComponentStyles(COMPONENT_ID$h, props));
189
192
  StyledClose.defaultProps = {
190
193
  theme: reactTheming.DEFAULT_THEME
191
194
  };
@@ -193,7 +196,7 @@ StyledClose.defaultProps = {
193
196
  const COMPONENT_ID$g = 'modals.footer';
194
197
  const StyledFooter = styled__default.default.div.attrs({
195
198
  'data-garden-id': COMPONENT_ID$g,
196
- 'data-garden-version': '8.67.0'
199
+ 'data-garden-version': '8.68.0'
197
200
  }).withConfig({
198
201
  displayName: "StyledFooter",
199
202
  componentId: "sc-d8pfdu-0"
@@ -205,7 +208,7 @@ StyledFooter.defaultProps = {
205
208
  const COMPONENT_ID$f = 'modals.footer_item';
206
209
  const StyledFooterItem = styled__default.default.span.attrs({
207
210
  'data-garden-id': COMPONENT_ID$f,
208
- 'data-garden-version': '8.67.0'
211
+ 'data-garden-version': '8.68.0'
209
212
  }).withConfig({
210
213
  displayName: "StyledFooterItem",
211
214
  componentId: "sc-1mb76hl-0"
@@ -217,7 +220,7 @@ StyledFooterItem.defaultProps = {
217
220
  const COMPONENT_ID$e = 'modals.header';
218
221
  const StyledHeader = styled__default.default.div.attrs({
219
222
  'data-garden-id': COMPONENT_ID$e,
220
- 'data-garden-version': '8.67.0'
223
+ 'data-garden-version': '8.68.0'
221
224
  }).withConfig({
222
225
  displayName: "StyledHeader",
223
226
  componentId: "sc-1787r9v-0"
@@ -282,7 +285,7 @@ const sizeStyles$1 = props => {
282
285
  };
283
286
  const StyledModal = styled__default.default.div.attrs({
284
287
  'data-garden-id': COMPONENT_ID$d,
285
- 'data-garden-version': '8.67.0'
288
+ 'data-garden-version': '8.68.0'
286
289
  }).withConfig({
287
290
  displayName: "StyledModal",
288
291
  componentId: "sc-1pe1axu-0"
@@ -298,7 +301,7 @@ StyledModal.defaultProps = {
298
301
  const COMPONENT_ID$c = 'modals.tooltip_modal.backdrop';
299
302
  const StyledTooltipModalBackdrop = styled__default.default.div.attrs({
300
303
  'data-garden-id': COMPONENT_ID$c,
301
- 'data-garden-version': '8.67.0'
304
+ 'data-garden-version': '8.68.0'
302
305
  }).withConfig({
303
306
  displayName: "StyledTooltipModalBackdrop",
304
307
  componentId: "sc-1yaomgq-0"
@@ -381,7 +384,7 @@ StyledTooltipWrapper.defaultProps = {
381
384
  const COMPONENT_ID$b = 'modals.tooltip_modal';
382
385
  const StyledTooltipModal = styled__default.default.div.attrs(props => ({
383
386
  'data-garden-id': COMPONENT_ID$b,
384
- 'data-garden-version': '8.67.0',
387
+ 'data-garden-version': '8.68.0',
385
388
  className: props.isAnimated && 'is-animated'
386
389
  })).withConfig({
387
390
  displayName: "StyledTooltipModal",
@@ -410,7 +413,7 @@ const sizeStyles = props => `
410
413
  `;
411
414
  const StyledTooltipModalTitle = styled__default.default.div.attrs({
412
415
  'data-garden-id': COMPONENT_ID$a,
413
- 'data-garden-version': '8.67.0'
416
+ 'data-garden-version': '8.68.0'
414
417
  }).withConfig({
415
418
  displayName: "StyledTooltipModalTitle",
416
419
  componentId: "sc-11xjgjs-0"
@@ -422,7 +425,7 @@ StyledTooltipModalTitle.defaultProps = {
422
425
  const COMPONENT_ID$9 = 'modals.tooltip_modal.body';
423
426
  const StyledTooltipModalBody = styled__default.default.div.attrs({
424
427
  'data-garden-id': COMPONENT_ID$9,
425
- 'data-garden-version': '8.67.0'
428
+ 'data-garden-version': '8.68.0'
426
429
  }).withConfig({
427
430
  displayName: "StyledTooltipModalBody",
428
431
  componentId: "sc-195dkzj-0"
@@ -434,7 +437,7 @@ StyledTooltipModalBody.defaultProps = {
434
437
  const COMPONENT_ID$8 = 'modals.tooltip_modal.footer';
435
438
  const StyledTooltipModalFooter = styled__default.default.div.attrs({
436
439
  'data-garden-id': COMPONENT_ID$8,
437
- 'data-garden-version': '8.67.0'
440
+ 'data-garden-version': '8.68.0'
438
441
  }).withConfig({
439
442
  displayName: "StyledTooltipModalFooter",
440
443
  componentId: "sc-fm36a9-0"
@@ -446,7 +449,7 @@ StyledTooltipModalFooter.defaultProps = {
446
449
  const COMPONENT_ID$7 = 'modals.tooltip_modal.footer_item';
447
450
  const StyledTooltipModalFooterItem = styled__default.default(StyledFooterItem).attrs({
448
451
  'data-garden-id': COMPONENT_ID$7,
449
- 'data-garden-version': '8.67.0'
452
+ 'data-garden-version': '8.68.0'
450
453
  }).withConfig({
451
454
  displayName: "StyledTooltipModalFooterItem",
452
455
  componentId: "sc-1nahj6p-0"
@@ -458,7 +461,7 @@ StyledTooltipModalFooterItem.defaultProps = {
458
461
  const COMPONENT_ID$6 = 'modals.tooltip_modal.close';
459
462
  const StyledTooltipModalClose = styled__default.default(StyledClose).attrs({
460
463
  'data-garden-id': COMPONENT_ID$6,
461
- 'data-garden-version': '8.67.0'
464
+ 'data-garden-version': '8.68.0'
462
465
  }).withConfig({
463
466
  displayName: "StyledTooltipModalClose",
464
467
  componentId: "sc-1h2ke3q-0"
@@ -484,7 +487,7 @@ const boxShadow = props => {
484
487
  };
485
488
  const StyledDrawerModal = styled__default.default.div.attrs({
486
489
  'data-garden-id': COMPONENT_ID$5,
487
- 'data-garden-version': '8.67.0'
490
+ 'data-garden-version': '8.68.0'
488
491
  }).withConfig({
489
492
  displayName: "StyledDrawerModal",
490
493
  componentId: "sc-i1sake-0"
@@ -501,7 +504,7 @@ const BASE_MULTIPLIERS = {
501
504
  };
502
505
  const StyledDrawerModalClose = styled__default.default(StyledClose).attrs({
503
506
  'data-garden-id': COMPONENT_ID$4,
504
- 'data-garden-version': '8.67.0'
507
+ 'data-garden-version': '8.68.0'
505
508
  }).withConfig({
506
509
  displayName: "StyledDrawerModalClose",
507
510
  componentId: "sc-hrnaom-0"
@@ -513,7 +516,7 @@ StyledDrawerModalClose.defaultProps = {
513
516
  const COMPONENT_ID$3 = 'modals.drawer_modal.header';
514
517
  const StyledDrawerModalHeader = styled__default.default(StyledHeader).attrs({
515
518
  'data-garden-id': COMPONENT_ID$3,
516
- 'data-garden-version': '8.67.0'
519
+ 'data-garden-version': '8.68.0'
517
520
  }).withConfig({
518
521
  displayName: "StyledDrawerModalHeader",
519
522
  componentId: "sc-1u04rqw-0"
@@ -525,7 +528,7 @@ StyledDrawerModalHeader.defaultProps = {
525
528
  const COMPONENT_ID$2 = 'modals.drawer_modal.body';
526
529
  const StyledDrawerModalBody = styled__default.default(StyledBody).attrs({
527
530
  'data-garden-id': COMPONENT_ID$2,
528
- 'data-garden-version': '8.67.0'
531
+ 'data-garden-version': '8.68.0'
529
532
  }).withConfig({
530
533
  displayName: "StyledDrawerModalBody",
531
534
  componentId: "sc-yafe2y-0"
@@ -537,7 +540,7 @@ StyledDrawerModalBody.defaultProps = {
537
540
  const COMPONENT_ID$1 = 'modals.drawer_modal.footer';
538
541
  const StyledDrawerModalFooter = styled__default.default.div.attrs({
539
542
  'data-garden-id': COMPONENT_ID$1,
540
- 'data-garden-version': '8.67.0'
543
+ 'data-garden-version': '8.68.0'
541
544
  }).withConfig({
542
545
  displayName: "StyledDrawerModalFooter",
543
546
  componentId: "sc-17if4ka-0"
@@ -549,7 +552,7 @@ StyledDrawerModalFooter.defaultProps = {
549
552
  const COMPONENT_ID = 'modals.drawer_modal.footer_item';
550
553
  const StyledDrawerModalFooterItem = styled__default.default(StyledFooterItem).attrs({
551
554
  'data-garden-id': COMPONENT_ID,
552
- 'data-garden-version': '8.67.0'
555
+ 'data-garden-version': '8.68.0'
553
556
  }).withConfig({
554
557
  displayName: "StyledDrawerModalFooterItem",
555
558
  componentId: "sc-1vbl885-0"
package/dist/index.esm.js CHANGED
@@ -10,7 +10,7 @@ import React__default, { createContext, useContext, forwardRef, useRef, useState
10
10
  import ReactDOM, { createPortal } from 'react-dom';
11
11
  import styled, { keyframes, css, ThemeContext } from 'styled-components';
12
12
  import PropTypes from 'prop-types';
13
- import { getColor, retrieveComponentStyles, DEFAULT_THEME, getLineHeight, mediaQuery, menuStyles, arrowStyles, useDocument, useText } from '@zendeskgarden/react-theming';
13
+ import { getColor, retrieveComponentStyles, DEFAULT_THEME, getLineHeight, focusStyles, mediaQuery, menuStyles, arrowStyles, useDocument, useText } from '@zendeskgarden/react-theming';
14
14
  import { useModal } from '@zendeskgarden/container-modal';
15
15
  import { useFocusVisible } from '@zendeskgarden/container-focusvisible';
16
16
  import mergeRefs from 'react-merge-refs';
@@ -116,7 +116,7 @@ const COMPONENT_ID$j = 'modals.backdrop';
116
116
  const animationName$1 = keyframes(["0%{opacity:0;}100%{opacity:1;}"]);
117
117
  const StyledBackdrop = styled.div.attrs({
118
118
  'data-garden-id': COMPONENT_ID$j,
119
- 'data-garden-version': '8.67.0'
119
+ 'data-garden-version': '8.68.0'
120
120
  }).withConfig({
121
121
  displayName: "StyledBackdrop",
122
122
  componentId: "sc-mzdjpo-0"
@@ -132,7 +132,7 @@ StyledBackdrop.propTypes = {
132
132
  const COMPONENT_ID$i = 'modals.body';
133
133
  const StyledBody = styled.div.attrs({
134
134
  'data-garden-id': COMPONENT_ID$i,
135
- 'data-garden-version': '8.67.0'
135
+ 'data-garden-version': '8.68.0'
136
136
  }).withConfig({
137
137
  displayName: "StyledBody",
138
138
  componentId: "sc-14rzecg-0"
@@ -145,7 +145,10 @@ const COMPONENT_ID$h = 'modals.close';
145
145
  const colorStyles = props => {
146
146
  const backgroundColor = 'primaryHue';
147
147
  const foregroundColor = 'neutralHue';
148
- return css(["background-color:transparent;color:", ";&:hover{background-color:", ";color:", ";}&[data-garden-focus-visible]{box-shadow:", ";}&:active{transition:background-color 0.1s ease-in-out,color 0.1s ease-in-out;background-color:", ";color:", ";}"], getColor(foregroundColor, 600, props.theme), getColor(backgroundColor, 600, props.theme, 0.08), getColor(foregroundColor, 700, props.theme), props.theme.shadows.md(getColor(backgroundColor, 600, props.theme, 0.35)), getColor(backgroundColor, 600, props.theme, 0.2), getColor(foregroundColor, 800, props.theme));
148
+ return css(["background-color:transparent;color:", ";&:hover{background-color:", ";color:", ";}", " &:active{transition:background-color 0.1s ease-in-out,color 0.1s ease-in-out;background-color:", ";color:", ";}"], getColor(foregroundColor, 600, props.theme), getColor(backgroundColor, 600, props.theme, 0.08), getColor(foregroundColor, 700, props.theme), focusStyles({
149
+ theme: props.theme,
150
+ hue: backgroundColor
151
+ }), getColor(backgroundColor, 600, props.theme, 0.2), getColor(foregroundColor, 800, props.theme));
149
152
  };
150
153
  const BASE_MULTIPLIERS$1 = {
151
154
  top: 2.5,
@@ -154,11 +157,11 @@ const BASE_MULTIPLIERS$1 = {
154
157
  };
155
158
  const StyledClose = styled.button.attrs({
156
159
  'data-garden-id': COMPONENT_ID$h,
157
- 'data-garden-version': '8.67.0'
160
+ 'data-garden-version': '8.68.0'
158
161
  }).withConfig({
159
162
  displayName: "StyledClose",
160
163
  componentId: "sc-iseudj-0"
161
- })(["display:block;position:absolute;top:", "px;", ":", ";transition:box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out,color 0.25s ease-in-out;border:none;border-radius:50%;background-color:transparent;cursor:pointer;padding:0;width:", "px;height:", "px;overflow:hidden;text-decoration:none;font-size:0;user-select:none;&::-moz-focus-inner{border:0;}&:focus{outline:none;}", " & > svg{vertical-align:middle;}", ";"], props => props.theme.space.base * BASE_MULTIPLIERS$1.top, props => props.theme.rtl ? 'left' : 'right', props => `${props.theme.space.base * BASE_MULTIPLIERS$1.side}px`, props => props.theme.space.base * BASE_MULTIPLIERS$1.size, props => props.theme.space.base * BASE_MULTIPLIERS$1.size, props => colorStyles(props), props => retrieveComponentStyles(COMPONENT_ID$h, props));
164
+ })(["display:block;position:absolute;top:", "px;", ":", ";transition:box-shadow 0.1s ease-in-out,background-color 0.25s ease-in-out,color 0.25s ease-in-out;border:none;border-radius:50%;background-color:transparent;cursor:pointer;padding:0;width:", "px;height:", "px;overflow:hidden;text-decoration:none;font-size:0;user-select:none;&::-moz-focus-inner{border:0;}", " & > svg{vertical-align:middle;}", ";"], props => props.theme.space.base * BASE_MULTIPLIERS$1.top, props => props.theme.rtl ? 'left' : 'right', props => `${props.theme.space.base * BASE_MULTIPLIERS$1.side}px`, props => props.theme.space.base * BASE_MULTIPLIERS$1.size, props => props.theme.space.base * BASE_MULTIPLIERS$1.size, props => colorStyles(props), props => retrieveComponentStyles(COMPONENT_ID$h, props));
162
165
  StyledClose.defaultProps = {
163
166
  theme: DEFAULT_THEME
164
167
  };
@@ -166,7 +169,7 @@ StyledClose.defaultProps = {
166
169
  const COMPONENT_ID$g = 'modals.footer';
167
170
  const StyledFooter = styled.div.attrs({
168
171
  'data-garden-id': COMPONENT_ID$g,
169
- 'data-garden-version': '8.67.0'
172
+ 'data-garden-version': '8.68.0'
170
173
  }).withConfig({
171
174
  displayName: "StyledFooter",
172
175
  componentId: "sc-d8pfdu-0"
@@ -178,7 +181,7 @@ StyledFooter.defaultProps = {
178
181
  const COMPONENT_ID$f = 'modals.footer_item';
179
182
  const StyledFooterItem = styled.span.attrs({
180
183
  'data-garden-id': COMPONENT_ID$f,
181
- 'data-garden-version': '8.67.0'
184
+ 'data-garden-version': '8.68.0'
182
185
  }).withConfig({
183
186
  displayName: "StyledFooterItem",
184
187
  componentId: "sc-1mb76hl-0"
@@ -190,7 +193,7 @@ StyledFooterItem.defaultProps = {
190
193
  const COMPONENT_ID$e = 'modals.header';
191
194
  const StyledHeader = styled.div.attrs({
192
195
  'data-garden-id': COMPONENT_ID$e,
193
- 'data-garden-version': '8.67.0'
196
+ 'data-garden-version': '8.68.0'
194
197
  }).withConfig({
195
198
  displayName: "StyledHeader",
196
199
  componentId: "sc-1787r9v-0"
@@ -255,7 +258,7 @@ const sizeStyles$1 = props => {
255
258
  };
256
259
  const StyledModal = styled.div.attrs({
257
260
  'data-garden-id': COMPONENT_ID$d,
258
- 'data-garden-version': '8.67.0'
261
+ 'data-garden-version': '8.68.0'
259
262
  }).withConfig({
260
263
  displayName: "StyledModal",
261
264
  componentId: "sc-1pe1axu-0"
@@ -271,7 +274,7 @@ StyledModal.defaultProps = {
271
274
  const COMPONENT_ID$c = 'modals.tooltip_modal.backdrop';
272
275
  const StyledTooltipModalBackdrop = styled.div.attrs({
273
276
  'data-garden-id': COMPONENT_ID$c,
274
- 'data-garden-version': '8.67.0'
277
+ 'data-garden-version': '8.68.0'
275
278
  }).withConfig({
276
279
  displayName: "StyledTooltipModalBackdrop",
277
280
  componentId: "sc-1yaomgq-0"
@@ -354,7 +357,7 @@ StyledTooltipWrapper.defaultProps = {
354
357
  const COMPONENT_ID$b = 'modals.tooltip_modal';
355
358
  const StyledTooltipModal = styled.div.attrs(props => ({
356
359
  'data-garden-id': COMPONENT_ID$b,
357
- 'data-garden-version': '8.67.0',
360
+ 'data-garden-version': '8.68.0',
358
361
  className: props.isAnimated && 'is-animated'
359
362
  })).withConfig({
360
363
  displayName: "StyledTooltipModal",
@@ -383,7 +386,7 @@ const sizeStyles = props => `
383
386
  `;
384
387
  const StyledTooltipModalTitle = styled.div.attrs({
385
388
  'data-garden-id': COMPONENT_ID$a,
386
- 'data-garden-version': '8.67.0'
389
+ 'data-garden-version': '8.68.0'
387
390
  }).withConfig({
388
391
  displayName: "StyledTooltipModalTitle",
389
392
  componentId: "sc-11xjgjs-0"
@@ -395,7 +398,7 @@ StyledTooltipModalTitle.defaultProps = {
395
398
  const COMPONENT_ID$9 = 'modals.tooltip_modal.body';
396
399
  const StyledTooltipModalBody = styled.div.attrs({
397
400
  'data-garden-id': COMPONENT_ID$9,
398
- 'data-garden-version': '8.67.0'
401
+ 'data-garden-version': '8.68.0'
399
402
  }).withConfig({
400
403
  displayName: "StyledTooltipModalBody",
401
404
  componentId: "sc-195dkzj-0"
@@ -407,7 +410,7 @@ StyledTooltipModalBody.defaultProps = {
407
410
  const COMPONENT_ID$8 = 'modals.tooltip_modal.footer';
408
411
  const StyledTooltipModalFooter = styled.div.attrs({
409
412
  'data-garden-id': COMPONENT_ID$8,
410
- 'data-garden-version': '8.67.0'
413
+ 'data-garden-version': '8.68.0'
411
414
  }).withConfig({
412
415
  displayName: "StyledTooltipModalFooter",
413
416
  componentId: "sc-fm36a9-0"
@@ -419,7 +422,7 @@ StyledTooltipModalFooter.defaultProps = {
419
422
  const COMPONENT_ID$7 = 'modals.tooltip_modal.footer_item';
420
423
  const StyledTooltipModalFooterItem = styled(StyledFooterItem).attrs({
421
424
  'data-garden-id': COMPONENT_ID$7,
422
- 'data-garden-version': '8.67.0'
425
+ 'data-garden-version': '8.68.0'
423
426
  }).withConfig({
424
427
  displayName: "StyledTooltipModalFooterItem",
425
428
  componentId: "sc-1nahj6p-0"
@@ -431,7 +434,7 @@ StyledTooltipModalFooterItem.defaultProps = {
431
434
  const COMPONENT_ID$6 = 'modals.tooltip_modal.close';
432
435
  const StyledTooltipModalClose = styled(StyledClose).attrs({
433
436
  'data-garden-id': COMPONENT_ID$6,
434
- 'data-garden-version': '8.67.0'
437
+ 'data-garden-version': '8.68.0'
435
438
  }).withConfig({
436
439
  displayName: "StyledTooltipModalClose",
437
440
  componentId: "sc-1h2ke3q-0"
@@ -457,7 +460,7 @@ const boxShadow = props => {
457
460
  };
458
461
  const StyledDrawerModal = styled.div.attrs({
459
462
  'data-garden-id': COMPONENT_ID$5,
460
- 'data-garden-version': '8.67.0'
463
+ 'data-garden-version': '8.68.0'
461
464
  }).withConfig({
462
465
  displayName: "StyledDrawerModal",
463
466
  componentId: "sc-i1sake-0"
@@ -474,7 +477,7 @@ const BASE_MULTIPLIERS = {
474
477
  };
475
478
  const StyledDrawerModalClose = styled(StyledClose).attrs({
476
479
  'data-garden-id': COMPONENT_ID$4,
477
- 'data-garden-version': '8.67.0'
480
+ 'data-garden-version': '8.68.0'
478
481
  }).withConfig({
479
482
  displayName: "StyledDrawerModalClose",
480
483
  componentId: "sc-hrnaom-0"
@@ -486,7 +489,7 @@ StyledDrawerModalClose.defaultProps = {
486
489
  const COMPONENT_ID$3 = 'modals.drawer_modal.header';
487
490
  const StyledDrawerModalHeader = styled(StyledHeader).attrs({
488
491
  'data-garden-id': COMPONENT_ID$3,
489
- 'data-garden-version': '8.67.0'
492
+ 'data-garden-version': '8.68.0'
490
493
  }).withConfig({
491
494
  displayName: "StyledDrawerModalHeader",
492
495
  componentId: "sc-1u04rqw-0"
@@ -498,7 +501,7 @@ StyledDrawerModalHeader.defaultProps = {
498
501
  const COMPONENT_ID$2 = 'modals.drawer_modal.body';
499
502
  const StyledDrawerModalBody = styled(StyledBody).attrs({
500
503
  'data-garden-id': COMPONENT_ID$2,
501
- 'data-garden-version': '8.67.0'
504
+ 'data-garden-version': '8.68.0'
502
505
  }).withConfig({
503
506
  displayName: "StyledDrawerModalBody",
504
507
  componentId: "sc-yafe2y-0"
@@ -510,7 +513,7 @@ StyledDrawerModalBody.defaultProps = {
510
513
  const COMPONENT_ID$1 = 'modals.drawer_modal.footer';
511
514
  const StyledDrawerModalFooter = styled.div.attrs({
512
515
  'data-garden-id': COMPONENT_ID$1,
513
- 'data-garden-version': '8.67.0'
516
+ 'data-garden-version': '8.68.0'
514
517
  }).withConfig({
515
518
  displayName: "StyledDrawerModalFooter",
516
519
  componentId: "sc-17if4ka-0"
@@ -522,7 +525,7 @@ StyledDrawerModalFooter.defaultProps = {
522
525
  const COMPONENT_ID = 'modals.drawer_modal.footer_item';
523
526
  const StyledDrawerModalFooterItem = styled(StyledFooterItem).attrs({
524
527
  'data-garden-id': COMPONENT_ID,
525
- 'data-garden-version': '8.67.0'
528
+ 'data-garden-version': '8.68.0'
526
529
  }).withConfig({
527
530
  displayName: "StyledDrawerModalFooterItem",
528
531
  componentId: "sc-1vbl885-0"
package/dist/typings/utils/useModalContext.d.ts CHANGED
@@ -4,6 +4,7 @@
4
4
  * Use of this source code is governed under the Apache License, Version 2.0
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
+ /// <reference types="react" />
7
8
  import { IUseModalReturnValue } from '@zendeskgarden/container-modal';
8
9
  export interface IModalContext {
9
10
  isLarge?: boolean;
package/dist/typings/utils/useTooltipModalContext.d.ts CHANGED
@@ -4,6 +4,7 @@
4
4
  * Use of this source code is governed under the Apache License, Version 2.0
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
+ /// <reference types="react" />
7
8
  import { IUseModalReturnValue } from '@zendeskgarden/container-modal';
8
9
  export interface IModalContext {
9
10
  hasTitle: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-modals",
3
- "version": "8.67.0",
3
+ "version": "8.68.0",
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>",
@@ -32,14 +32,14 @@
32
32
  "react-transition-group": "^4.4.2"
33
33
  },
34
34
  "peerDependencies": {
35
- "@zendeskgarden/react-theming": "^8.1.0",
35
+ "@zendeskgarden/react-theming": "^8.67.0",
36
36
  "react": ">=16.8.0",
37
37
  "react-dom": ">=16.8.0",
38
38
  "styled-components": "^4.2.0 || ^5.0.0"
39
39
  },
40
40
  "devDependencies": {
41
41
  "@types/react-transition-group": "4.4.5",
42
- "@zendeskgarden/react-theming": "^8.67.0",
42
+ "@zendeskgarden/react-theming": "^8.68.0",
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": "50a98b0cd7c85bed2ed88ad869e6f2cd3fc68f62"
55
+ "gitHead": "e05a28d586f47d95e0570fe2d529915aa4285845"
56
56
  }