@zendeskgarden/react-modals 9.0.0-next.2 → 9.0.0-next.4

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/index.cjs.js CHANGED
@@ -80,7 +80,7 @@ const animationStyles$1 = props => {
80
80
  };
81
81
  const StyledBackdrop = styled__default.default.div.attrs({
82
82
  'data-garden-id': COMPONENT_ID$j,
83
- 'data-garden-version': '9.0.0-next.2'
83
+ 'data-garden-version': '9.0.0-next.4'
84
84
  }).withConfig({
85
85
  displayName: "StyledBackdrop",
86
86
  componentId: "sc-mzdjpo-0"
@@ -96,7 +96,7 @@ StyledBackdrop.propTypes = {
96
96
  const COMPONENT_ID$i = 'modals.body';
97
97
  const StyledBody = styled__default.default.div.attrs({
98
98
  'data-garden-id': COMPONENT_ID$i,
99
- 'data-garden-version': '9.0.0-next.2'
99
+ 'data-garden-version': '9.0.0-next.4'
100
100
  }).withConfig({
101
101
  displayName: "StyledBody",
102
102
  componentId: "sc-14rzecg-0"
@@ -121,7 +121,7 @@ const BASE_MULTIPLIERS$1 = {
121
121
  };
122
122
  const StyledClose = styled__default.default.button.attrs({
123
123
  'data-garden-id': COMPONENT_ID$h,
124
- 'data-garden-version': '9.0.0-next.2'
124
+ 'data-garden-version': '9.0.0-next.4'
125
125
  }).withConfig({
126
126
  displayName: "StyledClose",
127
127
  componentId: "sc-iseudj-0"
@@ -133,7 +133,7 @@ StyledClose.defaultProps = {
133
133
  const COMPONENT_ID$g = 'modals.footer';
134
134
  const StyledFooter = styled__default.default.div.attrs({
135
135
  'data-garden-id': COMPONENT_ID$g,
136
- 'data-garden-version': '9.0.0-next.2'
136
+ 'data-garden-version': '9.0.0-next.4'
137
137
  }).withConfig({
138
138
  displayName: "StyledFooter",
139
139
  componentId: "sc-d8pfdu-0"
@@ -145,7 +145,7 @@ StyledFooter.defaultProps = {
145
145
  const COMPONENT_ID$f = 'modals.footer_item';
146
146
  const StyledFooterItem = styled__default.default.span.attrs({
147
147
  'data-garden-id': COMPONENT_ID$f,
148
- 'data-garden-version': '9.0.0-next.2'
148
+ 'data-garden-version': '9.0.0-next.4'
149
149
  }).withConfig({
150
150
  displayName: "StyledFooterItem",
151
151
  componentId: "sc-1mb76hl-0"
@@ -157,7 +157,7 @@ StyledFooterItem.defaultProps = {
157
157
  const COMPONENT_ID$e = 'modals.header';
158
158
  const StyledHeader = styled__default.default.div.attrs({
159
159
  'data-garden-id': COMPONENT_ID$e,
160
- 'data-garden-version': '9.0.0-next.2'
160
+ 'data-garden-version': '9.0.0-next.4'
161
161
  }).withConfig({
162
162
  displayName: "StyledHeader",
163
163
  componentId: "sc-1787r9v-0"
@@ -228,7 +228,7 @@ const sizeStyles$1 = props => {
228
228
  };
229
229
  const StyledModal = styled__default.default.div.attrs({
230
230
  'data-garden-id': COMPONENT_ID$d,
231
- 'data-garden-version': '9.0.0-next.2'
231
+ 'data-garden-version': '9.0.0-next.4'
232
232
  }).withConfig({
233
233
  displayName: "StyledModal",
234
234
  componentId: "sc-1pe1axu-0"
@@ -244,7 +244,7 @@ StyledModal.defaultProps = {
244
244
  const COMPONENT_ID$c = 'modals.tooltip_modal.backdrop';
245
245
  const StyledTooltipModalBackdrop = styled__default.default.div.attrs({
246
246
  'data-garden-id': COMPONENT_ID$c,
247
- 'data-garden-version': '9.0.0-next.2'
247
+ 'data-garden-version': '9.0.0-next.4'
248
248
  }).withConfig({
249
249
  displayName: "StyledTooltipModalBackdrop",
250
250
  componentId: "sc-1yaomgq-0"
@@ -271,7 +271,7 @@ StyledTooltipWrapper.defaultProps = {
271
271
  const COMPONENT_ID$b = 'modals.tooltip_modal';
272
272
  const StyledTooltipModal = styled__default.default.div.attrs(props => ({
273
273
  'data-garden-id': COMPONENT_ID$b,
274
- 'data-garden-version': '9.0.0-next.2',
274
+ 'data-garden-version': '9.0.0-next.4',
275
275
  className: props.isAnimated && 'is-animated'
276
276
  })).withConfig({
277
277
  displayName: "StyledTooltipModal",
@@ -300,7 +300,7 @@ const sizeStyles = props => `
300
300
  `;
301
301
  const StyledTooltipModalTitle = styled__default.default.div.attrs({
302
302
  'data-garden-id': COMPONENT_ID$a,
303
- 'data-garden-version': '9.0.0-next.2'
303
+ 'data-garden-version': '9.0.0-next.4'
304
304
  }).withConfig({
305
305
  displayName: "StyledTooltipModalTitle",
306
306
  componentId: "sc-11xjgjs-0"
@@ -312,7 +312,7 @@ StyledTooltipModalTitle.defaultProps = {
312
312
  const COMPONENT_ID$9 = 'modals.tooltip_modal.body';
313
313
  const StyledTooltipModalBody = styled__default.default.div.attrs({
314
314
  'data-garden-id': COMPONENT_ID$9,
315
- 'data-garden-version': '9.0.0-next.2'
315
+ 'data-garden-version': '9.0.0-next.4'
316
316
  }).withConfig({
317
317
  displayName: "StyledTooltipModalBody",
318
318
  componentId: "sc-195dkzj-0"
@@ -324,7 +324,7 @@ StyledTooltipModalBody.defaultProps = {
324
324
  const COMPONENT_ID$8 = 'modals.tooltip_modal.footer';
325
325
  const StyledTooltipModalFooter = styled__default.default.div.attrs({
326
326
  'data-garden-id': COMPONENT_ID$8,
327
- 'data-garden-version': '9.0.0-next.2'
327
+ 'data-garden-version': '9.0.0-next.4'
328
328
  }).withConfig({
329
329
  displayName: "StyledTooltipModalFooter",
330
330
  componentId: "sc-fm36a9-0"
@@ -336,7 +336,7 @@ StyledTooltipModalFooter.defaultProps = {
336
336
  const COMPONENT_ID$7 = 'modals.tooltip_modal.footer_item';
337
337
  const StyledTooltipModalFooterItem = styled__default.default(StyledFooterItem).attrs({
338
338
  'data-garden-id': COMPONENT_ID$7,
339
- 'data-garden-version': '9.0.0-next.2'
339
+ 'data-garden-version': '9.0.0-next.4'
340
340
  }).withConfig({
341
341
  displayName: "StyledTooltipModalFooterItem",
342
342
  componentId: "sc-1nahj6p-0"
@@ -348,7 +348,7 @@ StyledTooltipModalFooterItem.defaultProps = {
348
348
  const COMPONENT_ID$6 = 'modals.tooltip_modal.close';
349
349
  const StyledTooltipModalClose = styled__default.default(StyledClose).attrs({
350
350
  'data-garden-id': COMPONENT_ID$6,
351
- 'data-garden-version': '9.0.0-next.2'
351
+ 'data-garden-version': '9.0.0-next.4'
352
352
  }).withConfig({
353
353
  displayName: "StyledTooltipModalClose",
354
354
  componentId: "sc-1h2ke3q-0"
@@ -374,7 +374,7 @@ const boxShadow = props => {
374
374
  };
375
375
  const StyledDrawer = styled__default.default.div.attrs({
376
376
  'data-garden-id': COMPONENT_ID$5,
377
- 'data-garden-version': '9.0.0-next.2'
377
+ 'data-garden-version': '9.0.0-next.4'
378
378
  }).withConfig({
379
379
  displayName: "StyledDrawer",
380
380
  componentId: "sc-zp66t3-0"
@@ -391,7 +391,7 @@ const BASE_MULTIPLIERS = {
391
391
  };
392
392
  const StyledDrawerClose = styled__default.default(StyledClose).attrs({
393
393
  'data-garden-id': COMPONENT_ID$4,
394
- 'data-garden-version': '9.0.0-next.2'
394
+ 'data-garden-version': '9.0.0-next.4'
395
395
  }).withConfig({
396
396
  displayName: "StyledDrawerClose",
397
397
  componentId: "sc-1a0xt3x-0"
@@ -403,7 +403,7 @@ StyledDrawerClose.defaultProps = {
403
403
  const COMPONENT_ID$3 = 'modals.drawer_modal.header';
404
404
  const StyledDrawerHeader = styled__default.default(StyledHeader).attrs({
405
405
  'data-garden-id': COMPONENT_ID$3,
406
- 'data-garden-version': '9.0.0-next.2'
406
+ 'data-garden-version': '9.0.0-next.4'
407
407
  }).withConfig({
408
408
  displayName: "StyledDrawerHeader",
409
409
  componentId: "sc-y4mgkj-0"
@@ -415,7 +415,7 @@ StyledDrawerHeader.defaultProps = {
415
415
  const COMPONENT_ID$2 = 'modals.drawer_modal.body';
416
416
  const StyledDrawerBody = styled__default.default(StyledBody).attrs({
417
417
  'data-garden-id': COMPONENT_ID$2,
418
- 'data-garden-version': '9.0.0-next.2'
418
+ 'data-garden-version': '9.0.0-next.4'
419
419
  }).withConfig({
420
420
  displayName: "StyledDrawerBody",
421
421
  componentId: "sc-13qufyn-0"
@@ -427,7 +427,7 @@ StyledDrawerBody.defaultProps = {
427
427
  const COMPONENT_ID$1 = 'modals.drawer_modal.footer';
428
428
  const StyledDrawerFooter = styled__default.default.div.attrs({
429
429
  'data-garden-id': COMPONENT_ID$1,
430
- 'data-garden-version': '9.0.0-next.2'
430
+ 'data-garden-version': '9.0.0-next.4'
431
431
  }).withConfig({
432
432
  displayName: "StyledDrawerFooter",
433
433
  componentId: "sc-kc7e6p-0"
@@ -439,7 +439,7 @@ StyledDrawerFooter.defaultProps = {
439
439
  const COMPONENT_ID = 'modals.drawer_modal.footer_item';
440
440
  const StyledDrawerFooterItem = styled__default.default(StyledFooterItem).attrs({
441
441
  'data-garden-id': COMPONENT_ID,
442
- 'data-garden-version': '9.0.0-next.2'
442
+ 'data-garden-version': '9.0.0-next.4'
443
443
  }).withConfig({
444
444
  displayName: "StyledDrawerFooterItem",
445
445
  componentId: "sc-m2yul4-0"
@@ -823,6 +823,10 @@ const TooltipModalComponent = React__namespace.default.forwardRef((_ref, ref) =>
823
823
  transform
824
824
  }
825
825
  } = reactDom.useFloating({
826
+ platform: {
827
+ ...reactDom.platform,
828
+ isRTL: () => theme.rtl
829
+ },
826
830
  elements: {
827
831
  reference: referenceElement,
828
832
  floating: floatingElement
package/dist/index.esm.js CHANGED
@@ -20,7 +20,7 @@ import ownerWindow from 'dom-helpers/ownerWindow';
20
20
  import css$1 from 'dom-helpers/css';
21
21
  import getScrollbarSize from 'dom-helpers/scrollbarSize';
22
22
  import { CSSTransition } from 'react-transition-group';
23
- import { useFloating, offset, autoPlacement, autoUpdate } from '@floating-ui/react-dom';
23
+ import { useFloating, platform, offset, autoPlacement, autoUpdate } from '@floating-ui/react-dom';
24
24
  import activeElement from 'dom-helpers/activeElement';
25
25
 
26
26
  function _extends$2() {
@@ -48,7 +48,7 @@ const animationStyles$1 = props => {
48
48
  };
49
49
  const StyledBackdrop = styled.div.attrs({
50
50
  'data-garden-id': COMPONENT_ID$j,
51
- 'data-garden-version': '9.0.0-next.2'
51
+ 'data-garden-version': '9.0.0-next.4'
52
52
  }).withConfig({
53
53
  displayName: "StyledBackdrop",
54
54
  componentId: "sc-mzdjpo-0"
@@ -64,7 +64,7 @@ StyledBackdrop.propTypes = {
64
64
  const COMPONENT_ID$i = 'modals.body';
65
65
  const StyledBody = styled.div.attrs({
66
66
  'data-garden-id': COMPONENT_ID$i,
67
- 'data-garden-version': '9.0.0-next.2'
67
+ 'data-garden-version': '9.0.0-next.4'
68
68
  }).withConfig({
69
69
  displayName: "StyledBody",
70
70
  componentId: "sc-14rzecg-0"
@@ -89,7 +89,7 @@ const BASE_MULTIPLIERS$1 = {
89
89
  };
90
90
  const StyledClose = styled.button.attrs({
91
91
  'data-garden-id': COMPONENT_ID$h,
92
- 'data-garden-version': '9.0.0-next.2'
92
+ 'data-garden-version': '9.0.0-next.4'
93
93
  }).withConfig({
94
94
  displayName: "StyledClose",
95
95
  componentId: "sc-iseudj-0"
@@ -101,7 +101,7 @@ StyledClose.defaultProps = {
101
101
  const COMPONENT_ID$g = 'modals.footer';
102
102
  const StyledFooter = styled.div.attrs({
103
103
  'data-garden-id': COMPONENT_ID$g,
104
- 'data-garden-version': '9.0.0-next.2'
104
+ 'data-garden-version': '9.0.0-next.4'
105
105
  }).withConfig({
106
106
  displayName: "StyledFooter",
107
107
  componentId: "sc-d8pfdu-0"
@@ -113,7 +113,7 @@ StyledFooter.defaultProps = {
113
113
  const COMPONENT_ID$f = 'modals.footer_item';
114
114
  const StyledFooterItem = styled.span.attrs({
115
115
  'data-garden-id': COMPONENT_ID$f,
116
- 'data-garden-version': '9.0.0-next.2'
116
+ 'data-garden-version': '9.0.0-next.4'
117
117
  }).withConfig({
118
118
  displayName: "StyledFooterItem",
119
119
  componentId: "sc-1mb76hl-0"
@@ -125,7 +125,7 @@ StyledFooterItem.defaultProps = {
125
125
  const COMPONENT_ID$e = 'modals.header';
126
126
  const StyledHeader = styled.div.attrs({
127
127
  'data-garden-id': COMPONENT_ID$e,
128
- 'data-garden-version': '9.0.0-next.2'
128
+ 'data-garden-version': '9.0.0-next.4'
129
129
  }).withConfig({
130
130
  displayName: "StyledHeader",
131
131
  componentId: "sc-1787r9v-0"
@@ -196,7 +196,7 @@ const sizeStyles$1 = props => {
196
196
  };
197
197
  const StyledModal = styled.div.attrs({
198
198
  'data-garden-id': COMPONENT_ID$d,
199
- 'data-garden-version': '9.0.0-next.2'
199
+ 'data-garden-version': '9.0.0-next.4'
200
200
  }).withConfig({
201
201
  displayName: "StyledModal",
202
202
  componentId: "sc-1pe1axu-0"
@@ -212,7 +212,7 @@ StyledModal.defaultProps = {
212
212
  const COMPONENT_ID$c = 'modals.tooltip_modal.backdrop';
213
213
  const StyledTooltipModalBackdrop = styled.div.attrs({
214
214
  'data-garden-id': COMPONENT_ID$c,
215
- 'data-garden-version': '9.0.0-next.2'
215
+ 'data-garden-version': '9.0.0-next.4'
216
216
  }).withConfig({
217
217
  displayName: "StyledTooltipModalBackdrop",
218
218
  componentId: "sc-1yaomgq-0"
@@ -239,7 +239,7 @@ StyledTooltipWrapper.defaultProps = {
239
239
  const COMPONENT_ID$b = 'modals.tooltip_modal';
240
240
  const StyledTooltipModal = styled.div.attrs(props => ({
241
241
  'data-garden-id': COMPONENT_ID$b,
242
- 'data-garden-version': '9.0.0-next.2',
242
+ 'data-garden-version': '9.0.0-next.4',
243
243
  className: props.isAnimated && 'is-animated'
244
244
  })).withConfig({
245
245
  displayName: "StyledTooltipModal",
@@ -268,7 +268,7 @@ const sizeStyles = props => `
268
268
  `;
269
269
  const StyledTooltipModalTitle = styled.div.attrs({
270
270
  'data-garden-id': COMPONENT_ID$a,
271
- 'data-garden-version': '9.0.0-next.2'
271
+ 'data-garden-version': '9.0.0-next.4'
272
272
  }).withConfig({
273
273
  displayName: "StyledTooltipModalTitle",
274
274
  componentId: "sc-11xjgjs-0"
@@ -280,7 +280,7 @@ StyledTooltipModalTitle.defaultProps = {
280
280
  const COMPONENT_ID$9 = 'modals.tooltip_modal.body';
281
281
  const StyledTooltipModalBody = styled.div.attrs({
282
282
  'data-garden-id': COMPONENT_ID$9,
283
- 'data-garden-version': '9.0.0-next.2'
283
+ 'data-garden-version': '9.0.0-next.4'
284
284
  }).withConfig({
285
285
  displayName: "StyledTooltipModalBody",
286
286
  componentId: "sc-195dkzj-0"
@@ -292,7 +292,7 @@ StyledTooltipModalBody.defaultProps = {
292
292
  const COMPONENT_ID$8 = 'modals.tooltip_modal.footer';
293
293
  const StyledTooltipModalFooter = styled.div.attrs({
294
294
  'data-garden-id': COMPONENT_ID$8,
295
- 'data-garden-version': '9.0.0-next.2'
295
+ 'data-garden-version': '9.0.0-next.4'
296
296
  }).withConfig({
297
297
  displayName: "StyledTooltipModalFooter",
298
298
  componentId: "sc-fm36a9-0"
@@ -304,7 +304,7 @@ StyledTooltipModalFooter.defaultProps = {
304
304
  const COMPONENT_ID$7 = 'modals.tooltip_modal.footer_item';
305
305
  const StyledTooltipModalFooterItem = styled(StyledFooterItem).attrs({
306
306
  'data-garden-id': COMPONENT_ID$7,
307
- 'data-garden-version': '9.0.0-next.2'
307
+ 'data-garden-version': '9.0.0-next.4'
308
308
  }).withConfig({
309
309
  displayName: "StyledTooltipModalFooterItem",
310
310
  componentId: "sc-1nahj6p-0"
@@ -316,7 +316,7 @@ StyledTooltipModalFooterItem.defaultProps = {
316
316
  const COMPONENT_ID$6 = 'modals.tooltip_modal.close';
317
317
  const StyledTooltipModalClose = styled(StyledClose).attrs({
318
318
  'data-garden-id': COMPONENT_ID$6,
319
- 'data-garden-version': '9.0.0-next.2'
319
+ 'data-garden-version': '9.0.0-next.4'
320
320
  }).withConfig({
321
321
  displayName: "StyledTooltipModalClose",
322
322
  componentId: "sc-1h2ke3q-0"
@@ -342,7 +342,7 @@ const boxShadow = props => {
342
342
  };
343
343
  const StyledDrawer = styled.div.attrs({
344
344
  'data-garden-id': COMPONENT_ID$5,
345
- 'data-garden-version': '9.0.0-next.2'
345
+ 'data-garden-version': '9.0.0-next.4'
346
346
  }).withConfig({
347
347
  displayName: "StyledDrawer",
348
348
  componentId: "sc-zp66t3-0"
@@ -359,7 +359,7 @@ const BASE_MULTIPLIERS = {
359
359
  };
360
360
  const StyledDrawerClose = styled(StyledClose).attrs({
361
361
  'data-garden-id': COMPONENT_ID$4,
362
- 'data-garden-version': '9.0.0-next.2'
362
+ 'data-garden-version': '9.0.0-next.4'
363
363
  }).withConfig({
364
364
  displayName: "StyledDrawerClose",
365
365
  componentId: "sc-1a0xt3x-0"
@@ -371,7 +371,7 @@ StyledDrawerClose.defaultProps = {
371
371
  const COMPONENT_ID$3 = 'modals.drawer_modal.header';
372
372
  const StyledDrawerHeader = styled(StyledHeader).attrs({
373
373
  'data-garden-id': COMPONENT_ID$3,
374
- 'data-garden-version': '9.0.0-next.2'
374
+ 'data-garden-version': '9.0.0-next.4'
375
375
  }).withConfig({
376
376
  displayName: "StyledDrawerHeader",
377
377
  componentId: "sc-y4mgkj-0"
@@ -383,7 +383,7 @@ StyledDrawerHeader.defaultProps = {
383
383
  const COMPONENT_ID$2 = 'modals.drawer_modal.body';
384
384
  const StyledDrawerBody = styled(StyledBody).attrs({
385
385
  'data-garden-id': COMPONENT_ID$2,
386
- 'data-garden-version': '9.0.0-next.2'
386
+ 'data-garden-version': '9.0.0-next.4'
387
387
  }).withConfig({
388
388
  displayName: "StyledDrawerBody",
389
389
  componentId: "sc-13qufyn-0"
@@ -395,7 +395,7 @@ StyledDrawerBody.defaultProps = {
395
395
  const COMPONENT_ID$1 = 'modals.drawer_modal.footer';
396
396
  const StyledDrawerFooter = styled.div.attrs({
397
397
  'data-garden-id': COMPONENT_ID$1,
398
- 'data-garden-version': '9.0.0-next.2'
398
+ 'data-garden-version': '9.0.0-next.4'
399
399
  }).withConfig({
400
400
  displayName: "StyledDrawerFooter",
401
401
  componentId: "sc-kc7e6p-0"
@@ -407,7 +407,7 @@ StyledDrawerFooter.defaultProps = {
407
407
  const COMPONENT_ID = 'modals.drawer_modal.footer_item';
408
408
  const StyledDrawerFooterItem = styled(StyledFooterItem).attrs({
409
409
  'data-garden-id': COMPONENT_ID,
410
- 'data-garden-version': '9.0.0-next.2'
410
+ 'data-garden-version': '9.0.0-next.4'
411
411
  }).withConfig({
412
412
  displayName: "StyledDrawerFooterItem",
413
413
  componentId: "sc-m2yul4-0"
@@ -791,6 +791,10 @@ const TooltipModalComponent = React__default.forwardRef((_ref, ref) => {
791
791
  transform
792
792
  }
793
793
  } = useFloating({
794
+ platform: {
795
+ ...platform,
796
+ isRTL: () => theme.rtl
797
+ },
794
798
  elements: {
795
799
  reference: referenceElement,
796
800
  floating: floatingElement
@@ -12,4 +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 { Drawer } from './elements/Drawer/Drawer';
15
- export { PLACEMENT, type IModalProps, type IDrawerProps, type ITooltipModalProps, type Placement as GARDEN_PLACEMENT } from './types';
15
+ export { PLACEMENT, type IModalProps, type IDrawerProps, type ITooltipModalProps } from './types';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-modals",
3
- "version": "9.0.0-next.2",
3
+ "version": "9.0.0-next.4",
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>",
@@ -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.2",
41
+ "@zendeskgarden/react-theming": "^9.0.0-next.4",
42
42
  "@zendeskgarden/svg-icons": "7.0.0"
43
43
  },
44
44
  "keywords": [
@@ -51,5 +51,5 @@
51
51
  "access": "public"
52
52
  },
53
53
  "zendeskgarden:src": "src/index.ts",
54
- "gitHead": "e47dd011fedf130106acdb485a023340564171af"
54
+ "gitHead": "749220247e3a22d2d502dcb3691d81e6a3d52b02"
55
55
  }