@zendeskgarden/react-chrome 8.74.1 → 8.74.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.cjs.js +42 -41
  2. package/dist/index.esm.js +40 -40
  3. package/package.json +4 -4
package/dist/index.cjs.js CHANGED
@@ -15,7 +15,7 @@ var reactTheming = require('@zendeskgarden/react-theming');
15
15
  var containerAccordion = require('@zendeskgarden/container-accordion');
16
16
  var containerUtilities = require('@zendeskgarden/container-utilities');
17
17
  var reactUid = require('react-uid');
18
- var reactMergeRefs = require('react-merge-refs');
18
+ var mergeRefs = require('react-merge-refs');
19
19
  var activeElement = require('dom-helpers/activeElement');
20
20
 
21
21
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -41,6 +41,7 @@ function _interopNamespace(e) {
41
41
  var React__namespace = /*#__PURE__*/_interopNamespace(React);
42
42
  var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
43
43
  var styled__default = /*#__PURE__*/_interopDefault(styled);
44
+ var mergeRefs__default = /*#__PURE__*/_interopDefault(mergeRefs);
44
45
  var activeElement__default = /*#__PURE__*/_interopDefault(activeElement);
45
46
 
46
47
  function _extends$3() {
@@ -68,7 +69,7 @@ const useChromeContext = () => {
68
69
  const COMPONENT_ID$A = 'chrome.chrome';
69
70
  const StyledChrome = styled__default.default.div.attrs({
70
71
  'data-garden-id': COMPONENT_ID$A,
71
- 'data-garden-version': '8.74.1'
72
+ 'data-garden-version': '8.74.3'
72
73
  }).withConfig({
73
74
  displayName: "StyledChrome",
74
75
  componentId: "sc-1uqm6u6-0"
@@ -80,7 +81,7 @@ StyledChrome.defaultProps = {
80
81
  const COMPONENT_ID$z = 'chrome.header_item_icon';
81
82
  const StyledHeaderItemIcon = styled__default.default.div.attrs({
82
83
  'data-garden-id': COMPONENT_ID$z,
83
- 'data-garden-version': '8.74.1'
84
+ 'data-garden-version': '8.74.3'
84
85
  }).withConfig({
85
86
  displayName: "StyledHeaderItemIcon",
86
87
  componentId: "sc-1jhhp6z-0"
@@ -97,7 +98,7 @@ const sizeStyles$4 = props => {
97
98
  };
98
99
  const StyledBaseHeaderItem = styled__default.default.button.attrs({
99
100
  'data-garden-id': COMPONENT_ID$y,
100
- 'data-garden-version': '8.74.1'
101
+ 'data-garden-version': '8.74.3'
101
102
  }).withConfig({
102
103
  displayName: "StyledBaseHeaderItem",
103
104
  componentId: "sc-1qua7h6-0"
@@ -118,7 +119,7 @@ const COMPONENT_ID$x = 'chrome.header_item_text';
118
119
  const clippedStyling = styled.css(["position:absolute;margin:0;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
119
120
  const StyledHeaderItemText = styled__default.default.span.attrs({
120
121
  'data-garden-id': COMPONENT_ID$x,
121
- 'data-garden-version': '8.74.1'
122
+ 'data-garden-version': '8.74.3'
122
123
  }).withConfig({
123
124
  displayName: "StyledHeaderItemText",
124
125
  componentId: "sc-goz7la-0"
@@ -142,7 +143,7 @@ const getExpandedNavWidth = () => {
142
143
  };
143
144
  const StyledNav = styled__default.default.nav.attrs({
144
145
  'data-garden-id': COMPONENT_ID$w,
145
- 'data-garden-version': '8.74.1'
146
+ 'data-garden-version': '8.74.3'
146
147
  }).withConfig({
147
148
  displayName: "StyledNav",
148
149
  componentId: "sc-6j462r-0"
@@ -174,7 +175,7 @@ const retrieveProductColor$1 = props => {
174
175
  };
175
176
  const StyledLogoHeaderItem = styled__default.default(StyledBaseHeaderItem).attrs({
176
177
  'data-garden-id': COMPONENT_ID$v,
177
- 'data-garden-version': '8.74.1',
178
+ 'data-garden-version': '8.74.3',
178
179
  as: 'div'
179
180
  }).withConfig({
180
181
  displayName: "StyledLogoHeaderItem",
@@ -195,7 +196,7 @@ const sizeStyles$3 = props => {
195
196
  };
196
197
  const StyledBaseNavItem = styled__default.default.button.attrs({
197
198
  'data-garden-id': COMPONENT_ID$u,
198
- 'data-garden-version': '8.74.1'
199
+ 'data-garden-version': '8.74.3'
199
200
  }).withConfig({
200
201
  displayName: "StyledBaseNavItem",
201
202
  componentId: "sc-zvo43f-0"
@@ -210,7 +211,7 @@ const getHeaderHeight = props => {
210
211
  };
211
212
  const StyledHeader = styled__default.default.header.attrs({
212
213
  'data-garden-id': COMPONENT_ID$t,
213
- 'data-garden-version': '8.74.1'
214
+ 'data-garden-version': '8.74.3'
214
215
  }).withConfig({
215
216
  displayName: "StyledHeader",
216
217
  componentId: "sc-1cexpz-0"
@@ -248,7 +249,7 @@ const sizeStyles$2 = props => {
248
249
  };
249
250
  const StyledSkipNav = styled__default.default.a.attrs({
250
251
  'data-garden-id': COMPONENT_ID$s,
251
- 'data-garden-version': '8.74.1'
252
+ 'data-garden-version': '8.74.3'
252
253
  }).withConfig({
253
254
  displayName: "StyledSkipNav",
254
255
  componentId: "sc-1tsro34-0"
@@ -281,7 +282,7 @@ const sizeStyles$1 = theme => {
281
282
  };
282
283
  const StyledSkipNavIcon = styled__default.default(SvgLinkStroke).attrs({
283
284
  'data-garden-id': COMPONENT_ID$r,
284
- 'data-garden-version': '8.74.1'
285
+ 'data-garden-version': '8.74.3'
285
286
  }).withConfig({
286
287
  displayName: "StyledSkipNavIcon",
287
288
  componentId: "sc-1ika5z4-0"
@@ -293,7 +294,7 @@ StyledSkipNavIcon.defaultProps = {
293
294
  const COMPONENT_ID$q = 'chrome.body';
294
295
  const StyledBody = styled__default.default.div.attrs({
295
296
  'data-garden-id': COMPONENT_ID$q,
296
- 'data-garden-version': '8.74.1'
297
+ 'data-garden-version': '8.74.3'
297
298
  }).withConfig({
298
299
  displayName: "StyledBody",
299
300
  componentId: "sc-c7h9kv-0"
@@ -308,7 +309,7 @@ const getFooterHeight = props => {
308
309
  };
309
310
  const StyledFooter = styled__default.default.footer.attrs({
310
311
  'data-garden-id': COMPONENT_ID$p,
311
- 'data-garden-version': '8.74.1'
312
+ 'data-garden-version': '8.74.3'
312
313
  }).withConfig({
313
314
  displayName: "StyledFooter",
314
315
  componentId: "sc-v7lib2-0"
@@ -320,7 +321,7 @@ StyledFooter.defaultProps = {
320
321
  const COMPONENT_ID$o = 'chrome.content';
321
322
  const StyledContent = styled__default.default.div.attrs({
322
323
  'data-garden-id': COMPONENT_ID$o,
323
- 'data-garden-version': '8.74.1'
324
+ 'data-garden-version': '8.74.3'
324
325
  }).withConfig({
325
326
  displayName: "StyledContent",
326
327
  componentId: "sc-qcuzxn-0"
@@ -332,7 +333,7 @@ StyledContent.defaultProps = {
332
333
  const COMPONENT_ID$n = 'chrome.main';
333
334
  const StyledMain = styled__default.default.main.attrs({
334
335
  'data-garden-id': COMPONENT_ID$n,
335
- 'data-garden-version': '8.74.1'
336
+ 'data-garden-version': '8.74.3'
336
337
  }).withConfig({
337
338
  displayName: "StyledMain",
338
339
  componentId: "sc-t61cre-0"
@@ -344,7 +345,7 @@ StyledMain.defaultProps = {
344
345
  const COMPONENT_ID$m = 'chrome.sidebar';
345
346
  const StyledSidebar = styled__default.default.aside.attrs({
346
347
  'data-garden-id': COMPONENT_ID$m,
347
- 'data-garden-version': '8.74.1'
348
+ 'data-garden-version': '8.74.3'
348
349
  }).withConfig({
349
350
  displayName: "StyledSidebar",
350
351
  componentId: "sc-1q77fuw-0"
@@ -356,7 +357,7 @@ StyledSidebar.defaultProps = {
356
357
  const COMPONENT_ID$l = 'chrome.footer_item';
357
358
  const StyledFooterItem = styled__default.default.div.attrs({
358
359
  'data-garden-id': COMPONENT_ID$l,
359
- 'data-garden-version': '8.74.1'
360
+ 'data-garden-version': '8.74.3'
360
361
  }).withConfig({
361
362
  displayName: "StyledFooterItem",
362
363
  componentId: "sc-1cktm85-0"
@@ -372,7 +373,7 @@ const imgStyles = props => {
372
373
  };
373
374
  const StyledHeaderItem = styled__default.default(StyledBaseHeaderItem).attrs({
374
375
  'data-garden-id': COMPONENT_ID$k,
375
- 'data-garden-version': '8.74.1'
376
+ 'data-garden-version': '8.74.3'
376
377
  }).withConfig({
377
378
  displayName: "StyledHeaderItem",
378
379
  componentId: "sc-14sft6n-0"
@@ -391,7 +392,7 @@ StyledHeaderItem.defaultProps = {
391
392
  const COMPONENT_ID$j = 'chrome.header_item_wrapper';
392
393
  const StyledHeaderItemWrapper = styled__default.default(StyledBaseHeaderItem).attrs({
393
394
  'data-garden-id': COMPONENT_ID$j,
394
- 'data-garden-version': '8.74.1',
395
+ 'data-garden-version': '8.74.3',
395
396
  as: 'div'
396
397
  }).withConfig({
397
398
  displayName: "StyledHeaderItemWrapper",
@@ -429,7 +430,7 @@ const colorStyles$4 = props => {
429
430
  };
430
431
  const StyledLogoNavItem = styled__default.default(StyledBaseNavItem).attrs({
431
432
  'data-garden-id': COMPONENT_ID$i,
432
- 'data-garden-version': '8.74.1',
433
+ 'data-garden-version': '8.74.3',
433
434
  as: 'div'
434
435
  }).withConfig({
435
436
  displayName: "StyledLogoNavItem",
@@ -442,7 +443,7 @@ StyledLogoNavItem.defaultProps = {
442
443
  const COMPONENT_ID$h = 'chrome.brandmark_nav_item';
443
444
  const StyledBrandmarkNavItem = styled__default.default(StyledBaseNavItem).attrs({
444
445
  'data-garden-id': COMPONENT_ID$h,
445
- 'data-garden-version': '8.74.1',
446
+ 'data-garden-version': '8.74.3',
446
447
  as: 'div'
447
448
  }).withConfig({
448
449
  displayName: "StyledBrandmarkNavItem",
@@ -455,7 +456,7 @@ StyledBrandmarkNavItem.defaultProps = {
455
456
  const COMPONENT_ID$g = 'chrome.nav_item_icon';
456
457
  const StyledNavItemIcon = styled__default.default.div.attrs({
457
458
  'data-garden-id': COMPONENT_ID$g,
458
- 'data-garden-version': '8.74.1'
459
+ 'data-garden-version': '8.74.3'
459
460
  }).withConfig({
460
461
  displayName: "StyledNavItemIcon",
461
462
  componentId: "sc-7w9rpt-0"
@@ -501,7 +502,7 @@ const colorStyles$3 = props => {
501
502
  };
502
503
  const StyledNavItem = styled__default.default(StyledBaseNavItem).attrs({
503
504
  'data-garden-id': COMPONENT_ID$f,
504
- 'data-garden-version': '8.74.1',
505
+ 'data-garden-version': '8.74.3',
505
506
  as: 'button'
506
507
  }).withConfig({
507
508
  displayName: "StyledNavItem",
@@ -518,7 +519,7 @@ StyledNavItem.defaultProps = {
518
519
  const COMPONENT_ID$e = 'chrome.nav_item_text';
519
520
  const StyledNavItemText = styled__default.default.span.attrs({
520
521
  'data-garden-id': COMPONENT_ID$e,
521
- 'data-garden-version': '8.74.1'
522
+ 'data-garden-version': '8.74.3'
522
523
  }).withConfig({
523
524
  displayName: "StyledNavItemText",
524
525
  componentId: "sc-13m84xl-0"
@@ -571,7 +572,7 @@ const getSubNavItemHeight = props => {
571
572
  };
572
573
  const StyledSubNavItem = styled__default.default.button.attrs({
573
574
  'data-garden-id': COMPONENT_ID$d,
574
- 'data-garden-version': '8.74.1'
575
+ 'data-garden-version': '8.74.3'
575
576
  }).withConfig({
576
577
  displayName: "StyledSubNavItem",
577
578
  componentId: "sc-1yg9dpx-0"
@@ -594,7 +595,7 @@ const colorStyles$1 = props => {
594
595
  };
595
596
  const StyledSubNav = styled__default.default.nav.attrs({
596
597
  'data-garden-id': COMPONENT_ID$c,
597
- 'data-garden-version': '8.74.1'
598
+ 'data-garden-version': '8.74.3'
598
599
  }).withConfig({
599
600
  displayName: "StyledSubNav",
600
601
  componentId: "sc-19hjou6-0"
@@ -612,7 +613,7 @@ const sizeStyles = props => {
612
613
  };
613
614
  const StyledSubNavItemText = styled__default.default.span.attrs({
614
615
  'data-garden-id': COMPONENT_ID$b,
615
- 'data-garden-version': '8.74.1'
616
+ 'data-garden-version': '8.74.3'
616
617
  }).withConfig({
617
618
  displayName: "StyledSubNavItemText",
618
619
  componentId: "sc-1hy0pn7-0"
@@ -624,7 +625,7 @@ StyledSubNavItemText.defaultProps = {
624
625
  const COMPONENT_ID$a = 'chrome.collapsible_sub_nav_item';
625
626
  const StyledSubNavItemHeader = styled__default.default(StyledSubNavItem).attrs({
626
627
  'data-garden-id': COMPONENT_ID$a,
627
- 'data-garden-version': '8.74.1',
628
+ 'data-garden-version': '8.74.3',
628
629
  'data-garden-header': 'true'
629
630
  }).withConfig({
630
631
  displayName: "StyledSubNavItemHeader",
@@ -671,7 +672,7 @@ StyledSubNavItemIcon.defaultProps = {
671
672
  };
672
673
  const StyledSubNavItemIconWrapper = styled__default.default.div.attrs({
673
674
  'data-garden-id': COMPONENT_ID$9,
674
- 'data-garden-version': '8.74.1'
675
+ 'data-garden-version': '8.74.3'
675
676
  }).withConfig({
676
677
  displayName: "StyledSubNavItemIcon__StyledSubNavItemIconWrapper",
677
678
  componentId: "sc-1d02hho-1"
@@ -684,7 +685,7 @@ const PANEL_COMPONENT_ID = 'chrome.collapsible_sub_nav_item_panel';
684
685
  const hiddenStyling = styled.css(["visibility:hidden;max-height:0 !important;overflow:hidden;"]);
685
686
  const StyledSubNavPanel = styled__default.default.div.attrs({
686
687
  'data-garden-id': PANEL_COMPONENT_ID,
687
- 'data-garden-version': '8.74.1'
688
+ 'data-garden-version': '8.74.3'
688
689
  }).withConfig({
689
690
  displayName: "StyledSubNavPanel",
690
691
  componentId: "sc-1jv3rpv-0"
@@ -715,7 +716,7 @@ const borderStyle = _ref => {
715
716
  };
716
717
  const StyledSheet = styled__default.default.aside.attrs({
717
718
  'data-garden-id': COMPONENT_ID$8,
718
- 'data-garden-version': '8.74.1'
719
+ 'data-garden-version': '8.74.3'
719
720
  }).withConfig({
720
721
  displayName: "StyledSheet",
721
722
  componentId: "sc-dx8ijk-0"
@@ -727,7 +728,7 @@ StyledSheet.defaultProps = {
727
728
  const COMPONENT_ID$7 = 'chrome.sheet_wrapper';
728
729
  const StyledSheetWrapper = styled__default.default.div.attrs({
729
730
  'data-garden-id': COMPONENT_ID$7,
730
- 'data-garden-version': '8.74.1'
731
+ 'data-garden-version': '8.74.3'
731
732
  }).withConfig({
732
733
  displayName: "StyledSheetWrapper",
733
734
  componentId: "sc-f6x9zb-0"
@@ -754,7 +755,7 @@ StyledSheetWrapper.defaultProps = {
754
755
  const COMPONENT_ID$6 = 'chrome.sheet_title';
755
756
  const StyledSheetTitle = styled__default.default.div.attrs({
756
757
  'data-garden-id': COMPONENT_ID$6,
757
- 'data-garden-version': '8.74.1'
758
+ 'data-garden-version': '8.74.3'
758
759
  }).withConfig({
759
760
  displayName: "StyledSheetTitle",
760
761
  componentId: "sc-1gogk75-0"
@@ -766,7 +767,7 @@ StyledSheetTitle.defaultProps = {
766
767
  const COMPONENT_ID$5 = 'chrome.sheet_description';
767
768
  const StyledSheetDescription = styled__default.default.div.attrs({
768
769
  'data-garden-id': COMPONENT_ID$5,
769
- 'data-garden-version': '8.74.1'
770
+ 'data-garden-version': '8.74.3'
770
771
  }).withConfig({
771
772
  displayName: "StyledSheetDescription",
772
773
  componentId: "sc-1puglb6-0"
@@ -778,7 +779,7 @@ StyledSheetDescription.defaultProps = {
778
779
  const COMPONENT_ID$4 = 'chrome.sheet_body';
779
780
  const StyledSheetBody = styled__default.default.div.attrs({
780
781
  'data-garden-id': COMPONENT_ID$4,
781
- 'data-garden-version': '8.74.1'
782
+ 'data-garden-version': '8.74.3'
782
783
  }).withConfig({
783
784
  displayName: "StyledSheetBody",
784
785
  componentId: "sc-bt4eoj-0"
@@ -802,7 +803,7 @@ const colorStyles = props => {
802
803
  };
803
804
  const StyledSheetClose = styled__default.default.button.attrs({
804
805
  'data-garden-id': COMPONENT_ID$3,
805
- 'data-garden-version': '8.74.1'
806
+ 'data-garden-version': '8.74.3'
806
807
  }).withConfig({
807
808
  displayName: "StyledSheetClose",
808
809
  componentId: "sc-1ab02oq-0"
@@ -814,7 +815,7 @@ StyledSheetClose.defaultProps = {
814
815
  const COMPONENT_ID$2 = 'chrome.sheet_footer';
815
816
  const StyledSheetFooter = styled__default.default.footer.attrs({
816
817
  'data-garden-id': COMPONENT_ID$2,
817
- 'data-garden-version': '8.74.1'
818
+ 'data-garden-version': '8.74.3'
818
819
  }).withConfig({
819
820
  displayName: "StyledSheetFooter",
820
821
  componentId: "sc-2cktos-0"
@@ -826,7 +827,7 @@ StyledSheetFooter.defaultProps = {
826
827
  const COMPONENT_ID$1 = 'chrome.sheet_footer_item';
827
828
  const StyledSheetFooterItem = styled__default.default.div.attrs({
828
829
  'data-garden-id': COMPONENT_ID$1,
829
- 'data-garden-version': '8.74.1'
830
+ 'data-garden-version': '8.74.3'
830
831
  }).withConfig({
831
832
  displayName: "StyledSheetFooterItem",
832
833
  componentId: "sc-r9ixh-0"
@@ -838,7 +839,7 @@ StyledSheetFooterItem.defaultProps = {
838
839
  const COMPONENT_ID = 'chrome.sheet_header';
839
840
  const StyledSheetHeader = styled__default.default.header.attrs({
840
841
  'data-garden-id': COMPONENT_ID,
841
- 'data-garden-version': '8.74.1'
842
+ 'data-garden-version': '8.74.3'
842
843
  }).withConfig({
843
844
  displayName: "StyledSheetHeader",
844
845
  componentId: "sc-o2ry8i-0"
@@ -1414,7 +1415,7 @@ const SheetComponent = React__namespace.default.forwardRef((_ref, ref) => {
1414
1415
  const sheetRef = React.useRef(null);
1415
1416
  const seed = reactUid.useUIDSeed();
1416
1417
  const [isCloseButtonPresent, setIsCloseButtonPresent] = React.useState(false);
1417
- const idPrefix = React.useMemo(() => id || seed(`sheet_${'8.74.1'}`), [id, seed]);
1418
+ const idPrefix = React.useMemo(() => id || seed(`sheet_${'8.74.3'}`), [id, seed]);
1418
1419
  const titleId = `${idPrefix}--title`;
1419
1420
  const descriptionId = `${idPrefix}--description`;
1420
1421
  const sheetContext = React.useMemo(() => ({
@@ -1440,7 +1441,7 @@ const SheetComponent = React__namespace.default.forwardRef((_ref, ref) => {
1440
1441
  id: idPrefix,
1441
1442
  "aria-labelledby": titleId,
1442
1443
  "aria-describedby": descriptionId,
1443
- ref: reactMergeRefs.mergeRefs([sheetRef, ref])
1444
+ ref: mergeRefs__default.default([sheetRef, ref])
1444
1445
  }, props), React__namespace.default.createElement(StyledSheetWrapper, {
1445
1446
  isOpen: isOpen,
1446
1447
  isAnimated: isAnimated,
package/dist/index.esm.js CHANGED
@@ -14,7 +14,7 @@ import { retrieveComponentStyles, DEFAULT_THEME, getLineHeight, getColor, PALETT
14
14
  import { useAccordion } from '@zendeskgarden/container-accordion';
15
15
  import { getControlledValue } from '@zendeskgarden/container-utilities';
16
16
  import { useUIDSeed } from 'react-uid';
17
- import { mergeRefs } from 'react-merge-refs';
17
+ import mergeRefs from 'react-merge-refs';
18
18
  import activeElement from 'dom-helpers/activeElement';
19
19
 
20
20
  function _extends$3() {
@@ -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.74.1'
45
+ 'data-garden-version': '8.74.3'
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.74.1'
57
+ 'data-garden-version': '8.74.3'
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.74.1'
74
+ 'data-garden-version': '8.74.3'
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.74.1'
95
+ 'data-garden-version': '8.74.3'
96
96
  }).withConfig({
97
97
  displayName: "StyledHeaderItemText",
98
98
  componentId: "sc-goz7la-0"
@@ -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.74.1'
119
+ 'data-garden-version': '8.74.3'
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.74.1',
151
+ 'data-garden-version': '8.74.3',
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.74.1'
172
+ 'data-garden-version': '8.74.3'
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.74.1'
187
+ 'data-garden-version': '8.74.3'
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.74.1'
225
+ 'data-garden-version': '8.74.3'
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.74.1'
258
+ 'data-garden-version': '8.74.3'
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.74.1'
270
+ 'data-garden-version': '8.74.3'
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.74.1'
285
+ 'data-garden-version': '8.74.3'
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.74.1'
297
+ 'data-garden-version': '8.74.3'
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.74.1'
309
+ 'data-garden-version': '8.74.3'
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.74.1'
321
+ 'data-garden-version': '8.74.3'
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.74.1'
333
+ 'data-garden-version': '8.74.3'
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.74.1'
349
+ 'data-garden-version': '8.74.3'
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.74.1',
368
+ 'data-garden-version': '8.74.3',
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.74.1',
406
+ 'data-garden-version': '8.74.3',
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.74.1',
419
+ 'data-garden-version': '8.74.3',
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.74.1'
432
+ 'data-garden-version': '8.74.3'
433
433
  }).withConfig({
434
434
  displayName: "StyledNavItemIcon",
435
435
  componentId: "sc-7w9rpt-0"
@@ -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.74.1',
478
+ 'data-garden-version': '8.74.3',
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.74.1'
495
+ 'data-garden-version': '8.74.3'
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.74.1'
548
+ 'data-garden-version': '8.74.3'
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.74.1'
571
+ 'data-garden-version': '8.74.3'
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.74.1'
589
+ 'data-garden-version': '8.74.3'
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.74.1',
601
+ 'data-garden-version': '8.74.3',
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.74.1'
648
+ 'data-garden-version': '8.74.3'
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.74.1'
661
+ 'data-garden-version': '8.74.3'
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.74.1'
692
+ 'data-garden-version': '8.74.3'
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.74.1'
704
+ 'data-garden-version': '8.74.3'
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.74.1'
731
+ 'data-garden-version': '8.74.3'
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.74.1'
743
+ 'data-garden-version': '8.74.3'
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.74.1'
755
+ 'data-garden-version': '8.74.3'
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.74.1'
779
+ 'data-garden-version': '8.74.3'
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.74.1'
791
+ 'data-garden-version': '8.74.3'
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.74.1'
803
+ 'data-garden-version': '8.74.3'
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.74.1'
815
+ 'data-garden-version': '8.74.3'
816
816
  }).withConfig({
817
817
  displayName: "StyledSheetHeader",
818
818
  componentId: "sc-o2ry8i-0"
@@ -1388,7 +1388,7 @@ const SheetComponent = React__default.forwardRef((_ref, ref) => {
1388
1388
  const sheetRef = useRef(null);
1389
1389
  const seed = useUIDSeed();
1390
1390
  const [isCloseButtonPresent, setIsCloseButtonPresent] = useState(false);
1391
- const idPrefix = useMemo(() => id || seed(`sheet_${'8.74.1'}`), [id, seed]);
1391
+ const idPrefix = useMemo(() => id || seed(`sheet_${'8.74.3'}`), [id, seed]);
1392
1392
  const titleId = `${idPrefix}--title`;
1393
1393
  const descriptionId = `${idPrefix}--description`;
1394
1394
  const sheetContext = useMemo(() => ({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-chrome",
3
- "version": "8.74.1",
3
+ "version": "8.74.3",
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>",
@@ -26,7 +26,7 @@
26
26
  "dom-helpers": "^5.2.1",
27
27
  "polished": "^4.0.0",
28
28
  "prop-types": "^15.5.7",
29
- "react-merge-refs": "^2.0.0"
29
+ "react-merge-refs": "^1.1.0"
30
30
  },
31
31
  "peerDependencies": {
32
32
  "@zendeskgarden/react-theming": "^8.67.0",
@@ -35,7 +35,7 @@
35
35
  "styled-components": "^4.2.0 || ^5.0.0"
36
36
  },
37
37
  "devDependencies": {
38
- "@zendeskgarden/react-theming": "^8.74.1",
38
+ "@zendeskgarden/react-theming": "^8.74.3",
39
39
  "@zendeskgarden/svg-icons": "7.0.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": "4637bf600631be336574ddb5a31fda8f9bc27de6"
51
+ "gitHead": "2ae5e421f4bad609f443d6b227e00b6d8e77a06d"
52
52
  }