@zendeskgarden/react-chrome 9.0.0-next.1 → 9.0.0-next.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 (5) hide show
  1. package/dist/index.cjs.js +43 -43
  2. package/dist/index.esm.js +43 -43
  3. package/dist/typings/index.d.ts +1 -3
  4. package/dist/typings/types/index.d.ts +2 -2
  5. package/package.json +3 -3
package/dist/index.cjs.js CHANGED
@@ -68,7 +68,7 @@ const useChromeContext = () => {
68
68
  const COMPONENT_ID$A = 'chrome.chrome';
69
69
  const StyledChrome = styled__default.default.div.attrs({
70
70
  'data-garden-id': COMPONENT_ID$A,
71
- 'data-garden-version': '9.0.0-next.1'
71
+ 'data-garden-version': '9.0.0-next.3'
72
72
  }).withConfig({
73
73
  displayName: "StyledChrome",
74
74
  componentId: "sc-1uqm6u6-0"
@@ -80,7 +80,7 @@ StyledChrome.defaultProps = {
80
80
  const COMPONENT_ID$z = 'chrome.header_item_icon';
81
81
  const StyledHeaderItemIcon = styled__default.default.div.attrs({
82
82
  'data-garden-id': COMPONENT_ID$z,
83
- 'data-garden-version': '9.0.0-next.1'
83
+ 'data-garden-version': '9.0.0-next.3'
84
84
  }).withConfig({
85
85
  displayName: "StyledHeaderItemIcon",
86
86
  componentId: "sc-1jhhp6z-0"
@@ -97,7 +97,7 @@ const sizeStyles$4 = props => {
97
97
  };
98
98
  const StyledBaseHeaderItem = styled__default.default.button.attrs({
99
99
  'data-garden-id': COMPONENT_ID$y,
100
- 'data-garden-version': '9.0.0-next.1'
100
+ 'data-garden-version': '9.0.0-next.3'
101
101
  }).withConfig({
102
102
  displayName: "StyledBaseHeaderItem",
103
103
  componentId: "sc-1qua7h6-0"
@@ -118,7 +118,7 @@ const COMPONENT_ID$x = 'chrome.header_item_text';
118
118
  const clippedStyling = styled.css(["position:absolute;margin:0;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
119
119
  const StyledHeaderItemText = styled__default.default.span.attrs({
120
120
  'data-garden-id': COMPONENT_ID$x,
121
- 'data-garden-version': '9.0.0-next.1'
121
+ 'data-garden-version': '9.0.0-next.3'
122
122
  }).withConfig({
123
123
  displayName: "StyledHeaderItemText",
124
124
  componentId: "sc-goz7la-0"
@@ -142,7 +142,7 @@ const getExpandedNavWidth = () => {
142
142
  };
143
143
  const StyledNav = styled__default.default.nav.attrs({
144
144
  'data-garden-id': COMPONENT_ID$w,
145
- 'data-garden-version': '9.0.0-next.1'
145
+ 'data-garden-version': '9.0.0-next.3'
146
146
  }).withConfig({
147
147
  displayName: "StyledNav",
148
148
  componentId: "sc-6j462r-0"
@@ -174,7 +174,7 @@ const retrieveProductColor$1 = props => {
174
174
  };
175
175
  const StyledLogoHeaderItem = styled__default.default(StyledBaseHeaderItem).attrs({
176
176
  'data-garden-id': COMPONENT_ID$v,
177
- 'data-garden-version': '9.0.0-next.1',
177
+ 'data-garden-version': '9.0.0-next.3',
178
178
  as: 'div'
179
179
  }).withConfig({
180
180
  displayName: "StyledLogoHeaderItem",
@@ -195,7 +195,7 @@ const sizeStyles$3 = props => {
195
195
  };
196
196
  const StyledBaseNavItem = styled__default.default.button.attrs({
197
197
  'data-garden-id': COMPONENT_ID$u,
198
- 'data-garden-version': '9.0.0-next.1'
198
+ 'data-garden-version': '9.0.0-next.3'
199
199
  }).withConfig({
200
200
  displayName: "StyledBaseNavItem",
201
201
  componentId: "sc-zvo43f-0"
@@ -210,7 +210,7 @@ const getHeaderHeight = props => {
210
210
  };
211
211
  const StyledHeader = styled__default.default.header.attrs({
212
212
  'data-garden-id': COMPONENT_ID$t,
213
- 'data-garden-version': '9.0.0-next.1'
213
+ 'data-garden-version': '9.0.0-next.3'
214
214
  }).withConfig({
215
215
  displayName: "StyledHeader",
216
216
  componentId: "sc-1cexpz-0"
@@ -248,7 +248,7 @@ const sizeStyles$2 = props => {
248
248
  };
249
249
  const StyledSkipNav = styled__default.default.a.attrs({
250
250
  'data-garden-id': COMPONENT_ID$s,
251
- 'data-garden-version': '9.0.0-next.1'
251
+ 'data-garden-version': '9.0.0-next.3'
252
252
  }).withConfig({
253
253
  displayName: "StyledSkipNav",
254
254
  componentId: "sc-1tsro34-0"
@@ -281,7 +281,7 @@ const sizeStyles$1 = theme => {
281
281
  };
282
282
  const StyledSkipNavIcon = styled__default.default(SvgLinkStroke).attrs({
283
283
  'data-garden-id': COMPONENT_ID$r,
284
- 'data-garden-version': '9.0.0-next.1'
284
+ 'data-garden-version': '9.0.0-next.3'
285
285
  }).withConfig({
286
286
  displayName: "StyledSkipNavIcon",
287
287
  componentId: "sc-1ika5z4-0"
@@ -293,7 +293,7 @@ StyledSkipNavIcon.defaultProps = {
293
293
  const COMPONENT_ID$q = 'chrome.body';
294
294
  const StyledBody = styled__default.default.div.attrs({
295
295
  'data-garden-id': COMPONENT_ID$q,
296
- 'data-garden-version': '9.0.0-next.1'
296
+ 'data-garden-version': '9.0.0-next.3'
297
297
  }).withConfig({
298
298
  displayName: "StyledBody",
299
299
  componentId: "sc-c7h9kv-0"
@@ -308,7 +308,7 @@ const getFooterHeight = props => {
308
308
  };
309
309
  const StyledFooter = styled__default.default.footer.attrs({
310
310
  'data-garden-id': COMPONENT_ID$p,
311
- 'data-garden-version': '9.0.0-next.1'
311
+ 'data-garden-version': '9.0.0-next.3'
312
312
  }).withConfig({
313
313
  displayName: "StyledFooter",
314
314
  componentId: "sc-v7lib2-0"
@@ -320,7 +320,7 @@ StyledFooter.defaultProps = {
320
320
  const COMPONENT_ID$o = 'chrome.content';
321
321
  const StyledContent = styled__default.default.div.attrs({
322
322
  'data-garden-id': COMPONENT_ID$o,
323
- 'data-garden-version': '9.0.0-next.1'
323
+ 'data-garden-version': '9.0.0-next.3'
324
324
  }).withConfig({
325
325
  displayName: "StyledContent",
326
326
  componentId: "sc-qcuzxn-0"
@@ -332,7 +332,7 @@ StyledContent.defaultProps = {
332
332
  const COMPONENT_ID$n = 'chrome.main';
333
333
  const StyledMain = styled__default.default.main.attrs({
334
334
  'data-garden-id': COMPONENT_ID$n,
335
- 'data-garden-version': '9.0.0-next.1'
335
+ 'data-garden-version': '9.0.0-next.3'
336
336
  }).withConfig({
337
337
  displayName: "StyledMain",
338
338
  componentId: "sc-t61cre-0"
@@ -344,7 +344,7 @@ StyledMain.defaultProps = {
344
344
  const COMPONENT_ID$m = 'chrome.sidebar';
345
345
  const StyledSidebar = styled__default.default.aside.attrs({
346
346
  'data-garden-id': COMPONENT_ID$m,
347
- 'data-garden-version': '9.0.0-next.1'
347
+ 'data-garden-version': '9.0.0-next.3'
348
348
  }).withConfig({
349
349
  displayName: "StyledSidebar",
350
350
  componentId: "sc-1q77fuw-0"
@@ -356,7 +356,7 @@ StyledSidebar.defaultProps = {
356
356
  const COMPONENT_ID$l = 'chrome.footer_item';
357
357
  const StyledFooterItem = styled__default.default.div.attrs({
358
358
  'data-garden-id': COMPONENT_ID$l,
359
- 'data-garden-version': '9.0.0-next.1'
359
+ 'data-garden-version': '9.0.0-next.3'
360
360
  }).withConfig({
361
361
  displayName: "StyledFooterItem",
362
362
  componentId: "sc-1cktm85-0"
@@ -372,7 +372,7 @@ const imgStyles = props => {
372
372
  };
373
373
  const StyledHeaderItem = styled__default.default(StyledBaseHeaderItem).attrs({
374
374
  'data-garden-id': COMPONENT_ID$k,
375
- 'data-garden-version': '9.0.0-next.1'
375
+ 'data-garden-version': '9.0.0-next.3'
376
376
  }).withConfig({
377
377
  displayName: "StyledHeaderItem",
378
378
  componentId: "sc-14sft6n-0"
@@ -391,7 +391,7 @@ StyledHeaderItem.defaultProps = {
391
391
  const COMPONENT_ID$j = 'chrome.header_item_wrapper';
392
392
  const StyledHeaderItemWrapper = styled__default.default(StyledBaseHeaderItem).attrs({
393
393
  'data-garden-id': COMPONENT_ID$j,
394
- 'data-garden-version': '9.0.0-next.1',
394
+ 'data-garden-version': '9.0.0-next.3',
395
395
  as: 'div'
396
396
  }).withConfig({
397
397
  displayName: "StyledHeaderItemWrapper",
@@ -429,7 +429,7 @@ const colorStyles$4 = props => {
429
429
  };
430
430
  const StyledLogoNavItem = styled__default.default(StyledBaseNavItem).attrs({
431
431
  'data-garden-id': COMPONENT_ID$i,
432
- 'data-garden-version': '9.0.0-next.1',
432
+ 'data-garden-version': '9.0.0-next.3',
433
433
  as: 'div'
434
434
  }).withConfig({
435
435
  displayName: "StyledLogoNavItem",
@@ -442,7 +442,7 @@ StyledLogoNavItem.defaultProps = {
442
442
  const COMPONENT_ID$h = 'chrome.brandmark_nav_item';
443
443
  const StyledBrandmarkNavItem = styled__default.default(StyledBaseNavItem).attrs({
444
444
  'data-garden-id': COMPONENT_ID$h,
445
- 'data-garden-version': '9.0.0-next.1',
445
+ 'data-garden-version': '9.0.0-next.3',
446
446
  as: 'div'
447
447
  }).withConfig({
448
448
  displayName: "StyledBrandmarkNavItem",
@@ -455,7 +455,7 @@ StyledBrandmarkNavItem.defaultProps = {
455
455
  const COMPONENT_ID$g = 'chrome.nav_item_icon';
456
456
  const StyledNavItemIcon = styled__default.default.div.attrs({
457
457
  'data-garden-id': COMPONENT_ID$g,
458
- 'data-garden-version': '9.0.0-next.1'
458
+ 'data-garden-version': '9.0.0-next.3'
459
459
  }).withConfig({
460
460
  displayName: "StyledNavItemIcon",
461
461
  componentId: "sc-7w9rpt-0"
@@ -501,7 +501,7 @@ const colorStyles$3 = props => {
501
501
  };
502
502
  const StyledNavItem = styled__default.default(StyledBaseNavItem).attrs({
503
503
  'data-garden-id': COMPONENT_ID$f,
504
- 'data-garden-version': '9.0.0-next.1',
504
+ 'data-garden-version': '9.0.0-next.3',
505
505
  as: 'button'
506
506
  }).withConfig({
507
507
  displayName: "StyledNavItem",
@@ -518,7 +518,7 @@ StyledNavItem.defaultProps = {
518
518
  const COMPONENT_ID$e = 'chrome.nav_item_text';
519
519
  const StyledNavItemText = styled__default.default.span.attrs({
520
520
  'data-garden-id': COMPONENT_ID$e,
521
- 'data-garden-version': '9.0.0-next.1'
521
+ 'data-garden-version': '9.0.0-next.3'
522
522
  }).withConfig({
523
523
  displayName: "StyledNavItemText",
524
524
  componentId: "sc-13m84xl-0"
@@ -571,7 +571,7 @@ const getSubNavItemHeight = props => {
571
571
  };
572
572
  const StyledSubNavItem = styled__default.default.button.attrs({
573
573
  'data-garden-id': COMPONENT_ID$d,
574
- 'data-garden-version': '9.0.0-next.1'
574
+ 'data-garden-version': '9.0.0-next.3'
575
575
  }).withConfig({
576
576
  displayName: "StyledSubNavItem",
577
577
  componentId: "sc-1yg9dpx-0"
@@ -594,7 +594,7 @@ const colorStyles$1 = props => {
594
594
  };
595
595
  const StyledSubNav = styled__default.default.nav.attrs({
596
596
  'data-garden-id': COMPONENT_ID$c,
597
- 'data-garden-version': '9.0.0-next.1'
597
+ 'data-garden-version': '9.0.0-next.3'
598
598
  }).withConfig({
599
599
  displayName: "StyledSubNav",
600
600
  componentId: "sc-19hjou6-0"
@@ -612,7 +612,7 @@ const sizeStyles = props => {
612
612
  };
613
613
  const StyledSubNavItemText = styled__default.default.span.attrs({
614
614
  'data-garden-id': COMPONENT_ID$b,
615
- 'data-garden-version': '9.0.0-next.1'
615
+ 'data-garden-version': '9.0.0-next.3'
616
616
  }).withConfig({
617
617
  displayName: "StyledSubNavItemText",
618
618
  componentId: "sc-1hy0pn7-0"
@@ -624,7 +624,7 @@ StyledSubNavItemText.defaultProps = {
624
624
  const COMPONENT_ID$a = 'chrome.collapsible_sub_nav_item';
625
625
  const StyledSubNavItemHeader = styled__default.default(StyledSubNavItem).attrs({
626
626
  'data-garden-id': COMPONENT_ID$a,
627
- 'data-garden-version': '9.0.0-next.1',
627
+ 'data-garden-version': '9.0.0-next.3',
628
628
  'data-garden-header': 'true'
629
629
  }).withConfig({
630
630
  displayName: "StyledSubNavItemHeader",
@@ -671,7 +671,7 @@ StyledSubNavItemIcon.defaultProps = {
671
671
  };
672
672
  const StyledSubNavItemIconWrapper = styled__default.default.div.attrs({
673
673
  'data-garden-id': COMPONENT_ID$9,
674
- 'data-garden-version': '9.0.0-next.1'
674
+ 'data-garden-version': '9.0.0-next.3'
675
675
  }).withConfig({
676
676
  displayName: "StyledSubNavItemIcon__StyledSubNavItemIconWrapper",
677
677
  componentId: "sc-1d02hho-1"
@@ -684,7 +684,7 @@ const PANEL_COMPONENT_ID = 'chrome.collapsible_sub_nav_item_panel';
684
684
  const hiddenStyling = styled.css(["visibility:hidden;max-height:0 !important;overflow:hidden;"]);
685
685
  const StyledSubNavPanel = styled__default.default.div.attrs({
686
686
  'data-garden-id': PANEL_COMPONENT_ID,
687
- 'data-garden-version': '9.0.0-next.1'
687
+ 'data-garden-version': '9.0.0-next.3'
688
688
  }).withConfig({
689
689
  displayName: "StyledSubNavPanel",
690
690
  componentId: "sc-1jv3rpv-0"
@@ -715,7 +715,7 @@ const borderStyle = _ref => {
715
715
  };
716
716
  const StyledSheet = styled__default.default.aside.attrs({
717
717
  'data-garden-id': COMPONENT_ID$8,
718
- 'data-garden-version': '9.0.0-next.1'
718
+ 'data-garden-version': '9.0.0-next.3'
719
719
  }).withConfig({
720
720
  displayName: "StyledSheet",
721
721
  componentId: "sc-dx8ijk-0"
@@ -727,7 +727,7 @@ StyledSheet.defaultProps = {
727
727
  const COMPONENT_ID$7 = 'chrome.sheet_wrapper';
728
728
  const StyledSheetWrapper = styled__default.default.div.attrs({
729
729
  'data-garden-id': COMPONENT_ID$7,
730
- 'data-garden-version': '9.0.0-next.1'
730
+ 'data-garden-version': '9.0.0-next.3'
731
731
  }).withConfig({
732
732
  displayName: "StyledSheetWrapper",
733
733
  componentId: "sc-f6x9zb-0"
@@ -754,7 +754,7 @@ StyledSheetWrapper.defaultProps = {
754
754
  const COMPONENT_ID$6 = 'chrome.sheet_title';
755
755
  const StyledSheetTitle = styled__default.default.div.attrs({
756
756
  'data-garden-id': COMPONENT_ID$6,
757
- 'data-garden-version': '9.0.0-next.1'
757
+ 'data-garden-version': '9.0.0-next.3'
758
758
  }).withConfig({
759
759
  displayName: "StyledSheetTitle",
760
760
  componentId: "sc-1gogk75-0"
@@ -766,7 +766,7 @@ StyledSheetTitle.defaultProps = {
766
766
  const COMPONENT_ID$5 = 'chrome.sheet_description';
767
767
  const StyledSheetDescription = styled__default.default.div.attrs({
768
768
  'data-garden-id': COMPONENT_ID$5,
769
- 'data-garden-version': '9.0.0-next.1'
769
+ 'data-garden-version': '9.0.0-next.3'
770
770
  }).withConfig({
771
771
  displayName: "StyledSheetDescription",
772
772
  componentId: "sc-1puglb6-0"
@@ -778,7 +778,7 @@ StyledSheetDescription.defaultProps = {
778
778
  const COMPONENT_ID$4 = 'chrome.sheet_body';
779
779
  const StyledSheetBody = styled__default.default.div.attrs({
780
780
  'data-garden-id': COMPONENT_ID$4,
781
- 'data-garden-version': '9.0.0-next.1'
781
+ 'data-garden-version': '9.0.0-next.3'
782
782
  }).withConfig({
783
783
  displayName: "StyledSheetBody",
784
784
  componentId: "sc-bt4eoj-0"
@@ -802,7 +802,7 @@ const colorStyles = props => {
802
802
  };
803
803
  const StyledSheetClose = styled__default.default.button.attrs({
804
804
  'data-garden-id': COMPONENT_ID$3,
805
- 'data-garden-version': '9.0.0-next.1'
805
+ 'data-garden-version': '9.0.0-next.3'
806
806
  }).withConfig({
807
807
  displayName: "StyledSheetClose",
808
808
  componentId: "sc-1ab02oq-0"
@@ -814,7 +814,7 @@ StyledSheetClose.defaultProps = {
814
814
  const COMPONENT_ID$2 = 'chrome.sheet_footer';
815
815
  const StyledSheetFooter = styled__default.default.footer.attrs({
816
816
  'data-garden-id': COMPONENT_ID$2,
817
- 'data-garden-version': '9.0.0-next.1'
817
+ 'data-garden-version': '9.0.0-next.3'
818
818
  }).withConfig({
819
819
  displayName: "StyledSheetFooter",
820
820
  componentId: "sc-2cktos-0"
@@ -826,7 +826,7 @@ StyledSheetFooter.defaultProps = {
826
826
  const COMPONENT_ID$1 = 'chrome.sheet_footer_item';
827
827
  const StyledSheetFooterItem = styled__default.default.div.attrs({
828
828
  'data-garden-id': COMPONENT_ID$1,
829
- 'data-garden-version': '9.0.0-next.1'
829
+ 'data-garden-version': '9.0.0-next.3'
830
830
  }).withConfig({
831
831
  displayName: "StyledSheetFooterItem",
832
832
  componentId: "sc-r9ixh-0"
@@ -838,7 +838,7 @@ StyledSheetFooterItem.defaultProps = {
838
838
  const COMPONENT_ID = 'chrome.sheet_header';
839
839
  const StyledSheetHeader = styled__default.default.header.attrs({
840
840
  'data-garden-id': COMPONENT_ID,
841
- 'data-garden-version': '9.0.0-next.1'
841
+ 'data-garden-version': '9.0.0-next.3'
842
842
  }).withConfig({
843
843
  displayName: "StyledSheetHeader",
844
844
  componentId: "sc-o2ry8i-0"
@@ -972,7 +972,7 @@ Header$1.propTypes = {
972
972
  };
973
973
 
974
974
  const PLACEMENT = ['end', 'start'];
975
- const PRODUCT = ['chat', 'connect', 'explore', 'guide', 'message', 'support', 'talk'];
975
+ const PRODUCTS = ['chat', 'connect', 'explore', 'guide', 'message', 'support', 'talk'];
976
976
 
977
977
  const HeaderItem = React__namespace.default.forwardRef((_ref, ref) => {
978
978
  let {
@@ -995,7 +995,7 @@ HeaderItem.propTypes = {
995
995
  maxX: PropTypes__default.default.bool,
996
996
  maxY: PropTypes__default.default.bool,
997
997
  isRound: PropTypes__default.default.bool,
998
- product: PropTypes__default.default.oneOf(PRODUCT),
998
+ product: PropTypes__default.default.oneOf(PRODUCTS),
999
999
  hasLogo: PropTypes__default.default.bool
1000
1000
  };
1001
1001
 
@@ -1119,7 +1119,7 @@ const NavItem = React__namespace.default.forwardRef((_ref, ref) => {
1119
1119
  });
1120
1120
  NavItem.displayName = 'NavItem';
1121
1121
  NavItem.propTypes = {
1122
- product: PropTypes__default.default.oneOf(PRODUCT),
1122
+ product: PropTypes__default.default.oneOf(PRODUCTS),
1123
1123
  hasLogo: PropTypes__default.default.bool,
1124
1124
  hasBrandmark: PropTypes__default.default.bool
1125
1125
  };
@@ -1414,7 +1414,7 @@ const SheetComponent = React__namespace.default.forwardRef((_ref, ref) => {
1414
1414
  const sheetRef = React.useRef(null);
1415
1415
  const seed = reactUid.useUIDSeed();
1416
1416
  const [isCloseButtonPresent, setIsCloseButtonPresent] = React.useState(false);
1417
- const idPrefix = React.useMemo(() => id || seed(`sheet_${'9.0.0-next.1'}`), [id, seed]);
1417
+ const idPrefix = React.useMemo(() => id || seed(`sheet_${'9.0.0-next.3'}`), [id, seed]);
1418
1418
  const titleId = `${idPrefix}--title`;
1419
1419
  const descriptionId = `${idPrefix}--description`;
1420
1420
  const sheetContext = React.useMemo(() => ({
@@ -1488,7 +1488,7 @@ exports.Nav = Nav;
1488
1488
  exports.NavItem = NavItem;
1489
1489
  exports.NavItemIcon = NavItemIcon;
1490
1490
  exports.NavItemText = NavItemText;
1491
- exports.PRODUCTS = PRODUCT;
1491
+ exports.PRODUCTS = PRODUCTS;
1492
1492
  exports.Sheet = Sheet;
1493
1493
  exports.Sidebar = Sidebar;
1494
1494
  exports.SkipNav = SkipNav;
package/dist/index.esm.js CHANGED
@@ -42,7 +42,7 @@ const useChromeContext = () => {
42
42
  const COMPONENT_ID$A = 'chrome.chrome';
43
43
  const StyledChrome = styled.div.attrs({
44
44
  'data-garden-id': COMPONENT_ID$A,
45
- 'data-garden-version': '9.0.0-next.1'
45
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
57
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
74
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
95
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
119
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1',
151
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
172
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
187
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
225
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
258
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
270
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
285
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
297
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
309
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
321
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
333
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
349
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1',
368
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1',
406
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1',
419
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
432
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1',
478
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
495
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
548
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
571
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
589
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1',
601
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
648
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
661
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
692
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
704
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
731
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
743
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
755
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
779
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
791
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
803
+ 'data-garden-version': '9.0.0-next.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': '9.0.0-next.1'
815
+ 'data-garden-version': '9.0.0-next.3'
816
816
  }).withConfig({
817
817
  displayName: "StyledSheetHeader",
818
818
  componentId: "sc-o2ry8i-0"
@@ -946,7 +946,7 @@ Header$1.propTypes = {
946
946
  };
947
947
 
948
948
  const PLACEMENT = ['end', 'start'];
949
- const PRODUCT = ['chat', 'connect', 'explore', 'guide', 'message', 'support', 'talk'];
949
+ const PRODUCTS = ['chat', 'connect', 'explore', 'guide', 'message', 'support', 'talk'];
950
950
 
951
951
  const HeaderItem = React__default.forwardRef((_ref, ref) => {
952
952
  let {
@@ -969,7 +969,7 @@ HeaderItem.propTypes = {
969
969
  maxX: PropTypes.bool,
970
970
  maxY: PropTypes.bool,
971
971
  isRound: PropTypes.bool,
972
- product: PropTypes.oneOf(PRODUCT),
972
+ product: PropTypes.oneOf(PRODUCTS),
973
973
  hasLogo: PropTypes.bool
974
974
  };
975
975
 
@@ -1093,7 +1093,7 @@ const NavItem = React__default.forwardRef((_ref, ref) => {
1093
1093
  });
1094
1094
  NavItem.displayName = 'NavItem';
1095
1095
  NavItem.propTypes = {
1096
- product: PropTypes.oneOf(PRODUCT),
1096
+ product: PropTypes.oneOf(PRODUCTS),
1097
1097
  hasLogo: PropTypes.bool,
1098
1098
  hasBrandmark: PropTypes.bool
1099
1099
  };
@@ -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_${'9.0.0-next.1'}`), [id, seed]);
1391
+ const idPrefix = useMemo(() => id || seed(`sheet_${'9.0.0-next.3'}`), [id, seed]);
1392
1392
  const titleId = `${idPrefix}--title`;
1393
1393
  const descriptionId = `${idPrefix}--description`;
1394
1394
  const sheetContext = useMemo(() => ({
@@ -1446,4 +1446,4 @@ Sheet.FooterItem = FooterItem;
1446
1446
  Sheet.Header = Header;
1447
1447
  Sheet.Title = Title;
1448
1448
 
1449
- export { Body$1 as Body, Chrome, CollapsibleSubNavItem, Content, Footer$1 as Footer, FooterItem$1 as FooterItem, Header$1 as Header, HeaderItem, HeaderItemIcon, HeaderItemText, HeaderItemWrapper, Main, Nav, NavItem, NavItemIcon, NavItemText, PRODUCT as PRODUCTS, Sheet, Sidebar, SkipNav, SubNav, SubNavItem, SubNavItemText };
1449
+ export { Body$1 as Body, Chrome, CollapsibleSubNavItem, Content, Footer$1 as Footer, FooterItem$1 as FooterItem, Header$1 as Header, HeaderItem, HeaderItemIcon, HeaderItemText, HeaderItemWrapper, Main, Nav, NavItem, NavItemIcon, NavItemText, PRODUCTS, Sheet, Sidebar, SkipNav, SubNav, SubNavItem, SubNavItemText };
package/dist/typings/index.d.ts CHANGED
@@ -26,6 +26,4 @@ export { SubNavItem } from './elements/subnav/SubNavItem';
26
26
  export { SubNavItemText } from './elements/subnav/SubNavItemText';
27
27
  export { CollapsibleSubNavItem } from './elements/subnav/CollapsibleSubNavItem';
28
28
  export { Sheet } from './elements/sheet/Sheet';
29
- export { PRODUCT as PRODUCTS, type IChromeProps, type ISkipNavProps, type IBodyProps, type IHeaderProps, type IHeaderItemProps, type IHeaderItemTextProps, type IHeaderItemWrapperProps, type INavProps, type INavItemProps, type INavItemTextProps, type ISubNavItemProps, type ICollapsibleSubNavItemProps, type ISheetProps, type ISheetFooterProps,
30
- /** @deprecated can be accessed via IHeaderItemProps['product'] */
31
- type Product as PRODUCT } from './types';
29
+ export { PRODUCTS, type IChromeProps, type ISkipNavProps, type IBodyProps, type IHeaderProps, type IHeaderItemProps, type IHeaderItemTextProps, type IHeaderItemWrapperProps, type INavProps, type INavItemProps, type INavItemTextProps, type ISubNavItemProps, type ICollapsibleSubNavItemProps, type ISheetProps, type ISheetFooterProps } from './types';
package/dist/typings/types/index.d.ts CHANGED
@@ -6,8 +6,8 @@
6
6
  */
7
7
  import { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
8
8
  export declare const PLACEMENT: readonly ["end", "start"];
9
- export declare const PRODUCT: readonly ["chat", "connect", "explore", "guide", "message", "support", "talk"];
10
- export type Product = (typeof PRODUCT)[number];
9
+ export declare const PRODUCTS: readonly ["chat", "connect", "explore", "guide", "message", "support", "talk"];
10
+ export type Product = (typeof PRODUCTS)[number];
11
11
  export interface IChromeProps extends HTMLAttributes<HTMLDivElement> {
12
12
  /** Applies a custom hue to the chrome navigation */
13
13
  hue?: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-chrome",
3
- "version": "9.0.0-next.1",
3
+ "version": "9.0.0-next.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>",
@@ -35,7 +35,7 @@
35
35
  "styled-components": "^5.1.0"
36
36
  },
37
37
  "devDependencies": {
38
- "@zendeskgarden/react-theming": "^9.0.0-next.1",
38
+ "@zendeskgarden/react-theming": "^9.0.0-next.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": "a9e4e776bf6ad8860a198fc24f27b2b5cbc83320"
51
+ "gitHead": "d5086e8a3ae0c8608361966954bf434ef03005ec"
52
52
  }