@zendeskgarden/react-chrome 8.72.0 → 8.73.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 +43 -44
  2. package/dist/index.esm.js +43 -44
  3. package/package.json +4 -4
package/dist/index.cjs.js CHANGED
@@ -69,7 +69,7 @@ const useChromeContext = () => {
69
69
  const COMPONENT_ID$A = 'chrome.chrome';
70
70
  const StyledChrome = styled__default.default.div.attrs({
71
71
  'data-garden-id': COMPONENT_ID$A,
72
- 'data-garden-version': '8.72.0'
72
+ 'data-garden-version': '8.73.1'
73
73
  }).withConfig({
74
74
  displayName: "StyledChrome",
75
75
  componentId: "sc-1uqm6u6-0"
@@ -81,7 +81,7 @@ StyledChrome.defaultProps = {
81
81
  const COMPONENT_ID$z = 'chrome.header_item_icon';
82
82
  const StyledHeaderItemIcon = styled__default.default.div.attrs({
83
83
  'data-garden-id': COMPONENT_ID$z,
84
- 'data-garden-version': '8.72.0'
84
+ 'data-garden-version': '8.73.1'
85
85
  }).withConfig({
86
86
  displayName: "StyledHeaderItemIcon",
87
87
  componentId: "sc-1jhhp6z-0"
@@ -98,7 +98,7 @@ const sizeStyles$4 = props => {
98
98
  };
99
99
  const StyledBaseHeaderItem = styled__default.default.button.attrs({
100
100
  'data-garden-id': COMPONENT_ID$y,
101
- 'data-garden-version': '8.72.0'
101
+ 'data-garden-version': '8.73.1'
102
102
  }).withConfig({
103
103
  displayName: "StyledBaseHeaderItem",
104
104
  componentId: "sc-1qua7h6-0"
@@ -119,7 +119,7 @@ const COMPONENT_ID$x = 'chrome.header_item_text';
119
119
  const clippedStyling = styled.css(["position:absolute;margin:0;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
120
120
  const StyledHeaderItemText = styled__default.default.span.attrs({
121
121
  'data-garden-id': COMPONENT_ID$x,
122
- 'data-garden-version': '8.72.0'
122
+ 'data-garden-version': '8.73.1'
123
123
  }).withConfig({
124
124
  displayName: "StyledHeaderItemText",
125
125
  componentId: "sc-goz7la-0"
@@ -132,7 +132,7 @@ const COMPONENT_ID$w = 'chrome.nav';
132
132
  const colorStyles$6 = props => {
133
133
  const shade = props.isDark || props.isLight ? 600 : 700;
134
134
  const backgroundColor = reactTheming.getColor(props.hue, shade, props.theme);
135
- const foregroundColor = props.isLight ? props.theme.palette.grey[800] : props.theme.palette.white;
135
+ const foregroundColor = props.isLight ? props.theme.palette.black : props.theme.palette.white;
136
136
  return styled.css(["background-color:", ";color:", ";"], backgroundColor, foregroundColor);
137
137
  };
138
138
  const getNavWidth = props => {
@@ -143,7 +143,7 @@ const getExpandedNavWidth = () => {
143
143
  };
144
144
  const StyledNav = styled__default.default.nav.attrs({
145
145
  'data-garden-id': COMPONENT_ID$w,
146
- 'data-garden-version': '8.72.0'
146
+ 'data-garden-version': '8.73.1'
147
147
  }).withConfig({
148
148
  displayName: "StyledNav",
149
149
  componentId: "sc-6j462r-0"
@@ -175,7 +175,7 @@ const retrieveProductColor$1 = props => {
175
175
  };
176
176
  const StyledLogoHeaderItem = styled__default.default(StyledBaseHeaderItem).attrs({
177
177
  'data-garden-id': COMPONENT_ID$v,
178
- 'data-garden-version': '8.72.0',
178
+ 'data-garden-version': '8.73.1',
179
179
  as: 'div'
180
180
  }).withConfig({
181
181
  displayName: "StyledLogoHeaderItem",
@@ -196,7 +196,7 @@ const sizeStyles$3 = props => {
196
196
  };
197
197
  const StyledBaseNavItem = styled__default.default.button.attrs({
198
198
  'data-garden-id': COMPONENT_ID$u,
199
- 'data-garden-version': '8.72.0'
199
+ 'data-garden-version': '8.73.1'
200
200
  }).withConfig({
201
201
  displayName: "StyledBaseNavItem",
202
202
  componentId: "sc-zvo43f-0"
@@ -211,7 +211,7 @@ const getHeaderHeight = props => {
211
211
  };
212
212
  const StyledHeader = styled__default.default.header.attrs({
213
213
  'data-garden-id': COMPONENT_ID$t,
214
- 'data-garden-version': '8.72.0'
214
+ 'data-garden-version': '8.73.1'
215
215
  }).withConfig({
216
216
  displayName: "StyledHeader",
217
217
  componentId: "sc-1cexpz-0"
@@ -249,7 +249,7 @@ const sizeStyles$2 = props => {
249
249
  };
250
250
  const StyledSkipNav = styled__default.default.a.attrs({
251
251
  'data-garden-id': COMPONENT_ID$s,
252
- 'data-garden-version': '8.72.0'
252
+ 'data-garden-version': '8.73.1'
253
253
  }).withConfig({
254
254
  displayName: "StyledSkipNav",
255
255
  componentId: "sc-1tsro34-0"
@@ -282,7 +282,7 @@ const sizeStyles$1 = theme => {
282
282
  };
283
283
  const StyledSkipNavIcon = styled__default.default(SvgLinkStroke).attrs({
284
284
  'data-garden-id': COMPONENT_ID$r,
285
- 'data-garden-version': '8.72.0'
285
+ 'data-garden-version': '8.73.1'
286
286
  }).withConfig({
287
287
  displayName: "StyledSkipNavIcon",
288
288
  componentId: "sc-1ika5z4-0"
@@ -294,7 +294,7 @@ StyledSkipNavIcon.defaultProps = {
294
294
  const COMPONENT_ID$q = 'chrome.body';
295
295
  const StyledBody = styled__default.default.div.attrs({
296
296
  'data-garden-id': COMPONENT_ID$q,
297
- 'data-garden-version': '8.72.0'
297
+ 'data-garden-version': '8.73.1'
298
298
  }).withConfig({
299
299
  displayName: "StyledBody",
300
300
  componentId: "sc-c7h9kv-0"
@@ -309,7 +309,7 @@ const getFooterHeight = props => {
309
309
  };
310
310
  const StyledFooter = styled__default.default.footer.attrs({
311
311
  'data-garden-id': COMPONENT_ID$p,
312
- 'data-garden-version': '8.72.0'
312
+ 'data-garden-version': '8.73.1'
313
313
  }).withConfig({
314
314
  displayName: "StyledFooter",
315
315
  componentId: "sc-v7lib2-0"
@@ -321,7 +321,7 @@ StyledFooter.defaultProps = {
321
321
  const COMPONENT_ID$o = 'chrome.content';
322
322
  const StyledContent = styled__default.default.div.attrs({
323
323
  'data-garden-id': COMPONENT_ID$o,
324
- 'data-garden-version': '8.72.0'
324
+ 'data-garden-version': '8.73.1'
325
325
  }).withConfig({
326
326
  displayName: "StyledContent",
327
327
  componentId: "sc-qcuzxn-0"
@@ -333,7 +333,7 @@ StyledContent.defaultProps = {
333
333
  const COMPONENT_ID$n = 'chrome.main';
334
334
  const StyledMain = styled__default.default.main.attrs({
335
335
  'data-garden-id': COMPONENT_ID$n,
336
- 'data-garden-version': '8.72.0'
336
+ 'data-garden-version': '8.73.1'
337
337
  }).withConfig({
338
338
  displayName: "StyledMain",
339
339
  componentId: "sc-t61cre-0"
@@ -345,7 +345,7 @@ StyledMain.defaultProps = {
345
345
  const COMPONENT_ID$m = 'chrome.sidebar';
346
346
  const StyledSidebar = styled__default.default.aside.attrs({
347
347
  'data-garden-id': COMPONENT_ID$m,
348
- 'data-garden-version': '8.72.0'
348
+ 'data-garden-version': '8.73.1'
349
349
  }).withConfig({
350
350
  displayName: "StyledSidebar",
351
351
  componentId: "sc-1q77fuw-0"
@@ -357,7 +357,7 @@ StyledSidebar.defaultProps = {
357
357
  const COMPONENT_ID$l = 'chrome.footer_item';
358
358
  const StyledFooterItem = styled__default.default.div.attrs({
359
359
  'data-garden-id': COMPONENT_ID$l,
360
- 'data-garden-version': '8.72.0'
360
+ 'data-garden-version': '8.73.1'
361
361
  }).withConfig({
362
362
  displayName: "StyledFooterItem",
363
363
  componentId: "sc-1cktm85-0"
@@ -373,7 +373,7 @@ const imgStyles = props => {
373
373
  };
374
374
  const StyledHeaderItem = styled__default.default(StyledBaseHeaderItem).attrs({
375
375
  'data-garden-id': COMPONENT_ID$k,
376
- 'data-garden-version': '8.72.0'
376
+ 'data-garden-version': '8.73.1'
377
377
  }).withConfig({
378
378
  displayName: "StyledHeaderItem",
379
379
  componentId: "sc-14sft6n-0"
@@ -392,7 +392,7 @@ StyledHeaderItem.defaultProps = {
392
392
  const COMPONENT_ID$j = 'chrome.header_item_wrapper';
393
393
  const StyledHeaderItemWrapper = styled__default.default(StyledBaseHeaderItem).attrs({
394
394
  'data-garden-id': COMPONENT_ID$j,
395
- 'data-garden-version': '8.72.0',
395
+ 'data-garden-version': '8.73.1',
396
396
  as: 'div'
397
397
  }).withConfig({
398
398
  displayName: "StyledHeaderItemWrapper",
@@ -430,7 +430,7 @@ const colorStyles$4 = props => {
430
430
  };
431
431
  const StyledLogoNavItem = styled__default.default(StyledBaseNavItem).attrs({
432
432
  'data-garden-id': COMPONENT_ID$i,
433
- 'data-garden-version': '8.72.0',
433
+ 'data-garden-version': '8.73.1',
434
434
  as: 'div'
435
435
  }).withConfig({
436
436
  displayName: "StyledLogoNavItem",
@@ -443,7 +443,7 @@ StyledLogoNavItem.defaultProps = {
443
443
  const COMPONENT_ID$h = 'chrome.brandmark_nav_item';
444
444
  const StyledBrandmarkNavItem = styled__default.default(StyledBaseNavItem).attrs({
445
445
  'data-garden-id': COMPONENT_ID$h,
446
- 'data-garden-version': '8.72.0',
446
+ 'data-garden-version': '8.73.1',
447
447
  as: 'div'
448
448
  }).withConfig({
449
449
  displayName: "StyledBrandmarkNavItem",
@@ -456,7 +456,7 @@ StyledBrandmarkNavItem.defaultProps = {
456
456
  const COMPONENT_ID$g = 'chrome.nav_item_icon';
457
457
  const StyledNavItemIcon = styled__default.default.div.attrs({
458
458
  'data-garden-id': COMPONENT_ID$g,
459
- 'data-garden-version': '8.72.0'
459
+ 'data-garden-version': '8.73.1'
460
460
  }).withConfig({
461
461
  displayName: "StyledNavItemIcon",
462
462
  componentId: "sc-7w9rpt-0"
@@ -480,9 +480,9 @@ const colorStyles$3 = props => {
480
480
  let hoverColor;
481
481
  if (isCurrent) {
482
482
  if (isLight) {
483
- currentColor = polished.rgba(DARK, 0.3);
483
+ currentColor = polished.rgba(DARK, 0.4);
484
484
  } else if (isDark) {
485
- currentColor = polished.rgba(LIGHT, 0.3);
485
+ currentColor = polished.rgba(LIGHT, 0.4);
486
486
  } else {
487
487
  currentColor = reactTheming.getColor(hue, 500, theme);
488
488
  }
@@ -502,7 +502,7 @@ const colorStyles$3 = props => {
502
502
  };
503
503
  const StyledNavItem = styled__default.default(StyledBaseNavItem).attrs({
504
504
  'data-garden-id': COMPONENT_ID$f,
505
- 'data-garden-version': '8.72.0',
505
+ 'data-garden-version': '8.73.1',
506
506
  as: 'button'
507
507
  }).withConfig({
508
508
  displayName: "StyledNavItem",
@@ -519,7 +519,7 @@ StyledNavItem.defaultProps = {
519
519
  const COMPONENT_ID$e = 'chrome.nav_item_text';
520
520
  const StyledNavItemText = styled__default.default.span.attrs({
521
521
  'data-garden-id': COMPONENT_ID$e,
522
- 'data-garden-version': '8.72.0'
522
+ 'data-garden-version': '8.73.1'
523
523
  }).withConfig({
524
524
  displayName: "StyledNavItemText",
525
525
  componentId: "sc-13m84xl-0"
@@ -572,7 +572,7 @@ const getSubNavItemHeight = props => {
572
572
  };
573
573
  const StyledSubNavItem = styled__default.default.button.attrs({
574
574
  'data-garden-id': COMPONENT_ID$d,
575
- 'data-garden-version': '8.72.0'
575
+ 'data-garden-version': '8.73.1'
576
576
  }).withConfig({
577
577
  displayName: "StyledSubNavItem",
578
578
  componentId: "sc-1yg9dpx-0"
@@ -595,7 +595,7 @@ const colorStyles$1 = props => {
595
595
  };
596
596
  const StyledSubNav = styled__default.default.nav.attrs({
597
597
  'data-garden-id': COMPONENT_ID$c,
598
- 'data-garden-version': '8.72.0'
598
+ 'data-garden-version': '8.73.1'
599
599
  }).withConfig({
600
600
  displayName: "StyledSubNav",
601
601
  componentId: "sc-19hjou6-0"
@@ -613,7 +613,7 @@ const sizeStyles = props => {
613
613
  };
614
614
  const StyledSubNavItemText = styled__default.default.span.attrs({
615
615
  'data-garden-id': COMPONENT_ID$b,
616
- 'data-garden-version': '8.72.0'
616
+ 'data-garden-version': '8.73.1'
617
617
  }).withConfig({
618
618
  displayName: "StyledSubNavItemText",
619
619
  componentId: "sc-1hy0pn7-0"
@@ -625,7 +625,7 @@ StyledSubNavItemText.defaultProps = {
625
625
  const COMPONENT_ID$a = 'chrome.collapsible_sub_nav_item';
626
626
  const StyledSubNavItemHeader = styled__default.default(StyledSubNavItem).attrs({
627
627
  'data-garden-id': COMPONENT_ID$a,
628
- 'data-garden-version': '8.72.0',
628
+ 'data-garden-version': '8.73.1',
629
629
  'data-garden-header': 'true'
630
630
  }).withConfig({
631
631
  displayName: "StyledSubNavItemHeader",
@@ -672,7 +672,7 @@ StyledSubNavItemIcon.defaultProps = {
672
672
  };
673
673
  const StyledSubNavItemIconWrapper = styled__default.default.div.attrs({
674
674
  'data-garden-id': COMPONENT_ID$9,
675
- 'data-garden-version': '8.72.0'
675
+ 'data-garden-version': '8.73.1'
676
676
  }).withConfig({
677
677
  displayName: "StyledSubNavItemIcon__StyledSubNavItemIconWrapper",
678
678
  componentId: "sc-1d02hho-1"
@@ -685,7 +685,7 @@ const PANEL_COMPONENT_ID = 'chrome.collapsible_sub_nav_item_panel';
685
685
  const hiddenStyling = styled.css(["visibility:hidden;max-height:0 !important;overflow:hidden;"]);
686
686
  const StyledSubNavPanel = styled__default.default.div.attrs({
687
687
  'data-garden-id': PANEL_COMPONENT_ID,
688
- 'data-garden-version': '8.72.0'
688
+ 'data-garden-version': '8.73.1'
689
689
  }).withConfig({
690
690
  displayName: "StyledSubNavPanel",
691
691
  componentId: "sc-1jv3rpv-0"
@@ -716,7 +716,7 @@ const borderStyle = _ref => {
716
716
  };
717
717
  const StyledSheet = styled__default.default.aside.attrs({
718
718
  'data-garden-id': COMPONENT_ID$8,
719
- 'data-garden-version': '8.72.0'
719
+ 'data-garden-version': '8.73.1'
720
720
  }).withConfig({
721
721
  displayName: "StyledSheet",
722
722
  componentId: "sc-dx8ijk-0"
@@ -728,7 +728,7 @@ StyledSheet.defaultProps = {
728
728
  const COMPONENT_ID$7 = 'chrome.sheet_wrapper';
729
729
  const StyledSheetWrapper = styled__default.default.div.attrs({
730
730
  'data-garden-id': COMPONENT_ID$7,
731
- 'data-garden-version': '8.72.0'
731
+ 'data-garden-version': '8.73.1'
732
732
  }).withConfig({
733
733
  displayName: "StyledSheetWrapper",
734
734
  componentId: "sc-f6x9zb-0"
@@ -755,7 +755,7 @@ StyledSheetWrapper.defaultProps = {
755
755
  const COMPONENT_ID$6 = 'chrome.sheet_title';
756
756
  const StyledSheetTitle = styled__default.default.div.attrs({
757
757
  'data-garden-id': COMPONENT_ID$6,
758
- 'data-garden-version': '8.72.0'
758
+ 'data-garden-version': '8.73.1'
759
759
  }).withConfig({
760
760
  displayName: "StyledSheetTitle",
761
761
  componentId: "sc-1gogk75-0"
@@ -767,7 +767,7 @@ StyledSheetTitle.defaultProps = {
767
767
  const COMPONENT_ID$5 = 'chrome.sheet_description';
768
768
  const StyledSheetDescription = styled__default.default.div.attrs({
769
769
  'data-garden-id': COMPONENT_ID$5,
770
- 'data-garden-version': '8.72.0'
770
+ 'data-garden-version': '8.73.1'
771
771
  }).withConfig({
772
772
  displayName: "StyledSheetDescription",
773
773
  componentId: "sc-1puglb6-0"
@@ -779,7 +779,7 @@ StyledSheetDescription.defaultProps = {
779
779
  const COMPONENT_ID$4 = 'chrome.sheet_body';
780
780
  const StyledSheetBody = styled__default.default.div.attrs({
781
781
  'data-garden-id': COMPONENT_ID$4,
782
- 'data-garden-version': '8.72.0'
782
+ 'data-garden-version': '8.73.1'
783
783
  }).withConfig({
784
784
  displayName: "StyledSheetBody",
785
785
  componentId: "sc-bt4eoj-0"
@@ -803,7 +803,7 @@ const colorStyles = props => {
803
803
  };
804
804
  const StyledSheetClose = styled__default.default.button.attrs({
805
805
  'data-garden-id': COMPONENT_ID$3,
806
- 'data-garden-version': '8.72.0'
806
+ 'data-garden-version': '8.73.1'
807
807
  }).withConfig({
808
808
  displayName: "StyledSheetClose",
809
809
  componentId: "sc-1ab02oq-0"
@@ -815,7 +815,7 @@ StyledSheetClose.defaultProps = {
815
815
  const COMPONENT_ID$2 = 'chrome.sheet_footer';
816
816
  const StyledSheetFooter = styled__default.default.footer.attrs({
817
817
  'data-garden-id': COMPONENT_ID$2,
818
- 'data-garden-version': '8.72.0'
818
+ 'data-garden-version': '8.73.1'
819
819
  }).withConfig({
820
820
  displayName: "StyledSheetFooter",
821
821
  componentId: "sc-2cktos-0"
@@ -827,7 +827,7 @@ StyledSheetFooter.defaultProps = {
827
827
  const COMPONENT_ID$1 = 'chrome.sheet_footer_item';
828
828
  const StyledSheetFooterItem = styled__default.default.div.attrs({
829
829
  'data-garden-id': COMPONENT_ID$1,
830
- 'data-garden-version': '8.72.0'
830
+ 'data-garden-version': '8.73.1'
831
831
  }).withConfig({
832
832
  displayName: "StyledSheetFooterItem",
833
833
  componentId: "sc-r9ixh-0"
@@ -839,7 +839,7 @@ StyledSheetFooterItem.defaultProps = {
839
839
  const COMPONENT_ID = 'chrome.sheet_header';
840
840
  const StyledSheetHeader = styled__default.default.header.attrs({
841
841
  'data-garden-id': COMPONENT_ID,
842
- 'data-garden-version': '8.72.0'
842
+ 'data-garden-version': '8.73.1'
843
843
  }).withConfig({
844
844
  displayName: "StyledSheetHeader",
845
845
  componentId: "sc-o2ry8i-0"
@@ -1262,8 +1262,7 @@ const CollapsibleSubNavItem = React__namespace.default.forwardRef((_ref, ref) =>
1262
1262
  CollapsibleSubNavItem.propTypes = {
1263
1263
  header: PropTypes__default.default.any,
1264
1264
  isExpanded: PropTypes__default.default.bool,
1265
- onChange: PropTypes__default.default.func,
1266
- children: PropTypes__default.default.node
1265
+ onChange: PropTypes__default.default.func
1267
1266
  };
1268
1267
  CollapsibleSubNavItem.displayName = 'CollapsibleSubNavItem';
1269
1268
 
@@ -1411,7 +1410,7 @@ const SheetComponent = React__namespace.default.forwardRef((_ref, ref) => {
1411
1410
  const sheetRef = React.useRef(null);
1412
1411
  const seed = reactUid.useUIDSeed();
1413
1412
  const [isCloseButtonPresent, setIsCloseButtonPresent] = React.useState(false);
1414
- const idPrefix = React.useMemo(() => id || seed(`sheet_${'8.72.0'}`), [id, seed]);
1413
+ const idPrefix = React.useMemo(() => id || seed(`sheet_${'8.73.1'}`), [id, seed]);
1415
1414
  const titleId = `${idPrefix}--title`;
1416
1415
  const descriptionId = `${idPrefix}--description`;
1417
1416
  const sheetContext = React.useMemo(() => ({
package/dist/index.esm.js CHANGED
@@ -42,7 +42,7 @@ const useChromeContext = () => {
42
42
  const COMPONENT_ID$A = 'chrome.chrome';
43
43
  const StyledChrome = styled.div.attrs({
44
44
  'data-garden-id': COMPONENT_ID$A,
45
- 'data-garden-version': '8.72.0'
45
+ 'data-garden-version': '8.73.1'
46
46
  }).withConfig({
47
47
  displayName: "StyledChrome",
48
48
  componentId: "sc-1uqm6u6-0"
@@ -54,7 +54,7 @@ StyledChrome.defaultProps = {
54
54
  const COMPONENT_ID$z = 'chrome.header_item_icon';
55
55
  const StyledHeaderItemIcon = styled.div.attrs({
56
56
  'data-garden-id': COMPONENT_ID$z,
57
- 'data-garden-version': '8.72.0'
57
+ 'data-garden-version': '8.73.1'
58
58
  }).withConfig({
59
59
  displayName: "StyledHeaderItemIcon",
60
60
  componentId: "sc-1jhhp6z-0"
@@ -71,7 +71,7 @@ const sizeStyles$4 = props => {
71
71
  };
72
72
  const StyledBaseHeaderItem = styled.button.attrs({
73
73
  'data-garden-id': COMPONENT_ID$y,
74
- 'data-garden-version': '8.72.0'
74
+ 'data-garden-version': '8.73.1'
75
75
  }).withConfig({
76
76
  displayName: "StyledBaseHeaderItem",
77
77
  componentId: "sc-1qua7h6-0"
@@ -92,7 +92,7 @@ const COMPONENT_ID$x = 'chrome.header_item_text';
92
92
  const clippedStyling = css(["position:absolute;margin:0;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
93
93
  const StyledHeaderItemText = styled.span.attrs({
94
94
  'data-garden-id': COMPONENT_ID$x,
95
- 'data-garden-version': '8.72.0'
95
+ 'data-garden-version': '8.73.1'
96
96
  }).withConfig({
97
97
  displayName: "StyledHeaderItemText",
98
98
  componentId: "sc-goz7la-0"
@@ -105,7 +105,7 @@ const COMPONENT_ID$w = 'chrome.nav';
105
105
  const colorStyles$6 = props => {
106
106
  const shade = props.isDark || props.isLight ? 600 : 700;
107
107
  const backgroundColor = getColor(props.hue, shade, props.theme);
108
- const foregroundColor = props.isLight ? props.theme.palette.grey[800] : props.theme.palette.white;
108
+ const foregroundColor = props.isLight ? props.theme.palette.black : props.theme.palette.white;
109
109
  return css(["background-color:", ";color:", ";"], backgroundColor, foregroundColor);
110
110
  };
111
111
  const getNavWidth = props => {
@@ -116,7 +116,7 @@ const getExpandedNavWidth = () => {
116
116
  };
117
117
  const StyledNav = styled.nav.attrs({
118
118
  'data-garden-id': COMPONENT_ID$w,
119
- 'data-garden-version': '8.72.0'
119
+ 'data-garden-version': '8.73.1'
120
120
  }).withConfig({
121
121
  displayName: "StyledNav",
122
122
  componentId: "sc-6j462r-0"
@@ -148,7 +148,7 @@ const retrieveProductColor$1 = props => {
148
148
  };
149
149
  const StyledLogoHeaderItem = styled(StyledBaseHeaderItem).attrs({
150
150
  'data-garden-id': COMPONENT_ID$v,
151
- 'data-garden-version': '8.72.0',
151
+ 'data-garden-version': '8.73.1',
152
152
  as: 'div'
153
153
  }).withConfig({
154
154
  displayName: "StyledLogoHeaderItem",
@@ -169,7 +169,7 @@ const sizeStyles$3 = props => {
169
169
  };
170
170
  const StyledBaseNavItem = styled.button.attrs({
171
171
  'data-garden-id': COMPONENT_ID$u,
172
- 'data-garden-version': '8.72.0'
172
+ 'data-garden-version': '8.73.1'
173
173
  }).withConfig({
174
174
  displayName: "StyledBaseNavItem",
175
175
  componentId: "sc-zvo43f-0"
@@ -184,7 +184,7 @@ const getHeaderHeight = props => {
184
184
  };
185
185
  const StyledHeader = styled.header.attrs({
186
186
  'data-garden-id': COMPONENT_ID$t,
187
- 'data-garden-version': '8.72.0'
187
+ 'data-garden-version': '8.73.1'
188
188
  }).withConfig({
189
189
  displayName: "StyledHeader",
190
190
  componentId: "sc-1cexpz-0"
@@ -222,7 +222,7 @@ const sizeStyles$2 = props => {
222
222
  };
223
223
  const StyledSkipNav = styled.a.attrs({
224
224
  'data-garden-id': COMPONENT_ID$s,
225
- 'data-garden-version': '8.72.0'
225
+ 'data-garden-version': '8.73.1'
226
226
  }).withConfig({
227
227
  displayName: "StyledSkipNav",
228
228
  componentId: "sc-1tsro34-0"
@@ -255,7 +255,7 @@ const sizeStyles$1 = theme => {
255
255
  };
256
256
  const StyledSkipNavIcon = styled(SvgLinkStroke).attrs({
257
257
  'data-garden-id': COMPONENT_ID$r,
258
- 'data-garden-version': '8.72.0'
258
+ 'data-garden-version': '8.73.1'
259
259
  }).withConfig({
260
260
  displayName: "StyledSkipNavIcon",
261
261
  componentId: "sc-1ika5z4-0"
@@ -267,7 +267,7 @@ StyledSkipNavIcon.defaultProps = {
267
267
  const COMPONENT_ID$q = 'chrome.body';
268
268
  const StyledBody = styled.div.attrs({
269
269
  'data-garden-id': COMPONENT_ID$q,
270
- 'data-garden-version': '8.72.0'
270
+ 'data-garden-version': '8.73.1'
271
271
  }).withConfig({
272
272
  displayName: "StyledBody",
273
273
  componentId: "sc-c7h9kv-0"
@@ -282,7 +282,7 @@ const getFooterHeight = props => {
282
282
  };
283
283
  const StyledFooter = styled.footer.attrs({
284
284
  'data-garden-id': COMPONENT_ID$p,
285
- 'data-garden-version': '8.72.0'
285
+ 'data-garden-version': '8.73.1'
286
286
  }).withConfig({
287
287
  displayName: "StyledFooter",
288
288
  componentId: "sc-v7lib2-0"
@@ -294,7 +294,7 @@ StyledFooter.defaultProps = {
294
294
  const COMPONENT_ID$o = 'chrome.content';
295
295
  const StyledContent = styled.div.attrs({
296
296
  'data-garden-id': COMPONENT_ID$o,
297
- 'data-garden-version': '8.72.0'
297
+ 'data-garden-version': '8.73.1'
298
298
  }).withConfig({
299
299
  displayName: "StyledContent",
300
300
  componentId: "sc-qcuzxn-0"
@@ -306,7 +306,7 @@ StyledContent.defaultProps = {
306
306
  const COMPONENT_ID$n = 'chrome.main';
307
307
  const StyledMain = styled.main.attrs({
308
308
  'data-garden-id': COMPONENT_ID$n,
309
- 'data-garden-version': '8.72.0'
309
+ 'data-garden-version': '8.73.1'
310
310
  }).withConfig({
311
311
  displayName: "StyledMain",
312
312
  componentId: "sc-t61cre-0"
@@ -318,7 +318,7 @@ StyledMain.defaultProps = {
318
318
  const COMPONENT_ID$m = 'chrome.sidebar';
319
319
  const StyledSidebar = styled.aside.attrs({
320
320
  'data-garden-id': COMPONENT_ID$m,
321
- 'data-garden-version': '8.72.0'
321
+ 'data-garden-version': '8.73.1'
322
322
  }).withConfig({
323
323
  displayName: "StyledSidebar",
324
324
  componentId: "sc-1q77fuw-0"
@@ -330,7 +330,7 @@ StyledSidebar.defaultProps = {
330
330
  const COMPONENT_ID$l = 'chrome.footer_item';
331
331
  const StyledFooterItem = styled.div.attrs({
332
332
  'data-garden-id': COMPONENT_ID$l,
333
- 'data-garden-version': '8.72.0'
333
+ 'data-garden-version': '8.73.1'
334
334
  }).withConfig({
335
335
  displayName: "StyledFooterItem",
336
336
  componentId: "sc-1cktm85-0"
@@ -346,7 +346,7 @@ const imgStyles = props => {
346
346
  };
347
347
  const StyledHeaderItem = styled(StyledBaseHeaderItem).attrs({
348
348
  'data-garden-id': COMPONENT_ID$k,
349
- 'data-garden-version': '8.72.0'
349
+ 'data-garden-version': '8.73.1'
350
350
  }).withConfig({
351
351
  displayName: "StyledHeaderItem",
352
352
  componentId: "sc-14sft6n-0"
@@ -365,7 +365,7 @@ StyledHeaderItem.defaultProps = {
365
365
  const COMPONENT_ID$j = 'chrome.header_item_wrapper';
366
366
  const StyledHeaderItemWrapper = styled(StyledBaseHeaderItem).attrs({
367
367
  'data-garden-id': COMPONENT_ID$j,
368
- 'data-garden-version': '8.72.0',
368
+ 'data-garden-version': '8.73.1',
369
369
  as: 'div'
370
370
  }).withConfig({
371
371
  displayName: "StyledHeaderItemWrapper",
@@ -403,7 +403,7 @@ const colorStyles$4 = props => {
403
403
  };
404
404
  const StyledLogoNavItem = styled(StyledBaseNavItem).attrs({
405
405
  'data-garden-id': COMPONENT_ID$i,
406
- 'data-garden-version': '8.72.0',
406
+ 'data-garden-version': '8.73.1',
407
407
  as: 'div'
408
408
  }).withConfig({
409
409
  displayName: "StyledLogoNavItem",
@@ -416,7 +416,7 @@ StyledLogoNavItem.defaultProps = {
416
416
  const COMPONENT_ID$h = 'chrome.brandmark_nav_item';
417
417
  const StyledBrandmarkNavItem = styled(StyledBaseNavItem).attrs({
418
418
  'data-garden-id': COMPONENT_ID$h,
419
- 'data-garden-version': '8.72.0',
419
+ 'data-garden-version': '8.73.1',
420
420
  as: 'div'
421
421
  }).withConfig({
422
422
  displayName: "StyledBrandmarkNavItem",
@@ -429,7 +429,7 @@ StyledBrandmarkNavItem.defaultProps = {
429
429
  const COMPONENT_ID$g = 'chrome.nav_item_icon';
430
430
  const StyledNavItemIcon = styled.div.attrs({
431
431
  'data-garden-id': COMPONENT_ID$g,
432
- 'data-garden-version': '8.72.0'
432
+ 'data-garden-version': '8.73.1'
433
433
  }).withConfig({
434
434
  displayName: "StyledNavItemIcon",
435
435
  componentId: "sc-7w9rpt-0"
@@ -453,9 +453,9 @@ const colorStyles$3 = props => {
453
453
  let hoverColor;
454
454
  if (isCurrent) {
455
455
  if (isLight) {
456
- currentColor = rgba(DARK, 0.3);
456
+ currentColor = rgba(DARK, 0.4);
457
457
  } else if (isDark) {
458
- currentColor = rgba(LIGHT, 0.3);
458
+ currentColor = rgba(LIGHT, 0.4);
459
459
  } else {
460
460
  currentColor = getColor(hue, 500, theme);
461
461
  }
@@ -475,7 +475,7 @@ const colorStyles$3 = props => {
475
475
  };
476
476
  const StyledNavItem = styled(StyledBaseNavItem).attrs({
477
477
  'data-garden-id': COMPONENT_ID$f,
478
- 'data-garden-version': '8.72.0',
478
+ 'data-garden-version': '8.73.1',
479
479
  as: 'button'
480
480
  }).withConfig({
481
481
  displayName: "StyledNavItem",
@@ -492,7 +492,7 @@ StyledNavItem.defaultProps = {
492
492
  const COMPONENT_ID$e = 'chrome.nav_item_text';
493
493
  const StyledNavItemText = styled.span.attrs({
494
494
  'data-garden-id': COMPONENT_ID$e,
495
- 'data-garden-version': '8.72.0'
495
+ 'data-garden-version': '8.73.1'
496
496
  }).withConfig({
497
497
  displayName: "StyledNavItemText",
498
498
  componentId: "sc-13m84xl-0"
@@ -545,7 +545,7 @@ const getSubNavItemHeight = props => {
545
545
  };
546
546
  const StyledSubNavItem = styled.button.attrs({
547
547
  'data-garden-id': COMPONENT_ID$d,
548
- 'data-garden-version': '8.72.0'
548
+ 'data-garden-version': '8.73.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.nav.attrs({
570
570
  'data-garden-id': COMPONENT_ID$c,
571
- 'data-garden-version': '8.72.0'
571
+ 'data-garden-version': '8.73.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.span.attrs({
588
588
  'data-garden-id': COMPONENT_ID$b,
589
- 'data-garden-version': '8.72.0'
589
+ 'data-garden-version': '8.73.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(StyledSubNavItem).attrs({
600
600
  'data-garden-id': COMPONENT_ID$a,
601
- 'data-garden-version': '8.72.0',
601
+ 'data-garden-version': '8.73.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.div.attrs({
647
647
  'data-garden-id': COMPONENT_ID$9,
648
- 'data-garden-version': '8.72.0'
648
+ 'data-garden-version': '8.73.1'
649
649
  }).withConfig({
650
650
  displayName: "StyledSubNavItemIcon__StyledSubNavItemIconWrapper",
651
651
  componentId: "sc-1d02hho-1"
@@ -658,7 +658,7 @@ const PANEL_COMPONENT_ID = 'chrome.collapsible_sub_nav_item_panel';
658
658
  const hiddenStyling = css(["visibility:hidden;max-height:0 !important;overflow:hidden;"]);
659
659
  const StyledSubNavPanel = styled.div.attrs({
660
660
  'data-garden-id': PANEL_COMPONENT_ID,
661
- 'data-garden-version': '8.72.0'
661
+ 'data-garden-version': '8.73.1'
662
662
  }).withConfig({
663
663
  displayName: "StyledSubNavPanel",
664
664
  componentId: "sc-1jv3rpv-0"
@@ -689,7 +689,7 @@ const borderStyle = _ref => {
689
689
  };
690
690
  const StyledSheet = styled.aside.attrs({
691
691
  'data-garden-id': COMPONENT_ID$8,
692
- 'data-garden-version': '8.72.0'
692
+ 'data-garden-version': '8.73.1'
693
693
  }).withConfig({
694
694
  displayName: "StyledSheet",
695
695
  componentId: "sc-dx8ijk-0"
@@ -701,7 +701,7 @@ StyledSheet.defaultProps = {
701
701
  const COMPONENT_ID$7 = 'chrome.sheet_wrapper';
702
702
  const StyledSheetWrapper = styled.div.attrs({
703
703
  'data-garden-id': COMPONENT_ID$7,
704
- 'data-garden-version': '8.72.0'
704
+ 'data-garden-version': '8.73.1'
705
705
  }).withConfig({
706
706
  displayName: "StyledSheetWrapper",
707
707
  componentId: "sc-f6x9zb-0"
@@ -728,7 +728,7 @@ StyledSheetWrapper.defaultProps = {
728
728
  const COMPONENT_ID$6 = 'chrome.sheet_title';
729
729
  const StyledSheetTitle = styled.div.attrs({
730
730
  'data-garden-id': COMPONENT_ID$6,
731
- 'data-garden-version': '8.72.0'
731
+ 'data-garden-version': '8.73.1'
732
732
  }).withConfig({
733
733
  displayName: "StyledSheetTitle",
734
734
  componentId: "sc-1gogk75-0"
@@ -740,7 +740,7 @@ StyledSheetTitle.defaultProps = {
740
740
  const COMPONENT_ID$5 = 'chrome.sheet_description';
741
741
  const StyledSheetDescription = styled.div.attrs({
742
742
  'data-garden-id': COMPONENT_ID$5,
743
- 'data-garden-version': '8.72.0'
743
+ 'data-garden-version': '8.73.1'
744
744
  }).withConfig({
745
745
  displayName: "StyledSheetDescription",
746
746
  componentId: "sc-1puglb6-0"
@@ -752,7 +752,7 @@ StyledSheetDescription.defaultProps = {
752
752
  const COMPONENT_ID$4 = 'chrome.sheet_body';
753
753
  const StyledSheetBody = styled.div.attrs({
754
754
  'data-garden-id': COMPONENT_ID$4,
755
- 'data-garden-version': '8.72.0'
755
+ 'data-garden-version': '8.73.1'
756
756
  }).withConfig({
757
757
  displayName: "StyledSheetBody",
758
758
  componentId: "sc-bt4eoj-0"
@@ -776,7 +776,7 @@ const colorStyles = props => {
776
776
  };
777
777
  const StyledSheetClose = styled.button.attrs({
778
778
  'data-garden-id': COMPONENT_ID$3,
779
- 'data-garden-version': '8.72.0'
779
+ 'data-garden-version': '8.73.1'
780
780
  }).withConfig({
781
781
  displayName: "StyledSheetClose",
782
782
  componentId: "sc-1ab02oq-0"
@@ -788,7 +788,7 @@ StyledSheetClose.defaultProps = {
788
788
  const COMPONENT_ID$2 = 'chrome.sheet_footer';
789
789
  const StyledSheetFooter = styled.footer.attrs({
790
790
  'data-garden-id': COMPONENT_ID$2,
791
- 'data-garden-version': '8.72.0'
791
+ 'data-garden-version': '8.73.1'
792
792
  }).withConfig({
793
793
  displayName: "StyledSheetFooter",
794
794
  componentId: "sc-2cktos-0"
@@ -800,7 +800,7 @@ StyledSheetFooter.defaultProps = {
800
800
  const COMPONENT_ID$1 = 'chrome.sheet_footer_item';
801
801
  const StyledSheetFooterItem = styled.div.attrs({
802
802
  'data-garden-id': COMPONENT_ID$1,
803
- 'data-garden-version': '8.72.0'
803
+ 'data-garden-version': '8.73.1'
804
804
  }).withConfig({
805
805
  displayName: "StyledSheetFooterItem",
806
806
  componentId: "sc-r9ixh-0"
@@ -812,7 +812,7 @@ StyledSheetFooterItem.defaultProps = {
812
812
  const COMPONENT_ID = 'chrome.sheet_header';
813
813
  const StyledSheetHeader = styled.header.attrs({
814
814
  'data-garden-id': COMPONENT_ID,
815
- 'data-garden-version': '8.72.0'
815
+ 'data-garden-version': '8.73.1'
816
816
  }).withConfig({
817
817
  displayName: "StyledSheetHeader",
818
818
  componentId: "sc-o2ry8i-0"
@@ -1235,8 +1235,7 @@ const CollapsibleSubNavItem = React__default.forwardRef((_ref, ref) => {
1235
1235
  CollapsibleSubNavItem.propTypes = {
1236
1236
  header: PropTypes.any,
1237
1237
  isExpanded: PropTypes.bool,
1238
- onChange: PropTypes.func,
1239
- children: PropTypes.node
1238
+ onChange: PropTypes.func
1240
1239
  };
1241
1240
  CollapsibleSubNavItem.displayName = 'CollapsibleSubNavItem';
1242
1241
 
@@ -1384,7 +1383,7 @@ const SheetComponent = React__default.forwardRef((_ref, ref) => {
1384
1383
  const sheetRef = useRef(null);
1385
1384
  const seed = useUIDSeed();
1386
1385
  const [isCloseButtonPresent, setIsCloseButtonPresent] = useState(false);
1387
- const idPrefix = useMemo(() => id || seed(`sheet_${'8.72.0'}`), [id, seed]);
1386
+ const idPrefix = useMemo(() => id || seed(`sheet_${'8.73.1'}`), [id, seed]);
1388
1387
  const titleId = `${idPrefix}--title`;
1389
1388
  const descriptionId = `${idPrefix}--description`;
1390
1389
  const sheetContext = useMemo(() => ({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-chrome",
3
- "version": "8.72.0",
3
+ "version": "8.73.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,8 +35,8 @@
35
35
  "styled-components": "^4.2.0 || ^5.0.0"
36
36
  },
37
37
  "devDependencies": {
38
- "@zendeskgarden/react-theming": "^8.72.0",
39
- "@zendeskgarden/svg-icons": "6.33.0"
38
+ "@zendeskgarden/react-theming": "^8.73.1",
39
+ "@zendeskgarden/svg-icons": "7.0.0"
40
40
  },
41
41
  "keywords": [
42
42
  "components",
@@ -48,5 +48,5 @@
48
48
  "access": "public"
49
49
  },
50
50
  "zendeskgarden:src": "src/index.ts",
51
- "gitHead": "a55ef7485558aa10a2034538cd9c80f51745d556"
51
+ "gitHead": "a9a9dc6324251fe522cb65b9bf25f721709c01c9"
52
52
  }