@zendeskgarden/react-chrome 8.47.1 → 8.47.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.esm.js CHANGED
@@ -21,14 +21,9 @@ function ownKeys(object, enumerableOnly) {
21
21
 
22
22
  if (Object.getOwnPropertySymbols) {
23
23
  var symbols = Object.getOwnPropertySymbols(object);
24
-
25
- if (enumerableOnly) {
26
- symbols = symbols.filter(function (sym) {
27
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
28
- });
29
- }
30
-
31
- keys.push.apply(keys, symbols);
24
+ enumerableOnly && (symbols = symbols.filter(function (sym) {
25
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
26
+ })), keys.push.apply(keys, symbols);
32
27
  }
33
28
 
34
29
  return keys;
@@ -36,19 +31,12 @@ function ownKeys(object, enumerableOnly) {
36
31
 
37
32
  function _objectSpread2(target) {
38
33
  for (var i = 1; i < arguments.length; i++) {
39
- var source = arguments[i] != null ? arguments[i] : {};
40
-
41
- if (i % 2) {
42
- ownKeys(Object(source), true).forEach(function (key) {
43
- _defineProperty(target, key, source[key]);
44
- });
45
- } else if (Object.getOwnPropertyDescriptors) {
46
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
47
- } else {
48
- ownKeys(Object(source)).forEach(function (key) {
49
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
50
- });
51
- }
34
+ var source = null != arguments[i] ? arguments[i] : {};
35
+ i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
36
+ _defineProperty(target, key, source[key]);
37
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
38
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
39
+ });
52
40
  }
53
41
 
54
42
  return target;
@@ -192,7 +180,7 @@ var useChromeContext = function useChromeContext() {
192
180
  var COMPONENT_ID$A = 'chrome.chrome';
193
181
  var StyledChrome = styled.div.attrs({
194
182
  'data-garden-id': COMPONENT_ID$A,
195
- 'data-garden-version': '8.47.1'
183
+ 'data-garden-version': '8.47.2'
196
184
  }).withConfig({
197
185
  displayName: "StyledChrome",
198
186
  componentId: "sc-1uqm6u6-0"
@@ -210,7 +198,7 @@ StyledChrome.defaultProps = {
210
198
  var COMPONENT_ID$z = 'chrome.header_item_icon';
211
199
  var StyledHeaderItemIcon = styled.div.attrs({
212
200
  'data-garden-id': COMPONENT_ID$z,
213
- 'data-garden-version': '8.47.1'
201
+ 'data-garden-version': '8.47.2'
214
202
  }).withConfig({
215
203
  displayName: "StyledHeaderItemIcon",
216
204
  componentId: "sc-1jhhp6z-0"
@@ -237,7 +225,7 @@ var sizeStyles$4 = function sizeStyles(props) {
237
225
  };
238
226
  var StyledBaseHeaderItem = styled.button.attrs({
239
227
  'data-garden-id': COMPONENT_ID$y,
240
- 'data-garden-version': '8.47.1'
228
+ 'data-garden-version': '8.47.2'
241
229
  }).withConfig({
242
230
  displayName: "StyledBaseHeaderItem",
243
231
  componentId: "sc-1qua7h6-0"
@@ -266,7 +254,7 @@ var COMPONENT_ID$x = 'chrome.header_item_text';
266
254
  var clippedStyling = css(["position:absolute;margin:0;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
267
255
  var StyledHeaderItemText = styled.span.attrs({
268
256
  'data-garden-id': COMPONENT_ID$x,
269
- 'data-garden-version': '8.47.1'
257
+ 'data-garden-version': '8.47.2'
270
258
  }).withConfig({
271
259
  displayName: "StyledHeaderItemText",
272
260
  componentId: "sc-goz7la-0"
@@ -294,7 +282,7 @@ var getExpandedNavWidth = function getExpandedNavWidth() {
294
282
  };
295
283
  var StyledNav = styled.nav.attrs({
296
284
  'data-garden-id': COMPONENT_ID$w,
297
- 'data-garden-version': '8.47.1'
285
+ 'data-garden-version': '8.47.2'
298
286
  }).withConfig({
299
287
  displayName: "StyledNav",
300
288
  componentId: "sc-6j462r-0"
@@ -334,7 +322,7 @@ var retrieveProductColor$1 = function retrieveProductColor(props) {
334
322
  };
335
323
  var StyledLogoHeaderItem = styled(StyledBaseHeaderItem).attrs({
336
324
  'data-garden-id': COMPONENT_ID$v,
337
- 'data-garden-version': '8.47.1',
325
+ 'data-garden-version': '8.47.2',
338
326
  as: 'div'
339
327
  }).withConfig({
340
328
  displayName: "StyledLogoHeaderItem",
@@ -375,7 +363,7 @@ var sizeStyles$3 = function sizeStyles(props) {
375
363
  };
376
364
  var StyledBaseNavItem = styled.button.attrs({
377
365
  'data-garden-id': COMPONENT_ID$u,
378
- 'data-garden-version': '8.47.1'
366
+ 'data-garden-version': '8.47.2'
379
367
  }).withConfig({
380
368
  displayName: "StyledBaseNavItem",
381
369
  componentId: "sc-zvo43f-0"
@@ -392,7 +380,7 @@ var getHeaderHeight = function getHeaderHeight(props) {
392
380
  };
393
381
  var StyledHeader = styled.header.attrs({
394
382
  'data-garden-id': COMPONENT_ID$t,
395
- 'data-garden-version': '8.47.1'
383
+ 'data-garden-version': '8.47.2'
396
384
  }).withConfig({
397
385
  displayName: "StyledHeader",
398
386
  componentId: "sc-1cexpz-0"
@@ -440,7 +428,7 @@ var sizeStyles$2 = function sizeStyles(props) {
440
428
  };
441
429
  var StyledSkipNav = styled.a.attrs({
442
430
  'data-garden-id': COMPONENT_ID$s,
443
- 'data-garden-version': '8.47.1'
431
+ 'data-garden-version': '8.47.2'
444
432
  }).withConfig({
445
433
  displayName: "StyledSkipNav",
446
434
  componentId: "sc-1tsro34-0"
@@ -463,23 +451,23 @@ StyledSkipNav.defaultProps = {
463
451
  theme: DEFAULT_THEME
464
452
  };
465
453
 
466
- function _extends$2() { _extends$2 = Object.assign || 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); }
454
+ var _path$2;
467
455
 
468
- var _ref$2 = /*#__PURE__*/React.createElement("path", {
469
- fill: "currentColor",
470
- 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"
471
- });
456
+ function _extends$2() { _extends$2 = Object.assign || 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); }
472
457
 
473
- function SvgLinkStroke(props) {
458
+ var SvgLinkStroke = function SvgLinkStroke(props) {
474
459
  return /*#__PURE__*/React.createElement("svg", _extends$2({
475
460
  xmlns: "http://www.w3.org/2000/svg",
476
461
  width: 16,
477
462
  height: 16,
478
- viewBox: "0 0 16 16",
479
463
  focusable: "false",
480
- role: "presentation"
481
- }, props), _ref$2);
482
- }
464
+ viewBox: "0 0 16 16",
465
+ "aria-hidden": "true"
466
+ }, props), _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
467
+ fill: "currentColor",
468
+ 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"
469
+ })));
470
+ };
483
471
 
484
472
  var COMPONENT_ID$r = 'chrome.skipnav_icon';
485
473
  var sizeStyles$1 = function sizeStyles(theme) {
@@ -489,7 +477,7 @@ var sizeStyles$1 = function sizeStyles(theme) {
489
477
  };
490
478
  var StyledSkipNavIcon = styled(SvgLinkStroke).attrs({
491
479
  'data-garden-id': COMPONENT_ID$r,
492
- 'data-garden-version': '8.47.1'
480
+ 'data-garden-version': '8.47.2'
493
481
  }).withConfig({
494
482
  displayName: "StyledSkipNavIcon",
495
483
  componentId: "sc-1ika5z4-0"
@@ -509,7 +497,7 @@ StyledSkipNavIcon.defaultProps = {
509
497
  var COMPONENT_ID$q = 'chrome.body';
510
498
  var StyledBody = styled.div.attrs({
511
499
  'data-garden-id': COMPONENT_ID$q,
512
- 'data-garden-version': '8.47.1'
500
+ 'data-garden-version': '8.47.2'
513
501
  }).withConfig({
514
502
  displayName: "StyledBody",
515
503
  componentId: "sc-c7h9kv-0"
@@ -528,7 +516,7 @@ var getFooterHeight = function getFooterHeight(props) {
528
516
  };
529
517
  var StyledFooter = styled.footer.attrs({
530
518
  'data-garden-id': COMPONENT_ID$p,
531
- 'data-garden-version': '8.47.1'
519
+ 'data-garden-version': '8.47.2'
532
520
  }).withConfig({
533
521
  displayName: "StyledFooter",
534
522
  componentId: "sc-v7lib2-0"
@@ -548,7 +536,7 @@ StyledFooter.defaultProps = {
548
536
  var COMPONENT_ID$o = 'chrome.content';
549
537
  var StyledContent = styled.div.attrs({
550
538
  'data-garden-id': COMPONENT_ID$o,
551
- 'data-garden-version': '8.47.1'
539
+ 'data-garden-version': '8.47.2'
552
540
  }).withConfig({
553
541
  displayName: "StyledContent",
554
542
  componentId: "sc-qcuzxn-0"
@@ -570,7 +558,7 @@ StyledContent.defaultProps = {
570
558
  var COMPONENT_ID$n = 'chrome.main';
571
559
  var StyledMain = styled.main.attrs({
572
560
  'data-garden-id': COMPONENT_ID$n,
573
- 'data-garden-version': '8.47.1'
561
+ 'data-garden-version': '8.47.2'
574
562
  }).withConfig({
575
563
  displayName: "StyledMain",
576
564
  componentId: "sc-t61cre-0"
@@ -586,7 +574,7 @@ StyledMain.defaultProps = {
586
574
  var COMPONENT_ID$m = 'chrome.sidebar';
587
575
  var StyledSidebar = styled.aside.attrs({
588
576
  'data-garden-id': COMPONENT_ID$m,
589
- 'data-garden-version': '8.47.1'
577
+ 'data-garden-version': '8.47.2'
590
578
  }).withConfig({
591
579
  displayName: "StyledSidebar",
592
580
  componentId: "sc-1q77fuw-0"
@@ -604,7 +592,7 @@ StyledSidebar.defaultProps = {
604
592
  var COMPONENT_ID$l = 'chrome.footer_item';
605
593
  var StyledFooterItem = styled.div.attrs({
606
594
  'data-garden-id': COMPONENT_ID$l,
607
- 'data-garden-version': '8.47.1'
595
+ 'data-garden-version': '8.47.2'
608
596
  }).withConfig({
609
597
  displayName: "StyledFooterItem",
610
598
  componentId: "sc-1cktm85-0"
@@ -624,7 +612,7 @@ var imgStyles = function imgStyles(props) {
624
612
  };
625
613
  var StyledHeaderItem = styled(StyledBaseHeaderItem).attrs({
626
614
  'data-garden-id': COMPONENT_ID$k,
627
- 'data-garden-version': '8.47.1'
615
+ 'data-garden-version': '8.47.2'
628
616
  }).withConfig({
629
617
  displayName: "StyledHeaderItem",
630
618
  componentId: "sc-14sft6n-0"
@@ -650,7 +638,7 @@ StyledHeaderItem.defaultProps = {
650
638
  var COMPONENT_ID$j = 'chrome.header_item_wrapper';
651
639
  var StyledHeaderItemWrapper = styled(StyledBaseHeaderItem).attrs({
652
640
  'data-garden-id': COMPONENT_ID$j,
653
- 'data-garden-version': '8.47.1',
641
+ 'data-garden-version': '8.47.2',
654
642
  as: 'div'
655
643
  }).withConfig({
656
644
  displayName: "StyledHeaderItemWrapper",
@@ -690,7 +678,7 @@ var colorStyles$4 = function colorStyles(props) {
690
678
  };
691
679
  var StyledLogoNavItem = styled(StyledBaseNavItem).attrs({
692
680
  'data-garden-id': COMPONENT_ID$i,
693
- 'data-garden-version': '8.47.1',
681
+ 'data-garden-version': '8.47.2',
694
682
  as: 'div'
695
683
  }).withConfig({
696
684
  displayName: "StyledLogoNavItem",
@@ -705,7 +693,7 @@ StyledLogoNavItem.defaultProps = {
705
693
  var COMPONENT_ID$h = 'chrome.brandmark_nav_item';
706
694
  var StyledBrandmarkNavItem = styled(StyledBaseNavItem).attrs({
707
695
  'data-garden-id': COMPONENT_ID$h,
708
- 'data-garden-version': '8.47.1',
696
+ 'data-garden-version': '8.47.2',
709
697
  as: 'div'
710
698
  }).withConfig({
711
699
  displayName: "StyledBrandmarkNavItem",
@@ -718,7 +706,7 @@ StyledBrandmarkNavItem.defaultProps = {
718
706
  var COMPONENT_ID$g = 'chrome.nav_item_icon';
719
707
  var StyledNavItemIcon = styled.div.attrs({
720
708
  'data-garden-id': COMPONENT_ID$g,
721
- 'data-garden-version': '8.47.1'
709
+ 'data-garden-version': '8.47.2'
722
710
  }).withConfig({
723
711
  displayName: "StyledNavItemIcon",
724
712
  componentId: "sc-7w9rpt-0"
@@ -758,7 +746,7 @@ var colorStyles$3 = function colorStyles(props) {
758
746
  };
759
747
  var StyledNavItem = styled(StyledBaseNavItem).attrs({
760
748
  'data-garden-id': COMPONENT_ID$f,
761
- 'data-garden-version': '8.47.1',
749
+ 'data-garden-version': '8.47.2',
762
750
  as: 'button'
763
751
  }).withConfig({
764
752
  displayName: "StyledNavItem",
@@ -783,7 +771,7 @@ StyledNavItem.defaultProps = {
783
771
  var COMPONENT_ID$e = 'chrome.nav_item_text';
784
772
  var StyledNavItemText = styled.span.attrs({
785
773
  'data-garden-id': COMPONENT_ID$e,
786
- 'data-garden-version': '8.47.1'
774
+ 'data-garden-version': '8.47.2'
787
775
  }).withConfig({
788
776
  displayName: "StyledNavItemText",
789
777
  componentId: "sc-13m84xl-0"
@@ -826,7 +814,7 @@ var getSubNavItemHeight = function getSubNavItemHeight(props) {
826
814
  };
827
815
  var StyledSubNavItem = styled.button.attrs({
828
816
  'data-garden-id': COMPONENT_ID$d,
829
- 'data-garden-version': '8.47.1'
817
+ 'data-garden-version': '8.47.2'
830
818
  }).withConfig({
831
819
  displayName: "StyledSubNavItem",
832
820
  componentId: "sc-1yg9dpx-0"
@@ -861,7 +849,7 @@ var colorStyles$1 = function colorStyles(props) {
861
849
  };
862
850
  var StyledSubNav = styled.nav.attrs({
863
851
  'data-garden-id': COMPONENT_ID$c,
864
- 'data-garden-version': '8.47.1'
852
+ 'data-garden-version': '8.47.2'
865
853
  }).withConfig({
866
854
  displayName: "StyledSubNav",
867
855
  componentId: "sc-19hjou6-0"
@@ -887,7 +875,7 @@ var sizeStyles = function sizeStyles(props) {
887
875
  };
888
876
  var StyledSubNavItemText = styled.span.attrs({
889
877
  'data-garden-id': COMPONENT_ID$b,
890
- 'data-garden-version': '8.47.1'
878
+ 'data-garden-version': '8.47.2'
891
879
  }).withConfig({
892
880
  displayName: "StyledSubNavItemText",
893
881
  componentId: "sc-1hy0pn7-0"
@@ -905,7 +893,7 @@ StyledSubNavItemText.defaultProps = {
905
893
  var COMPONENT_ID$a = 'chrome.collapsible_sub_nav_item';
906
894
  var StyledSubNavItemHeader = styled(StyledSubNavItem).attrs({
907
895
  'data-garden-id': COMPONENT_ID$a,
908
- 'data-garden-version': '8.47.1',
896
+ 'data-garden-version': '8.47.2',
909
897
  'data-garden-header': 'true'
910
898
  }).withConfig({
911
899
  displayName: "StyledSubNavItemHeader",
@@ -921,23 +909,23 @@ StyledSubNavItemHeader.defaultProps = {
921
909
  theme: DEFAULT_THEME
922
910
  };
923
911
 
924
- function _extends$1() { _extends$1 = Object.assign || 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); }
912
+ var _path$1;
925
913
 
926
- var _ref$1 = /*#__PURE__*/React.createElement("path", {
927
- fill: "currentColor",
928
- 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"
929
- });
914
+ function _extends$1() { _extends$1 = Object.assign || 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); }
930
915
 
931
- function SvgChevronDownStroke(props) {
916
+ var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
932
917
  return /*#__PURE__*/React.createElement("svg", _extends$1({
933
918
  xmlns: "http://www.w3.org/2000/svg",
934
919
  width: 12,
935
920
  height: 12,
936
- viewBox: "0 0 12 12",
937
921
  focusable: "false",
938
- role: "presentation"
939
- }, props), _ref$1);
940
- }
922
+ viewBox: "0 0 12 12",
923
+ "aria-hidden": "true"
924
+ }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
925
+ fill: "currentColor",
926
+ 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"
927
+ })));
928
+ };
941
929
 
942
930
  var _excluded$b = ["theme", "isExpanded"];
943
931
  var COMPONENT_ID$9 = 'chrome.collapsible_sub_nav_item_icon';
@@ -963,7 +951,7 @@ StyledSubNavItemIcon.defaultProps = {
963
951
  };
964
952
  var StyledSubNavItemIconWrapper = styled.div.attrs({
965
953
  'data-garden-id': COMPONENT_ID$9,
966
- 'data-garden-version': '8.47.1'
954
+ 'data-garden-version': '8.47.2'
967
955
  }).withConfig({
968
956
  displayName: "StyledSubNavItemIcon__StyledSubNavItemIconWrapper",
969
957
  componentId: "sc-1d02hho-1"
@@ -989,7 +977,7 @@ var PANEL_COMPONENT_ID = 'chrome.collapsible_sub_nav_item_panel';
989
977
  var hiddenStyling = css(["visibility:hidden;max-height:0 !important;overflow:hidden;"]);
990
978
  var StyledSubNavPanel = styled.div.attrs({
991
979
  'data-garden-id': PANEL_COMPONENT_ID,
992
- 'data-garden-version': '8.47.1'
980
+ 'data-garden-version': '8.47.2'
993
981
  }).withConfig({
994
982
  displayName: "StyledSubNavPanel",
995
983
  componentId: "sc-1jv3rpv-0"
@@ -1026,7 +1014,7 @@ var borderStyle = function borderStyle(_ref) {
1026
1014
  };
1027
1015
  var StyledSheet = styled.aside.attrs({
1028
1016
  'data-garden-id': COMPONENT_ID$8,
1029
- 'data-garden-version': '8.47.1'
1017
+ 'data-garden-version': '8.47.2'
1030
1018
  }).withConfig({
1031
1019
  displayName: "StyledSheet",
1032
1020
  componentId: "sc-dx8ijk-0"
@@ -1050,7 +1038,7 @@ StyledSheet.defaultProps = {
1050
1038
  var COMPONENT_ID$7 = 'chrome.sheet_wrapper';
1051
1039
  var StyledSheetWrapper = styled.div.attrs({
1052
1040
  'data-garden-id': COMPONENT_ID$7,
1053
- 'data-garden-version': '8.47.1'
1041
+ 'data-garden-version': '8.47.2'
1054
1042
  }).withConfig({
1055
1043
  displayName: "StyledSheetWrapper",
1056
1044
  componentId: "sc-f6x9zb-0"
@@ -1083,7 +1071,7 @@ StyledSheetWrapper.defaultProps = {
1083
1071
  var COMPONENT_ID$6 = 'chrome.sheet_title';
1084
1072
  var StyledSheetTitle = styled.div.attrs({
1085
1073
  'data-garden-id': COMPONENT_ID$6,
1086
- 'data-garden-version': '8.47.1'
1074
+ 'data-garden-version': '8.47.2'
1087
1075
  }).withConfig({
1088
1076
  displayName: "StyledSheetTitle",
1089
1077
  componentId: "sc-1gogk75-0"
@@ -1103,7 +1091,7 @@ StyledSheetTitle.defaultProps = {
1103
1091
  var COMPONENT_ID$5 = 'chrome.sheet_description';
1104
1092
  var StyledSheetDescription = styled.div.attrs({
1105
1093
  'data-garden-id': COMPONENT_ID$5,
1106
- 'data-garden-version': '8.47.1'
1094
+ 'data-garden-version': '8.47.2'
1107
1095
  }).withConfig({
1108
1096
  displayName: "StyledSheetDescription",
1109
1097
  componentId: "sc-1puglb6-0"
@@ -1121,7 +1109,7 @@ StyledSheetDescription.defaultProps = {
1121
1109
  var COMPONENT_ID$4 = 'chrome.sheet_body';
1122
1110
  var StyledSheetBody = styled.div.attrs({
1123
1111
  'data-garden-id': COMPONENT_ID$4,
1124
- 'data-garden-version': '8.47.1'
1112
+ 'data-garden-version': '8.47.2'
1125
1113
  }).withConfig({
1126
1114
  displayName: "StyledSheetBody",
1127
1115
  componentId: "sc-bt4eoj-0"
@@ -1142,7 +1130,7 @@ var colorStyles = function colorStyles(props) {
1142
1130
  };
1143
1131
  var StyledSheetClose = styled.button.attrs({
1144
1132
  'data-garden-id': COMPONENT_ID$3,
1145
- 'data-garden-version': '8.47.1'
1133
+ 'data-garden-version': '8.47.2'
1146
1134
  }).withConfig({
1147
1135
  displayName: "StyledSheetClose",
1148
1136
  componentId: "sc-1ab02oq-0"
@@ -1168,7 +1156,7 @@ StyledSheetClose.defaultProps = {
1168
1156
  var COMPONENT_ID$2 = 'chrome.sheet_footer';
1169
1157
  var StyledSheetFooter = styled.footer.attrs({
1170
1158
  'data-garden-id': COMPONENT_ID$2,
1171
- 'data-garden-version': '8.47.1'
1159
+ 'data-garden-version': '8.47.2'
1172
1160
  }).withConfig({
1173
1161
  displayName: "StyledSheetFooter",
1174
1162
  componentId: "sc-2cktos-0"
@@ -1188,7 +1176,7 @@ StyledSheetFooter.defaultProps = {
1188
1176
  var COMPONENT_ID$1 = 'chrome.sheet_footer_item';
1189
1177
  var StyledSheetFooterItem = styled.div.attrs({
1190
1178
  'data-garden-id': COMPONENT_ID$1,
1191
- 'data-garden-version': '8.47.1'
1179
+ 'data-garden-version': '8.47.2'
1192
1180
  }).withConfig({
1193
1181
  displayName: "StyledSheetFooterItem",
1194
1182
  componentId: "sc-r9ixh-0"
@@ -1204,7 +1192,7 @@ StyledSheetFooterItem.defaultProps = {
1204
1192
  var COMPONENT_ID = 'chrome.sheet_header';
1205
1193
  var StyledSheetHeader = styled.header.attrs({
1206
1194
  'data-garden-id': COMPONENT_ID,
1207
- 'data-garden-version': '8.47.1'
1195
+ 'data-garden-version': '8.47.2'
1208
1196
  }).withConfig({
1209
1197
  displayName: "StyledSheetHeader",
1210
1198
  componentId: "sc-o2ry8i-0"
@@ -1613,6 +1601,7 @@ CollapsibleSubNavItem.propTypes = {
1613
1601
  onChange: PropTypes.func,
1614
1602
  children: PropTypes.node
1615
1603
  };
1604
+ CollapsibleSubNavItem.displayName = 'CollapsibleSubNavItem';
1616
1605
 
1617
1606
  var SheetContext = createContext({});
1618
1607
  var useSheetContext = function useSheetContext() {
@@ -1709,24 +1698,24 @@ var SheetFooterItem = forwardRef(function (props, ref) {
1709
1698
  });
1710
1699
  SheetFooterItem.displayName = 'Sheet.FooterItem';
1711
1700
 
1712
- function _extends() { _extends = Object.assign || 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); }
1701
+ var _path;
1713
1702
 
1714
- var _ref = /*#__PURE__*/React.createElement("path", {
1715
- stroke: "currentColor",
1716
- strokeLinecap: "round",
1717
- d: "M3 13L13 3m0 10L3 3"
1718
- });
1703
+ function _extends() { _extends = Object.assign || 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); }
1719
1704
 
1720
- function SvgXStroke(props) {
1705
+ var SvgXStroke = function SvgXStroke(props) {
1721
1706
  return /*#__PURE__*/React.createElement("svg", _extends({
1722
1707
  xmlns: "http://www.w3.org/2000/svg",
1723
1708
  width: 16,
1724
1709
  height: 16,
1725
- viewBox: "0 0 16 16",
1726
1710
  focusable: "false",
1727
- role: "presentation"
1728
- }, props), _ref);
1729
- }
1711
+ viewBox: "0 0 16 16",
1712
+ "aria-hidden": "true"
1713
+ }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
1714
+ stroke: "currentColor",
1715
+ strokeLinecap: "round",
1716
+ d: "M3 13L13 3m0 10L3 3"
1717
+ })));
1718
+ };
1730
1719
 
1731
1720
  var SheetClose = forwardRef(function (props, ref) {
1732
1721
  return React__default.createElement(StyledSheetClose, _extends$3({
@@ -1749,7 +1738,7 @@ var Sheet = React__default.forwardRef(function (_ref, ref) {
1749
1738
  props = _objectWithoutProperties(_ref, _excluded);
1750
1739
  var sheetRef = useRef(null);
1751
1740
  var seed = useUIDSeed();
1752
- var _useState = useState(id || seed("sheet_".concat('8.47.1'))),
1741
+ var _useState = useState(id || seed("sheet_".concat('8.47.2'))),
1753
1742
  _useState2 = _slicedToArray(_useState, 1),
1754
1743
  idPrefix = _useState2[0];
1755
1744
  var titleId = "".concat(idPrefix, "--title");
@@ -1803,12 +1792,9 @@ Sheet.propTypes = {
1803
1792
  size: PropTypes.string
1804
1793
  };
1805
1794
  Sheet.defaultProps = {
1806
- isOpen: false,
1807
1795
  isAnimated: true,
1808
- focusOnMount: false,
1809
- restoreFocus: false,
1810
1796
  placement: 'end',
1811
1797
  size: '380px'
1812
1798
  };
1813
1799
 
1814
- export { Body, Chrome, CollapsibleSubNavItem, Content, Footer, FooterItem, Header, HeaderItem, HeaderItemIcon, HeaderItemText, HeaderItemWrapper, Main, Nav, NavItem, NavItemIcon, NavItemText, Sheet, Sidebar, SkipNav, SubNav, SubNavItem, SubNavItemText };
1800
+ export { Body, Chrome, CollapsibleSubNavItem, Content, Footer, FooterItem, Header, HeaderItem, HeaderItemIcon, HeaderItemText, HeaderItemWrapper, Main, Nav, NavItem, NavItemIcon, NavItemText, PRODUCTS, Sheet, Sidebar, SkipNav, SubNav, SubNavItem, SubNavItemText };
@@ -5,7 +5,7 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import React, { HTMLAttributes } from 'react';
8
- interface IChromeProps extends HTMLAttributes<HTMLDivElement> {
8
+ export interface IChromeProps extends HTMLAttributes<HTMLDivElement> {
9
9
  /** Applies a custom hue to the chrome navigation */
10
10
  hue?: string;
11
11
  /** Prevents fixed positioning from being applied to the `<html>` element */
@@ -6,7 +6,7 @@
6
6
  */
7
7
  import React, { ButtonHTMLAttributes } from 'react';
8
8
  import { PRODUCT } from '../../utils/types';
9
- interface INavItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
9
+ export interface INavItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
10
10
  /** Applies a product-specific color palette */
11
11
  product?: PRODUCT;
12
12
  /** Indicates that the item is current in the nav */
@@ -20,4 +20,3 @@ interface INavItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
20
20
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
21
21
  */
22
22
  export declare const NavItem: React.ForwardRefExoticComponent<INavItemProps & React.RefAttributes<HTMLButtonElement>>;
23
- export {};
@@ -9,4 +9,4 @@ import { IStyledNavItemTextProps } from '../../styled';
9
9
  /**
10
10
  * @extends HTMLAttributes<HTMLSpanElement>
11
11
  */
12
- export declare const NavItemText: React.ForwardRefExoticComponent<Pick<IStyledNavItemTextProps, "isWrapped"> & React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLElement>>;
12
+ export declare const NavItemText: React.ForwardRefExoticComponent<Omit<IStyledNavItemTextProps, "isExpanded"> & React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLElement>>;
@@ -5,6 +5,7 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  export { default as Chrome } from './elements/Chrome';
8
+ export type { IChromeProps } from './elements/Chrome';
8
9
  export { SkipNav } from './elements/SkipNav';
9
10
  export { Body } from './elements/body/Body';
10
11
  export { Content } from './elements/body/Content';
@@ -19,10 +20,14 @@ export { Footer } from './elements/footer/Footer';
19
20
  export { FooterItem } from './elements/footer/FooterItem';
20
21
  export { Nav } from './elements/nav/Nav';
21
22
  export { NavItem } from './elements/nav/NavItem';
23
+ export type { INavItemProps } from './elements/nav/NavItem';
22
24
  export { NavItemIcon } from './elements/nav/NavItemIcon';
23
25
  export { NavItemText } from './elements/nav/NavItemText';
24
26
  export { SubNav } from './elements/subnav/SubNav';
25
27
  export { SubNavItem } from './elements/subnav/SubNavItem';
26
28
  export { SubNavItemText } from './elements/subnav/SubNavItemText';
27
29
  export { CollapsibleSubNavItem } from './elements/subnav/CollapsibleSubNavItem';
30
+ export type { ICollapsibleSubNavItemProps } from './elements/subnav/CollapsibleSubNavItem';
28
31
  export { Sheet } from './elements/sheet/Sheet';
32
+ export type { ISheetProps } from './elements/sheet/Sheet';
33
+ export { PRODUCT, PRODUCTS } from './utils/types';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-chrome",
3
- "version": "8.47.1",
3
+ "version": "8.47.2",
4
4
  "description": "Components relating to Chrome within the Garden Design System.",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Zendesk Garden <garden@zendesk.com>",
@@ -22,7 +22,7 @@
22
22
  "types": "dist/typings/index.d.ts",
23
23
  "dependencies": {
24
24
  "@zendeskgarden/container-accordion": "^1.0.3",
25
- "@zendeskgarden/container-utilities": "^0.6.0",
25
+ "@zendeskgarden/container-utilities": "^0.7.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.47.1",
38
+ "@zendeskgarden/react-theming": "^8.47.2",
39
39
  "@zendeskgarden/svg-icons": "6.30.2"
40
40
  },
41
41
  "keywords": [
@@ -48,5 +48,5 @@
48
48
  "access": "public"
49
49
  },
50
50
  "zendeskgarden:src": "src/index.ts",
51
- "gitHead": "62420ca54dbb5b3b90cd05bf455cd4ba91b4965e"
51
+ "gitHead": "41cb43f285760417ae2145e47eca0e4a600455ab"
52
52
  }