@zendeskgarden/react-chrome 8.63.0 → 8.63.1

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 (3) hide show
  1. package/dist/index.cjs.js +39 -39
  2. package/dist/index.esm.js +39 -39
  3. package/package.json +3 -3
package/dist/index.cjs.js CHANGED
@@ -67,7 +67,7 @@ const useChromeContext = () => {
67
67
  const COMPONENT_ID$A = 'chrome.chrome';
68
68
  const StyledChrome = styled__default.default.div.attrs({
69
69
  'data-garden-id': COMPONENT_ID$A,
70
- 'data-garden-version': '8.63.0'
70
+ 'data-garden-version': '8.63.1'
71
71
  }).withConfig({
72
72
  displayName: "StyledChrome",
73
73
  componentId: "sc-1uqm6u6-0"
@@ -79,7 +79,7 @@ StyledChrome.defaultProps = {
79
79
  const COMPONENT_ID$z = 'chrome.header_item_icon';
80
80
  const StyledHeaderItemIcon = styled__default.default.div.attrs({
81
81
  'data-garden-id': COMPONENT_ID$z,
82
- 'data-garden-version': '8.63.0'
82
+ 'data-garden-version': '8.63.1'
83
83
  }).withConfig({
84
84
  displayName: "StyledHeaderItemIcon",
85
85
  componentId: "sc-1jhhp6z-0"
@@ -96,7 +96,7 @@ const sizeStyles$4 = props => {
96
96
  };
97
97
  const StyledBaseHeaderItem = styled__default.default.button.attrs({
98
98
  'data-garden-id': COMPONENT_ID$y,
99
- 'data-garden-version': '8.63.0'
99
+ 'data-garden-version': '8.63.1'
100
100
  }).withConfig({
101
101
  displayName: "StyledBaseHeaderItem",
102
102
  componentId: "sc-1qua7h6-0"
@@ -117,7 +117,7 @@ const COMPONENT_ID$x = 'chrome.header_item_text';
117
117
  const clippedStyling = styled.css(["position:absolute;margin:0;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
118
118
  const StyledHeaderItemText = styled__default.default.span.attrs({
119
119
  'data-garden-id': COMPONENT_ID$x,
120
- 'data-garden-version': '8.63.0'
120
+ 'data-garden-version': '8.63.1'
121
121
  }).withConfig({
122
122
  displayName: "StyledHeaderItemText",
123
123
  componentId: "sc-goz7la-0"
@@ -141,7 +141,7 @@ const getExpandedNavWidth = () => {
141
141
  };
142
142
  const StyledNav = styled__default.default.nav.attrs({
143
143
  'data-garden-id': COMPONENT_ID$w,
144
- 'data-garden-version': '8.63.0'
144
+ 'data-garden-version': '8.63.1'
145
145
  }).withConfig({
146
146
  displayName: "StyledNav",
147
147
  componentId: "sc-6j462r-0"
@@ -173,7 +173,7 @@ const retrieveProductColor$1 = props => {
173
173
  };
174
174
  const StyledLogoHeaderItem = styled__default.default(StyledBaseHeaderItem).attrs({
175
175
  'data-garden-id': COMPONENT_ID$v,
176
- 'data-garden-version': '8.63.0',
176
+ 'data-garden-version': '8.63.1',
177
177
  as: 'div'
178
178
  }).withConfig({
179
179
  displayName: "StyledLogoHeaderItem",
@@ -194,7 +194,7 @@ const sizeStyles$3 = props => {
194
194
  };
195
195
  const StyledBaseNavItem = styled__default.default.button.attrs({
196
196
  'data-garden-id': COMPONENT_ID$u,
197
- 'data-garden-version': '8.63.0'
197
+ 'data-garden-version': '8.63.1'
198
198
  }).withConfig({
199
199
  displayName: "StyledBaseNavItem",
200
200
  componentId: "sc-zvo43f-0"
@@ -209,7 +209,7 @@ const getHeaderHeight = props => {
209
209
  };
210
210
  const StyledHeader = styled__default.default.header.attrs({
211
211
  'data-garden-id': COMPONENT_ID$t,
212
- 'data-garden-version': '8.63.0'
212
+ 'data-garden-version': '8.63.1'
213
213
  }).withConfig({
214
214
  displayName: "StyledHeader",
215
215
  componentId: "sc-1cexpz-0"
@@ -243,7 +243,7 @@ const sizeStyles$2 = props => {
243
243
  };
244
244
  const StyledSkipNav = styled__default.default.a.attrs({
245
245
  'data-garden-id': COMPONENT_ID$s,
246
- 'data-garden-version': '8.63.0'
246
+ 'data-garden-version': '8.63.1'
247
247
  }).withConfig({
248
248
  displayName: "StyledSkipNav",
249
249
  componentId: "sc-1tsro34-0"
@@ -276,7 +276,7 @@ const sizeStyles$1 = theme => {
276
276
  };
277
277
  const StyledSkipNavIcon = styled__default.default(SvgLinkStroke).attrs({
278
278
  'data-garden-id': COMPONENT_ID$r,
279
- 'data-garden-version': '8.63.0'
279
+ 'data-garden-version': '8.63.1'
280
280
  }).withConfig({
281
281
  displayName: "StyledSkipNavIcon",
282
282
  componentId: "sc-1ika5z4-0"
@@ -288,7 +288,7 @@ StyledSkipNavIcon.defaultProps = {
288
288
  const COMPONENT_ID$q = 'chrome.body';
289
289
  const StyledBody = styled__default.default.div.attrs({
290
290
  'data-garden-id': COMPONENT_ID$q,
291
- 'data-garden-version': '8.63.0'
291
+ 'data-garden-version': '8.63.1'
292
292
  }).withConfig({
293
293
  displayName: "StyledBody",
294
294
  componentId: "sc-c7h9kv-0"
@@ -303,7 +303,7 @@ const getFooterHeight = props => {
303
303
  };
304
304
  const StyledFooter = styled__default.default.footer.attrs({
305
305
  'data-garden-id': COMPONENT_ID$p,
306
- 'data-garden-version': '8.63.0'
306
+ 'data-garden-version': '8.63.1'
307
307
  }).withConfig({
308
308
  displayName: "StyledFooter",
309
309
  componentId: "sc-v7lib2-0"
@@ -315,7 +315,7 @@ StyledFooter.defaultProps = {
315
315
  const COMPONENT_ID$o = 'chrome.content';
316
316
  const StyledContent = styled__default.default.div.attrs({
317
317
  'data-garden-id': COMPONENT_ID$o,
318
- 'data-garden-version': '8.63.0'
318
+ 'data-garden-version': '8.63.1'
319
319
  }).withConfig({
320
320
  displayName: "StyledContent",
321
321
  componentId: "sc-qcuzxn-0"
@@ -327,7 +327,7 @@ StyledContent.defaultProps = {
327
327
  const COMPONENT_ID$n = 'chrome.main';
328
328
  const StyledMain = styled__default.default.main.attrs({
329
329
  'data-garden-id': COMPONENT_ID$n,
330
- 'data-garden-version': '8.63.0'
330
+ 'data-garden-version': '8.63.1'
331
331
  }).withConfig({
332
332
  displayName: "StyledMain",
333
333
  componentId: "sc-t61cre-0"
@@ -339,7 +339,7 @@ StyledMain.defaultProps = {
339
339
  const COMPONENT_ID$m = 'chrome.sidebar';
340
340
  const StyledSidebar = styled__default.default.aside.attrs({
341
341
  'data-garden-id': COMPONENT_ID$m,
342
- 'data-garden-version': '8.63.0'
342
+ 'data-garden-version': '8.63.1'
343
343
  }).withConfig({
344
344
  displayName: "StyledSidebar",
345
345
  componentId: "sc-1q77fuw-0"
@@ -351,7 +351,7 @@ StyledSidebar.defaultProps = {
351
351
  const COMPONENT_ID$l = 'chrome.footer_item';
352
352
  const StyledFooterItem = styled__default.default.div.attrs({
353
353
  'data-garden-id': COMPONENT_ID$l,
354
- 'data-garden-version': '8.63.0'
354
+ 'data-garden-version': '8.63.1'
355
355
  }).withConfig({
356
356
  displayName: "StyledFooterItem",
357
357
  componentId: "sc-1cktm85-0"
@@ -367,7 +367,7 @@ const imgStyles = props => {
367
367
  };
368
368
  const StyledHeaderItem = styled__default.default(StyledBaseHeaderItem).attrs({
369
369
  'data-garden-id': COMPONENT_ID$k,
370
- 'data-garden-version': '8.63.0'
370
+ 'data-garden-version': '8.63.1'
371
371
  }).withConfig({
372
372
  displayName: "StyledHeaderItem",
373
373
  componentId: "sc-14sft6n-0"
@@ -390,7 +390,7 @@ StyledHeaderItem.defaultProps = {
390
390
  const COMPONENT_ID$j = 'chrome.header_item_wrapper';
391
391
  const StyledHeaderItemWrapper = styled__default.default(StyledBaseHeaderItem).attrs({
392
392
  'data-garden-id': COMPONENT_ID$j,
393
- 'data-garden-version': '8.63.0',
393
+ 'data-garden-version': '8.63.1',
394
394
  as: 'div'
395
395
  }).withConfig({
396
396
  displayName: "StyledHeaderItemWrapper",
@@ -428,7 +428,7 @@ const colorStyles$4 = props => {
428
428
  };
429
429
  const StyledLogoNavItem = styled__default.default(StyledBaseNavItem).attrs({
430
430
  'data-garden-id': COMPONENT_ID$i,
431
- 'data-garden-version': '8.63.0',
431
+ 'data-garden-version': '8.63.1',
432
432
  as: 'div'
433
433
  }).withConfig({
434
434
  displayName: "StyledLogoNavItem",
@@ -441,7 +441,7 @@ StyledLogoNavItem.defaultProps = {
441
441
  const COMPONENT_ID$h = 'chrome.brandmark_nav_item';
442
442
  const StyledBrandmarkNavItem = styled__default.default(StyledBaseNavItem).attrs({
443
443
  'data-garden-id': COMPONENT_ID$h,
444
- 'data-garden-version': '8.63.0',
444
+ 'data-garden-version': '8.63.1',
445
445
  as: 'div'
446
446
  }).withConfig({
447
447
  displayName: "StyledBrandmarkNavItem",
@@ -454,7 +454,7 @@ StyledBrandmarkNavItem.defaultProps = {
454
454
  const COMPONENT_ID$g = 'chrome.nav_item_icon';
455
455
  const StyledNavItemIcon = styled__default.default.div.attrs({
456
456
  'data-garden-id': COMPONENT_ID$g,
457
- 'data-garden-version': '8.63.0'
457
+ 'data-garden-version': '8.63.1'
458
458
  }).withConfig({
459
459
  displayName: "StyledNavItemIcon",
460
460
  componentId: "sc-7w9rpt-0"
@@ -486,7 +486,7 @@ const colorStyles$3 = props => {
486
486
  };
487
487
  const StyledNavItem = styled__default.default(StyledBaseNavItem).attrs({
488
488
  'data-garden-id': COMPONENT_ID$f,
489
- 'data-garden-version': '8.63.0',
489
+ 'data-garden-version': '8.63.1',
490
490
  as: 'button'
491
491
  }).withConfig({
492
492
  displayName: "StyledNavItem",
@@ -503,7 +503,7 @@ StyledNavItem.defaultProps = {
503
503
  const COMPONENT_ID$e = 'chrome.nav_item_text';
504
504
  const StyledNavItemText = styled__default.default.span.attrs({
505
505
  'data-garden-id': COMPONENT_ID$e,
506
- 'data-garden-version': '8.63.0'
506
+ 'data-garden-version': '8.63.1'
507
507
  }).withConfig({
508
508
  displayName: "StyledNavItemText",
509
509
  componentId: "sc-13m84xl-0"
@@ -545,7 +545,7 @@ const getSubNavItemHeight = props => {
545
545
  };
546
546
  const StyledSubNavItem = styled__default.default.button.attrs({
547
547
  'data-garden-id': COMPONENT_ID$d,
548
- 'data-garden-version': '8.63.0'
548
+ 'data-garden-version': '8.63.1'
549
549
  }).withConfig({
550
550
  displayName: "StyledSubNavItem",
551
551
  componentId: "sc-1yg9dpx-0"
@@ -568,7 +568,7 @@ const colorStyles$1 = props => {
568
568
  };
569
569
  const StyledSubNav = styled__default.default.nav.attrs({
570
570
  'data-garden-id': COMPONENT_ID$c,
571
- 'data-garden-version': '8.63.0'
571
+ 'data-garden-version': '8.63.1'
572
572
  }).withConfig({
573
573
  displayName: "StyledSubNav",
574
574
  componentId: "sc-19hjou6-0"
@@ -586,7 +586,7 @@ const sizeStyles = props => {
586
586
  };
587
587
  const StyledSubNavItemText = styled__default.default.span.attrs({
588
588
  'data-garden-id': COMPONENT_ID$b,
589
- 'data-garden-version': '8.63.0'
589
+ 'data-garden-version': '8.63.1'
590
590
  }).withConfig({
591
591
  displayName: "StyledSubNavItemText",
592
592
  componentId: "sc-1hy0pn7-0"
@@ -598,7 +598,7 @@ StyledSubNavItemText.defaultProps = {
598
598
  const COMPONENT_ID$a = 'chrome.collapsible_sub_nav_item';
599
599
  const StyledSubNavItemHeader = styled__default.default(StyledSubNavItem).attrs({
600
600
  'data-garden-id': COMPONENT_ID$a,
601
- 'data-garden-version': '8.63.0',
601
+ 'data-garden-version': '8.63.1',
602
602
  'data-garden-header': 'true'
603
603
  }).withConfig({
604
604
  displayName: "StyledSubNavItemHeader",
@@ -645,7 +645,7 @@ StyledSubNavItemIcon.defaultProps = {
645
645
  };
646
646
  const StyledSubNavItemIconWrapper = styled__default.default.div.attrs({
647
647
  'data-garden-id': COMPONENT_ID$9,
648
- 'data-garden-version': '8.63.0'
648
+ 'data-garden-version': '8.63.1'
649
649
  }).withConfig({
650
650
  displayName: "StyledSubNavItemIcon__StyledSubNavItemIconWrapper",
651
651
  componentId: "sc-1d02hho-1"
@@ -663,7 +663,7 @@ const PANEL_COMPONENT_ID = 'chrome.collapsible_sub_nav_item_panel';
663
663
  const hiddenStyling = styled.css(["visibility:hidden;max-height:0 !important;overflow:hidden;"]);
664
664
  const StyledSubNavPanel = styled__default.default.div.attrs({
665
665
  'data-garden-id': PANEL_COMPONENT_ID,
666
- 'data-garden-version': '8.63.0'
666
+ 'data-garden-version': '8.63.1'
667
667
  }).withConfig({
668
668
  displayName: "StyledSubNavPanel",
669
669
  componentId: "sc-1jv3rpv-0"
@@ -694,7 +694,7 @@ const borderStyle = _ref => {
694
694
  };
695
695
  const StyledSheet = styled__default.default.aside.attrs({
696
696
  'data-garden-id': COMPONENT_ID$8,
697
- 'data-garden-version': '8.63.0'
697
+ 'data-garden-version': '8.63.1'
698
698
  }).withConfig({
699
699
  displayName: "StyledSheet",
700
700
  componentId: "sc-dx8ijk-0"
@@ -706,7 +706,7 @@ StyledSheet.defaultProps = {
706
706
  const COMPONENT_ID$7 = 'chrome.sheet_wrapper';
707
707
  const StyledSheetWrapper = styled__default.default.div.attrs({
708
708
  'data-garden-id': COMPONENT_ID$7,
709
- 'data-garden-version': '8.63.0'
709
+ 'data-garden-version': '8.63.1'
710
710
  }).withConfig({
711
711
  displayName: "StyledSheetWrapper",
712
712
  componentId: "sc-f6x9zb-0"
@@ -733,7 +733,7 @@ StyledSheetWrapper.defaultProps = {
733
733
  const COMPONENT_ID$6 = 'chrome.sheet_title';
734
734
  const StyledSheetTitle = styled__default.default.div.attrs({
735
735
  'data-garden-id': COMPONENT_ID$6,
736
- 'data-garden-version': '8.63.0'
736
+ 'data-garden-version': '8.63.1'
737
737
  }).withConfig({
738
738
  displayName: "StyledSheetTitle",
739
739
  componentId: "sc-1gogk75-0"
@@ -745,7 +745,7 @@ StyledSheetTitle.defaultProps = {
745
745
  const COMPONENT_ID$5 = 'chrome.sheet_description';
746
746
  const StyledSheetDescription = styled__default.default.div.attrs({
747
747
  'data-garden-id': COMPONENT_ID$5,
748
- 'data-garden-version': '8.63.0'
748
+ 'data-garden-version': '8.63.1'
749
749
  }).withConfig({
750
750
  displayName: "StyledSheetDescription",
751
751
  componentId: "sc-1puglb6-0"
@@ -757,7 +757,7 @@ StyledSheetDescription.defaultProps = {
757
757
  const COMPONENT_ID$4 = 'chrome.sheet_body';
758
758
  const StyledSheetBody = styled__default.default.div.attrs({
759
759
  'data-garden-id': COMPONENT_ID$4,
760
- 'data-garden-version': '8.63.0'
760
+ 'data-garden-version': '8.63.1'
761
761
  }).withConfig({
762
762
  displayName: "StyledSheetBody",
763
763
  componentId: "sc-bt4eoj-0"
@@ -779,7 +779,7 @@ const colorStyles = props => {
779
779
  };
780
780
  const StyledSheetClose = styled__default.default.button.attrs({
781
781
  'data-garden-id': COMPONENT_ID$3,
782
- 'data-garden-version': '8.63.0'
782
+ 'data-garden-version': '8.63.1'
783
783
  }).withConfig({
784
784
  displayName: "StyledSheetClose",
785
785
  componentId: "sc-1ab02oq-0"
@@ -791,7 +791,7 @@ StyledSheetClose.defaultProps = {
791
791
  const COMPONENT_ID$2 = 'chrome.sheet_footer';
792
792
  const StyledSheetFooter = styled__default.default.footer.attrs({
793
793
  'data-garden-id': COMPONENT_ID$2,
794
- 'data-garden-version': '8.63.0'
794
+ 'data-garden-version': '8.63.1'
795
795
  }).withConfig({
796
796
  displayName: "StyledSheetFooter",
797
797
  componentId: "sc-2cktos-0"
@@ -803,7 +803,7 @@ StyledSheetFooter.defaultProps = {
803
803
  const COMPONENT_ID$1 = 'chrome.sheet_footer_item';
804
804
  const StyledSheetFooterItem = styled__default.default.div.attrs({
805
805
  'data-garden-id': COMPONENT_ID$1,
806
- 'data-garden-version': '8.63.0'
806
+ 'data-garden-version': '8.63.1'
807
807
  }).withConfig({
808
808
  displayName: "StyledSheetFooterItem",
809
809
  componentId: "sc-r9ixh-0"
@@ -815,7 +815,7 @@ StyledSheetFooterItem.defaultProps = {
815
815
  const COMPONENT_ID = 'chrome.sheet_header';
816
816
  const StyledSheetHeader = styled__default.default.header.attrs({
817
817
  'data-garden-id': COMPONENT_ID,
818
- 'data-garden-version': '8.63.0'
818
+ 'data-garden-version': '8.63.1'
819
819
  }).withConfig({
820
820
  displayName: "StyledSheetHeader",
821
821
  componentId: "sc-o2ry8i-0"
@@ -1397,7 +1397,7 @@ const SheetComponent = React__namespace.default.forwardRef((_ref, ref) => {
1397
1397
  const sheetRef = React.useRef(null);
1398
1398
  const seed = reactUid.useUIDSeed();
1399
1399
  const [isCloseButtonPresent, setIsCloseButtonPresent] = React.useState(false);
1400
- const idPrefix = React.useMemo(() => id || seed(`sheet_${'8.63.0'}`), [id, seed]);
1400
+ const idPrefix = React.useMemo(() => id || seed(`sheet_${'8.63.1'}`), [id, seed]);
1401
1401
  const titleId = `${idPrefix}--title`;
1402
1402
  const descriptionId = `${idPrefix}--description`;
1403
1403
  const sheetContext = React.useMemo(() => ({
package/dist/index.esm.js CHANGED
@@ -41,7 +41,7 @@ const useChromeContext = () => {
41
41
  const COMPONENT_ID$A = 'chrome.chrome';
42
42
  const StyledChrome = styled.div.attrs({
43
43
  'data-garden-id': COMPONENT_ID$A,
44
- 'data-garden-version': '8.63.0'
44
+ 'data-garden-version': '8.63.1'
45
45
  }).withConfig({
46
46
  displayName: "StyledChrome",
47
47
  componentId: "sc-1uqm6u6-0"
@@ -53,7 +53,7 @@ StyledChrome.defaultProps = {
53
53
  const COMPONENT_ID$z = 'chrome.header_item_icon';
54
54
  const StyledHeaderItemIcon = styled.div.attrs({
55
55
  'data-garden-id': COMPONENT_ID$z,
56
- 'data-garden-version': '8.63.0'
56
+ 'data-garden-version': '8.63.1'
57
57
  }).withConfig({
58
58
  displayName: "StyledHeaderItemIcon",
59
59
  componentId: "sc-1jhhp6z-0"
@@ -70,7 +70,7 @@ const sizeStyles$4 = props => {
70
70
  };
71
71
  const StyledBaseHeaderItem = styled.button.attrs({
72
72
  'data-garden-id': COMPONENT_ID$y,
73
- 'data-garden-version': '8.63.0'
73
+ 'data-garden-version': '8.63.1'
74
74
  }).withConfig({
75
75
  displayName: "StyledBaseHeaderItem",
76
76
  componentId: "sc-1qua7h6-0"
@@ -91,7 +91,7 @@ const COMPONENT_ID$x = 'chrome.header_item_text';
91
91
  const clippedStyling = css(["position:absolute;margin:0;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
92
92
  const StyledHeaderItemText = styled.span.attrs({
93
93
  'data-garden-id': COMPONENT_ID$x,
94
- 'data-garden-version': '8.63.0'
94
+ 'data-garden-version': '8.63.1'
95
95
  }).withConfig({
96
96
  displayName: "StyledHeaderItemText",
97
97
  componentId: "sc-goz7la-0"
@@ -115,7 +115,7 @@ const getExpandedNavWidth = () => {
115
115
  };
116
116
  const StyledNav = styled.nav.attrs({
117
117
  'data-garden-id': COMPONENT_ID$w,
118
- 'data-garden-version': '8.63.0'
118
+ 'data-garden-version': '8.63.1'
119
119
  }).withConfig({
120
120
  displayName: "StyledNav",
121
121
  componentId: "sc-6j462r-0"
@@ -147,7 +147,7 @@ const retrieveProductColor$1 = props => {
147
147
  };
148
148
  const StyledLogoHeaderItem = styled(StyledBaseHeaderItem).attrs({
149
149
  'data-garden-id': COMPONENT_ID$v,
150
- 'data-garden-version': '8.63.0',
150
+ 'data-garden-version': '8.63.1',
151
151
  as: 'div'
152
152
  }).withConfig({
153
153
  displayName: "StyledLogoHeaderItem",
@@ -168,7 +168,7 @@ const sizeStyles$3 = props => {
168
168
  };
169
169
  const StyledBaseNavItem = styled.button.attrs({
170
170
  'data-garden-id': COMPONENT_ID$u,
171
- 'data-garden-version': '8.63.0'
171
+ 'data-garden-version': '8.63.1'
172
172
  }).withConfig({
173
173
  displayName: "StyledBaseNavItem",
174
174
  componentId: "sc-zvo43f-0"
@@ -183,7 +183,7 @@ const getHeaderHeight = props => {
183
183
  };
184
184
  const StyledHeader = styled.header.attrs({
185
185
  'data-garden-id': COMPONENT_ID$t,
186
- 'data-garden-version': '8.63.0'
186
+ 'data-garden-version': '8.63.1'
187
187
  }).withConfig({
188
188
  displayName: "StyledHeader",
189
189
  componentId: "sc-1cexpz-0"
@@ -217,7 +217,7 @@ const sizeStyles$2 = props => {
217
217
  };
218
218
  const StyledSkipNav = styled.a.attrs({
219
219
  'data-garden-id': COMPONENT_ID$s,
220
- 'data-garden-version': '8.63.0'
220
+ 'data-garden-version': '8.63.1'
221
221
  }).withConfig({
222
222
  displayName: "StyledSkipNav",
223
223
  componentId: "sc-1tsro34-0"
@@ -250,7 +250,7 @@ const sizeStyles$1 = theme => {
250
250
  };
251
251
  const StyledSkipNavIcon = styled(SvgLinkStroke).attrs({
252
252
  'data-garden-id': COMPONENT_ID$r,
253
- 'data-garden-version': '8.63.0'
253
+ 'data-garden-version': '8.63.1'
254
254
  }).withConfig({
255
255
  displayName: "StyledSkipNavIcon",
256
256
  componentId: "sc-1ika5z4-0"
@@ -262,7 +262,7 @@ StyledSkipNavIcon.defaultProps = {
262
262
  const COMPONENT_ID$q = 'chrome.body';
263
263
  const StyledBody = styled.div.attrs({
264
264
  'data-garden-id': COMPONENT_ID$q,
265
- 'data-garden-version': '8.63.0'
265
+ 'data-garden-version': '8.63.1'
266
266
  }).withConfig({
267
267
  displayName: "StyledBody",
268
268
  componentId: "sc-c7h9kv-0"
@@ -277,7 +277,7 @@ const getFooterHeight = props => {
277
277
  };
278
278
  const StyledFooter = styled.footer.attrs({
279
279
  'data-garden-id': COMPONENT_ID$p,
280
- 'data-garden-version': '8.63.0'
280
+ 'data-garden-version': '8.63.1'
281
281
  }).withConfig({
282
282
  displayName: "StyledFooter",
283
283
  componentId: "sc-v7lib2-0"
@@ -289,7 +289,7 @@ StyledFooter.defaultProps = {
289
289
  const COMPONENT_ID$o = 'chrome.content';
290
290
  const StyledContent = styled.div.attrs({
291
291
  'data-garden-id': COMPONENT_ID$o,
292
- 'data-garden-version': '8.63.0'
292
+ 'data-garden-version': '8.63.1'
293
293
  }).withConfig({
294
294
  displayName: "StyledContent",
295
295
  componentId: "sc-qcuzxn-0"
@@ -301,7 +301,7 @@ StyledContent.defaultProps = {
301
301
  const COMPONENT_ID$n = 'chrome.main';
302
302
  const StyledMain = styled.main.attrs({
303
303
  'data-garden-id': COMPONENT_ID$n,
304
- 'data-garden-version': '8.63.0'
304
+ 'data-garden-version': '8.63.1'
305
305
  }).withConfig({
306
306
  displayName: "StyledMain",
307
307
  componentId: "sc-t61cre-0"
@@ -313,7 +313,7 @@ StyledMain.defaultProps = {
313
313
  const COMPONENT_ID$m = 'chrome.sidebar';
314
314
  const StyledSidebar = styled.aside.attrs({
315
315
  'data-garden-id': COMPONENT_ID$m,
316
- 'data-garden-version': '8.63.0'
316
+ 'data-garden-version': '8.63.1'
317
317
  }).withConfig({
318
318
  displayName: "StyledSidebar",
319
319
  componentId: "sc-1q77fuw-0"
@@ -325,7 +325,7 @@ StyledSidebar.defaultProps = {
325
325
  const COMPONENT_ID$l = 'chrome.footer_item';
326
326
  const StyledFooterItem = styled.div.attrs({
327
327
  'data-garden-id': COMPONENT_ID$l,
328
- 'data-garden-version': '8.63.0'
328
+ 'data-garden-version': '8.63.1'
329
329
  }).withConfig({
330
330
  displayName: "StyledFooterItem",
331
331
  componentId: "sc-1cktm85-0"
@@ -341,7 +341,7 @@ const imgStyles = props => {
341
341
  };
342
342
  const StyledHeaderItem = styled(StyledBaseHeaderItem).attrs({
343
343
  'data-garden-id': COMPONENT_ID$k,
344
- 'data-garden-version': '8.63.0'
344
+ 'data-garden-version': '8.63.1'
345
345
  }).withConfig({
346
346
  displayName: "StyledHeaderItem",
347
347
  componentId: "sc-14sft6n-0"
@@ -364,7 +364,7 @@ StyledHeaderItem.defaultProps = {
364
364
  const COMPONENT_ID$j = 'chrome.header_item_wrapper';
365
365
  const StyledHeaderItemWrapper = styled(StyledBaseHeaderItem).attrs({
366
366
  'data-garden-id': COMPONENT_ID$j,
367
- 'data-garden-version': '8.63.0',
367
+ 'data-garden-version': '8.63.1',
368
368
  as: 'div'
369
369
  }).withConfig({
370
370
  displayName: "StyledHeaderItemWrapper",
@@ -402,7 +402,7 @@ const colorStyles$4 = props => {
402
402
  };
403
403
  const StyledLogoNavItem = styled(StyledBaseNavItem).attrs({
404
404
  'data-garden-id': COMPONENT_ID$i,
405
- 'data-garden-version': '8.63.0',
405
+ 'data-garden-version': '8.63.1',
406
406
  as: 'div'
407
407
  }).withConfig({
408
408
  displayName: "StyledLogoNavItem",
@@ -415,7 +415,7 @@ StyledLogoNavItem.defaultProps = {
415
415
  const COMPONENT_ID$h = 'chrome.brandmark_nav_item';
416
416
  const StyledBrandmarkNavItem = styled(StyledBaseNavItem).attrs({
417
417
  'data-garden-id': COMPONENT_ID$h,
418
- 'data-garden-version': '8.63.0',
418
+ 'data-garden-version': '8.63.1',
419
419
  as: 'div'
420
420
  }).withConfig({
421
421
  displayName: "StyledBrandmarkNavItem",
@@ -428,7 +428,7 @@ StyledBrandmarkNavItem.defaultProps = {
428
428
  const COMPONENT_ID$g = 'chrome.nav_item_icon';
429
429
  const StyledNavItemIcon = styled.div.attrs({
430
430
  'data-garden-id': COMPONENT_ID$g,
431
- 'data-garden-version': '8.63.0'
431
+ 'data-garden-version': '8.63.1'
432
432
  }).withConfig({
433
433
  displayName: "StyledNavItemIcon",
434
434
  componentId: "sc-7w9rpt-0"
@@ -460,7 +460,7 @@ const colorStyles$3 = props => {
460
460
  };
461
461
  const StyledNavItem = styled(StyledBaseNavItem).attrs({
462
462
  'data-garden-id': COMPONENT_ID$f,
463
- 'data-garden-version': '8.63.0',
463
+ 'data-garden-version': '8.63.1',
464
464
  as: 'button'
465
465
  }).withConfig({
466
466
  displayName: "StyledNavItem",
@@ -477,7 +477,7 @@ StyledNavItem.defaultProps = {
477
477
  const COMPONENT_ID$e = 'chrome.nav_item_text';
478
478
  const StyledNavItemText = styled.span.attrs({
479
479
  'data-garden-id': COMPONENT_ID$e,
480
- 'data-garden-version': '8.63.0'
480
+ 'data-garden-version': '8.63.1'
481
481
  }).withConfig({
482
482
  displayName: "StyledNavItemText",
483
483
  componentId: "sc-13m84xl-0"
@@ -519,7 +519,7 @@ const getSubNavItemHeight = props => {
519
519
  };
520
520
  const StyledSubNavItem = styled.button.attrs({
521
521
  'data-garden-id': COMPONENT_ID$d,
522
- 'data-garden-version': '8.63.0'
522
+ 'data-garden-version': '8.63.1'
523
523
  }).withConfig({
524
524
  displayName: "StyledSubNavItem",
525
525
  componentId: "sc-1yg9dpx-0"
@@ -542,7 +542,7 @@ const colorStyles$1 = props => {
542
542
  };
543
543
  const StyledSubNav = styled.nav.attrs({
544
544
  'data-garden-id': COMPONENT_ID$c,
545
- 'data-garden-version': '8.63.0'
545
+ 'data-garden-version': '8.63.1'
546
546
  }).withConfig({
547
547
  displayName: "StyledSubNav",
548
548
  componentId: "sc-19hjou6-0"
@@ -560,7 +560,7 @@ const sizeStyles = props => {
560
560
  };
561
561
  const StyledSubNavItemText = styled.span.attrs({
562
562
  'data-garden-id': COMPONENT_ID$b,
563
- 'data-garden-version': '8.63.0'
563
+ 'data-garden-version': '8.63.1'
564
564
  }).withConfig({
565
565
  displayName: "StyledSubNavItemText",
566
566
  componentId: "sc-1hy0pn7-0"
@@ -572,7 +572,7 @@ StyledSubNavItemText.defaultProps = {
572
572
  const COMPONENT_ID$a = 'chrome.collapsible_sub_nav_item';
573
573
  const StyledSubNavItemHeader = styled(StyledSubNavItem).attrs({
574
574
  'data-garden-id': COMPONENT_ID$a,
575
- 'data-garden-version': '8.63.0',
575
+ 'data-garden-version': '8.63.1',
576
576
  'data-garden-header': 'true'
577
577
  }).withConfig({
578
578
  displayName: "StyledSubNavItemHeader",
@@ -619,7 +619,7 @@ StyledSubNavItemIcon.defaultProps = {
619
619
  };
620
620
  const StyledSubNavItemIconWrapper = styled.div.attrs({
621
621
  'data-garden-id': COMPONENT_ID$9,
622
- 'data-garden-version': '8.63.0'
622
+ 'data-garden-version': '8.63.1'
623
623
  }).withConfig({
624
624
  displayName: "StyledSubNavItemIcon__StyledSubNavItemIconWrapper",
625
625
  componentId: "sc-1d02hho-1"
@@ -637,7 +637,7 @@ const PANEL_COMPONENT_ID = 'chrome.collapsible_sub_nav_item_panel';
637
637
  const hiddenStyling = css(["visibility:hidden;max-height:0 !important;overflow:hidden;"]);
638
638
  const StyledSubNavPanel = styled.div.attrs({
639
639
  'data-garden-id': PANEL_COMPONENT_ID,
640
- 'data-garden-version': '8.63.0'
640
+ 'data-garden-version': '8.63.1'
641
641
  }).withConfig({
642
642
  displayName: "StyledSubNavPanel",
643
643
  componentId: "sc-1jv3rpv-0"
@@ -668,7 +668,7 @@ const borderStyle = _ref => {
668
668
  };
669
669
  const StyledSheet = styled.aside.attrs({
670
670
  'data-garden-id': COMPONENT_ID$8,
671
- 'data-garden-version': '8.63.0'
671
+ 'data-garden-version': '8.63.1'
672
672
  }).withConfig({
673
673
  displayName: "StyledSheet",
674
674
  componentId: "sc-dx8ijk-0"
@@ -680,7 +680,7 @@ StyledSheet.defaultProps = {
680
680
  const COMPONENT_ID$7 = 'chrome.sheet_wrapper';
681
681
  const StyledSheetWrapper = styled.div.attrs({
682
682
  'data-garden-id': COMPONENT_ID$7,
683
- 'data-garden-version': '8.63.0'
683
+ 'data-garden-version': '8.63.1'
684
684
  }).withConfig({
685
685
  displayName: "StyledSheetWrapper",
686
686
  componentId: "sc-f6x9zb-0"
@@ -707,7 +707,7 @@ StyledSheetWrapper.defaultProps = {
707
707
  const COMPONENT_ID$6 = 'chrome.sheet_title';
708
708
  const StyledSheetTitle = styled.div.attrs({
709
709
  'data-garden-id': COMPONENT_ID$6,
710
- 'data-garden-version': '8.63.0'
710
+ 'data-garden-version': '8.63.1'
711
711
  }).withConfig({
712
712
  displayName: "StyledSheetTitle",
713
713
  componentId: "sc-1gogk75-0"
@@ -719,7 +719,7 @@ StyledSheetTitle.defaultProps = {
719
719
  const COMPONENT_ID$5 = 'chrome.sheet_description';
720
720
  const StyledSheetDescription = styled.div.attrs({
721
721
  'data-garden-id': COMPONENT_ID$5,
722
- 'data-garden-version': '8.63.0'
722
+ 'data-garden-version': '8.63.1'
723
723
  }).withConfig({
724
724
  displayName: "StyledSheetDescription",
725
725
  componentId: "sc-1puglb6-0"
@@ -731,7 +731,7 @@ StyledSheetDescription.defaultProps = {
731
731
  const COMPONENT_ID$4 = 'chrome.sheet_body';
732
732
  const StyledSheetBody = styled.div.attrs({
733
733
  'data-garden-id': COMPONENT_ID$4,
734
- 'data-garden-version': '8.63.0'
734
+ 'data-garden-version': '8.63.1'
735
735
  }).withConfig({
736
736
  displayName: "StyledSheetBody",
737
737
  componentId: "sc-bt4eoj-0"
@@ -753,7 +753,7 @@ const colorStyles = props => {
753
753
  };
754
754
  const StyledSheetClose = styled.button.attrs({
755
755
  'data-garden-id': COMPONENT_ID$3,
756
- 'data-garden-version': '8.63.0'
756
+ 'data-garden-version': '8.63.1'
757
757
  }).withConfig({
758
758
  displayName: "StyledSheetClose",
759
759
  componentId: "sc-1ab02oq-0"
@@ -765,7 +765,7 @@ StyledSheetClose.defaultProps = {
765
765
  const COMPONENT_ID$2 = 'chrome.sheet_footer';
766
766
  const StyledSheetFooter = styled.footer.attrs({
767
767
  'data-garden-id': COMPONENT_ID$2,
768
- 'data-garden-version': '8.63.0'
768
+ 'data-garden-version': '8.63.1'
769
769
  }).withConfig({
770
770
  displayName: "StyledSheetFooter",
771
771
  componentId: "sc-2cktos-0"
@@ -777,7 +777,7 @@ StyledSheetFooter.defaultProps = {
777
777
  const COMPONENT_ID$1 = 'chrome.sheet_footer_item';
778
778
  const StyledSheetFooterItem = styled.div.attrs({
779
779
  'data-garden-id': COMPONENT_ID$1,
780
- 'data-garden-version': '8.63.0'
780
+ 'data-garden-version': '8.63.1'
781
781
  }).withConfig({
782
782
  displayName: "StyledSheetFooterItem",
783
783
  componentId: "sc-r9ixh-0"
@@ -789,7 +789,7 @@ StyledSheetFooterItem.defaultProps = {
789
789
  const COMPONENT_ID = 'chrome.sheet_header';
790
790
  const StyledSheetHeader = styled.header.attrs({
791
791
  'data-garden-id': COMPONENT_ID,
792
- 'data-garden-version': '8.63.0'
792
+ 'data-garden-version': '8.63.1'
793
793
  }).withConfig({
794
794
  displayName: "StyledSheetHeader",
795
795
  componentId: "sc-o2ry8i-0"
@@ -1371,7 +1371,7 @@ const SheetComponent = React__default.forwardRef((_ref, ref) => {
1371
1371
  const sheetRef = useRef(null);
1372
1372
  const seed = useUIDSeed();
1373
1373
  const [isCloseButtonPresent, setIsCloseButtonPresent] = useState(false);
1374
- const idPrefix = useMemo(() => id || seed(`sheet_${'8.63.0'}`), [id, seed]);
1374
+ const idPrefix = useMemo(() => id || seed(`sheet_${'8.63.1'}`), [id, seed]);
1375
1375
  const titleId = `${idPrefix}--title`;
1376
1376
  const descriptionId = `${idPrefix}--description`;
1377
1377
  const sheetContext = useMemo(() => ({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-chrome",
3
- "version": "8.63.0",
3
+ "version": "8.63.1",
4
4
  "description": "Components relating to Chrome within the Garden Design System.",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Zendesk Garden <garden@zendesk.com>",
@@ -35,7 +35,7 @@
35
35
  "styled-components": "^4.2.0 || ^5.0.0"
36
36
  },
37
37
  "devDependencies": {
38
- "@zendeskgarden/react-theming": "^8.63.0",
38
+ "@zendeskgarden/react-theming": "^8.63.1",
39
39
  "@zendeskgarden/svg-icons": "6.33.0"
40
40
  },
41
41
  "keywords": [
@@ -48,5 +48,5 @@
48
48
  "access": "public"
49
49
  },
50
50
  "zendeskgarden:src": "src/index.ts",
51
- "gitHead": "4b8715305a769881b143c7195c5b31e687422926"
51
+ "gitHead": "1c1d67d2b98ee0539975cee53f457081e5ae479a"
52
52
  }