@zendeskgarden/react-chrome 8.62.2 → 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 (4) hide show
  1. package/dist/index.cjs.js +42 -51
  2. package/dist/index.esm.js +42 -51
  3. package/dist/typings/types/index.d.ts +2 -2
  4. package/package.json +4 -4
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.62.2'
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.62.2'
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.62.2'
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.62.2'
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.62.2'
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.62.2',
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.62.2'
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.62.2'
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.62.2'
246
+ 'data-garden-version': '8.63.1'
247
247
  }).withConfig({
248
248
  displayName: "StyledSkipNav",
249
249
  componentId: "sc-1tsro34-0"
@@ -253,9 +253,7 @@ StyledSkipNav.defaultProps = {
253
253
  };
254
254
 
255
255
  var _path$2;
256
-
257
256
  function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
258
-
259
257
  var SvgLinkStroke = function SvgLinkStroke(props) {
260
258
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
261
259
  xmlns: "http://www.w3.org/2000/svg",
@@ -263,8 +261,7 @@ var SvgLinkStroke = function SvgLinkStroke(props) {
263
261
  height: 16,
264
262
  focusable: "false",
265
263
  viewBox: "0 0 16 16",
266
- "aria-hidden": "true",
267
- role: "img"
264
+ "aria-hidden": "true"
268
265
  }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
269
266
  fill: "currentColor",
270
267
  d: "M4.441 7.38l.095.083.939.939-.708.707-.939-.939-2 2-.132.142a2.829 2.829 0 003.99 3.99l.142-.132 2-2-.939-.939.707-.708.94.94a1 1 0 01.083 1.32l-.083.094-2 2A3.828 3.828 0 01.972 9.621l.15-.158 2-2A1 1 0 014.34 7.31l.101.07zm7.413-3.234a.5.5 0 01.057.638l-.057.07-7 7a.5.5 0 01-.765-.638l.057-.07 7-7a.5.5 0 01.708 0zm3.023-3.025a3.829 3.829 0 01.15 5.257l-.15.158-2 2a1 1 0 01-1.32.083l-.094-.083-.94-.94.708-.707.939.94 2-2 .132-.142a2.829 2.829 0 00-3.99-3.99l-.142.131-2 2 .939.939-.707.708-.94-.94a1 1 0 01-.082-1.32l.083-.094 2-2a3.828 3.828 0 015.414 0z"
@@ -279,7 +276,7 @@ const sizeStyles$1 = theme => {
279
276
  };
280
277
  const StyledSkipNavIcon = styled__default.default(SvgLinkStroke).attrs({
281
278
  'data-garden-id': COMPONENT_ID$r,
282
- 'data-garden-version': '8.62.2'
279
+ 'data-garden-version': '8.63.1'
283
280
  }).withConfig({
284
281
  displayName: "StyledSkipNavIcon",
285
282
  componentId: "sc-1ika5z4-0"
@@ -291,7 +288,7 @@ StyledSkipNavIcon.defaultProps = {
291
288
  const COMPONENT_ID$q = 'chrome.body';
292
289
  const StyledBody = styled__default.default.div.attrs({
293
290
  'data-garden-id': COMPONENT_ID$q,
294
- 'data-garden-version': '8.62.2'
291
+ 'data-garden-version': '8.63.1'
295
292
  }).withConfig({
296
293
  displayName: "StyledBody",
297
294
  componentId: "sc-c7h9kv-0"
@@ -306,7 +303,7 @@ const getFooterHeight = props => {
306
303
  };
307
304
  const StyledFooter = styled__default.default.footer.attrs({
308
305
  'data-garden-id': COMPONENT_ID$p,
309
- 'data-garden-version': '8.62.2'
306
+ 'data-garden-version': '8.63.1'
310
307
  }).withConfig({
311
308
  displayName: "StyledFooter",
312
309
  componentId: "sc-v7lib2-0"
@@ -318,7 +315,7 @@ StyledFooter.defaultProps = {
318
315
  const COMPONENT_ID$o = 'chrome.content';
319
316
  const StyledContent = styled__default.default.div.attrs({
320
317
  'data-garden-id': COMPONENT_ID$o,
321
- 'data-garden-version': '8.62.2'
318
+ 'data-garden-version': '8.63.1'
322
319
  }).withConfig({
323
320
  displayName: "StyledContent",
324
321
  componentId: "sc-qcuzxn-0"
@@ -330,7 +327,7 @@ StyledContent.defaultProps = {
330
327
  const COMPONENT_ID$n = 'chrome.main';
331
328
  const StyledMain = styled__default.default.main.attrs({
332
329
  'data-garden-id': COMPONENT_ID$n,
333
- 'data-garden-version': '8.62.2'
330
+ 'data-garden-version': '8.63.1'
334
331
  }).withConfig({
335
332
  displayName: "StyledMain",
336
333
  componentId: "sc-t61cre-0"
@@ -342,7 +339,7 @@ StyledMain.defaultProps = {
342
339
  const COMPONENT_ID$m = 'chrome.sidebar';
343
340
  const StyledSidebar = styled__default.default.aside.attrs({
344
341
  'data-garden-id': COMPONENT_ID$m,
345
- 'data-garden-version': '8.62.2'
342
+ 'data-garden-version': '8.63.1'
346
343
  }).withConfig({
347
344
  displayName: "StyledSidebar",
348
345
  componentId: "sc-1q77fuw-0"
@@ -354,7 +351,7 @@ StyledSidebar.defaultProps = {
354
351
  const COMPONENT_ID$l = 'chrome.footer_item';
355
352
  const StyledFooterItem = styled__default.default.div.attrs({
356
353
  'data-garden-id': COMPONENT_ID$l,
357
- 'data-garden-version': '8.62.2'
354
+ 'data-garden-version': '8.63.1'
358
355
  }).withConfig({
359
356
  displayName: "StyledFooterItem",
360
357
  componentId: "sc-1cktm85-0"
@@ -370,7 +367,7 @@ const imgStyles = props => {
370
367
  };
371
368
  const StyledHeaderItem = styled__default.default(StyledBaseHeaderItem).attrs({
372
369
  'data-garden-id': COMPONENT_ID$k,
373
- 'data-garden-version': '8.62.2'
370
+ 'data-garden-version': '8.63.1'
374
371
  }).withConfig({
375
372
  displayName: "StyledHeaderItem",
376
373
  componentId: "sc-14sft6n-0"
@@ -393,7 +390,7 @@ StyledHeaderItem.defaultProps = {
393
390
  const COMPONENT_ID$j = 'chrome.header_item_wrapper';
394
391
  const StyledHeaderItemWrapper = styled__default.default(StyledBaseHeaderItem).attrs({
395
392
  'data-garden-id': COMPONENT_ID$j,
396
- 'data-garden-version': '8.62.2',
393
+ 'data-garden-version': '8.63.1',
397
394
  as: 'div'
398
395
  }).withConfig({
399
396
  displayName: "StyledHeaderItemWrapper",
@@ -431,7 +428,7 @@ const colorStyles$4 = props => {
431
428
  };
432
429
  const StyledLogoNavItem = styled__default.default(StyledBaseNavItem).attrs({
433
430
  'data-garden-id': COMPONENT_ID$i,
434
- 'data-garden-version': '8.62.2',
431
+ 'data-garden-version': '8.63.1',
435
432
  as: 'div'
436
433
  }).withConfig({
437
434
  displayName: "StyledLogoNavItem",
@@ -444,7 +441,7 @@ StyledLogoNavItem.defaultProps = {
444
441
  const COMPONENT_ID$h = 'chrome.brandmark_nav_item';
445
442
  const StyledBrandmarkNavItem = styled__default.default(StyledBaseNavItem).attrs({
446
443
  'data-garden-id': COMPONENT_ID$h,
447
- 'data-garden-version': '8.62.2',
444
+ 'data-garden-version': '8.63.1',
448
445
  as: 'div'
449
446
  }).withConfig({
450
447
  displayName: "StyledBrandmarkNavItem",
@@ -457,7 +454,7 @@ StyledBrandmarkNavItem.defaultProps = {
457
454
  const COMPONENT_ID$g = 'chrome.nav_item_icon';
458
455
  const StyledNavItemIcon = styled__default.default.div.attrs({
459
456
  'data-garden-id': COMPONENT_ID$g,
460
- 'data-garden-version': '8.62.2'
457
+ 'data-garden-version': '8.63.1'
461
458
  }).withConfig({
462
459
  displayName: "StyledNavItemIcon",
463
460
  componentId: "sc-7w9rpt-0"
@@ -489,7 +486,7 @@ const colorStyles$3 = props => {
489
486
  };
490
487
  const StyledNavItem = styled__default.default(StyledBaseNavItem).attrs({
491
488
  'data-garden-id': COMPONENT_ID$f,
492
- 'data-garden-version': '8.62.2',
489
+ 'data-garden-version': '8.63.1',
493
490
  as: 'button'
494
491
  }).withConfig({
495
492
  displayName: "StyledNavItem",
@@ -506,7 +503,7 @@ StyledNavItem.defaultProps = {
506
503
  const COMPONENT_ID$e = 'chrome.nav_item_text';
507
504
  const StyledNavItemText = styled__default.default.span.attrs({
508
505
  'data-garden-id': COMPONENT_ID$e,
509
- 'data-garden-version': '8.62.2'
506
+ 'data-garden-version': '8.63.1'
510
507
  }).withConfig({
511
508
  displayName: "StyledNavItemText",
512
509
  componentId: "sc-13m84xl-0"
@@ -548,7 +545,7 @@ const getSubNavItemHeight = props => {
548
545
  };
549
546
  const StyledSubNavItem = styled__default.default.button.attrs({
550
547
  'data-garden-id': COMPONENT_ID$d,
551
- 'data-garden-version': '8.62.2'
548
+ 'data-garden-version': '8.63.1'
552
549
  }).withConfig({
553
550
  displayName: "StyledSubNavItem",
554
551
  componentId: "sc-1yg9dpx-0"
@@ -571,7 +568,7 @@ const colorStyles$1 = props => {
571
568
  };
572
569
  const StyledSubNav = styled__default.default.nav.attrs({
573
570
  'data-garden-id': COMPONENT_ID$c,
574
- 'data-garden-version': '8.62.2'
571
+ 'data-garden-version': '8.63.1'
575
572
  }).withConfig({
576
573
  displayName: "StyledSubNav",
577
574
  componentId: "sc-19hjou6-0"
@@ -589,7 +586,7 @@ const sizeStyles = props => {
589
586
  };
590
587
  const StyledSubNavItemText = styled__default.default.span.attrs({
591
588
  'data-garden-id': COMPONENT_ID$b,
592
- 'data-garden-version': '8.62.2'
589
+ 'data-garden-version': '8.63.1'
593
590
  }).withConfig({
594
591
  displayName: "StyledSubNavItemText",
595
592
  componentId: "sc-1hy0pn7-0"
@@ -601,7 +598,7 @@ StyledSubNavItemText.defaultProps = {
601
598
  const COMPONENT_ID$a = 'chrome.collapsible_sub_nav_item';
602
599
  const StyledSubNavItemHeader = styled__default.default(StyledSubNavItem).attrs({
603
600
  'data-garden-id': COMPONENT_ID$a,
604
- 'data-garden-version': '8.62.2',
601
+ 'data-garden-version': '8.63.1',
605
602
  'data-garden-header': 'true'
606
603
  }).withConfig({
607
604
  displayName: "StyledSubNavItemHeader",
@@ -612,9 +609,7 @@ StyledSubNavItemHeader.defaultProps = {
612
609
  };
613
610
 
614
611
  var _path$1;
615
-
616
612
  function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
617
-
618
613
  var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
619
614
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
620
615
  xmlns: "http://www.w3.org/2000/svg",
@@ -622,8 +617,7 @@ var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
622
617
  height: 12,
623
618
  focusable: "false",
624
619
  viewBox: "0 0 12 12",
625
- "aria-hidden": "true",
626
- role: "img"
620
+ "aria-hidden": "true"
627
621
  }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
628
622
  fill: "currentColor",
629
623
  d: "M1.646 3.646a.5.5 0 01.638-.057l.07.057L6 7.293l3.646-3.647a.5.5 0 01.638-.057l.07.057a.5.5 0 01.057.638l-.057.07-4 4a.5.5 0 01-.638.057l-.07-.057-4-4a.5.5 0 010-.708z"
@@ -651,7 +645,7 @@ StyledSubNavItemIcon.defaultProps = {
651
645
  };
652
646
  const StyledSubNavItemIconWrapper = styled__default.default.div.attrs({
653
647
  'data-garden-id': COMPONENT_ID$9,
654
- 'data-garden-version': '8.62.2'
648
+ 'data-garden-version': '8.63.1'
655
649
  }).withConfig({
656
650
  displayName: "StyledSubNavItemIcon__StyledSubNavItemIconWrapper",
657
651
  componentId: "sc-1d02hho-1"
@@ -669,7 +663,7 @@ const PANEL_COMPONENT_ID = 'chrome.collapsible_sub_nav_item_panel';
669
663
  const hiddenStyling = styled.css(["visibility:hidden;max-height:0 !important;overflow:hidden;"]);
670
664
  const StyledSubNavPanel = styled__default.default.div.attrs({
671
665
  'data-garden-id': PANEL_COMPONENT_ID,
672
- 'data-garden-version': '8.62.2'
666
+ 'data-garden-version': '8.63.1'
673
667
  }).withConfig({
674
668
  displayName: "StyledSubNavPanel",
675
669
  componentId: "sc-1jv3rpv-0"
@@ -700,7 +694,7 @@ const borderStyle = _ref => {
700
694
  };
701
695
  const StyledSheet = styled__default.default.aside.attrs({
702
696
  'data-garden-id': COMPONENT_ID$8,
703
- 'data-garden-version': '8.62.2'
697
+ 'data-garden-version': '8.63.1'
704
698
  }).withConfig({
705
699
  displayName: "StyledSheet",
706
700
  componentId: "sc-dx8ijk-0"
@@ -712,7 +706,7 @@ StyledSheet.defaultProps = {
712
706
  const COMPONENT_ID$7 = 'chrome.sheet_wrapper';
713
707
  const StyledSheetWrapper = styled__default.default.div.attrs({
714
708
  'data-garden-id': COMPONENT_ID$7,
715
- 'data-garden-version': '8.62.2'
709
+ 'data-garden-version': '8.63.1'
716
710
  }).withConfig({
717
711
  displayName: "StyledSheetWrapper",
718
712
  componentId: "sc-f6x9zb-0"
@@ -739,7 +733,7 @@ StyledSheetWrapper.defaultProps = {
739
733
  const COMPONENT_ID$6 = 'chrome.sheet_title';
740
734
  const StyledSheetTitle = styled__default.default.div.attrs({
741
735
  'data-garden-id': COMPONENT_ID$6,
742
- 'data-garden-version': '8.62.2'
736
+ 'data-garden-version': '8.63.1'
743
737
  }).withConfig({
744
738
  displayName: "StyledSheetTitle",
745
739
  componentId: "sc-1gogk75-0"
@@ -751,7 +745,7 @@ StyledSheetTitle.defaultProps = {
751
745
  const COMPONENT_ID$5 = 'chrome.sheet_description';
752
746
  const StyledSheetDescription = styled__default.default.div.attrs({
753
747
  'data-garden-id': COMPONENT_ID$5,
754
- 'data-garden-version': '8.62.2'
748
+ 'data-garden-version': '8.63.1'
755
749
  }).withConfig({
756
750
  displayName: "StyledSheetDescription",
757
751
  componentId: "sc-1puglb6-0"
@@ -763,7 +757,7 @@ StyledSheetDescription.defaultProps = {
763
757
  const COMPONENT_ID$4 = 'chrome.sheet_body';
764
758
  const StyledSheetBody = styled__default.default.div.attrs({
765
759
  'data-garden-id': COMPONENT_ID$4,
766
- 'data-garden-version': '8.62.2'
760
+ 'data-garden-version': '8.63.1'
767
761
  }).withConfig({
768
762
  displayName: "StyledSheetBody",
769
763
  componentId: "sc-bt4eoj-0"
@@ -785,7 +779,7 @@ const colorStyles = props => {
785
779
  };
786
780
  const StyledSheetClose = styled__default.default.button.attrs({
787
781
  'data-garden-id': COMPONENT_ID$3,
788
- 'data-garden-version': '8.62.2'
782
+ 'data-garden-version': '8.63.1'
789
783
  }).withConfig({
790
784
  displayName: "StyledSheetClose",
791
785
  componentId: "sc-1ab02oq-0"
@@ -797,7 +791,7 @@ StyledSheetClose.defaultProps = {
797
791
  const COMPONENT_ID$2 = 'chrome.sheet_footer';
798
792
  const StyledSheetFooter = styled__default.default.footer.attrs({
799
793
  'data-garden-id': COMPONENT_ID$2,
800
- 'data-garden-version': '8.62.2'
794
+ 'data-garden-version': '8.63.1'
801
795
  }).withConfig({
802
796
  displayName: "StyledSheetFooter",
803
797
  componentId: "sc-2cktos-0"
@@ -809,7 +803,7 @@ StyledSheetFooter.defaultProps = {
809
803
  const COMPONENT_ID$1 = 'chrome.sheet_footer_item';
810
804
  const StyledSheetFooterItem = styled__default.default.div.attrs({
811
805
  'data-garden-id': COMPONENT_ID$1,
812
- 'data-garden-version': '8.62.2'
806
+ 'data-garden-version': '8.63.1'
813
807
  }).withConfig({
814
808
  displayName: "StyledSheetFooterItem",
815
809
  componentId: "sc-r9ixh-0"
@@ -821,7 +815,7 @@ StyledSheetFooterItem.defaultProps = {
821
815
  const COMPONENT_ID = 'chrome.sheet_header';
822
816
  const StyledSheetHeader = styled__default.default.header.attrs({
823
817
  'data-garden-id': COMPONENT_ID,
824
- 'data-garden-version': '8.62.2'
818
+ 'data-garden-version': '8.63.1'
825
819
  }).withConfig({
826
820
  displayName: "StyledSheetHeader",
827
821
  componentId: "sc-o2ry8i-0"
@@ -1356,9 +1350,7 @@ SheetFooterItem.displayName = 'Sheet.FooterItem';
1356
1350
  const FooterItem = SheetFooterItem;
1357
1351
 
1358
1352
  var _path;
1359
-
1360
1353
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
1361
-
1362
1354
  var SvgXStroke = function SvgXStroke(props) {
1363
1355
  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
1364
1356
  xmlns: "http://www.w3.org/2000/svg",
@@ -1366,8 +1358,7 @@ var SvgXStroke = function SvgXStroke(props) {
1366
1358
  height: 16,
1367
1359
  focusable: "false",
1368
1360
  viewBox: "0 0 16 16",
1369
- "aria-hidden": "true",
1370
- role: "img"
1361
+ "aria-hidden": "true"
1371
1362
  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
1372
1363
  stroke: "currentColor",
1373
1364
  strokeLinecap: "round",
@@ -1406,7 +1397,7 @@ const SheetComponent = React__namespace.default.forwardRef((_ref, ref) => {
1406
1397
  const sheetRef = React.useRef(null);
1407
1398
  const seed = reactUid.useUIDSeed();
1408
1399
  const [isCloseButtonPresent, setIsCloseButtonPresent] = React.useState(false);
1409
- const idPrefix = React.useMemo(() => id || seed(`sheet_${'8.62.2'}`), [id, seed]);
1400
+ const idPrefix = React.useMemo(() => id || seed(`sheet_${'8.63.1'}`), [id, seed]);
1410
1401
  const titleId = `${idPrefix}--title`;
1411
1402
  const descriptionId = `${idPrefix}--description`;
1412
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.62.2'
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.62.2'
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.62.2'
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.62.2'
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.62.2'
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.62.2',
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.62.2'
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.62.2'
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.62.2'
220
+ 'data-garden-version': '8.63.1'
221
221
  }).withConfig({
222
222
  displayName: "StyledSkipNav",
223
223
  componentId: "sc-1tsro34-0"
@@ -227,9 +227,7 @@ StyledSkipNav.defaultProps = {
227
227
  };
228
228
 
229
229
  var _path$2;
230
-
231
230
  function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
232
-
233
231
  var SvgLinkStroke = function SvgLinkStroke(props) {
234
232
  return /*#__PURE__*/React.createElement("svg", _extends$2({
235
233
  xmlns: "http://www.w3.org/2000/svg",
@@ -237,8 +235,7 @@ var SvgLinkStroke = function SvgLinkStroke(props) {
237
235
  height: 16,
238
236
  focusable: "false",
239
237
  viewBox: "0 0 16 16",
240
- "aria-hidden": "true",
241
- role: "img"
238
+ "aria-hidden": "true"
242
239
  }, props), _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
243
240
  fill: "currentColor",
244
241
  d: "M4.441 7.38l.095.083.939.939-.708.707-.939-.939-2 2-.132.142a2.829 2.829 0 003.99 3.99l.142-.132 2-2-.939-.939.707-.708.94.94a1 1 0 01.083 1.32l-.083.094-2 2A3.828 3.828 0 01.972 9.621l.15-.158 2-2A1 1 0 014.34 7.31l.101.07zm7.413-3.234a.5.5 0 01.057.638l-.057.07-7 7a.5.5 0 01-.765-.638l.057-.07 7-7a.5.5 0 01.708 0zm3.023-3.025a3.829 3.829 0 01.15 5.257l-.15.158-2 2a1 1 0 01-1.32.083l-.094-.083-.94-.94.708-.707.939.94 2-2 .132-.142a2.829 2.829 0 00-3.99-3.99l-.142.131-2 2 .939.939-.707.708-.94-.94a1 1 0 01-.082-1.32l.083-.094 2-2a3.828 3.828 0 015.414 0z"
@@ -253,7 +250,7 @@ const sizeStyles$1 = theme => {
253
250
  };
254
251
  const StyledSkipNavIcon = styled(SvgLinkStroke).attrs({
255
252
  'data-garden-id': COMPONENT_ID$r,
256
- 'data-garden-version': '8.62.2'
253
+ 'data-garden-version': '8.63.1'
257
254
  }).withConfig({
258
255
  displayName: "StyledSkipNavIcon",
259
256
  componentId: "sc-1ika5z4-0"
@@ -265,7 +262,7 @@ StyledSkipNavIcon.defaultProps = {
265
262
  const COMPONENT_ID$q = 'chrome.body';
266
263
  const StyledBody = styled.div.attrs({
267
264
  'data-garden-id': COMPONENT_ID$q,
268
- 'data-garden-version': '8.62.2'
265
+ 'data-garden-version': '8.63.1'
269
266
  }).withConfig({
270
267
  displayName: "StyledBody",
271
268
  componentId: "sc-c7h9kv-0"
@@ -280,7 +277,7 @@ const getFooterHeight = props => {
280
277
  };
281
278
  const StyledFooter = styled.footer.attrs({
282
279
  'data-garden-id': COMPONENT_ID$p,
283
- 'data-garden-version': '8.62.2'
280
+ 'data-garden-version': '8.63.1'
284
281
  }).withConfig({
285
282
  displayName: "StyledFooter",
286
283
  componentId: "sc-v7lib2-0"
@@ -292,7 +289,7 @@ StyledFooter.defaultProps = {
292
289
  const COMPONENT_ID$o = 'chrome.content';
293
290
  const StyledContent = styled.div.attrs({
294
291
  'data-garden-id': COMPONENT_ID$o,
295
- 'data-garden-version': '8.62.2'
292
+ 'data-garden-version': '8.63.1'
296
293
  }).withConfig({
297
294
  displayName: "StyledContent",
298
295
  componentId: "sc-qcuzxn-0"
@@ -304,7 +301,7 @@ StyledContent.defaultProps = {
304
301
  const COMPONENT_ID$n = 'chrome.main';
305
302
  const StyledMain = styled.main.attrs({
306
303
  'data-garden-id': COMPONENT_ID$n,
307
- 'data-garden-version': '8.62.2'
304
+ 'data-garden-version': '8.63.1'
308
305
  }).withConfig({
309
306
  displayName: "StyledMain",
310
307
  componentId: "sc-t61cre-0"
@@ -316,7 +313,7 @@ StyledMain.defaultProps = {
316
313
  const COMPONENT_ID$m = 'chrome.sidebar';
317
314
  const StyledSidebar = styled.aside.attrs({
318
315
  'data-garden-id': COMPONENT_ID$m,
319
- 'data-garden-version': '8.62.2'
316
+ 'data-garden-version': '8.63.1'
320
317
  }).withConfig({
321
318
  displayName: "StyledSidebar",
322
319
  componentId: "sc-1q77fuw-0"
@@ -328,7 +325,7 @@ StyledSidebar.defaultProps = {
328
325
  const COMPONENT_ID$l = 'chrome.footer_item';
329
326
  const StyledFooterItem = styled.div.attrs({
330
327
  'data-garden-id': COMPONENT_ID$l,
331
- 'data-garden-version': '8.62.2'
328
+ 'data-garden-version': '8.63.1'
332
329
  }).withConfig({
333
330
  displayName: "StyledFooterItem",
334
331
  componentId: "sc-1cktm85-0"
@@ -344,7 +341,7 @@ const imgStyles = props => {
344
341
  };
345
342
  const StyledHeaderItem = styled(StyledBaseHeaderItem).attrs({
346
343
  'data-garden-id': COMPONENT_ID$k,
347
- 'data-garden-version': '8.62.2'
344
+ 'data-garden-version': '8.63.1'
348
345
  }).withConfig({
349
346
  displayName: "StyledHeaderItem",
350
347
  componentId: "sc-14sft6n-0"
@@ -367,7 +364,7 @@ StyledHeaderItem.defaultProps = {
367
364
  const COMPONENT_ID$j = 'chrome.header_item_wrapper';
368
365
  const StyledHeaderItemWrapper = styled(StyledBaseHeaderItem).attrs({
369
366
  'data-garden-id': COMPONENT_ID$j,
370
- 'data-garden-version': '8.62.2',
367
+ 'data-garden-version': '8.63.1',
371
368
  as: 'div'
372
369
  }).withConfig({
373
370
  displayName: "StyledHeaderItemWrapper",
@@ -405,7 +402,7 @@ const colorStyles$4 = props => {
405
402
  };
406
403
  const StyledLogoNavItem = styled(StyledBaseNavItem).attrs({
407
404
  'data-garden-id': COMPONENT_ID$i,
408
- 'data-garden-version': '8.62.2',
405
+ 'data-garden-version': '8.63.1',
409
406
  as: 'div'
410
407
  }).withConfig({
411
408
  displayName: "StyledLogoNavItem",
@@ -418,7 +415,7 @@ StyledLogoNavItem.defaultProps = {
418
415
  const COMPONENT_ID$h = 'chrome.brandmark_nav_item';
419
416
  const StyledBrandmarkNavItem = styled(StyledBaseNavItem).attrs({
420
417
  'data-garden-id': COMPONENT_ID$h,
421
- 'data-garden-version': '8.62.2',
418
+ 'data-garden-version': '8.63.1',
422
419
  as: 'div'
423
420
  }).withConfig({
424
421
  displayName: "StyledBrandmarkNavItem",
@@ -431,7 +428,7 @@ StyledBrandmarkNavItem.defaultProps = {
431
428
  const COMPONENT_ID$g = 'chrome.nav_item_icon';
432
429
  const StyledNavItemIcon = styled.div.attrs({
433
430
  'data-garden-id': COMPONENT_ID$g,
434
- 'data-garden-version': '8.62.2'
431
+ 'data-garden-version': '8.63.1'
435
432
  }).withConfig({
436
433
  displayName: "StyledNavItemIcon",
437
434
  componentId: "sc-7w9rpt-0"
@@ -463,7 +460,7 @@ const colorStyles$3 = props => {
463
460
  };
464
461
  const StyledNavItem = styled(StyledBaseNavItem).attrs({
465
462
  'data-garden-id': COMPONENT_ID$f,
466
- 'data-garden-version': '8.62.2',
463
+ 'data-garden-version': '8.63.1',
467
464
  as: 'button'
468
465
  }).withConfig({
469
466
  displayName: "StyledNavItem",
@@ -480,7 +477,7 @@ StyledNavItem.defaultProps = {
480
477
  const COMPONENT_ID$e = 'chrome.nav_item_text';
481
478
  const StyledNavItemText = styled.span.attrs({
482
479
  'data-garden-id': COMPONENT_ID$e,
483
- 'data-garden-version': '8.62.2'
480
+ 'data-garden-version': '8.63.1'
484
481
  }).withConfig({
485
482
  displayName: "StyledNavItemText",
486
483
  componentId: "sc-13m84xl-0"
@@ -522,7 +519,7 @@ const getSubNavItemHeight = props => {
522
519
  };
523
520
  const StyledSubNavItem = styled.button.attrs({
524
521
  'data-garden-id': COMPONENT_ID$d,
525
- 'data-garden-version': '8.62.2'
522
+ 'data-garden-version': '8.63.1'
526
523
  }).withConfig({
527
524
  displayName: "StyledSubNavItem",
528
525
  componentId: "sc-1yg9dpx-0"
@@ -545,7 +542,7 @@ const colorStyles$1 = props => {
545
542
  };
546
543
  const StyledSubNav = styled.nav.attrs({
547
544
  'data-garden-id': COMPONENT_ID$c,
548
- 'data-garden-version': '8.62.2'
545
+ 'data-garden-version': '8.63.1'
549
546
  }).withConfig({
550
547
  displayName: "StyledSubNav",
551
548
  componentId: "sc-19hjou6-0"
@@ -563,7 +560,7 @@ const sizeStyles = props => {
563
560
  };
564
561
  const StyledSubNavItemText = styled.span.attrs({
565
562
  'data-garden-id': COMPONENT_ID$b,
566
- 'data-garden-version': '8.62.2'
563
+ 'data-garden-version': '8.63.1'
567
564
  }).withConfig({
568
565
  displayName: "StyledSubNavItemText",
569
566
  componentId: "sc-1hy0pn7-0"
@@ -575,7 +572,7 @@ StyledSubNavItemText.defaultProps = {
575
572
  const COMPONENT_ID$a = 'chrome.collapsible_sub_nav_item';
576
573
  const StyledSubNavItemHeader = styled(StyledSubNavItem).attrs({
577
574
  'data-garden-id': COMPONENT_ID$a,
578
- 'data-garden-version': '8.62.2',
575
+ 'data-garden-version': '8.63.1',
579
576
  'data-garden-header': 'true'
580
577
  }).withConfig({
581
578
  displayName: "StyledSubNavItemHeader",
@@ -586,9 +583,7 @@ StyledSubNavItemHeader.defaultProps = {
586
583
  };
587
584
 
588
585
  var _path$1;
589
-
590
586
  function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
591
-
592
587
  var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
593
588
  return /*#__PURE__*/React.createElement("svg", _extends$1({
594
589
  xmlns: "http://www.w3.org/2000/svg",
@@ -596,8 +591,7 @@ var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
596
591
  height: 12,
597
592
  focusable: "false",
598
593
  viewBox: "0 0 12 12",
599
- "aria-hidden": "true",
600
- role: "img"
594
+ "aria-hidden": "true"
601
595
  }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
602
596
  fill: "currentColor",
603
597
  d: "M1.646 3.646a.5.5 0 01.638-.057l.07.057L6 7.293l3.646-3.647a.5.5 0 01.638-.057l.07.057a.5.5 0 01.057.638l-.057.07-4 4a.5.5 0 01-.638.057l-.07-.057-4-4a.5.5 0 010-.708z"
@@ -625,7 +619,7 @@ StyledSubNavItemIcon.defaultProps = {
625
619
  };
626
620
  const StyledSubNavItemIconWrapper = styled.div.attrs({
627
621
  'data-garden-id': COMPONENT_ID$9,
628
- 'data-garden-version': '8.62.2'
622
+ 'data-garden-version': '8.63.1'
629
623
  }).withConfig({
630
624
  displayName: "StyledSubNavItemIcon__StyledSubNavItemIconWrapper",
631
625
  componentId: "sc-1d02hho-1"
@@ -643,7 +637,7 @@ const PANEL_COMPONENT_ID = 'chrome.collapsible_sub_nav_item_panel';
643
637
  const hiddenStyling = css(["visibility:hidden;max-height:0 !important;overflow:hidden;"]);
644
638
  const StyledSubNavPanel = styled.div.attrs({
645
639
  'data-garden-id': PANEL_COMPONENT_ID,
646
- 'data-garden-version': '8.62.2'
640
+ 'data-garden-version': '8.63.1'
647
641
  }).withConfig({
648
642
  displayName: "StyledSubNavPanel",
649
643
  componentId: "sc-1jv3rpv-0"
@@ -674,7 +668,7 @@ const borderStyle = _ref => {
674
668
  };
675
669
  const StyledSheet = styled.aside.attrs({
676
670
  'data-garden-id': COMPONENT_ID$8,
677
- 'data-garden-version': '8.62.2'
671
+ 'data-garden-version': '8.63.1'
678
672
  }).withConfig({
679
673
  displayName: "StyledSheet",
680
674
  componentId: "sc-dx8ijk-0"
@@ -686,7 +680,7 @@ StyledSheet.defaultProps = {
686
680
  const COMPONENT_ID$7 = 'chrome.sheet_wrapper';
687
681
  const StyledSheetWrapper = styled.div.attrs({
688
682
  'data-garden-id': COMPONENT_ID$7,
689
- 'data-garden-version': '8.62.2'
683
+ 'data-garden-version': '8.63.1'
690
684
  }).withConfig({
691
685
  displayName: "StyledSheetWrapper",
692
686
  componentId: "sc-f6x9zb-0"
@@ -713,7 +707,7 @@ StyledSheetWrapper.defaultProps = {
713
707
  const COMPONENT_ID$6 = 'chrome.sheet_title';
714
708
  const StyledSheetTitle = styled.div.attrs({
715
709
  'data-garden-id': COMPONENT_ID$6,
716
- 'data-garden-version': '8.62.2'
710
+ 'data-garden-version': '8.63.1'
717
711
  }).withConfig({
718
712
  displayName: "StyledSheetTitle",
719
713
  componentId: "sc-1gogk75-0"
@@ -725,7 +719,7 @@ StyledSheetTitle.defaultProps = {
725
719
  const COMPONENT_ID$5 = 'chrome.sheet_description';
726
720
  const StyledSheetDescription = styled.div.attrs({
727
721
  'data-garden-id': COMPONENT_ID$5,
728
- 'data-garden-version': '8.62.2'
722
+ 'data-garden-version': '8.63.1'
729
723
  }).withConfig({
730
724
  displayName: "StyledSheetDescription",
731
725
  componentId: "sc-1puglb6-0"
@@ -737,7 +731,7 @@ StyledSheetDescription.defaultProps = {
737
731
  const COMPONENT_ID$4 = 'chrome.sheet_body';
738
732
  const StyledSheetBody = styled.div.attrs({
739
733
  'data-garden-id': COMPONENT_ID$4,
740
- 'data-garden-version': '8.62.2'
734
+ 'data-garden-version': '8.63.1'
741
735
  }).withConfig({
742
736
  displayName: "StyledSheetBody",
743
737
  componentId: "sc-bt4eoj-0"
@@ -759,7 +753,7 @@ const colorStyles = props => {
759
753
  };
760
754
  const StyledSheetClose = styled.button.attrs({
761
755
  'data-garden-id': COMPONENT_ID$3,
762
- 'data-garden-version': '8.62.2'
756
+ 'data-garden-version': '8.63.1'
763
757
  }).withConfig({
764
758
  displayName: "StyledSheetClose",
765
759
  componentId: "sc-1ab02oq-0"
@@ -771,7 +765,7 @@ StyledSheetClose.defaultProps = {
771
765
  const COMPONENT_ID$2 = 'chrome.sheet_footer';
772
766
  const StyledSheetFooter = styled.footer.attrs({
773
767
  'data-garden-id': COMPONENT_ID$2,
774
- 'data-garden-version': '8.62.2'
768
+ 'data-garden-version': '8.63.1'
775
769
  }).withConfig({
776
770
  displayName: "StyledSheetFooter",
777
771
  componentId: "sc-2cktos-0"
@@ -783,7 +777,7 @@ StyledSheetFooter.defaultProps = {
783
777
  const COMPONENT_ID$1 = 'chrome.sheet_footer_item';
784
778
  const StyledSheetFooterItem = styled.div.attrs({
785
779
  'data-garden-id': COMPONENT_ID$1,
786
- 'data-garden-version': '8.62.2'
780
+ 'data-garden-version': '8.63.1'
787
781
  }).withConfig({
788
782
  displayName: "StyledSheetFooterItem",
789
783
  componentId: "sc-r9ixh-0"
@@ -795,7 +789,7 @@ StyledSheetFooterItem.defaultProps = {
795
789
  const COMPONENT_ID = 'chrome.sheet_header';
796
790
  const StyledSheetHeader = styled.header.attrs({
797
791
  'data-garden-id': COMPONENT_ID,
798
- 'data-garden-version': '8.62.2'
792
+ 'data-garden-version': '8.63.1'
799
793
  }).withConfig({
800
794
  displayName: "StyledSheetHeader",
801
795
  componentId: "sc-o2ry8i-0"
@@ -1330,9 +1324,7 @@ SheetFooterItem.displayName = 'Sheet.FooterItem';
1330
1324
  const FooterItem = SheetFooterItem;
1331
1325
 
1332
1326
  var _path;
1333
-
1334
1327
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
1335
-
1336
1328
  var SvgXStroke = function SvgXStroke(props) {
1337
1329
  return /*#__PURE__*/React.createElement("svg", _extends({
1338
1330
  xmlns: "http://www.w3.org/2000/svg",
@@ -1340,8 +1332,7 @@ var SvgXStroke = function SvgXStroke(props) {
1340
1332
  height: 16,
1341
1333
  focusable: "false",
1342
1334
  viewBox: "0 0 16 16",
1343
- "aria-hidden": "true",
1344
- role: "img"
1335
+ "aria-hidden": "true"
1345
1336
  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
1346
1337
  stroke: "currentColor",
1347
1338
  strokeLinecap: "round",
@@ -1380,7 +1371,7 @@ const SheetComponent = React__default.forwardRef((_ref, ref) => {
1380
1371
  const sheetRef = useRef(null);
1381
1372
  const seed = useUIDSeed();
1382
1373
  const [isCloseButtonPresent, setIsCloseButtonPresent] = useState(false);
1383
- const idPrefix = useMemo(() => id || seed(`sheet_${'8.62.2'}`), [id, seed]);
1374
+ const idPrefix = useMemo(() => id || seed(`sheet_${'8.63.1'}`), [id, seed]);
1384
1375
  const titleId = `${idPrefix}--title`;
1385
1376
  const descriptionId = `${idPrefix}--description`;
1386
1377
  const sheetContext = useMemo(() => ({
package/dist/typings/types/index.d.ts CHANGED
@@ -7,7 +7,7 @@
7
7
  import { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
8
8
  export declare const PLACEMENT: readonly ["end", "start"];
9
9
  export declare const PRODUCT: readonly ["chat", "connect", "explore", "guide", "message", "support", "talk"];
10
- export declare type Product = typeof PRODUCT[number];
10
+ export type Product = (typeof PRODUCT)[number];
11
11
  export interface IChromeProps extends HTMLAttributes<HTMLDivElement> {
12
12
  /** Applies a custom hue to the chrome navigation */
13
13
  hue?: string;
@@ -107,7 +107,7 @@ export interface ISheetProps extends HTMLAttributes<HTMLElement> {
107
107
  /** Returns keyboard focus to the element that triggered the sheet */
108
108
  restoreFocus?: boolean;
109
109
  /** Adjusts the placement of the sheet */
110
- placement?: typeof PLACEMENT[number];
110
+ placement?: (typeof PLACEMENT)[number];
111
111
  /** Sets the size of the open sheet */
112
112
  size?: string;
113
113
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-chrome",
3
- "version": "8.62.2",
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>",
@@ -22,7 +22,7 @@
22
22
  "types": "dist/typings/index.d.ts",
23
23
  "dependencies": {
24
24
  "@zendeskgarden/container-accordion": "^2.0.0",
25
- "@zendeskgarden/container-utilities": "^0.7.0",
25
+ "@zendeskgarden/container-utilities": "^1.0.0",
26
26
  "dom-helpers": "^5.2.1",
27
27
  "polished": "^4.0.0",
28
28
  "prop-types": "^15.5.7",
@@ -35,7 +35,7 @@
35
35
  "styled-components": "^4.2.0 || ^5.0.0"
36
36
  },
37
37
  "devDependencies": {
38
- "@zendeskgarden/react-theming": "^8.62.2",
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": "27a7d6c021f3360396af60d51ecbf66e9076a405"
51
+ "gitHead": "1c1d67d2b98ee0539975cee53f457081e5ae479a"
52
52
  }