@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
|
-
|
|
26
|
-
|
|
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]
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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
|
-
|
|
454
|
+
var _path$2;
|
|
467
455
|
|
|
468
|
-
|
|
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
|
-
|
|
481
|
-
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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
|
-
|
|
912
|
+
var _path$1;
|
|
925
913
|
|
|
926
|
-
|
|
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
|
-
|
|
939
|
-
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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
|
-
|
|
1701
|
+
var _path;
|
|
1713
1702
|
|
|
1714
|
-
var
|
|
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
|
-
|
|
1728
|
-
|
|
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.
|
|
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<
|
|
12
|
+
export declare const NavItemText: React.ForwardRefExoticComponent<Omit<IStyledNavItemTextProps, "isExpanded"> & React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLElement>>;
|
package/dist/typings/index.d.ts
CHANGED
|
@@ -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.
|
|
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.
|
|
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.
|
|
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": "
|
|
51
|
+
"gitHead": "41cb43f285760417ae2145e47eca0e4a600455ab"
|
|
52
52
|
}
|