@zendeskgarden/react-chrome 8.69.1 → 8.69.3

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 (78) hide show
  1. package/dist/index.cjs.js +42 -57
  2. package/dist/index.esm.js +40 -56
  3. package/dist/typings/elements/Chrome.d.ts +12 -12
  4. package/dist/typings/elements/SkipNav.d.ts +12 -12
  5. package/dist/typings/elements/body/Body.d.ts +12 -12
  6. package/dist/typings/elements/body/Content.d.ts +11 -11
  7. package/dist/typings/elements/body/Main.d.ts +11 -11
  8. package/dist/typings/elements/body/Sidebar.d.ts +11 -11
  9. package/dist/typings/elements/footer/Footer.d.ts +11 -11
  10. package/dist/typings/elements/footer/FooterItem.d.ts +11 -11
  11. package/dist/typings/elements/header/Header.d.ts +12 -12
  12. package/dist/typings/elements/header/HeaderItem.d.ts +12 -12
  13. package/dist/typings/elements/header/HeaderItemIcon.d.ts +11 -11
  14. package/dist/typings/elements/header/HeaderItemText.d.ts +12 -12
  15. package/dist/typings/elements/header/HeaderItemWrapper.d.ts +12 -12
  16. package/dist/typings/elements/nav/Nav.d.ts +12 -12
  17. package/dist/typings/elements/nav/NavItem.d.ts +12 -12
  18. package/dist/typings/elements/nav/NavItemIcon.d.ts +11 -11
  19. package/dist/typings/elements/nav/NavItemText.d.ts +12 -12
  20. package/dist/typings/elements/sheet/Sheet.d.ts +27 -27
  21. package/dist/typings/elements/sheet/components/Body.d.ts +11 -11
  22. package/dist/typings/elements/sheet/components/Close.d.ts +11 -11
  23. package/dist/typings/elements/sheet/components/Description.d.ts +11 -11
  24. package/dist/typings/elements/sheet/components/Footer.d.ts +12 -12
  25. package/dist/typings/elements/sheet/components/FooterItem.d.ts +11 -11
  26. package/dist/typings/elements/sheet/components/Header.d.ts +11 -11
  27. package/dist/typings/elements/sheet/components/Title.d.ts +11 -11
  28. package/dist/typings/elements/subnav/CollapsibleSubNavItem.d.ts +12 -12
  29. package/dist/typings/elements/subnav/SubNav.d.ts +11 -11
  30. package/dist/typings/elements/subnav/SubNavItem.d.ts +12 -12
  31. package/dist/typings/elements/subnav/SubNavItemText.d.ts +12 -12
  32. package/dist/typings/index.d.ts +32 -32
  33. package/dist/typings/styled/StyledChrome.d.ts +13 -13
  34. package/dist/typings/styled/StyledSkipNav.d.ts +18 -18
  35. package/dist/typings/styled/StyledSkipNavIcon.d.ts +11 -11
  36. package/dist/typings/styled/body/StyledBody.d.ts +10 -10
  37. package/dist/typings/styled/body/StyledContent.d.ts +14 -14
  38. package/dist/typings/styled/body/StyledMain.d.ts +10 -10
  39. package/dist/typings/styled/body/StyledSidebar.d.ts +10 -10
  40. package/dist/typings/styled/footer/StyledFooter.d.ts +12 -12
  41. package/dist/typings/styled/footer/StyledFooterItem.d.ts +13 -13
  42. package/dist/typings/styled/header/StyledBaseHeaderItem.d.ts +21 -21
  43. package/dist/typings/styled/header/StyledHeader.d.ts +12 -12
  44. package/dist/typings/styled/header/StyledHeaderItem.d.ts +15 -15
  45. package/dist/typings/styled/header/StyledHeaderItemIcon.d.ts +13 -13
  46. package/dist/typings/styled/header/StyledHeaderItemText.d.ts +11 -11
  47. package/dist/typings/styled/header/StyledHeaderItemWrapper.d.ts +11 -11
  48. package/dist/typings/styled/header/StyledLogoHeaderItem.d.ts +21 -21
  49. package/dist/typings/styled/index.d.ts +44 -44
  50. package/dist/typings/styled/nav/StyledBaseNavItem.d.ts +16 -16
  51. package/dist/typings/styled/nav/StyledBrandmarkNavItem.d.ts +14 -14
  52. package/dist/typings/styled/nav/StyledLogoNavItem.d.ts +21 -21
  53. package/dist/typings/styled/nav/StyledNav.d.ts +17 -17
  54. package/dist/typings/styled/nav/StyledNavItem.d.ts +26 -26
  55. package/dist/typings/styled/nav/StyledNavItemIcon.d.ts +13 -13
  56. package/dist/typings/styled/nav/StyledNavItemText.d.ts +11 -11
  57. package/dist/typings/styled/sheet/StyledSheet.d.ts +19 -19
  58. package/dist/typings/styled/sheet/StyledSheetBody.d.ts +10 -10
  59. package/dist/typings/styled/sheet/StyledSheetClose.d.ts +16 -16
  60. package/dist/typings/styled/sheet/StyledSheetDescription.d.ts +11 -11
  61. package/dist/typings/styled/sheet/StyledSheetFooter.d.ts +15 -15
  62. package/dist/typings/styled/sheet/StyledSheetFooterItem.d.ts +11 -11
  63. package/dist/typings/styled/sheet/StyledSheetHeader.d.ts +18 -18
  64. package/dist/typings/styled/sheet/StyledSheetTitle.d.ts +11 -11
  65. package/dist/typings/styled/sheet/StyledSheetWrapper.d.ts +19 -19
  66. package/dist/typings/styled/subnav/StyledSubNav.d.ts +17 -17
  67. package/dist/typings/styled/subnav/StyledSubNavItem.d.ts +21 -21
  68. package/dist/typings/styled/subnav/StyledSubNavItemHeader.d.ts +14 -14
  69. package/dist/typings/styled/subnav/StyledSubNavItemIcon.d.ts +14 -14
  70. package/dist/typings/styled/subnav/StyledSubNavItemText.d.ts +11 -11
  71. package/dist/typings/styled/subnav/StyledSubNavPanel.d.ts +12 -12
  72. package/dist/typings/types/index.d.ts +117 -117
  73. package/dist/typings/utils/useBodyContext.d.ts +13 -13
  74. package/dist/typings/utils/useChromeContext.d.ts +15 -15
  75. package/dist/typings/utils/useFocusableMount.d.ts +14 -14
  76. package/dist/typings/utils/useNavContext.d.ts +13 -13
  77. package/dist/typings/utils/useSheetContext.d.ts +15 -15
  78. package/package.json +3 -3
package/dist/index.esm.js CHANGED
@@ -15,6 +15,7 @@ import { useAccordion } from '@zendeskgarden/container-accordion';
15
15
  import { getControlledValue } from '@zendeskgarden/container-utilities';
16
16
  import { useUIDSeed } from 'react-uid';
17
17
  import mergeRefs from 'react-merge-refs';
18
+ import activeElement from 'dom-helpers/activeElement';
18
19
 
19
20
  function _extends$3() {
20
21
  _extends$3 = Object.assign ? Object.assign.bind() : function (target) {
@@ -41,7 +42,7 @@ const useChromeContext = () => {
41
42
  const COMPONENT_ID$A = 'chrome.chrome';
42
43
  const StyledChrome = styled.div.attrs({
43
44
  'data-garden-id': COMPONENT_ID$A,
44
- 'data-garden-version': '8.69.1'
45
+ 'data-garden-version': '8.69.3'
45
46
  }).withConfig({
46
47
  displayName: "StyledChrome",
47
48
  componentId: "sc-1uqm6u6-0"
@@ -53,7 +54,7 @@ StyledChrome.defaultProps = {
53
54
  const COMPONENT_ID$z = 'chrome.header_item_icon';
54
55
  const StyledHeaderItemIcon = styled.div.attrs({
55
56
  'data-garden-id': COMPONENT_ID$z,
56
- 'data-garden-version': '8.69.1'
57
+ 'data-garden-version': '8.69.3'
57
58
  }).withConfig({
58
59
  displayName: "StyledHeaderItemIcon",
59
60
  componentId: "sc-1jhhp6z-0"
@@ -70,7 +71,7 @@ const sizeStyles$4 = props => {
70
71
  };
71
72
  const StyledBaseHeaderItem = styled.button.attrs({
72
73
  'data-garden-id': COMPONENT_ID$y,
73
- 'data-garden-version': '8.69.1'
74
+ 'data-garden-version': '8.69.3'
74
75
  }).withConfig({
75
76
  displayName: "StyledBaseHeaderItem",
76
77
  componentId: "sc-1qua7h6-0"
@@ -91,7 +92,7 @@ const COMPONENT_ID$x = 'chrome.header_item_text';
91
92
  const clippedStyling = css(["position:absolute;margin:0;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
92
93
  const StyledHeaderItemText = styled.span.attrs({
93
94
  'data-garden-id': COMPONENT_ID$x,
94
- 'data-garden-version': '8.69.1'
95
+ 'data-garden-version': '8.69.3'
95
96
  }).withConfig({
96
97
  displayName: "StyledHeaderItemText",
97
98
  componentId: "sc-goz7la-0"
@@ -115,7 +116,7 @@ const getExpandedNavWidth = () => {
115
116
  };
116
117
  const StyledNav = styled.nav.attrs({
117
118
  'data-garden-id': COMPONENT_ID$w,
118
- 'data-garden-version': '8.69.1'
119
+ 'data-garden-version': '8.69.3'
119
120
  }).withConfig({
120
121
  displayName: "StyledNav",
121
122
  componentId: "sc-6j462r-0"
@@ -147,7 +148,7 @@ const retrieveProductColor$1 = props => {
147
148
  };
148
149
  const StyledLogoHeaderItem = styled(StyledBaseHeaderItem).attrs({
149
150
  'data-garden-id': COMPONENT_ID$v,
150
- 'data-garden-version': '8.69.1',
151
+ 'data-garden-version': '8.69.3',
151
152
  as: 'div'
152
153
  }).withConfig({
153
154
  displayName: "StyledLogoHeaderItem",
@@ -168,7 +169,7 @@ const sizeStyles$3 = props => {
168
169
  };
169
170
  const StyledBaseNavItem = styled.button.attrs({
170
171
  'data-garden-id': COMPONENT_ID$u,
171
- 'data-garden-version': '8.69.1'
172
+ 'data-garden-version': '8.69.3'
172
173
  }).withConfig({
173
174
  displayName: "StyledBaseNavItem",
174
175
  componentId: "sc-zvo43f-0"
@@ -183,7 +184,7 @@ const getHeaderHeight = props => {
183
184
  };
184
185
  const StyledHeader = styled.header.attrs({
185
186
  'data-garden-id': COMPONENT_ID$t,
186
- 'data-garden-version': '8.69.1'
187
+ 'data-garden-version': '8.69.3'
187
188
  }).withConfig({
188
189
  displayName: "StyledHeader",
189
190
  componentId: "sc-1cexpz-0"
@@ -221,7 +222,7 @@ const sizeStyles$2 = props => {
221
222
  };
222
223
  const StyledSkipNav = styled.a.attrs({
223
224
  'data-garden-id': COMPONENT_ID$s,
224
- 'data-garden-version': '8.69.1'
225
+ 'data-garden-version': '8.69.3'
225
226
  }).withConfig({
226
227
  displayName: "StyledSkipNav",
227
228
  componentId: "sc-1tsro34-0"
@@ -254,7 +255,7 @@ const sizeStyles$1 = theme => {
254
255
  };
255
256
  const StyledSkipNavIcon = styled(SvgLinkStroke).attrs({
256
257
  'data-garden-id': COMPONENT_ID$r,
257
- 'data-garden-version': '8.69.1'
258
+ 'data-garden-version': '8.69.3'
258
259
  }).withConfig({
259
260
  displayName: "StyledSkipNavIcon",
260
261
  componentId: "sc-1ika5z4-0"
@@ -266,7 +267,7 @@ StyledSkipNavIcon.defaultProps = {
266
267
  const COMPONENT_ID$q = 'chrome.body';
267
268
  const StyledBody = styled.div.attrs({
268
269
  'data-garden-id': COMPONENT_ID$q,
269
- 'data-garden-version': '8.69.1'
270
+ 'data-garden-version': '8.69.3'
270
271
  }).withConfig({
271
272
  displayName: "StyledBody",
272
273
  componentId: "sc-c7h9kv-0"
@@ -281,7 +282,7 @@ const getFooterHeight = props => {
281
282
  };
282
283
  const StyledFooter = styled.footer.attrs({
283
284
  'data-garden-id': COMPONENT_ID$p,
284
- 'data-garden-version': '8.69.1'
285
+ 'data-garden-version': '8.69.3'
285
286
  }).withConfig({
286
287
  displayName: "StyledFooter",
287
288
  componentId: "sc-v7lib2-0"
@@ -293,7 +294,7 @@ StyledFooter.defaultProps = {
293
294
  const COMPONENT_ID$o = 'chrome.content';
294
295
  const StyledContent = styled.div.attrs({
295
296
  'data-garden-id': COMPONENT_ID$o,
296
- 'data-garden-version': '8.69.1'
297
+ 'data-garden-version': '8.69.3'
297
298
  }).withConfig({
298
299
  displayName: "StyledContent",
299
300
  componentId: "sc-qcuzxn-0"
@@ -305,7 +306,7 @@ StyledContent.defaultProps = {
305
306
  const COMPONENT_ID$n = 'chrome.main';
306
307
  const StyledMain = styled.main.attrs({
307
308
  'data-garden-id': COMPONENT_ID$n,
308
- 'data-garden-version': '8.69.1'
309
+ 'data-garden-version': '8.69.3'
309
310
  }).withConfig({
310
311
  displayName: "StyledMain",
311
312
  componentId: "sc-t61cre-0"
@@ -317,7 +318,7 @@ StyledMain.defaultProps = {
317
318
  const COMPONENT_ID$m = 'chrome.sidebar';
318
319
  const StyledSidebar = styled.aside.attrs({
319
320
  'data-garden-id': COMPONENT_ID$m,
320
- 'data-garden-version': '8.69.1'
321
+ 'data-garden-version': '8.69.3'
321
322
  }).withConfig({
322
323
  displayName: "StyledSidebar",
323
324
  componentId: "sc-1q77fuw-0"
@@ -329,7 +330,7 @@ StyledSidebar.defaultProps = {
329
330
  const COMPONENT_ID$l = 'chrome.footer_item';
330
331
  const StyledFooterItem = styled.div.attrs({
331
332
  'data-garden-id': COMPONENT_ID$l,
332
- 'data-garden-version': '8.69.1'
333
+ 'data-garden-version': '8.69.3'
333
334
  }).withConfig({
334
335
  displayName: "StyledFooterItem",
335
336
  componentId: "sc-1cktm85-0"
@@ -345,7 +346,7 @@ const imgStyles = props => {
345
346
  };
346
347
  const StyledHeaderItem = styled(StyledBaseHeaderItem).attrs({
347
348
  'data-garden-id': COMPONENT_ID$k,
348
- 'data-garden-version': '8.69.1'
349
+ 'data-garden-version': '8.69.3'
349
350
  }).withConfig({
350
351
  displayName: "StyledHeaderItem",
351
352
  componentId: "sc-14sft6n-0"
@@ -364,7 +365,7 @@ StyledHeaderItem.defaultProps = {
364
365
  const COMPONENT_ID$j = 'chrome.header_item_wrapper';
365
366
  const StyledHeaderItemWrapper = styled(StyledBaseHeaderItem).attrs({
366
367
  'data-garden-id': COMPONENT_ID$j,
367
- 'data-garden-version': '8.69.1',
368
+ 'data-garden-version': '8.69.3',
368
369
  as: 'div'
369
370
  }).withConfig({
370
371
  displayName: "StyledHeaderItemWrapper",
@@ -402,7 +403,7 @@ const colorStyles$4 = props => {
402
403
  };
403
404
  const StyledLogoNavItem = styled(StyledBaseNavItem).attrs({
404
405
  'data-garden-id': COMPONENT_ID$i,
405
- 'data-garden-version': '8.69.1',
406
+ 'data-garden-version': '8.69.3',
406
407
  as: 'div'
407
408
  }).withConfig({
408
409
  displayName: "StyledLogoNavItem",
@@ -415,7 +416,7 @@ StyledLogoNavItem.defaultProps = {
415
416
  const COMPONENT_ID$h = 'chrome.brandmark_nav_item';
416
417
  const StyledBrandmarkNavItem = styled(StyledBaseNavItem).attrs({
417
418
  'data-garden-id': COMPONENT_ID$h,
418
- 'data-garden-version': '8.69.1',
419
+ 'data-garden-version': '8.69.3',
419
420
  as: 'div'
420
421
  }).withConfig({
421
422
  displayName: "StyledBrandmarkNavItem",
@@ -428,7 +429,7 @@ StyledBrandmarkNavItem.defaultProps = {
428
429
  const COMPONENT_ID$g = 'chrome.nav_item_icon';
429
430
  const StyledNavItemIcon = styled.div.attrs({
430
431
  'data-garden-id': COMPONENT_ID$g,
431
- 'data-garden-version': '8.69.1'
432
+ 'data-garden-version': '8.69.3'
432
433
  }).withConfig({
433
434
  displayName: "StyledNavItemIcon",
434
435
  componentId: "sc-7w9rpt-0"
@@ -474,7 +475,7 @@ const colorStyles$3 = props => {
474
475
  };
475
476
  const StyledNavItem = styled(StyledBaseNavItem).attrs({
476
477
  'data-garden-id': COMPONENT_ID$f,
477
- 'data-garden-version': '8.69.1',
478
+ 'data-garden-version': '8.69.3',
478
479
  as: 'button'
479
480
  }).withConfig({
480
481
  displayName: "StyledNavItem",
@@ -491,7 +492,7 @@ StyledNavItem.defaultProps = {
491
492
  const COMPONENT_ID$e = 'chrome.nav_item_text';
492
493
  const StyledNavItemText = styled.span.attrs({
493
494
  'data-garden-id': COMPONENT_ID$e,
494
- 'data-garden-version': '8.69.1'
495
+ 'data-garden-version': '8.69.3'
495
496
  }).withConfig({
496
497
  displayName: "StyledNavItemText",
497
498
  componentId: "sc-13m84xl-0"
@@ -544,7 +545,7 @@ const getSubNavItemHeight = props => {
544
545
  };
545
546
  const StyledSubNavItem = styled.button.attrs({
546
547
  'data-garden-id': COMPONENT_ID$d,
547
- 'data-garden-version': '8.69.1'
548
+ 'data-garden-version': '8.69.3'
548
549
  }).withConfig({
549
550
  displayName: "StyledSubNavItem",
550
551
  componentId: "sc-1yg9dpx-0"
@@ -567,7 +568,7 @@ const colorStyles$1 = props => {
567
568
  };
568
569
  const StyledSubNav = styled.nav.attrs({
569
570
  'data-garden-id': COMPONENT_ID$c,
570
- 'data-garden-version': '8.69.1'
571
+ 'data-garden-version': '8.69.3'
571
572
  }).withConfig({
572
573
  displayName: "StyledSubNav",
573
574
  componentId: "sc-19hjou6-0"
@@ -585,7 +586,7 @@ const sizeStyles = props => {
585
586
  };
586
587
  const StyledSubNavItemText = styled.span.attrs({
587
588
  'data-garden-id': COMPONENT_ID$b,
588
- 'data-garden-version': '8.69.1'
589
+ 'data-garden-version': '8.69.3'
589
590
  }).withConfig({
590
591
  displayName: "StyledSubNavItemText",
591
592
  componentId: "sc-1hy0pn7-0"
@@ -597,7 +598,7 @@ StyledSubNavItemText.defaultProps = {
597
598
  const COMPONENT_ID$a = 'chrome.collapsible_sub_nav_item';
598
599
  const StyledSubNavItemHeader = styled(StyledSubNavItem).attrs({
599
600
  'data-garden-id': COMPONENT_ID$a,
600
- 'data-garden-version': '8.69.1',
601
+ 'data-garden-version': '8.69.3',
601
602
  'data-garden-header': 'true'
602
603
  }).withConfig({
603
604
  displayName: "StyledSubNavItemHeader",
@@ -644,7 +645,7 @@ StyledSubNavItemIcon.defaultProps = {
644
645
  };
645
646
  const StyledSubNavItemIconWrapper = styled.div.attrs({
646
647
  'data-garden-id': COMPONENT_ID$9,
647
- 'data-garden-version': '8.69.1'
648
+ 'data-garden-version': '8.69.3'
648
649
  }).withConfig({
649
650
  displayName: "StyledSubNavItemIcon__StyledSubNavItemIconWrapper",
650
651
  componentId: "sc-1d02hho-1"
@@ -662,7 +663,7 @@ const PANEL_COMPONENT_ID = 'chrome.collapsible_sub_nav_item_panel';
662
663
  const hiddenStyling = css(["visibility:hidden;max-height:0 !important;overflow:hidden;"]);
663
664
  const StyledSubNavPanel = styled.div.attrs({
664
665
  'data-garden-id': PANEL_COMPONENT_ID,
665
- 'data-garden-version': '8.69.1'
666
+ 'data-garden-version': '8.69.3'
666
667
  }).withConfig({
667
668
  displayName: "StyledSubNavPanel",
668
669
  componentId: "sc-1jv3rpv-0"
@@ -693,7 +694,7 @@ const borderStyle = _ref => {
693
694
  };
694
695
  const StyledSheet = styled.aside.attrs({
695
696
  'data-garden-id': COMPONENT_ID$8,
696
- 'data-garden-version': '8.69.1'
697
+ 'data-garden-version': '8.69.3'
697
698
  }).withConfig({
698
699
  displayName: "StyledSheet",
699
700
  componentId: "sc-dx8ijk-0"
@@ -705,7 +706,7 @@ StyledSheet.defaultProps = {
705
706
  const COMPONENT_ID$7 = 'chrome.sheet_wrapper';
706
707
  const StyledSheetWrapper = styled.div.attrs({
707
708
  'data-garden-id': COMPONENT_ID$7,
708
- 'data-garden-version': '8.69.1'
709
+ 'data-garden-version': '8.69.3'
709
710
  }).withConfig({
710
711
  displayName: "StyledSheetWrapper",
711
712
  componentId: "sc-f6x9zb-0"
@@ -732,7 +733,7 @@ StyledSheetWrapper.defaultProps = {
732
733
  const COMPONENT_ID$6 = 'chrome.sheet_title';
733
734
  const StyledSheetTitle = styled.div.attrs({
734
735
  'data-garden-id': COMPONENT_ID$6,
735
- 'data-garden-version': '8.69.1'
736
+ 'data-garden-version': '8.69.3'
736
737
  }).withConfig({
737
738
  displayName: "StyledSheetTitle",
738
739
  componentId: "sc-1gogk75-0"
@@ -744,7 +745,7 @@ StyledSheetTitle.defaultProps = {
744
745
  const COMPONENT_ID$5 = 'chrome.sheet_description';
745
746
  const StyledSheetDescription = styled.div.attrs({
746
747
  'data-garden-id': COMPONENT_ID$5,
747
- 'data-garden-version': '8.69.1'
748
+ 'data-garden-version': '8.69.3'
748
749
  }).withConfig({
749
750
  displayName: "StyledSheetDescription",
750
751
  componentId: "sc-1puglb6-0"
@@ -756,7 +757,7 @@ StyledSheetDescription.defaultProps = {
756
757
  const COMPONENT_ID$4 = 'chrome.sheet_body';
757
758
  const StyledSheetBody = styled.div.attrs({
758
759
  'data-garden-id': COMPONENT_ID$4,
759
- 'data-garden-version': '8.69.1'
760
+ 'data-garden-version': '8.69.3'
760
761
  }).withConfig({
761
762
  displayName: "StyledSheetBody",
762
763
  componentId: "sc-bt4eoj-0"
@@ -780,7 +781,7 @@ const colorStyles = props => {
780
781
  };
781
782
  const StyledSheetClose = styled.button.attrs({
782
783
  'data-garden-id': COMPONENT_ID$3,
783
- 'data-garden-version': '8.69.1'
784
+ 'data-garden-version': '8.69.3'
784
785
  }).withConfig({
785
786
  displayName: "StyledSheetClose",
786
787
  componentId: "sc-1ab02oq-0"
@@ -792,7 +793,7 @@ StyledSheetClose.defaultProps = {
792
793
  const COMPONENT_ID$2 = 'chrome.sheet_footer';
793
794
  const StyledSheetFooter = styled.footer.attrs({
794
795
  'data-garden-id': COMPONENT_ID$2,
795
- 'data-garden-version': '8.69.1'
796
+ 'data-garden-version': '8.69.3'
796
797
  }).withConfig({
797
798
  displayName: "StyledSheetFooter",
798
799
  componentId: "sc-2cktos-0"
@@ -804,7 +805,7 @@ StyledSheetFooter.defaultProps = {
804
805
  const COMPONENT_ID$1 = 'chrome.sheet_footer_item';
805
806
  const StyledSheetFooterItem = styled.div.attrs({
806
807
  'data-garden-id': COMPONENT_ID$1,
807
- 'data-garden-version': '8.69.1'
808
+ 'data-garden-version': '8.69.3'
808
809
  }).withConfig({
809
810
  displayName: "StyledSheetFooterItem",
810
811
  componentId: "sc-r9ixh-0"
@@ -816,7 +817,7 @@ StyledSheetFooterItem.defaultProps = {
816
817
  const COMPONENT_ID = 'chrome.sheet_header';
817
818
  const StyledSheetHeader = styled.header.attrs({
818
819
  'data-garden-id': COMPONENT_ID,
819
- 'data-garden-version': '8.69.1'
820
+ 'data-garden-version': '8.69.3'
820
821
  }).withConfig({
821
822
  displayName: "StyledSheetHeader",
822
823
  componentId: "sc-o2ry8i-0"
@@ -1251,23 +1252,6 @@ const useSheetContext = () => {
1251
1252
  return useContext(SheetContext);
1252
1253
  };
1253
1254
 
1254
- function ownerDocument(node) {
1255
- return node && node.ownerDocument || document;
1256
- }
1257
-
1258
- function activeElement(doc) {
1259
- if (doc === void 0) {
1260
- doc = ownerDocument();
1261
- }
1262
- try {
1263
- var active = doc.activeElement;
1264
- if (!active || !active.nodeName) return null;
1265
- return active;
1266
- } catch (e) {
1267
- return doc.body;
1268
- }
1269
- }
1270
-
1271
1255
  function useFocusableMount(_ref) {
1272
1256
  let {
1273
1257
  isMounted,
@@ -1405,7 +1389,7 @@ const SheetComponent = React__default.forwardRef((_ref, ref) => {
1405
1389
  const sheetRef = useRef(null);
1406
1390
  const seed = useUIDSeed();
1407
1391
  const [isCloseButtonPresent, setIsCloseButtonPresent] = useState(false);
1408
- const idPrefix = useMemo(() => id || seed(`sheet_${'8.69.1'}`), [id, seed]);
1392
+ const idPrefix = useMemo(() => id || seed(`sheet_${'8.69.3'}`), [id, seed]);
1409
1393
  const titleId = `${idPrefix}--title`;
1410
1394
  const descriptionId = `${idPrefix}--description`;
1411
1395
  const sheetContext = useMemo(() => ({
@@ -1,12 +1,12 @@
1
- /**
2
- * Copyright Zendesk, Inc.
3
- *
4
- * Use of this source code is governed under the Apache License, Version 2.0
5
- * found at http://www.apache.org/licenses/LICENSE-2.0.
6
- */
7
- import React from 'react';
8
- import { IChromeProps } from '../types';
9
- /**
10
- * @extends HTMLAttributes<HTMLDivElement>
11
- */
12
- export declare const Chrome: React.ForwardRefExoticComponent<IChromeProps & React.RefAttributes<HTMLDivElement>>;
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import React from 'react';
8
+ import { IChromeProps } from '../types';
9
+ /**
10
+ * @extends HTMLAttributes<HTMLDivElement>
11
+ */
12
+ export declare const Chrome: React.ForwardRefExoticComponent<IChromeProps & React.RefAttributes<HTMLDivElement>>;
@@ -1,12 +1,12 @@
1
- /**
2
- * Copyright Zendesk, Inc.
3
- *
4
- * Use of this source code is governed under the Apache License, Version 2.0
5
- * found at http://www.apache.org/licenses/LICENSE-2.0.
6
- */
7
- import React from 'react';
8
- import { ISkipNavProps } from '../types';
9
- /**
10
- * @extends AnchorHTMLAttributes<HTMLAnchorElement>
11
- */
12
- export declare const SkipNav: React.ForwardRefExoticComponent<ISkipNavProps & React.RefAttributes<HTMLAnchorElement>>;
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import React from 'react';
8
+ import { ISkipNavProps } from '../types';
9
+ /**
10
+ * @extends AnchorHTMLAttributes<HTMLAnchorElement>
11
+ */
12
+ export declare const SkipNav: React.ForwardRefExoticComponent<ISkipNavProps & React.RefAttributes<HTMLAnchorElement>>;
@@ -1,12 +1,12 @@
1
- /**
2
- * Copyright Zendesk, Inc.
3
- *
4
- * Use of this source code is governed under the Apache License, Version 2.0
5
- * found at http://www.apache.org/licenses/LICENSE-2.0.
6
- */
7
- import React from 'react';
8
- import { IBodyProps } from '../../types';
9
- /**
10
- * @extends HTMLAttributes<HTMLDivElement>
11
- */
12
- export declare const Body: React.ForwardRefExoticComponent<IBodyProps & React.RefAttributes<HTMLDivElement>>;
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import React from 'react';
8
+ import { IBodyProps } from '../../types';
9
+ /**
10
+ * @extends HTMLAttributes<HTMLDivElement>
11
+ */
12
+ export declare const Body: React.ForwardRefExoticComponent<IBodyProps & React.RefAttributes<HTMLDivElement>>;
@@ -1,11 +1,11 @@
1
- /**
2
- * Copyright Zendesk, Inc.
3
- *
4
- * Use of this source code is governed under the Apache License, Version 2.0
5
- * found at http://www.apache.org/licenses/LICENSE-2.0.
6
- */
7
- import React from 'react';
8
- /**
9
- * @extends HTMLAttributes<HTMLDivElement>
10
- */
11
- export declare const Content: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import React from 'react';
8
+ /**
9
+ * @extends HTMLAttributes<HTMLDivElement>
10
+ */
11
+ export declare const Content: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
@@ -1,11 +1,11 @@
1
- /**
2
- * Copyright Zendesk, Inc.
3
- *
4
- * Use of this source code is governed under the Apache License, Version 2.0
5
- * found at http://www.apache.org/licenses/LICENSE-2.0.
6
- */
7
- import React from 'react';
8
- /**
9
- * @extends HTMLAttributes<HTMLElement>
10
- */
11
- export declare const Main: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import React from 'react';
8
+ /**
9
+ * @extends HTMLAttributes<HTMLElement>
10
+ */
11
+ export declare const Main: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
@@ -1,11 +1,11 @@
1
- /**
2
- * Copyright Zendesk, Inc.
3
- *
4
- * Use of this source code is governed under the Apache License, Version 2.0
5
- * found at http://www.apache.org/licenses/LICENSE-2.0.
6
- */
7
- import React from 'react';
8
- /**
9
- * @extends HTMLAttributes<HTMLElement>
10
- */
11
- export declare const Sidebar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import React from 'react';
8
+ /**
9
+ * @extends HTMLAttributes<HTMLElement>
10
+ */
11
+ export declare const Sidebar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
@@ -1,11 +1,11 @@
1
- /**
2
- * Copyright Zendesk, Inc.
3
- *
4
- * Use of this source code is governed under the Apache License, Version 2.0
5
- * found at http://www.apache.org/licenses/LICENSE-2.0.
6
- */
7
- import React from 'react';
8
- /**
9
- * @extends HTMLAttributes<HTMLElement>
10
- */
11
- export declare const Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import React from 'react';
8
+ /**
9
+ * @extends HTMLAttributes<HTMLElement>
10
+ */
11
+ export declare const Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
@@ -1,11 +1,11 @@
1
- /**
2
- * Copyright Zendesk, Inc.
3
- *
4
- * Use of this source code is governed under the Apache License, Version 2.0
5
- * found at http://www.apache.org/licenses/LICENSE-2.0.
6
- */
7
- import React from 'react';
8
- /**
9
- * @extends HTMLAttributes<HTMLElement>
10
- */
11
- export declare const FooterItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import React from 'react';
8
+ /**
9
+ * @extends HTMLAttributes<HTMLElement>
10
+ */
11
+ export declare const FooterItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
@@ -1,12 +1,12 @@
1
- /**
2
- * Copyright Zendesk, Inc.
3
- *
4
- * Use of this source code is governed under the Apache License, Version 2.0
5
- * found at http://www.apache.org/licenses/LICENSE-2.0.
6
- */
7
- import React from 'react';
8
- import { IHeaderProps } from '../../types';
9
- /**
10
- * @extends HTMLAttributes<HTMLElement>
11
- */
12
- export declare const Header: React.ForwardRefExoticComponent<IHeaderProps & React.RefAttributes<HTMLElement>>;
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import React from 'react';
8
+ import { IHeaderProps } from '../../types';
9
+ /**
10
+ * @extends HTMLAttributes<HTMLElement>
11
+ */
12
+ export declare const Header: React.ForwardRefExoticComponent<IHeaderProps & React.RefAttributes<HTMLElement>>;
@@ -1,12 +1,12 @@
1
- /**
2
- * Copyright Zendesk, Inc.
3
- *
4
- * Use of this source code is governed under the Apache License, Version 2.0
5
- * found at http://www.apache.org/licenses/LICENSE-2.0.
6
- */
7
- import React from 'react';
8
- import { IHeaderItemProps } from '../../types';
9
- /**
10
- * @extends ButtonHTMLAttributes<HTMLButtonElement>
11
- */
12
- export declare const HeaderItem: React.ForwardRefExoticComponent<IHeaderItemProps & React.RefAttributes<HTMLButtonElement>>;
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import React from 'react';
8
+ import { IHeaderItemProps } from '../../types';
9
+ /**
10
+ * @extends ButtonHTMLAttributes<HTMLButtonElement>
11
+ */
12
+ export declare const HeaderItem: React.ForwardRefExoticComponent<IHeaderItemProps & React.RefAttributes<HTMLButtonElement>>;
@@ -1,11 +1,11 @@
1
- /**
2
- * Copyright Zendesk, Inc.
3
- *
4
- * Use of this source code is governed under the Apache License, Version 2.0
5
- * found at http://www.apache.org/licenses/LICENSE-2.0.
6
- */
7
- import React, { HTMLAttributes, PropsWithChildren } from 'react';
8
- /**
9
- * @extends HTMLAttributes<HTMLElement>
10
- */
11
- export declare const HeaderItemIcon: ({ children, ...props }: PropsWithChildren<HTMLAttributes<HTMLElement>>) => React.JSX.Element | null;
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import React, { HTMLAttributes, PropsWithChildren } from 'react';
8
+ /**
9
+ * @extends HTMLAttributes<HTMLElement>
10
+ */
11
+ export declare const HeaderItemIcon: ({ children, ...props }: PropsWithChildren<HTMLAttributes<HTMLElement>>) => React.JSX.Element | null;
@@ -1,12 +1,12 @@
1
- /**
2
- * Copyright Zendesk, Inc.
3
- *
4
- * Use of this source code is governed under the Apache License, Version 2.0
5
- * found at http://www.apache.org/licenses/LICENSE-2.0.
6
- */
7
- import React from 'react';
8
- import { IHeaderItemTextProps } from '../../types';
9
- /**
10
- * @extends HTMLAttributes<HTMLSpanElement>
11
- */
12
- export declare const HeaderItemText: React.ForwardRefExoticComponent<IHeaderItemTextProps & React.RefAttributes<HTMLElement>>;
1
+ /**
2
+ * Copyright Zendesk, Inc.
3
+ *
4
+ * Use of this source code is governed under the Apache License, Version 2.0
5
+ * found at http://www.apache.org/licenses/LICENSE-2.0.
6
+ */
7
+ import React from 'react';
8
+ import { IHeaderItemTextProps } from '../../types';
9
+ /**
10
+ * @extends HTMLAttributes<HTMLSpanElement>
11
+ */
12
+ export declare const HeaderItemText: React.ForwardRefExoticComponent<IHeaderItemTextProps & React.RefAttributes<HTMLElement>>;