@zendeskgarden/react-chrome 8.69.0 → 8.69.2

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.69.0'
70
+ 'data-garden-version': '8.69.2'
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.69.0'
82
+ 'data-garden-version': '8.69.2'
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.69.0'
99
+ 'data-garden-version': '8.69.2'
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.69.0'
120
+ 'data-garden-version': '8.69.2'
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.69.0'
144
+ 'data-garden-version': '8.69.2'
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.69.0',
176
+ 'data-garden-version': '8.69.2',
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.69.0'
197
+ 'data-garden-version': '8.69.2'
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.69.0'
212
+ 'data-garden-version': '8.69.2'
213
213
  }).withConfig({
214
214
  displayName: "StyledHeader",
215
215
  componentId: "sc-1cexpz-0"
@@ -247,7 +247,7 @@ const sizeStyles$2 = props => {
247
247
  };
248
248
  const StyledSkipNav = styled__default.default.a.attrs({
249
249
  'data-garden-id': COMPONENT_ID$s,
250
- 'data-garden-version': '8.69.0'
250
+ 'data-garden-version': '8.69.2'
251
251
  }).withConfig({
252
252
  displayName: "StyledSkipNav",
253
253
  componentId: "sc-1tsro34-0"
@@ -280,7 +280,7 @@ const sizeStyles$1 = theme => {
280
280
  };
281
281
  const StyledSkipNavIcon = styled__default.default(SvgLinkStroke).attrs({
282
282
  'data-garden-id': COMPONENT_ID$r,
283
- 'data-garden-version': '8.69.0'
283
+ 'data-garden-version': '8.69.2'
284
284
  }).withConfig({
285
285
  displayName: "StyledSkipNavIcon",
286
286
  componentId: "sc-1ika5z4-0"
@@ -292,7 +292,7 @@ StyledSkipNavIcon.defaultProps = {
292
292
  const COMPONENT_ID$q = 'chrome.body';
293
293
  const StyledBody = styled__default.default.div.attrs({
294
294
  'data-garden-id': COMPONENT_ID$q,
295
- 'data-garden-version': '8.69.0'
295
+ 'data-garden-version': '8.69.2'
296
296
  }).withConfig({
297
297
  displayName: "StyledBody",
298
298
  componentId: "sc-c7h9kv-0"
@@ -307,7 +307,7 @@ const getFooterHeight = props => {
307
307
  };
308
308
  const StyledFooter = styled__default.default.footer.attrs({
309
309
  'data-garden-id': COMPONENT_ID$p,
310
- 'data-garden-version': '8.69.0'
310
+ 'data-garden-version': '8.69.2'
311
311
  }).withConfig({
312
312
  displayName: "StyledFooter",
313
313
  componentId: "sc-v7lib2-0"
@@ -319,7 +319,7 @@ StyledFooter.defaultProps = {
319
319
  const COMPONENT_ID$o = 'chrome.content';
320
320
  const StyledContent = styled__default.default.div.attrs({
321
321
  'data-garden-id': COMPONENT_ID$o,
322
- 'data-garden-version': '8.69.0'
322
+ 'data-garden-version': '8.69.2'
323
323
  }).withConfig({
324
324
  displayName: "StyledContent",
325
325
  componentId: "sc-qcuzxn-0"
@@ -331,7 +331,7 @@ StyledContent.defaultProps = {
331
331
  const COMPONENT_ID$n = 'chrome.main';
332
332
  const StyledMain = styled__default.default.main.attrs({
333
333
  'data-garden-id': COMPONENT_ID$n,
334
- 'data-garden-version': '8.69.0'
334
+ 'data-garden-version': '8.69.2'
335
335
  }).withConfig({
336
336
  displayName: "StyledMain",
337
337
  componentId: "sc-t61cre-0"
@@ -343,7 +343,7 @@ StyledMain.defaultProps = {
343
343
  const COMPONENT_ID$m = 'chrome.sidebar';
344
344
  const StyledSidebar = styled__default.default.aside.attrs({
345
345
  'data-garden-id': COMPONENT_ID$m,
346
- 'data-garden-version': '8.69.0'
346
+ 'data-garden-version': '8.69.2'
347
347
  }).withConfig({
348
348
  displayName: "StyledSidebar",
349
349
  componentId: "sc-1q77fuw-0"
@@ -355,7 +355,7 @@ StyledSidebar.defaultProps = {
355
355
  const COMPONENT_ID$l = 'chrome.footer_item';
356
356
  const StyledFooterItem = styled__default.default.div.attrs({
357
357
  'data-garden-id': COMPONENT_ID$l,
358
- 'data-garden-version': '8.69.0'
358
+ 'data-garden-version': '8.69.2'
359
359
  }).withConfig({
360
360
  displayName: "StyledFooterItem",
361
361
  componentId: "sc-1cktm85-0"
@@ -371,7 +371,7 @@ const imgStyles = props => {
371
371
  };
372
372
  const StyledHeaderItem = styled__default.default(StyledBaseHeaderItem).attrs({
373
373
  'data-garden-id': COMPONENT_ID$k,
374
- 'data-garden-version': '8.69.0'
374
+ 'data-garden-version': '8.69.2'
375
375
  }).withConfig({
376
376
  displayName: "StyledHeaderItem",
377
377
  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.69.0',
393
+ 'data-garden-version': '8.69.2',
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.69.0',
431
+ 'data-garden-version': '8.69.2',
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.69.0',
444
+ 'data-garden-version': '8.69.2',
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.69.0'
457
+ 'data-garden-version': '8.69.2'
458
458
  }).withConfig({
459
459
  displayName: "StyledNavItemIcon",
460
460
  componentId: "sc-7w9rpt-0"
@@ -500,7 +500,7 @@ const colorStyles$3 = props => {
500
500
  };
501
501
  const StyledNavItem = styled__default.default(StyledBaseNavItem).attrs({
502
502
  'data-garden-id': COMPONENT_ID$f,
503
- 'data-garden-version': '8.69.0',
503
+ 'data-garden-version': '8.69.2',
504
504
  as: 'button'
505
505
  }).withConfig({
506
506
  displayName: "StyledNavItem",
@@ -517,7 +517,7 @@ StyledNavItem.defaultProps = {
517
517
  const COMPONENT_ID$e = 'chrome.nav_item_text';
518
518
  const StyledNavItemText = styled__default.default.span.attrs({
519
519
  'data-garden-id': COMPONENT_ID$e,
520
- 'data-garden-version': '8.69.0'
520
+ 'data-garden-version': '8.69.2'
521
521
  }).withConfig({
522
522
  displayName: "StyledNavItemText",
523
523
  componentId: "sc-13m84xl-0"
@@ -570,7 +570,7 @@ const getSubNavItemHeight = props => {
570
570
  };
571
571
  const StyledSubNavItem = styled__default.default.button.attrs({
572
572
  'data-garden-id': COMPONENT_ID$d,
573
- 'data-garden-version': '8.69.0'
573
+ 'data-garden-version': '8.69.2'
574
574
  }).withConfig({
575
575
  displayName: "StyledSubNavItem",
576
576
  componentId: "sc-1yg9dpx-0"
@@ -593,7 +593,7 @@ const colorStyles$1 = props => {
593
593
  };
594
594
  const StyledSubNav = styled__default.default.nav.attrs({
595
595
  'data-garden-id': COMPONENT_ID$c,
596
- 'data-garden-version': '8.69.0'
596
+ 'data-garden-version': '8.69.2'
597
597
  }).withConfig({
598
598
  displayName: "StyledSubNav",
599
599
  componentId: "sc-19hjou6-0"
@@ -611,7 +611,7 @@ const sizeStyles = props => {
611
611
  };
612
612
  const StyledSubNavItemText = styled__default.default.span.attrs({
613
613
  'data-garden-id': COMPONENT_ID$b,
614
- 'data-garden-version': '8.69.0'
614
+ 'data-garden-version': '8.69.2'
615
615
  }).withConfig({
616
616
  displayName: "StyledSubNavItemText",
617
617
  componentId: "sc-1hy0pn7-0"
@@ -623,7 +623,7 @@ StyledSubNavItemText.defaultProps = {
623
623
  const COMPONENT_ID$a = 'chrome.collapsible_sub_nav_item';
624
624
  const StyledSubNavItemHeader = styled__default.default(StyledSubNavItem).attrs({
625
625
  'data-garden-id': COMPONENT_ID$a,
626
- 'data-garden-version': '8.69.0',
626
+ 'data-garden-version': '8.69.2',
627
627
  'data-garden-header': 'true'
628
628
  }).withConfig({
629
629
  displayName: "StyledSubNavItemHeader",
@@ -670,7 +670,7 @@ StyledSubNavItemIcon.defaultProps = {
670
670
  };
671
671
  const StyledSubNavItemIconWrapper = styled__default.default.div.attrs({
672
672
  'data-garden-id': COMPONENT_ID$9,
673
- 'data-garden-version': '8.69.0'
673
+ 'data-garden-version': '8.69.2'
674
674
  }).withConfig({
675
675
  displayName: "StyledSubNavItemIcon__StyledSubNavItemIconWrapper",
676
676
  componentId: "sc-1d02hho-1"
@@ -688,7 +688,7 @@ const PANEL_COMPONENT_ID = 'chrome.collapsible_sub_nav_item_panel';
688
688
  const hiddenStyling = styled.css(["visibility:hidden;max-height:0 !important;overflow:hidden;"]);
689
689
  const StyledSubNavPanel = styled__default.default.div.attrs({
690
690
  'data-garden-id': PANEL_COMPONENT_ID,
691
- 'data-garden-version': '8.69.0'
691
+ 'data-garden-version': '8.69.2'
692
692
  }).withConfig({
693
693
  displayName: "StyledSubNavPanel",
694
694
  componentId: "sc-1jv3rpv-0"
@@ -719,7 +719,7 @@ const borderStyle = _ref => {
719
719
  };
720
720
  const StyledSheet = styled__default.default.aside.attrs({
721
721
  'data-garden-id': COMPONENT_ID$8,
722
- 'data-garden-version': '8.69.0'
722
+ 'data-garden-version': '8.69.2'
723
723
  }).withConfig({
724
724
  displayName: "StyledSheet",
725
725
  componentId: "sc-dx8ijk-0"
@@ -731,7 +731,7 @@ StyledSheet.defaultProps = {
731
731
  const COMPONENT_ID$7 = 'chrome.sheet_wrapper';
732
732
  const StyledSheetWrapper = styled__default.default.div.attrs({
733
733
  'data-garden-id': COMPONENT_ID$7,
734
- 'data-garden-version': '8.69.0'
734
+ 'data-garden-version': '8.69.2'
735
735
  }).withConfig({
736
736
  displayName: "StyledSheetWrapper",
737
737
  componentId: "sc-f6x9zb-0"
@@ -758,7 +758,7 @@ StyledSheetWrapper.defaultProps = {
758
758
  const COMPONENT_ID$6 = 'chrome.sheet_title';
759
759
  const StyledSheetTitle = styled__default.default.div.attrs({
760
760
  'data-garden-id': COMPONENT_ID$6,
761
- 'data-garden-version': '8.69.0'
761
+ 'data-garden-version': '8.69.2'
762
762
  }).withConfig({
763
763
  displayName: "StyledSheetTitle",
764
764
  componentId: "sc-1gogk75-0"
@@ -770,7 +770,7 @@ StyledSheetTitle.defaultProps = {
770
770
  const COMPONENT_ID$5 = 'chrome.sheet_description';
771
771
  const StyledSheetDescription = styled__default.default.div.attrs({
772
772
  'data-garden-id': COMPONENT_ID$5,
773
- 'data-garden-version': '8.69.0'
773
+ 'data-garden-version': '8.69.2'
774
774
  }).withConfig({
775
775
  displayName: "StyledSheetDescription",
776
776
  componentId: "sc-1puglb6-0"
@@ -782,7 +782,7 @@ StyledSheetDescription.defaultProps = {
782
782
  const COMPONENT_ID$4 = 'chrome.sheet_body';
783
783
  const StyledSheetBody = styled__default.default.div.attrs({
784
784
  'data-garden-id': COMPONENT_ID$4,
785
- 'data-garden-version': '8.69.0'
785
+ 'data-garden-version': '8.69.2'
786
786
  }).withConfig({
787
787
  displayName: "StyledSheetBody",
788
788
  componentId: "sc-bt4eoj-0"
@@ -806,7 +806,7 @@ const colorStyles = props => {
806
806
  };
807
807
  const StyledSheetClose = styled__default.default.button.attrs({
808
808
  'data-garden-id': COMPONENT_ID$3,
809
- 'data-garden-version': '8.69.0'
809
+ 'data-garden-version': '8.69.2'
810
810
  }).withConfig({
811
811
  displayName: "StyledSheetClose",
812
812
  componentId: "sc-1ab02oq-0"
@@ -818,7 +818,7 @@ StyledSheetClose.defaultProps = {
818
818
  const COMPONENT_ID$2 = 'chrome.sheet_footer';
819
819
  const StyledSheetFooter = styled__default.default.footer.attrs({
820
820
  'data-garden-id': COMPONENT_ID$2,
821
- 'data-garden-version': '8.69.0'
821
+ 'data-garden-version': '8.69.2'
822
822
  }).withConfig({
823
823
  displayName: "StyledSheetFooter",
824
824
  componentId: "sc-2cktos-0"
@@ -830,7 +830,7 @@ StyledSheetFooter.defaultProps = {
830
830
  const COMPONENT_ID$1 = 'chrome.sheet_footer_item';
831
831
  const StyledSheetFooterItem = styled__default.default.div.attrs({
832
832
  'data-garden-id': COMPONENT_ID$1,
833
- 'data-garden-version': '8.69.0'
833
+ 'data-garden-version': '8.69.2'
834
834
  }).withConfig({
835
835
  displayName: "StyledSheetFooterItem",
836
836
  componentId: "sc-r9ixh-0"
@@ -842,7 +842,7 @@ StyledSheetFooterItem.defaultProps = {
842
842
  const COMPONENT_ID = 'chrome.sheet_header';
843
843
  const StyledSheetHeader = styled__default.default.header.attrs({
844
844
  'data-garden-id': COMPONENT_ID,
845
- 'data-garden-version': '8.69.0'
845
+ 'data-garden-version': '8.69.2'
846
846
  }).withConfig({
847
847
  displayName: "StyledSheetHeader",
848
848
  componentId: "sc-o2ry8i-0"
@@ -1431,7 +1431,7 @@ const SheetComponent = React__namespace.default.forwardRef((_ref, ref) => {
1431
1431
  const sheetRef = React.useRef(null);
1432
1432
  const seed = reactUid.useUIDSeed();
1433
1433
  const [isCloseButtonPresent, setIsCloseButtonPresent] = React.useState(false);
1434
- const idPrefix = React.useMemo(() => id || seed(`sheet_${'8.69.0'}`), [id, seed]);
1434
+ const idPrefix = React.useMemo(() => id || seed(`sheet_${'8.69.2'}`), [id, seed]);
1435
1435
  const titleId = `${idPrefix}--title`;
1436
1436
  const descriptionId = `${idPrefix}--description`;
1437
1437
  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.69.0'
44
+ 'data-garden-version': '8.69.2'
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.69.0'
56
+ 'data-garden-version': '8.69.2'
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.69.0'
73
+ 'data-garden-version': '8.69.2'
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.69.0'
94
+ 'data-garden-version': '8.69.2'
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.69.0'
118
+ 'data-garden-version': '8.69.2'
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.69.0',
150
+ 'data-garden-version': '8.69.2',
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.69.0'
171
+ 'data-garden-version': '8.69.2'
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.69.0'
186
+ 'data-garden-version': '8.69.2'
187
187
  }).withConfig({
188
188
  displayName: "StyledHeader",
189
189
  componentId: "sc-1cexpz-0"
@@ -221,7 +221,7 @@ const sizeStyles$2 = props => {
221
221
  };
222
222
  const StyledSkipNav = styled.a.attrs({
223
223
  'data-garden-id': COMPONENT_ID$s,
224
- 'data-garden-version': '8.69.0'
224
+ 'data-garden-version': '8.69.2'
225
225
  }).withConfig({
226
226
  displayName: "StyledSkipNav",
227
227
  componentId: "sc-1tsro34-0"
@@ -254,7 +254,7 @@ const sizeStyles$1 = theme => {
254
254
  };
255
255
  const StyledSkipNavIcon = styled(SvgLinkStroke).attrs({
256
256
  'data-garden-id': COMPONENT_ID$r,
257
- 'data-garden-version': '8.69.0'
257
+ 'data-garden-version': '8.69.2'
258
258
  }).withConfig({
259
259
  displayName: "StyledSkipNavIcon",
260
260
  componentId: "sc-1ika5z4-0"
@@ -266,7 +266,7 @@ StyledSkipNavIcon.defaultProps = {
266
266
  const COMPONENT_ID$q = 'chrome.body';
267
267
  const StyledBody = styled.div.attrs({
268
268
  'data-garden-id': COMPONENT_ID$q,
269
- 'data-garden-version': '8.69.0'
269
+ 'data-garden-version': '8.69.2'
270
270
  }).withConfig({
271
271
  displayName: "StyledBody",
272
272
  componentId: "sc-c7h9kv-0"
@@ -281,7 +281,7 @@ const getFooterHeight = props => {
281
281
  };
282
282
  const StyledFooter = styled.footer.attrs({
283
283
  'data-garden-id': COMPONENT_ID$p,
284
- 'data-garden-version': '8.69.0'
284
+ 'data-garden-version': '8.69.2'
285
285
  }).withConfig({
286
286
  displayName: "StyledFooter",
287
287
  componentId: "sc-v7lib2-0"
@@ -293,7 +293,7 @@ StyledFooter.defaultProps = {
293
293
  const COMPONENT_ID$o = 'chrome.content';
294
294
  const StyledContent = styled.div.attrs({
295
295
  'data-garden-id': COMPONENT_ID$o,
296
- 'data-garden-version': '8.69.0'
296
+ 'data-garden-version': '8.69.2'
297
297
  }).withConfig({
298
298
  displayName: "StyledContent",
299
299
  componentId: "sc-qcuzxn-0"
@@ -305,7 +305,7 @@ StyledContent.defaultProps = {
305
305
  const COMPONENT_ID$n = 'chrome.main';
306
306
  const StyledMain = styled.main.attrs({
307
307
  'data-garden-id': COMPONENT_ID$n,
308
- 'data-garden-version': '8.69.0'
308
+ 'data-garden-version': '8.69.2'
309
309
  }).withConfig({
310
310
  displayName: "StyledMain",
311
311
  componentId: "sc-t61cre-0"
@@ -317,7 +317,7 @@ StyledMain.defaultProps = {
317
317
  const COMPONENT_ID$m = 'chrome.sidebar';
318
318
  const StyledSidebar = styled.aside.attrs({
319
319
  'data-garden-id': COMPONENT_ID$m,
320
- 'data-garden-version': '8.69.0'
320
+ 'data-garden-version': '8.69.2'
321
321
  }).withConfig({
322
322
  displayName: "StyledSidebar",
323
323
  componentId: "sc-1q77fuw-0"
@@ -329,7 +329,7 @@ StyledSidebar.defaultProps = {
329
329
  const COMPONENT_ID$l = 'chrome.footer_item';
330
330
  const StyledFooterItem = styled.div.attrs({
331
331
  'data-garden-id': COMPONENT_ID$l,
332
- 'data-garden-version': '8.69.0'
332
+ 'data-garden-version': '8.69.2'
333
333
  }).withConfig({
334
334
  displayName: "StyledFooterItem",
335
335
  componentId: "sc-1cktm85-0"
@@ -345,7 +345,7 @@ const imgStyles = props => {
345
345
  };
346
346
  const StyledHeaderItem = styled(StyledBaseHeaderItem).attrs({
347
347
  'data-garden-id': COMPONENT_ID$k,
348
- 'data-garden-version': '8.69.0'
348
+ 'data-garden-version': '8.69.2'
349
349
  }).withConfig({
350
350
  displayName: "StyledHeaderItem",
351
351
  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.69.0',
367
+ 'data-garden-version': '8.69.2',
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.69.0',
405
+ 'data-garden-version': '8.69.2',
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.69.0',
418
+ 'data-garden-version': '8.69.2',
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.69.0'
431
+ 'data-garden-version': '8.69.2'
432
432
  }).withConfig({
433
433
  displayName: "StyledNavItemIcon",
434
434
  componentId: "sc-7w9rpt-0"
@@ -474,7 +474,7 @@ const colorStyles$3 = props => {
474
474
  };
475
475
  const StyledNavItem = styled(StyledBaseNavItem).attrs({
476
476
  'data-garden-id': COMPONENT_ID$f,
477
- 'data-garden-version': '8.69.0',
477
+ 'data-garden-version': '8.69.2',
478
478
  as: 'button'
479
479
  }).withConfig({
480
480
  displayName: "StyledNavItem",
@@ -491,7 +491,7 @@ StyledNavItem.defaultProps = {
491
491
  const COMPONENT_ID$e = 'chrome.nav_item_text';
492
492
  const StyledNavItemText = styled.span.attrs({
493
493
  'data-garden-id': COMPONENT_ID$e,
494
- 'data-garden-version': '8.69.0'
494
+ 'data-garden-version': '8.69.2'
495
495
  }).withConfig({
496
496
  displayName: "StyledNavItemText",
497
497
  componentId: "sc-13m84xl-0"
@@ -544,7 +544,7 @@ const getSubNavItemHeight = props => {
544
544
  };
545
545
  const StyledSubNavItem = styled.button.attrs({
546
546
  'data-garden-id': COMPONENT_ID$d,
547
- 'data-garden-version': '8.69.0'
547
+ 'data-garden-version': '8.69.2'
548
548
  }).withConfig({
549
549
  displayName: "StyledSubNavItem",
550
550
  componentId: "sc-1yg9dpx-0"
@@ -567,7 +567,7 @@ const colorStyles$1 = props => {
567
567
  };
568
568
  const StyledSubNav = styled.nav.attrs({
569
569
  'data-garden-id': COMPONENT_ID$c,
570
- 'data-garden-version': '8.69.0'
570
+ 'data-garden-version': '8.69.2'
571
571
  }).withConfig({
572
572
  displayName: "StyledSubNav",
573
573
  componentId: "sc-19hjou6-0"
@@ -585,7 +585,7 @@ const sizeStyles = props => {
585
585
  };
586
586
  const StyledSubNavItemText = styled.span.attrs({
587
587
  'data-garden-id': COMPONENT_ID$b,
588
- 'data-garden-version': '8.69.0'
588
+ 'data-garden-version': '8.69.2'
589
589
  }).withConfig({
590
590
  displayName: "StyledSubNavItemText",
591
591
  componentId: "sc-1hy0pn7-0"
@@ -597,7 +597,7 @@ StyledSubNavItemText.defaultProps = {
597
597
  const COMPONENT_ID$a = 'chrome.collapsible_sub_nav_item';
598
598
  const StyledSubNavItemHeader = styled(StyledSubNavItem).attrs({
599
599
  'data-garden-id': COMPONENT_ID$a,
600
- 'data-garden-version': '8.69.0',
600
+ 'data-garden-version': '8.69.2',
601
601
  'data-garden-header': 'true'
602
602
  }).withConfig({
603
603
  displayName: "StyledSubNavItemHeader",
@@ -644,7 +644,7 @@ StyledSubNavItemIcon.defaultProps = {
644
644
  };
645
645
  const StyledSubNavItemIconWrapper = styled.div.attrs({
646
646
  'data-garden-id': COMPONENT_ID$9,
647
- 'data-garden-version': '8.69.0'
647
+ 'data-garden-version': '8.69.2'
648
648
  }).withConfig({
649
649
  displayName: "StyledSubNavItemIcon__StyledSubNavItemIconWrapper",
650
650
  componentId: "sc-1d02hho-1"
@@ -662,7 +662,7 @@ const PANEL_COMPONENT_ID = 'chrome.collapsible_sub_nav_item_panel';
662
662
  const hiddenStyling = css(["visibility:hidden;max-height:0 !important;overflow:hidden;"]);
663
663
  const StyledSubNavPanel = styled.div.attrs({
664
664
  'data-garden-id': PANEL_COMPONENT_ID,
665
- 'data-garden-version': '8.69.0'
665
+ 'data-garden-version': '8.69.2'
666
666
  }).withConfig({
667
667
  displayName: "StyledSubNavPanel",
668
668
  componentId: "sc-1jv3rpv-0"
@@ -693,7 +693,7 @@ const borderStyle = _ref => {
693
693
  };
694
694
  const StyledSheet = styled.aside.attrs({
695
695
  'data-garden-id': COMPONENT_ID$8,
696
- 'data-garden-version': '8.69.0'
696
+ 'data-garden-version': '8.69.2'
697
697
  }).withConfig({
698
698
  displayName: "StyledSheet",
699
699
  componentId: "sc-dx8ijk-0"
@@ -705,7 +705,7 @@ StyledSheet.defaultProps = {
705
705
  const COMPONENT_ID$7 = 'chrome.sheet_wrapper';
706
706
  const StyledSheetWrapper = styled.div.attrs({
707
707
  'data-garden-id': COMPONENT_ID$7,
708
- 'data-garden-version': '8.69.0'
708
+ 'data-garden-version': '8.69.2'
709
709
  }).withConfig({
710
710
  displayName: "StyledSheetWrapper",
711
711
  componentId: "sc-f6x9zb-0"
@@ -732,7 +732,7 @@ StyledSheetWrapper.defaultProps = {
732
732
  const COMPONENT_ID$6 = 'chrome.sheet_title';
733
733
  const StyledSheetTitle = styled.div.attrs({
734
734
  'data-garden-id': COMPONENT_ID$6,
735
- 'data-garden-version': '8.69.0'
735
+ 'data-garden-version': '8.69.2'
736
736
  }).withConfig({
737
737
  displayName: "StyledSheetTitle",
738
738
  componentId: "sc-1gogk75-0"
@@ -744,7 +744,7 @@ StyledSheetTitle.defaultProps = {
744
744
  const COMPONENT_ID$5 = 'chrome.sheet_description';
745
745
  const StyledSheetDescription = styled.div.attrs({
746
746
  'data-garden-id': COMPONENT_ID$5,
747
- 'data-garden-version': '8.69.0'
747
+ 'data-garden-version': '8.69.2'
748
748
  }).withConfig({
749
749
  displayName: "StyledSheetDescription",
750
750
  componentId: "sc-1puglb6-0"
@@ -756,7 +756,7 @@ StyledSheetDescription.defaultProps = {
756
756
  const COMPONENT_ID$4 = 'chrome.sheet_body';
757
757
  const StyledSheetBody = styled.div.attrs({
758
758
  'data-garden-id': COMPONENT_ID$4,
759
- 'data-garden-version': '8.69.0'
759
+ 'data-garden-version': '8.69.2'
760
760
  }).withConfig({
761
761
  displayName: "StyledSheetBody",
762
762
  componentId: "sc-bt4eoj-0"
@@ -780,7 +780,7 @@ const colorStyles = props => {
780
780
  };
781
781
  const StyledSheetClose = styled.button.attrs({
782
782
  'data-garden-id': COMPONENT_ID$3,
783
- 'data-garden-version': '8.69.0'
783
+ 'data-garden-version': '8.69.2'
784
784
  }).withConfig({
785
785
  displayName: "StyledSheetClose",
786
786
  componentId: "sc-1ab02oq-0"
@@ -792,7 +792,7 @@ StyledSheetClose.defaultProps = {
792
792
  const COMPONENT_ID$2 = 'chrome.sheet_footer';
793
793
  const StyledSheetFooter = styled.footer.attrs({
794
794
  'data-garden-id': COMPONENT_ID$2,
795
- 'data-garden-version': '8.69.0'
795
+ 'data-garden-version': '8.69.2'
796
796
  }).withConfig({
797
797
  displayName: "StyledSheetFooter",
798
798
  componentId: "sc-2cktos-0"
@@ -804,7 +804,7 @@ StyledSheetFooter.defaultProps = {
804
804
  const COMPONENT_ID$1 = 'chrome.sheet_footer_item';
805
805
  const StyledSheetFooterItem = styled.div.attrs({
806
806
  'data-garden-id': COMPONENT_ID$1,
807
- 'data-garden-version': '8.69.0'
807
+ 'data-garden-version': '8.69.2'
808
808
  }).withConfig({
809
809
  displayName: "StyledSheetFooterItem",
810
810
  componentId: "sc-r9ixh-0"
@@ -816,7 +816,7 @@ StyledSheetFooterItem.defaultProps = {
816
816
  const COMPONENT_ID = 'chrome.sheet_header';
817
817
  const StyledSheetHeader = styled.header.attrs({
818
818
  'data-garden-id': COMPONENT_ID,
819
- 'data-garden-version': '8.69.0'
819
+ 'data-garden-version': '8.69.2'
820
820
  }).withConfig({
821
821
  displayName: "StyledSheetHeader",
822
822
  componentId: "sc-o2ry8i-0"
@@ -1405,7 +1405,7 @@ const SheetComponent = React__default.forwardRef((_ref, ref) => {
1405
1405
  const sheetRef = useRef(null);
1406
1406
  const seed = useUIDSeed();
1407
1407
  const [isCloseButtonPresent, setIsCloseButtonPresent] = useState(false);
1408
- const idPrefix = useMemo(() => id || seed(`sheet_${'8.69.0'}`), [id, seed]);
1408
+ const idPrefix = useMemo(() => id || seed(`sheet_${'8.69.2'}`), [id, seed]);
1409
1409
  const titleId = `${idPrefix}--title`;
1410
1410
  const descriptionId = `${idPrefix}--description`;
1411
1411
  const sheetContext = useMemo(() => ({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-chrome",
3
- "version": "8.69.0",
3
+ "version": "8.69.2",
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.69.0",
38
+ "@zendeskgarden/react-theming": "^8.69.2",
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": "0af9ddcc0516d455cd359ae4229c7121edf23060"
51
+ "gitHead": "a39f2b421375013a50990d206610e3813abc0bd7"
52
52
  }