@zendeskgarden/react-chrome 8.76.6 → 8.76.8

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 (41) hide show
  1. package/dist/esm/elements/sheet/Sheet.js +1 -1
  2. package/dist/esm/styled/StyledChrome.js +1 -1
  3. package/dist/esm/styled/StyledSkipNav.js +1 -1
  4. package/dist/esm/styled/StyledSkipNavIcon.js +1 -1
  5. package/dist/esm/styled/body/StyledBody.js +1 -1
  6. package/dist/esm/styled/body/StyledContent.js +1 -1
  7. package/dist/esm/styled/body/StyledMain.js +1 -1
  8. package/dist/esm/styled/body/StyledSidebar.js +1 -1
  9. package/dist/esm/styled/footer/StyledFooter.js +1 -1
  10. package/dist/esm/styled/footer/StyledFooterItem.js +1 -1
  11. package/dist/esm/styled/header/StyledBaseHeaderItem.js +1 -1
  12. package/dist/esm/styled/header/StyledHeader.js +1 -1
  13. package/dist/esm/styled/header/StyledHeaderItem.js +1 -1
  14. package/dist/esm/styled/header/StyledHeaderItemIcon.js +1 -1
  15. package/dist/esm/styled/header/StyledHeaderItemText.js +1 -1
  16. package/dist/esm/styled/header/StyledHeaderItemWrapper.js +1 -1
  17. package/dist/esm/styled/header/StyledLogoHeaderItem.js +1 -1
  18. package/dist/esm/styled/nav/StyledBaseNavItem.js +1 -1
  19. package/dist/esm/styled/nav/StyledBrandmarkNavItem.js +1 -1
  20. package/dist/esm/styled/nav/StyledLogoNavItem.js +1 -1
  21. package/dist/esm/styled/nav/StyledNav.js +1 -1
  22. package/dist/esm/styled/nav/StyledNavItem.js +1 -1
  23. package/dist/esm/styled/nav/StyledNavItemIcon.js +1 -1
  24. package/dist/esm/styled/nav/StyledNavItemText.js +1 -1
  25. package/dist/esm/styled/sheet/StyledSheet.js +1 -1
  26. package/dist/esm/styled/sheet/StyledSheetBody.js +1 -1
  27. package/dist/esm/styled/sheet/StyledSheetClose.js +1 -1
  28. package/dist/esm/styled/sheet/StyledSheetDescription.js +1 -1
  29. package/dist/esm/styled/sheet/StyledSheetFooter.js +1 -1
  30. package/dist/esm/styled/sheet/StyledSheetFooterItem.js +1 -1
  31. package/dist/esm/styled/sheet/StyledSheetHeader.js +1 -1
  32. package/dist/esm/styled/sheet/StyledSheetTitle.js +1 -1
  33. package/dist/esm/styled/sheet/StyledSheetWrapper.js +1 -1
  34. package/dist/esm/styled/subnav/StyledSubNav.js +1 -1
  35. package/dist/esm/styled/subnav/StyledSubNavItem.js +1 -1
  36. package/dist/esm/styled/subnav/StyledSubNavItemHeader.js +1 -1
  37. package/dist/esm/styled/subnav/StyledSubNavItemIcon.js +1 -1
  38. package/dist/esm/styled/subnav/StyledSubNavItemText.js +1 -1
  39. package/dist/esm/styled/subnav/StyledSubNavPanel.js +1 -1
  40. package/dist/index.cjs.js +39 -39
  41. package/package.json +4 -4
package/dist/esm/elements/sheet/Sheet.js CHANGED
@@ -72,7 +72,7 @@ const SheetComponent = React__default.forwardRef((_ref, ref) => {
72
72
  const sheetRef = useRef(null);
73
73
  const seed = useUIDSeed();
74
74
  const [isCloseButtonPresent, setIsCloseButtonPresent] = useState(false);
75
- const idPrefix = useMemo(() => id || seed(`sheet_${'8.76.6'}`), [id, seed]);
75
+ const idPrefix = useMemo(() => id || seed(`sheet_${'8.76.8'}`), [id, seed]);
76
76
  const titleId = `${idPrefix}--title`;
77
77
  const descriptionId = `${idPrefix}--description`;
78
78
  const sheetContext = useMemo(() => ({
package/dist/esm/styled/StyledChrome.js CHANGED
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
10
10
  const COMPONENT_ID = 'chrome.chrome';
11
11
  const StyledChrome = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '8.76.6'
13
+ 'data-garden-version': '8.76.8'
14
14
  }).withConfig({
15
15
  displayName: "StyledChrome",
16
16
  componentId: "sc-1uqm6u6-0"
package/dist/esm/styled/StyledSkipNav.js CHANGED
@@ -34,7 +34,7 @@ const sizeStyles = props => {
34
34
  };
35
35
  const StyledSkipNav = styled.a.attrs({
36
36
  'data-garden-id': COMPONENT_ID,
37
- 'data-garden-version': '8.76.6'
37
+ 'data-garden-version': '8.76.8'
38
38
  }).withConfig({
39
39
  displayName: "StyledSkipNav",
40
40
  componentId: "sc-1tsro34-0"
package/dist/esm/styled/StyledSkipNavIcon.js CHANGED
@@ -16,7 +16,7 @@ const sizeStyles = theme => {
16
16
  };
17
17
  const StyledSkipNavIcon = styled(SvgLinkStroke).attrs({
18
18
  'data-garden-id': COMPONENT_ID,
19
- 'data-garden-version': '8.76.6'
19
+ 'data-garden-version': '8.76.8'
20
20
  }).withConfig({
21
21
  displayName: "StyledSkipNavIcon",
22
22
  componentId: "sc-1ika5z4-0"
package/dist/esm/styled/body/StyledBody.js CHANGED
@@ -10,7 +10,7 @@ import { getColorV8, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgard
10
10
  const COMPONENT_ID = 'chrome.body';
11
11
  const StyledBody = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '8.76.6'
13
+ 'data-garden-version': '8.76.8'
14
14
  }).withConfig({
15
15
  displayName: "StyledBody",
16
16
  componentId: "sc-c7h9kv-0"
package/dist/esm/styled/body/StyledContent.js CHANGED
@@ -13,7 +13,7 @@ import { getFooterHeight } from '../footer/StyledFooter.js';
13
13
  const COMPONENT_ID = 'chrome.content';
14
14
  const StyledContent = styled.div.attrs({
15
15
  'data-garden-id': COMPONENT_ID,
16
- 'data-garden-version': '8.76.6'
16
+ 'data-garden-version': '8.76.8'
17
17
  }).withConfig({
18
18
  displayName: "StyledContent",
19
19
  componentId: "sc-qcuzxn-0"
package/dist/esm/styled/body/StyledMain.js CHANGED
@@ -10,7 +10,7 @@ import { getColorV8, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgard
10
10
  const COMPONENT_ID = 'chrome.main';
11
11
  const StyledMain = styled.main.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '8.76.6'
13
+ 'data-garden-version': '8.76.8'
14
14
  }).withConfig({
15
15
  displayName: "StyledMain",
16
16
  componentId: "sc-t61cre-0"
package/dist/esm/styled/body/StyledSidebar.js CHANGED
@@ -10,7 +10,7 @@ import { getColorV8, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgard
10
10
  const COMPONENT_ID = 'chrome.sidebar';
11
11
  const StyledSidebar = styled.aside.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '8.76.6'
13
+ 'data-garden-version': '8.76.8'
14
14
  }).withConfig({
15
15
  displayName: "StyledSidebar",
16
16
  componentId: "sc-1q77fuw-0"
package/dist/esm/styled/footer/StyledFooter.js CHANGED
@@ -13,7 +13,7 @@ const getFooterHeight = props => {
13
13
  };
14
14
  const StyledFooter = styled.footer.attrs({
15
15
  'data-garden-id': COMPONENT_ID,
16
- 'data-garden-version': '8.76.6'
16
+ 'data-garden-version': '8.76.8'
17
17
  }).withConfig({
18
18
  displayName: "StyledFooter",
19
19
  componentId: "sc-v7lib2-0"
package/dist/esm/styled/footer/StyledFooterItem.js CHANGED
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
10
10
  const COMPONENT_ID = 'chrome.footer_item';
11
11
  const StyledFooterItem = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '8.76.6'
13
+ 'data-garden-version': '8.76.8'
14
14
  }).withConfig({
15
15
  displayName: "StyledFooterItem",
16
16
  componentId: "sc-1cktm85-0"
package/dist/esm/styled/header/StyledBaseHeaderItem.js CHANGED
@@ -15,7 +15,7 @@ const sizeStyles = props => {
15
15
  };
16
16
  const StyledBaseHeaderItem = styled.button.attrs({
17
17
  'data-garden-id': COMPONENT_ID,
18
- 'data-garden-version': '8.76.6'
18
+ 'data-garden-version': '8.76.8'
19
19
  }).withConfig({
20
20
  displayName: "StyledBaseHeaderItem",
21
21
  componentId: "sc-1qua7h6-0"
package/dist/esm/styled/header/StyledHeader.js CHANGED
@@ -15,7 +15,7 @@ const getHeaderHeight = props => {
15
15
  };
16
16
  const StyledHeader = styled.header.attrs({
17
17
  'data-garden-id': COMPONENT_ID,
18
- 'data-garden-version': '8.76.6'
18
+ 'data-garden-version': '8.76.8'
19
19
  }).withConfig({
20
20
  displayName: "StyledHeader",
21
21
  componentId: "sc-1cexpz-0"
package/dist/esm/styled/header/StyledHeaderItem.js CHANGED
@@ -18,7 +18,7 @@ const imgStyles = props => {
18
18
  };
19
19
  const StyledHeaderItem = styled(StyledBaseHeaderItem).attrs({
20
20
  'data-garden-id': COMPONENT_ID,
21
- 'data-garden-version': '8.76.6'
21
+ 'data-garden-version': '8.76.8'
22
22
  }).withConfig({
23
23
  displayName: "StyledHeaderItem",
24
24
  componentId: "sc-14sft6n-0"
package/dist/esm/styled/header/StyledHeaderItemIcon.js CHANGED
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
10
10
  const COMPONENT_ID = 'chrome.header_item_icon';
11
11
  const StyledHeaderItemIcon = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '8.76.6'
13
+ 'data-garden-version': '8.76.8'
14
14
  }).withConfig({
15
15
  displayName: "StyledHeaderItemIcon",
16
16
  componentId: "sc-1jhhp6z-0"
package/dist/esm/styled/header/StyledHeaderItemText.js CHANGED
@@ -11,7 +11,7 @@ const COMPONENT_ID = 'chrome.header_item_text';
11
11
  const clippedStyling = css(["position:absolute;margin:0;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
12
12
  const StyledHeaderItemText = styled.span.attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '8.76.6'
14
+ 'data-garden-version': '8.76.8'
15
15
  }).withConfig({
16
16
  displayName: "StyledHeaderItemText",
17
17
  componentId: "sc-goz7la-0"
package/dist/esm/styled/header/StyledHeaderItemWrapper.js CHANGED
@@ -11,7 +11,7 @@ import { StyledBaseHeaderItem } from './StyledBaseHeaderItem.js';
11
11
  const COMPONENT_ID = 'chrome.header_item_wrapper';
12
12
  const StyledHeaderItemWrapper = styled(StyledBaseHeaderItem).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '8.76.6',
14
+ 'data-garden-version': '8.76.8',
15
15
  as: 'div'
16
16
  }).withConfig({
17
17
  displayName: "StyledHeaderItemWrapper",
package/dist/esm/styled/header/StyledLogoHeaderItem.js CHANGED
@@ -34,7 +34,7 @@ const retrieveProductColor = props => {
34
34
  };
35
35
  const StyledLogoHeaderItem = styled(StyledBaseHeaderItem).attrs({
36
36
  'data-garden-id': COMPONENT_ID,
37
- 'data-garden-version': '8.76.6',
37
+ 'data-garden-version': '8.76.8',
38
38
  as: 'div'
39
39
  }).withConfig({
40
40
  displayName: "StyledLogoHeaderItem",
package/dist/esm/styled/nav/StyledBaseNavItem.js CHANGED
@@ -20,7 +20,7 @@ const sizeStyles = props => {
20
20
  };
21
21
  const StyledBaseNavItem = styled.button.attrs({
22
22
  'data-garden-id': COMPONENT_ID,
23
- 'data-garden-version': '8.76.6'
23
+ 'data-garden-version': '8.76.8'
24
24
  }).withConfig({
25
25
  displayName: "StyledBaseNavItem",
26
26
  componentId: "sc-zvo43f-0"
package/dist/esm/styled/nav/StyledBrandmarkNavItem.js CHANGED
@@ -11,7 +11,7 @@ import { StyledBaseNavItem } from './StyledBaseNavItem.js';
11
11
  const COMPONENT_ID = 'chrome.brandmark_nav_item';
12
12
  const StyledBrandmarkNavItem = styled(StyledBaseNavItem).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '8.76.6',
14
+ 'data-garden-version': '8.76.8',
15
15
  as: 'div'
16
16
  }).withConfig({
17
17
  displayName: "StyledBrandmarkNavItem",
package/dist/esm/styled/nav/StyledLogoNavItem.js CHANGED
@@ -36,7 +36,7 @@ const colorStyles = props => {
36
36
  };
37
37
  const StyledLogoNavItem = styled(StyledBaseNavItem).attrs({
38
38
  'data-garden-id': COMPONENT_ID,
39
- 'data-garden-version': '8.76.6',
39
+ 'data-garden-version': '8.76.8',
40
40
  as: 'div'
41
41
  }).withConfig({
42
42
  displayName: "StyledLogoNavItem",
package/dist/esm/styled/nav/StyledNav.js CHANGED
@@ -22,7 +22,7 @@ const getExpandedNavWidth = () => {
22
22
  };
23
23
  const StyledNav = styled.nav.attrs({
24
24
  'data-garden-id': COMPONENT_ID,
25
- 'data-garden-version': '8.76.6'
25
+ 'data-garden-version': '8.76.8'
26
26
  }).withConfig({
27
27
  displayName: "StyledNav",
28
28
  componentId: "sc-6j462r-0"
package/dist/esm/styled/nav/StyledNavItem.js CHANGED
@@ -48,7 +48,7 @@ const colorStyles = props => {
48
48
  };
49
49
  const StyledNavItem = styled(StyledBaseNavItem).attrs({
50
50
  'data-garden-id': COMPONENT_ID,
51
- 'data-garden-version': '8.76.6',
51
+ 'data-garden-version': '8.76.8',
52
52
  as: 'button'
53
53
  }).withConfig({
54
54
  displayName: "StyledNavItem",
package/dist/esm/styled/nav/StyledNavItemIcon.js CHANGED
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
10
10
  const COMPONENT_ID = 'chrome.nav_item_icon';
11
11
  const StyledNavItemIcon = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '8.76.6'
13
+ 'data-garden-version': '8.76.8'
14
14
  }).withConfig({
15
15
  displayName: "StyledNavItemIcon",
16
16
  componentId: "sc-7w9rpt-0"
package/dist/esm/styled/nav/StyledNavItemText.js CHANGED
@@ -13,7 +13,7 @@ import { getNavWidth } from './StyledNav.js';
13
13
  const COMPONENT_ID = 'chrome.nav_item_text';
14
14
  const StyledNavItemText = styled.span.attrs({
15
15
  'data-garden-id': COMPONENT_ID,
16
- 'data-garden-version': '8.76.6'
16
+ 'data-garden-version': '8.76.8'
17
17
  }).withConfig({
18
18
  displayName: "StyledNavItemText",
19
19
  componentId: "sc-13m84xl-0"
package/dist/esm/styled/sheet/StyledSheet.js CHANGED
@@ -29,7 +29,7 @@ const borderStyle = _ref => {
29
29
  };
30
30
  const StyledSheet = styled.aside.attrs({
31
31
  'data-garden-id': COMPONENT_ID,
32
- 'data-garden-version': '8.76.6'
32
+ 'data-garden-version': '8.76.8'
33
33
  }).withConfig({
34
34
  displayName: "StyledSheet",
35
35
  componentId: "sc-dx8ijk-0"
package/dist/esm/styled/sheet/StyledSheetBody.js CHANGED
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
10
10
  const COMPONENT_ID = 'chrome.sheet_body';
11
11
  const StyledSheetBody = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '8.76.6'
13
+ 'data-garden-version': '8.76.8'
14
14
  }).withConfig({
15
15
  displayName: "StyledSheetBody",
16
16
  componentId: "sc-bt4eoj-0"
package/dist/esm/styled/sheet/StyledSheetClose.js CHANGED
@@ -22,7 +22,7 @@ const colorStyles = props => {
22
22
  };
23
23
  const StyledSheetClose = styled.button.attrs({
24
24
  'data-garden-id': COMPONENT_ID,
25
- 'data-garden-version': '8.76.6'
25
+ 'data-garden-version': '8.76.8'
26
26
  }).withConfig({
27
27
  displayName: "StyledSheetClose",
28
28
  componentId: "sc-1ab02oq-0"
package/dist/esm/styled/sheet/StyledSheetDescription.js CHANGED
@@ -10,7 +10,7 @@ import { getLineHeight, getColorV8, retrieveComponentStyles, DEFAULT_THEME } fro
10
10
  const COMPONENT_ID = 'chrome.sheet_description';
11
11
  const StyledSheetDescription = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '8.76.6'
13
+ 'data-garden-version': '8.76.8'
14
14
  }).withConfig({
15
15
  displayName: "StyledSheetDescription",
16
16
  componentId: "sc-1puglb6-0"
package/dist/esm/styled/sheet/StyledSheetFooter.js CHANGED
@@ -10,7 +10,7 @@ import { getColorV8, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgard
10
10
  const COMPONENT_ID = 'chrome.sheet_footer';
11
11
  const StyledSheetFooter = styled.footer.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '8.76.6'
13
+ 'data-garden-version': '8.76.8'
14
14
  }).withConfig({
15
15
  displayName: "StyledSheetFooter",
16
16
  componentId: "sc-2cktos-0"
package/dist/esm/styled/sheet/StyledSheetFooterItem.js CHANGED
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
10
10
  const COMPONENT_ID = 'chrome.sheet_footer_item';
11
11
  const StyledSheetFooterItem = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '8.76.6'
13
+ 'data-garden-version': '8.76.8'
14
14
  }).withConfig({
15
15
  displayName: "StyledSheetFooterItem",
16
16
  componentId: "sc-r9ixh-0"
package/dist/esm/styled/sheet/StyledSheetHeader.js CHANGED
@@ -11,7 +11,7 @@ import { BASE_MULTIPLIERS } from './StyledSheetClose.js';
11
11
  const COMPONENT_ID = 'chrome.sheet_header';
12
12
  const StyledSheetHeader = styled.header.attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '8.76.6'
14
+ 'data-garden-version': '8.76.8'
15
15
  }).withConfig({
16
16
  displayName: "StyledSheetHeader",
17
17
  componentId: "sc-o2ry8i-0"
package/dist/esm/styled/sheet/StyledSheetTitle.js CHANGED
@@ -10,7 +10,7 @@ import { getLineHeight, getColorV8, retrieveComponentStyles, DEFAULT_THEME } fro
10
10
  const COMPONENT_ID = 'chrome.sheet_title';
11
11
  const StyledSheetTitle = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '8.76.6'
13
+ 'data-garden-version': '8.76.8'
14
14
  }).withConfig({
15
15
  displayName: "StyledSheetTitle",
16
16
  componentId: "sc-1gogk75-0"
package/dist/esm/styled/sheet/StyledSheetWrapper.js CHANGED
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
10
10
  const COMPONENT_ID = 'chrome.sheet_wrapper';
11
11
  const StyledSheetWrapper = styled.div.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '8.76.6'
13
+ 'data-garden-version': '8.76.8'
14
14
  }).withConfig({
15
15
  displayName: "StyledSheetWrapper",
16
16
  componentId: "sc-f6x9zb-0"
package/dist/esm/styled/subnav/StyledSubNav.js CHANGED
@@ -22,7 +22,7 @@ const colorStyles = props => {
22
22
  };
23
23
  const StyledSubNav = styled.nav.attrs({
24
24
  'data-garden-id': COMPONENT_ID,
25
- 'data-garden-version': '8.76.6'
25
+ 'data-garden-version': '8.76.8'
26
26
  }).withConfig({
27
27
  displayName: "StyledSubNav",
28
28
  componentId: "sc-19hjou6-0"
package/dist/esm/styled/subnav/StyledSubNavItem.js CHANGED
@@ -43,7 +43,7 @@ const getSubNavItemHeight = props => {
43
43
  };
44
44
  const StyledSubNavItem = styled.button.attrs({
45
45
  'data-garden-id': COMPONENT_ID,
46
- 'data-garden-version': '8.76.6'
46
+ 'data-garden-version': '8.76.8'
47
47
  }).withConfig({
48
48
  displayName: "StyledSubNavItem",
49
49
  componentId: "sc-1yg9dpx-0"
package/dist/esm/styled/subnav/StyledSubNavItemHeader.js CHANGED
@@ -11,7 +11,7 @@ import { StyledSubNavItem } from './StyledSubNavItem.js';
11
11
  const COMPONENT_ID = 'chrome.collapsible_sub_nav_item';
12
12
  const StyledSubNavItemHeader = styled(StyledSubNavItem).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '8.76.6',
14
+ 'data-garden-version': '8.76.8',
15
15
  'data-garden-header': 'true'
16
16
  }).withConfig({
17
17
  displayName: "StyledSubNavItemHeader",
package/dist/esm/styled/subnav/StyledSubNavItemIcon.js CHANGED
@@ -31,7 +31,7 @@ StyledSubNavItemIcon.defaultProps = {
31
31
  };
32
32
  const StyledSubNavItemIconWrapper = styled.div.attrs({
33
33
  'data-garden-id': COMPONENT_ID,
34
- 'data-garden-version': '8.76.6'
34
+ 'data-garden-version': '8.76.8'
35
35
  }).withConfig({
36
36
  displayName: "StyledSubNavItemIcon__StyledSubNavItemIconWrapper",
37
37
  componentId: "sc-1d02hho-1"
package/dist/esm/styled/subnav/StyledSubNavItemText.js CHANGED
@@ -18,7 +18,7 @@ const sizeStyles = props => {
18
18
  };
19
19
  const StyledSubNavItemText = styled.span.attrs({
20
20
  'data-garden-id': COMPONENT_ID,
21
- 'data-garden-version': '8.76.6'
21
+ 'data-garden-version': '8.76.8'
22
22
  }).withConfig({
23
23
  displayName: "StyledSubNavItemText",
24
24
  componentId: "sc-1hy0pn7-0"
package/dist/esm/styled/subnav/StyledSubNavPanel.js CHANGED
@@ -12,7 +12,7 @@ const PANEL_COMPONENT_ID = 'chrome.collapsible_sub_nav_item_panel';
12
12
  const hiddenStyling = css(["visibility:hidden;max-height:0 !important;overflow:hidden;"]);
13
13
  const StyledSubNavPanel = styled.div.attrs({
14
14
  'data-garden-id': PANEL_COMPONENT_ID,
15
- 'data-garden-version': '8.76.6'
15
+ 'data-garden-version': '8.76.8'
16
16
  }).withConfig({
17
17
  displayName: "StyledSubNavPanel",
18
18
  componentId: "sc-1jv3rpv-0"
package/dist/index.cjs.js CHANGED
@@ -53,7 +53,7 @@ const useChromeContext = () => {
53
53
  const COMPONENT_ID$A = 'chrome.chrome';
54
54
  const StyledChrome = styled__default.default.div.attrs({
55
55
  'data-garden-id': COMPONENT_ID$A,
56
- 'data-garden-version': '8.76.6'
56
+ 'data-garden-version': '8.76.8'
57
57
  }).withConfig({
58
58
  displayName: "StyledChrome",
59
59
  componentId: "sc-1uqm6u6-0"
@@ -65,7 +65,7 @@ StyledChrome.defaultProps = {
65
65
  const COMPONENT_ID$z = 'chrome.header_item_icon';
66
66
  const StyledHeaderItemIcon = styled__default.default.div.attrs({
67
67
  'data-garden-id': COMPONENT_ID$z,
68
- 'data-garden-version': '8.76.6'
68
+ 'data-garden-version': '8.76.8'
69
69
  }).withConfig({
70
70
  displayName: "StyledHeaderItemIcon",
71
71
  componentId: "sc-1jhhp6z-0"
@@ -82,7 +82,7 @@ const sizeStyles$4 = props => {
82
82
  };
83
83
  const StyledBaseHeaderItem = styled__default.default.button.attrs({
84
84
  'data-garden-id': COMPONENT_ID$y,
85
- 'data-garden-version': '8.76.6'
85
+ 'data-garden-version': '8.76.8'
86
86
  }).withConfig({
87
87
  displayName: "StyledBaseHeaderItem",
88
88
  componentId: "sc-1qua7h6-0"
@@ -103,7 +103,7 @@ const COMPONENT_ID$x = 'chrome.header_item_text';
103
103
  const clippedStyling = styled.css(["position:absolute;margin:0;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
104
104
  const StyledHeaderItemText = styled__default.default.span.attrs({
105
105
  'data-garden-id': COMPONENT_ID$x,
106
- 'data-garden-version': '8.76.6'
106
+ 'data-garden-version': '8.76.8'
107
107
  }).withConfig({
108
108
  displayName: "StyledHeaderItemText",
109
109
  componentId: "sc-goz7la-0"
@@ -127,7 +127,7 @@ const getExpandedNavWidth = () => {
127
127
  };
128
128
  const StyledNav = styled__default.default.nav.attrs({
129
129
  'data-garden-id': COMPONENT_ID$w,
130
- 'data-garden-version': '8.76.6'
130
+ 'data-garden-version': '8.76.8'
131
131
  }).withConfig({
132
132
  displayName: "StyledNav",
133
133
  componentId: "sc-6j462r-0"
@@ -159,7 +159,7 @@ const retrieveProductColor$1 = props => {
159
159
  };
160
160
  const StyledLogoHeaderItem = styled__default.default(StyledBaseHeaderItem).attrs({
161
161
  'data-garden-id': COMPONENT_ID$v,
162
- 'data-garden-version': '8.76.6',
162
+ 'data-garden-version': '8.76.8',
163
163
  as: 'div'
164
164
  }).withConfig({
165
165
  displayName: "StyledLogoHeaderItem",
@@ -180,7 +180,7 @@ const sizeStyles$3 = props => {
180
180
  };
181
181
  const StyledBaseNavItem = styled__default.default.button.attrs({
182
182
  'data-garden-id': COMPONENT_ID$u,
183
- 'data-garden-version': '8.76.6'
183
+ 'data-garden-version': '8.76.8'
184
184
  }).withConfig({
185
185
  displayName: "StyledBaseNavItem",
186
186
  componentId: "sc-zvo43f-0"
@@ -195,7 +195,7 @@ const getHeaderHeight = props => {
195
195
  };
196
196
  const StyledHeader = styled__default.default.header.attrs({
197
197
  'data-garden-id': COMPONENT_ID$t,
198
- 'data-garden-version': '8.76.6'
198
+ 'data-garden-version': '8.76.8'
199
199
  }).withConfig({
200
200
  displayName: "StyledHeader",
201
201
  componentId: "sc-1cexpz-0"
@@ -233,7 +233,7 @@ const sizeStyles$2 = props => {
233
233
  };
234
234
  const StyledSkipNav = styled__default.default.a.attrs({
235
235
  'data-garden-id': COMPONENT_ID$s,
236
- 'data-garden-version': '8.76.6'
236
+ 'data-garden-version': '8.76.8'
237
237
  }).withConfig({
238
238
  displayName: "StyledSkipNav",
239
239
  componentId: "sc-1tsro34-0"
@@ -266,7 +266,7 @@ const sizeStyles$1 = theme => {
266
266
  };
267
267
  const StyledSkipNavIcon = styled__default.default(SvgLinkStroke).attrs({
268
268
  'data-garden-id': COMPONENT_ID$r,
269
- 'data-garden-version': '8.76.6'
269
+ 'data-garden-version': '8.76.8'
270
270
  }).withConfig({
271
271
  displayName: "StyledSkipNavIcon",
272
272
  componentId: "sc-1ika5z4-0"
@@ -278,7 +278,7 @@ StyledSkipNavIcon.defaultProps = {
278
278
  const COMPONENT_ID$q = 'chrome.body';
279
279
  const StyledBody = styled__default.default.div.attrs({
280
280
  'data-garden-id': COMPONENT_ID$q,
281
- 'data-garden-version': '8.76.6'
281
+ 'data-garden-version': '8.76.8'
282
282
  }).withConfig({
283
283
  displayName: "StyledBody",
284
284
  componentId: "sc-c7h9kv-0"
@@ -293,7 +293,7 @@ const getFooterHeight = props => {
293
293
  };
294
294
  const StyledFooter = styled__default.default.footer.attrs({
295
295
  'data-garden-id': COMPONENT_ID$p,
296
- 'data-garden-version': '8.76.6'
296
+ 'data-garden-version': '8.76.8'
297
297
  }).withConfig({
298
298
  displayName: "StyledFooter",
299
299
  componentId: "sc-v7lib2-0"
@@ -305,7 +305,7 @@ StyledFooter.defaultProps = {
305
305
  const COMPONENT_ID$o = 'chrome.content';
306
306
  const StyledContent = styled__default.default.div.attrs({
307
307
  'data-garden-id': COMPONENT_ID$o,
308
- 'data-garden-version': '8.76.6'
308
+ 'data-garden-version': '8.76.8'
309
309
  }).withConfig({
310
310
  displayName: "StyledContent",
311
311
  componentId: "sc-qcuzxn-0"
@@ -317,7 +317,7 @@ StyledContent.defaultProps = {
317
317
  const COMPONENT_ID$n = 'chrome.main';
318
318
  const StyledMain = styled__default.default.main.attrs({
319
319
  'data-garden-id': COMPONENT_ID$n,
320
- 'data-garden-version': '8.76.6'
320
+ 'data-garden-version': '8.76.8'
321
321
  }).withConfig({
322
322
  displayName: "StyledMain",
323
323
  componentId: "sc-t61cre-0"
@@ -329,7 +329,7 @@ StyledMain.defaultProps = {
329
329
  const COMPONENT_ID$m = 'chrome.sidebar';
330
330
  const StyledSidebar = styled__default.default.aside.attrs({
331
331
  'data-garden-id': COMPONENT_ID$m,
332
- 'data-garden-version': '8.76.6'
332
+ 'data-garden-version': '8.76.8'
333
333
  }).withConfig({
334
334
  displayName: "StyledSidebar",
335
335
  componentId: "sc-1q77fuw-0"
@@ -341,7 +341,7 @@ StyledSidebar.defaultProps = {
341
341
  const COMPONENT_ID$l = 'chrome.footer_item';
342
342
  const StyledFooterItem = styled__default.default.div.attrs({
343
343
  'data-garden-id': COMPONENT_ID$l,
344
- 'data-garden-version': '8.76.6'
344
+ 'data-garden-version': '8.76.8'
345
345
  }).withConfig({
346
346
  displayName: "StyledFooterItem",
347
347
  componentId: "sc-1cktm85-0"
@@ -357,7 +357,7 @@ const imgStyles = props => {
357
357
  };
358
358
  const StyledHeaderItem = styled__default.default(StyledBaseHeaderItem).attrs({
359
359
  'data-garden-id': COMPONENT_ID$k,
360
- 'data-garden-version': '8.76.6'
360
+ 'data-garden-version': '8.76.8'
361
361
  }).withConfig({
362
362
  displayName: "StyledHeaderItem",
363
363
  componentId: "sc-14sft6n-0"
@@ -376,7 +376,7 @@ StyledHeaderItem.defaultProps = {
376
376
  const COMPONENT_ID$j = 'chrome.header_item_wrapper';
377
377
  const StyledHeaderItemWrapper = styled__default.default(StyledBaseHeaderItem).attrs({
378
378
  'data-garden-id': COMPONENT_ID$j,
379
- 'data-garden-version': '8.76.6',
379
+ 'data-garden-version': '8.76.8',
380
380
  as: 'div'
381
381
  }).withConfig({
382
382
  displayName: "StyledHeaderItemWrapper",
@@ -414,7 +414,7 @@ const colorStyles$4 = props => {
414
414
  };
415
415
  const StyledLogoNavItem = styled__default.default(StyledBaseNavItem).attrs({
416
416
  'data-garden-id': COMPONENT_ID$i,
417
- 'data-garden-version': '8.76.6',
417
+ 'data-garden-version': '8.76.8',
418
418
  as: 'div'
419
419
  }).withConfig({
420
420
  displayName: "StyledLogoNavItem",
@@ -427,7 +427,7 @@ StyledLogoNavItem.defaultProps = {
427
427
  const COMPONENT_ID$h = 'chrome.brandmark_nav_item';
428
428
  const StyledBrandmarkNavItem = styled__default.default(StyledBaseNavItem).attrs({
429
429
  'data-garden-id': COMPONENT_ID$h,
430
- 'data-garden-version': '8.76.6',
430
+ 'data-garden-version': '8.76.8',
431
431
  as: 'div'
432
432
  }).withConfig({
433
433
  displayName: "StyledBrandmarkNavItem",
@@ -440,7 +440,7 @@ StyledBrandmarkNavItem.defaultProps = {
440
440
  const COMPONENT_ID$g = 'chrome.nav_item_icon';
441
441
  const StyledNavItemIcon = styled__default.default.div.attrs({
442
442
  'data-garden-id': COMPONENT_ID$g,
443
- 'data-garden-version': '8.76.6'
443
+ 'data-garden-version': '8.76.8'
444
444
  }).withConfig({
445
445
  displayName: "StyledNavItemIcon",
446
446
  componentId: "sc-7w9rpt-0"
@@ -486,7 +486,7 @@ const colorStyles$3 = props => {
486
486
  };
487
487
  const StyledNavItem = styled__default.default(StyledBaseNavItem).attrs({
488
488
  'data-garden-id': COMPONENT_ID$f,
489
- 'data-garden-version': '8.76.6',
489
+ 'data-garden-version': '8.76.8',
490
490
  as: 'button'
491
491
  }).withConfig({
492
492
  displayName: "StyledNavItem",
@@ -503,7 +503,7 @@ StyledNavItem.defaultProps = {
503
503
  const COMPONENT_ID$e = 'chrome.nav_item_text';
504
504
  const StyledNavItemText = styled__default.default.span.attrs({
505
505
  'data-garden-id': COMPONENT_ID$e,
506
- 'data-garden-version': '8.76.6'
506
+ 'data-garden-version': '8.76.8'
507
507
  }).withConfig({
508
508
  displayName: "StyledNavItemText",
509
509
  componentId: "sc-13m84xl-0"
@@ -556,7 +556,7 @@ const getSubNavItemHeight = props => {
556
556
  };
557
557
  const StyledSubNavItem = styled__default.default.button.attrs({
558
558
  'data-garden-id': COMPONENT_ID$d,
559
- 'data-garden-version': '8.76.6'
559
+ 'data-garden-version': '8.76.8'
560
560
  }).withConfig({
561
561
  displayName: "StyledSubNavItem",
562
562
  componentId: "sc-1yg9dpx-0"
@@ -579,7 +579,7 @@ const colorStyles$1 = props => {
579
579
  };
580
580
  const StyledSubNav = styled__default.default.nav.attrs({
581
581
  'data-garden-id': COMPONENT_ID$c,
582
- 'data-garden-version': '8.76.6'
582
+ 'data-garden-version': '8.76.8'
583
583
  }).withConfig({
584
584
  displayName: "StyledSubNav",
585
585
  componentId: "sc-19hjou6-0"
@@ -597,7 +597,7 @@ const sizeStyles = props => {
597
597
  };
598
598
  const StyledSubNavItemText = styled__default.default.span.attrs({
599
599
  'data-garden-id': COMPONENT_ID$b,
600
- 'data-garden-version': '8.76.6'
600
+ 'data-garden-version': '8.76.8'
601
601
  }).withConfig({
602
602
  displayName: "StyledSubNavItemText",
603
603
  componentId: "sc-1hy0pn7-0"
@@ -609,7 +609,7 @@ StyledSubNavItemText.defaultProps = {
609
609
  const COMPONENT_ID$a = 'chrome.collapsible_sub_nav_item';
610
610
  const StyledSubNavItemHeader = styled__default.default(StyledSubNavItem).attrs({
611
611
  'data-garden-id': COMPONENT_ID$a,
612
- 'data-garden-version': '8.76.6',
612
+ 'data-garden-version': '8.76.8',
613
613
  'data-garden-header': 'true'
614
614
  }).withConfig({
615
615
  displayName: "StyledSubNavItemHeader",
@@ -656,7 +656,7 @@ StyledSubNavItemIcon.defaultProps = {
656
656
  };
657
657
  const StyledSubNavItemIconWrapper = styled__default.default.div.attrs({
658
658
  'data-garden-id': COMPONENT_ID$9,
659
- 'data-garden-version': '8.76.6'
659
+ 'data-garden-version': '8.76.8'
660
660
  }).withConfig({
661
661
  displayName: "StyledSubNavItemIcon__StyledSubNavItemIconWrapper",
662
662
  componentId: "sc-1d02hho-1"
@@ -669,7 +669,7 @@ const PANEL_COMPONENT_ID = 'chrome.collapsible_sub_nav_item_panel';
669
669
  const hiddenStyling = styled.css(["visibility:hidden;max-height:0 !important;overflow:hidden;"]);
670
670
  const StyledSubNavPanel = styled__default.default.div.attrs({
671
671
  'data-garden-id': PANEL_COMPONENT_ID,
672
- 'data-garden-version': '8.76.6'
672
+ 'data-garden-version': '8.76.8'
673
673
  }).withConfig({
674
674
  displayName: "StyledSubNavPanel",
675
675
  componentId: "sc-1jv3rpv-0"
@@ -700,7 +700,7 @@ const borderStyle = _ref => {
700
700
  };
701
701
  const StyledSheet = styled__default.default.aside.attrs({
702
702
  'data-garden-id': COMPONENT_ID$8,
703
- 'data-garden-version': '8.76.6'
703
+ 'data-garden-version': '8.76.8'
704
704
  }).withConfig({
705
705
  displayName: "StyledSheet",
706
706
  componentId: "sc-dx8ijk-0"
@@ -712,7 +712,7 @@ StyledSheet.defaultProps = {
712
712
  const COMPONENT_ID$7 = 'chrome.sheet_wrapper';
713
713
  const StyledSheetWrapper = styled__default.default.div.attrs({
714
714
  'data-garden-id': COMPONENT_ID$7,
715
- 'data-garden-version': '8.76.6'
715
+ 'data-garden-version': '8.76.8'
716
716
  }).withConfig({
717
717
  displayName: "StyledSheetWrapper",
718
718
  componentId: "sc-f6x9zb-0"
@@ -739,7 +739,7 @@ StyledSheetWrapper.defaultProps = {
739
739
  const COMPONENT_ID$6 = 'chrome.sheet_title';
740
740
  const StyledSheetTitle = styled__default.default.div.attrs({
741
741
  'data-garden-id': COMPONENT_ID$6,
742
- 'data-garden-version': '8.76.6'
742
+ 'data-garden-version': '8.76.8'
743
743
  }).withConfig({
744
744
  displayName: "StyledSheetTitle",
745
745
  componentId: "sc-1gogk75-0"
@@ -751,7 +751,7 @@ StyledSheetTitle.defaultProps = {
751
751
  const COMPONENT_ID$5 = 'chrome.sheet_description';
752
752
  const StyledSheetDescription = styled__default.default.div.attrs({
753
753
  'data-garden-id': COMPONENT_ID$5,
754
- 'data-garden-version': '8.76.6'
754
+ 'data-garden-version': '8.76.8'
755
755
  }).withConfig({
756
756
  displayName: "StyledSheetDescription",
757
757
  componentId: "sc-1puglb6-0"
@@ -763,7 +763,7 @@ StyledSheetDescription.defaultProps = {
763
763
  const COMPONENT_ID$4 = 'chrome.sheet_body';
764
764
  const StyledSheetBody = styled__default.default.div.attrs({
765
765
  'data-garden-id': COMPONENT_ID$4,
766
- 'data-garden-version': '8.76.6'
766
+ 'data-garden-version': '8.76.8'
767
767
  }).withConfig({
768
768
  displayName: "StyledSheetBody",
769
769
  componentId: "sc-bt4eoj-0"
@@ -787,7 +787,7 @@ const colorStyles = props => {
787
787
  };
788
788
  const StyledSheetClose = styled__default.default.button.attrs({
789
789
  'data-garden-id': COMPONENT_ID$3,
790
- 'data-garden-version': '8.76.6'
790
+ 'data-garden-version': '8.76.8'
791
791
  }).withConfig({
792
792
  displayName: "StyledSheetClose",
793
793
  componentId: "sc-1ab02oq-0"
@@ -799,7 +799,7 @@ StyledSheetClose.defaultProps = {
799
799
  const COMPONENT_ID$2 = 'chrome.sheet_footer';
800
800
  const StyledSheetFooter = styled__default.default.footer.attrs({
801
801
  'data-garden-id': COMPONENT_ID$2,
802
- 'data-garden-version': '8.76.6'
802
+ 'data-garden-version': '8.76.8'
803
803
  }).withConfig({
804
804
  displayName: "StyledSheetFooter",
805
805
  componentId: "sc-2cktos-0"
@@ -811,7 +811,7 @@ StyledSheetFooter.defaultProps = {
811
811
  const COMPONENT_ID$1 = 'chrome.sheet_footer_item';
812
812
  const StyledSheetFooterItem = styled__default.default.div.attrs({
813
813
  'data-garden-id': COMPONENT_ID$1,
814
- 'data-garden-version': '8.76.6'
814
+ 'data-garden-version': '8.76.8'
815
815
  }).withConfig({
816
816
  displayName: "StyledSheetFooterItem",
817
817
  componentId: "sc-r9ixh-0"
@@ -823,7 +823,7 @@ StyledSheetFooterItem.defaultProps = {
823
823
  const COMPONENT_ID = 'chrome.sheet_header';
824
824
  const StyledSheetHeader = styled__default.default.header.attrs({
825
825
  'data-garden-id': COMPONENT_ID,
826
- 'data-garden-version': '8.76.6'
826
+ 'data-garden-version': '8.76.8'
827
827
  }).withConfig({
828
828
  displayName: "StyledSheetHeader",
829
829
  componentId: "sc-o2ry8i-0"
@@ -1399,7 +1399,7 @@ const SheetComponent = React__namespace.default.forwardRef((_ref, ref) => {
1399
1399
  const sheetRef = React.useRef(null);
1400
1400
  const seed = reactUid.useUIDSeed();
1401
1401
  const [isCloseButtonPresent, setIsCloseButtonPresent] = React.useState(false);
1402
- const idPrefix = React.useMemo(() => id || seed(`sheet_${'8.76.6'}`), [id, seed]);
1402
+ const idPrefix = React.useMemo(() => id || seed(`sheet_${'8.76.8'}`), [id, seed]);
1403
1403
  const titleId = `${idPrefix}--title`;
1404
1404
  const descriptionId = `${idPrefix}--description`;
1405
1405
  const sheetContext = React.useMemo(() => ({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-chrome",
3
- "version": "8.76.6",
3
+ "version": "8.76.8",
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>",
@@ -29,13 +29,13 @@
29
29
  "react-merge-refs": "^1.1.0"
30
30
  },
31
31
  "peerDependencies": {
32
- "@zendeskgarden/react-theming": "^8.75.0",
32
+ "@zendeskgarden/react-theming": "^8.75.0 || ^9.0.0",
33
33
  "react": ">=16.8.0",
34
34
  "react-dom": ">=16.8.0",
35
35
  "styled-components": "^4.2.0 || ^5.0.0"
36
36
  },
37
37
  "devDependencies": {
38
- "@zendeskgarden/react-theming": "^8.76.6",
38
+ "@zendeskgarden/react-theming": "^8.76.8",
39
39
  "@zendeskgarden/svg-icons": "7.1.1"
40
40
  },
41
41
  "keywords": [
@@ -48,5 +48,5 @@
48
48
  "access": "public"
49
49
  },
50
50
  "zendeskgarden:src": "src/index.ts",
51
- "gitHead": "c35c05a5325656b760dc74623c2d42bca8bdaf74"
51
+ "gitHead": "b7eb797f9d061d9fc36b47011128b607f7e3c1a2"
52
52
  }