@zendeskgarden/react-chrome 9.0.0-next.23 → 9.0.0-next.24

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 (36) 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/footer/StyledFooter.js +1 -1
  9. package/dist/esm/styled/footer/StyledFooterItem.js +1 -1
  10. package/dist/esm/styled/header/StyledBaseHeaderItem.js +1 -1
  11. package/dist/esm/styled/header/StyledHeader.js +1 -1
  12. package/dist/esm/styled/header/StyledHeaderItem.js +1 -1
  13. package/dist/esm/styled/header/StyledHeaderItemIcon.js +1 -1
  14. package/dist/esm/styled/header/StyledHeaderItemText.js +1 -1
  15. package/dist/esm/styled/header/StyledHeaderItemWrapper.js +1 -1
  16. package/dist/esm/styled/header/StyledLogoHeaderItem.js +1 -1
  17. package/dist/esm/styled/nav/StyledBaseNavItem.js +1 -1
  18. package/dist/esm/styled/nav/StyledBrandmarkNavItem.js +1 -1
  19. package/dist/esm/styled/nav/StyledLogoNavItem.js +1 -1
  20. package/dist/esm/styled/nav/StyledNav.js +1 -1
  21. package/dist/esm/styled/nav/StyledNavButton.js +1 -1
  22. package/dist/esm/styled/nav/StyledNavItemIcon.js +1 -1
  23. package/dist/esm/styled/nav/StyledNavItemText.js +1 -1
  24. package/dist/esm/styled/nav/StyledNavList.js +1 -1
  25. package/dist/esm/styled/nav/StyledNavListItem.js +1 -1
  26. package/dist/esm/styled/sheet/StyledSheet.js +1 -1
  27. package/dist/esm/styled/sheet/StyledSheetBody.js +1 -1
  28. package/dist/esm/styled/sheet/StyledSheetClose.js +1 -1
  29. package/dist/esm/styled/sheet/StyledSheetDescription.js +1 -1
  30. package/dist/esm/styled/sheet/StyledSheetFooter.js +1 -1
  31. package/dist/esm/styled/sheet/StyledSheetFooterItem.js +1 -1
  32. package/dist/esm/styled/sheet/StyledSheetHeader.js +1 -1
  33. package/dist/esm/styled/sheet/StyledSheetTitle.js +1 -1
  34. package/dist/esm/styled/sheet/StyledSheetWrapper.js +1 -1
  35. package/dist/index.cjs.js +34 -34
  36. package/package.json +4 -4
@@ -67,7 +67,7 @@ const SheetComponent = React__default.forwardRef((_ref, ref) => {
67
67
  const sheetRef = useRef(null);
68
68
  const seed = useUIDSeed();
69
69
  const [isCloseButtonPresent, setIsCloseButtonPresent] = useState(false);
70
- const idPrefix = useMemo(() => id || seed(`sheet_${'9.0.0-next.23'}`), [id, seed]);
70
+ const idPrefix = useMemo(() => id || seed(`sheet_${'9.0.0-next.24'}`), [id, seed]);
71
71
  const titleId = `${idPrefix}--title`;
72
72
  const descriptionId = `${idPrefix}--description`;
73
73
  const sheetContext = useMemo(() => ({
@@ -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': '9.0.0-next.23'
13
+ 'data-garden-version': '9.0.0-next.24'
14
14
  }).withConfig({
15
15
  displayName: "StyledChrome",
16
16
  componentId: "sc-1uqm6u6-0"
@@ -55,7 +55,7 @@ const sizeStyles = _ref2 => {
55
55
  };
56
56
  const StyledSkipNav = styled.a.attrs({
57
57
  'data-garden-id': COMPONENT_ID,
58
- 'data-garden-version': '9.0.0-next.23'
58
+ 'data-garden-version': '9.0.0-next.24'
59
59
  }).withConfig({
60
60
  displayName: "StyledSkipNav",
61
61
  componentId: "sc-1tsro34-0"
@@ -19,7 +19,7 @@ const sizeStyles = _ref => {
19
19
  };
20
20
  const StyledSkipNavIcon = styled(SvgLinkStroke).attrs({
21
21
  'data-garden-id': COMPONENT_ID,
22
- 'data-garden-version': '9.0.0-next.23'
22
+ 'data-garden-version': '9.0.0-next.24'
23
23
  }).withConfig({
24
24
  displayName: "StyledSkipNavIcon",
25
25
  componentId: "sc-1ika5z4-0"
@@ -10,7 +10,7 @@ import { getColor, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden
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': '9.0.0-next.23'
13
+ 'data-garden-version': '9.0.0-next.24'
14
14
  }).withConfig({
15
15
  displayName: "StyledBody",
16
16
  componentId: "sc-c7h9kv-0"
@@ -22,7 +22,7 @@ const sizeStyles = _ref => {
22
22
  };
23
23
  const StyledContent = styled.div.attrs({
24
24
  'data-garden-id': COMPONENT_ID,
25
- 'data-garden-version': '9.0.0-next.23'
25
+ 'data-garden-version': '9.0.0-next.24'
26
26
  }).withConfig({
27
27
  displayName: "StyledContent",
28
28
  componentId: "sc-qcuzxn-0"
@@ -10,7 +10,7 @@ import { getColor, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden
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': '9.0.0-next.23'
13
+ 'data-garden-version': '9.0.0-next.24'
14
14
  }).withConfig({
15
15
  displayName: "StyledMain",
16
16
  componentId: "sc-t61cre-0"
@@ -34,7 +34,7 @@ const sizeStyles = _ref2 => {
34
34
  };
35
35
  const StyledFooter = styled.footer.attrs({
36
36
  'data-garden-id': COMPONENT_ID,
37
- 'data-garden-version': '9.0.0-next.23'
37
+ 'data-garden-version': '9.0.0-next.24'
38
38
  }).withConfig({
39
39
  displayName: "StyledFooter",
40
40
  componentId: "sc-v7lib2-0"
@@ -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': '9.0.0-next.23'
13
+ 'data-garden-version': '9.0.0-next.24'
14
14
  }).withConfig({
15
15
  displayName: "StyledFooterItem",
16
16
  componentId: "sc-1cktm85-0"
@@ -32,7 +32,7 @@ const sizeStyles = _ref => {
32
32
  };
33
33
  const StyledBaseHeaderItem = styled.button.attrs({
34
34
  'data-garden-id': COMPONENT_ID,
35
- 'data-garden-version': '9.0.0-next.23'
35
+ 'data-garden-version': '9.0.0-next.24'
36
36
  }).withConfig({
37
37
  displayName: "StyledBaseHeaderItem",
38
38
  componentId: "sc-1qua7h6-0"
@@ -46,7 +46,7 @@ const sizeStyles = _ref2 => {
46
46
  };
47
47
  const StyledHeader = styled.header.attrs({
48
48
  'data-garden-id': COMPONENT_ID,
49
- 'data-garden-version': '9.0.0-next.23'
49
+ 'data-garden-version': '9.0.0-next.24'
50
50
  }).withConfig({
51
51
  displayName: "StyledHeader",
52
52
  componentId: "sc-1cexpz-0"
@@ -57,7 +57,7 @@ const sizeStyles = _ref2 => {
57
57
  };
58
58
  const StyledHeaderItem = styled(StyledBaseHeaderItem).attrs({
59
59
  'data-garden-id': COMPONENT_ID,
60
- 'data-garden-version': '9.0.0-next.23'
60
+ 'data-garden-version': '9.0.0-next.24'
61
61
  }).withConfig({
62
62
  displayName: "StyledHeaderItem",
63
63
  componentId: "sc-14sft6n-0"
@@ -18,7 +18,7 @@ const sizeStyles = _ref => {
18
18
  };
19
19
  const StyledHeaderItemIcon = styled(StyledBaseIcon).attrs({
20
20
  'data-garden-id': COMPONENT_ID,
21
- 'data-garden-version': '9.0.0-next.23'
21
+ 'data-garden-version': '9.0.0-next.24'
22
22
  }).withConfig({
23
23
  displayName: "StyledHeaderItemIcon",
24
24
  componentId: "sc-1jhhp6z-0"
@@ -11,7 +11,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
11
11
  const COMPONENT_ID = 'chrome.header_item_text';
12
12
  const StyledHeaderItemText = styled.span.attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.0.0-next.23'
14
+ 'data-garden-version': '9.0.0-next.24'
15
15
  }).withConfig({
16
16
  displayName: "StyledHeaderItemText",
17
17
  componentId: "sc-goz7la-0"
@@ -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': '9.0.0-next.23',
14
+ 'data-garden-version': '9.0.0-next.24',
15
15
  as: 'div'
16
16
  }).withConfig({
17
17
  displayName: "StyledHeaderItemWrapper",
@@ -42,7 +42,7 @@ const sizeStyles = _ref2 => {
42
42
  };
43
43
  const StyledLogoHeaderItem = styled(StyledBaseHeaderItem).attrs({
44
44
  'data-garden-id': COMPONENT_ID,
45
- 'data-garden-version': '9.0.0-next.23',
45
+ 'data-garden-version': '9.0.0-next.24',
46
46
  as: 'div'
47
47
  }).withConfig({
48
48
  displayName: "StyledLogoHeaderItem",
@@ -21,7 +21,7 @@ const sizeStyles = _ref => {
21
21
  };
22
22
  const StyledBaseNavItem = styled.div.attrs({
23
23
  'data-garden-id': COMPONENT_ID,
24
- 'data-garden-version': '9.0.0-next.23'
24
+ 'data-garden-version': '9.0.0-next.24'
25
25
  }).withConfig({
26
26
  displayName: "StyledBaseNavItem",
27
27
  componentId: "sc-zvo43f-0"
@@ -11,7 +11,7 @@ import { StyledBaseNavItem } from './StyledBaseNavItem.js';
11
11
  const COMPONENT_ID = 'chrome.brandmark_nav_list_item';
12
12
  const StyledBrandmarkNavItem = styled(StyledBaseNavItem).attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.0.0-next.23'
14
+ 'data-garden-version': '9.0.0-next.24'
15
15
  }).withConfig({
16
16
  displayName: "StyledBrandmarkNavItem",
17
17
  componentId: "sc-8kynd4-0"
@@ -25,7 +25,7 @@ const colorStyles = _ref => {
25
25
  };
26
26
  const StyledLogoNavItem = styled(StyledBaseNavItem).attrs({
27
27
  'data-garden-id': COMPONENT_ID,
28
- 'data-garden-version': '9.0.0-next.23'
28
+ 'data-garden-version': '9.0.0-next.24'
29
29
  }).withConfig({
30
30
  displayName: "StyledLogoNavItem",
31
31
  componentId: "sc-saaydx-0"
@@ -42,7 +42,7 @@ const sizeStyles = _ref2 => {
42
42
  };
43
43
  const StyledNav = styled.nav.attrs({
44
44
  'data-garden-id': COMPONENT_ID,
45
- 'data-garden-version': '9.0.0-next.23'
45
+ 'data-garden-version': '9.0.0-next.24'
46
46
  }).withConfig({
47
47
  displayName: "StyledNav",
48
48
  componentId: "sc-6j462r-0"
@@ -81,7 +81,7 @@ const sizeStyles = _ref2 => {
81
81
  };
82
82
  const StyledNavButton = styled(StyledBaseNavItem).attrs({
83
83
  'data-garden-id': COMPONENT_ID,
84
- 'data-garden-version': '9.0.0-next.23',
84
+ 'data-garden-version': '9.0.0-next.24',
85
85
  as: 'button'
86
86
  }).withConfig({
87
87
  displayName: "StyledNavButton",
@@ -17,7 +17,7 @@ const sizeStyles = _ref => {
17
17
  };
18
18
  const StyledNavItemIcon = styled(StyledBaseIcon).attrs({
19
19
  'data-garden-id': COMPONENT_ID,
20
- 'data-garden-version': '9.0.0-next.23'
20
+ 'data-garden-version': '9.0.0-next.24'
21
21
  }).withConfig({
22
22
  displayName: "StyledNavItemIcon",
23
23
  componentId: "sc-7w9rpt-0"
@@ -27,7 +27,7 @@ const sizeStyles = _ref => {
27
27
  };
28
28
  const StyledNavItemText = styled.span.attrs({
29
29
  'data-garden-id': COMPONENT_ID,
30
- 'data-garden-version': '9.0.0-next.23'
30
+ 'data-garden-version': '9.0.0-next.24'
31
31
  }).withConfig({
32
32
  displayName: "StyledNavItemText",
33
33
  componentId: "sc-13m84xl-0"
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
10
10
  const COMPONENT_ID = 'chrome.nav_list';
11
11
  const StyledNavList = styled.ul.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.0.0-next.23'
13
+ 'data-garden-version': '9.0.0-next.24'
14
14
  }).withConfig({
15
15
  displayName: "StyledNavList",
16
16
  componentId: "sc-1s0nkfb-0"
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
10
10
  const COMPONENT_ID = 'chrome.nav_list_item';
11
11
  const StyledNavListItem = styled.li.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.0.0-next.23'
13
+ 'data-garden-version': '9.0.0-next.24'
14
14
  }).withConfig({
15
15
  displayName: "StyledNavListItem",
16
16
  componentId: "sc-18cj2v7-0"
@@ -44,7 +44,7 @@ const sizeStyles = _ref2 => {
44
44
  };
45
45
  const StyledSheet = styled.aside.attrs({
46
46
  'data-garden-id': COMPONENT_ID,
47
- 'data-garden-version': '9.0.0-next.23'
47
+ 'data-garden-version': '9.0.0-next.24'
48
48
  }).withConfig({
49
49
  displayName: "StyledSheet",
50
50
  componentId: "sc-dx8ijk-0"
@@ -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': '9.0.0-next.23'
13
+ 'data-garden-version': '9.0.0-next.24'
14
14
  }).withConfig({
15
15
  displayName: "StyledSheetBody",
16
16
  componentId: "sc-bt4eoj-0"
@@ -19,7 +19,7 @@ const positionStyles = _ref => {
19
19
  };
20
20
  const StyledSheetClose = styled(IconButton).attrs({
21
21
  'data-garden-id': COMPONENT_ID,
22
- 'data-garden-version': '9.0.0-next.23'
22
+ 'data-garden-version': '9.0.0-next.24'
23
23
  }).withConfig({
24
24
  displayName: "StyledSheetClose",
25
25
  componentId: "sc-1ab02oq-0"
@@ -10,7 +10,7 @@ import { getLineHeight, getColor, retrieveComponentStyles, DEFAULT_THEME } from
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': '9.0.0-next.23'
13
+ 'data-garden-version': '9.0.0-next.24'
14
14
  }).withConfig({
15
15
  displayName: "StyledSheetDescription",
16
16
  componentId: "sc-1puglb6-0"
@@ -29,7 +29,7 @@ const sizeStyles = _ref2 => {
29
29
  };
30
30
  const StyledSheetFooter = styled.footer.attrs({
31
31
  'data-garden-id': COMPONENT_ID,
32
- 'data-garden-version': '9.0.0-next.23'
32
+ 'data-garden-version': '9.0.0-next.24'
33
33
  }).withConfig({
34
34
  displayName: "StyledSheetFooter",
35
35
  componentId: "sc-2cktos-0"
@@ -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': '9.0.0-next.23'
13
+ 'data-garden-version': '9.0.0-next.24'
14
14
  }).withConfig({
15
15
  displayName: "StyledSheetFooterItem",
16
16
  componentId: "sc-r9ixh-0"
@@ -33,7 +33,7 @@ const sizeStyles = _ref2 => {
33
33
  };
34
34
  const StyledSheetHeader = styled.header.attrs({
35
35
  'data-garden-id': COMPONENT_ID,
36
- 'data-garden-version': '9.0.0-next.23'
36
+ 'data-garden-version': '9.0.0-next.24'
37
37
  }).withConfig({
38
38
  displayName: "StyledSheetHeader",
39
39
  componentId: "sc-o2ry8i-0"
@@ -10,7 +10,7 @@ import { getColor, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden
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': '9.0.0-next.23'
13
+ 'data-garden-version': '9.0.0-next.24'
14
14
  }).withConfig({
15
15
  displayName: "StyledSheetTitle",
16
16
  componentId: "sc-1gogk75-0"
@@ -28,7 +28,7 @@ const transformStyles = _ref => {
28
28
  };
29
29
  const StyledSheetWrapper = styled.div.attrs({
30
30
  'data-garden-id': COMPONENT_ID,
31
- 'data-garden-version': '9.0.0-next.23'
31
+ 'data-garden-version': '9.0.0-next.24'
32
32
  }).withConfig({
33
33
  displayName: "StyledSheetWrapper",
34
34
  componentId: "sc-f6x9zb-0"
package/dist/index.cjs.js CHANGED
@@ -47,7 +47,7 @@ const PRODUCTS = ['chat', 'explore', 'guide', 'support', 'talk'];
47
47
  const COMPONENT_ID$w = 'chrome.chrome';
48
48
  const StyledChrome = styled__default.default.div.attrs({
49
49
  'data-garden-id': COMPONENT_ID$w,
50
- 'data-garden-version': '9.0.0-next.23'
50
+ 'data-garden-version': '9.0.0-next.24'
51
51
  }).withConfig({
52
52
  displayName: "StyledChrome",
53
53
  componentId: "sc-1uqm6u6-0"
@@ -113,7 +113,7 @@ const sizeStyles$g = _ref2 => {
113
113
  };
114
114
  const StyledSkipNav = styled__default.default.a.attrs({
115
115
  'data-garden-id': COMPONENT_ID$v,
116
- 'data-garden-version': '9.0.0-next.23'
116
+ 'data-garden-version': '9.0.0-next.24'
117
117
  }).withConfig({
118
118
  displayName: "StyledSkipNav",
119
119
  componentId: "sc-1tsro34-0"
@@ -149,7 +149,7 @@ const sizeStyles$f = _ref => {
149
149
  };
150
150
  const StyledSkipNavIcon = styled__default.default(SvgLinkStroke).attrs({
151
151
  'data-garden-id': COMPONENT_ID$u,
152
- 'data-garden-version': '9.0.0-next.23'
152
+ 'data-garden-version': '9.0.0-next.24'
153
153
  }).withConfig({
154
154
  displayName: "StyledSkipNavIcon",
155
155
  componentId: "sc-1ika5z4-0"
@@ -164,7 +164,7 @@ StyledSkipNavIcon.defaultProps = {
164
164
  const COMPONENT_ID$t = 'chrome.body';
165
165
  const StyledBody = styled__default.default.div.attrs({
166
166
  'data-garden-id': COMPONENT_ID$t,
167
- 'data-garden-version': '9.0.0-next.23'
167
+ 'data-garden-version': '9.0.0-next.24'
168
168
  }).withConfig({
169
169
  displayName: "StyledBody",
170
170
  componentId: "sc-c7h9kv-0"
@@ -189,7 +189,7 @@ const sizeStyles$e = _ref => {
189
189
  };
190
190
  const StyledContent = styled__default.default.div.attrs({
191
191
  'data-garden-id': COMPONENT_ID$s,
192
- 'data-garden-version': '9.0.0-next.23'
192
+ 'data-garden-version': '9.0.0-next.24'
193
193
  }).withConfig({
194
194
  displayName: "StyledContent",
195
195
  componentId: "sc-qcuzxn-0"
@@ -204,7 +204,7 @@ StyledContent.defaultProps = {
204
204
  const COMPONENT_ID$r = 'chrome.main';
205
205
  const StyledMain = styled__default.default.main.attrs({
206
206
  'data-garden-id': COMPONENT_ID$r,
207
- 'data-garden-version': '9.0.0-next.23'
207
+ 'data-garden-version': '9.0.0-next.24'
208
208
  }).withConfig({
209
209
  displayName: "StyledMain",
210
210
  componentId: "sc-t61cre-0"
@@ -242,7 +242,7 @@ const sizeStyles$d = _ref2 => {
242
242
  };
243
243
  const StyledFooter = styled__default.default.footer.attrs({
244
244
  'data-garden-id': COMPONENT_ID$q,
245
- 'data-garden-version': '9.0.0-next.23'
245
+ 'data-garden-version': '9.0.0-next.24'
246
246
  }).withConfig({
247
247
  displayName: "StyledFooter",
248
248
  componentId: "sc-v7lib2-0"
@@ -254,7 +254,7 @@ StyledFooter.defaultProps = {
254
254
  const COMPONENT_ID$p = 'chrome.footer_item';
255
255
  const StyledFooterItem = styled__default.default.div.attrs({
256
256
  'data-garden-id': COMPONENT_ID$p,
257
- 'data-garden-version': '9.0.0-next.23'
257
+ 'data-garden-version': '9.0.0-next.24'
258
258
  }).withConfig({
259
259
  displayName: "StyledFooterItem",
260
260
  componentId: "sc-1cktm85-0"
@@ -274,7 +274,7 @@ const sizeStyles$c = _ref => {
274
274
  };
275
275
  const StyledHeaderItemIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
276
276
  'data-garden-id': COMPONENT_ID$o,
277
- 'data-garden-version': '9.0.0-next.23'
277
+ 'data-garden-version': '9.0.0-next.24'
278
278
  }).withConfig({
279
279
  displayName: "StyledHeaderItemIcon",
280
280
  componentId: "sc-1jhhp6z-0"
@@ -307,7 +307,7 @@ const sizeStyles$b = _ref => {
307
307
  };
308
308
  const StyledBaseHeaderItem = styled__default.default.button.attrs({
309
309
  'data-garden-id': COMPONENT_ID$n,
310
- 'data-garden-version': '9.0.0-next.23'
310
+ 'data-garden-version': '9.0.0-next.24'
311
311
  }).withConfig({
312
312
  displayName: "StyledBaseHeaderItem",
313
313
  componentId: "sc-1qua7h6-0"
@@ -319,7 +319,7 @@ StyledBaseHeaderItem.defaultProps = {
319
319
  const COMPONENT_ID$m = 'chrome.header_item_text';
320
320
  const StyledHeaderItemText = styled__default.default.span.attrs({
321
321
  'data-garden-id': COMPONENT_ID$m,
322
- 'data-garden-version': '9.0.0-next.23'
322
+ 'data-garden-version': '9.0.0-next.24'
323
323
  }).withConfig({
324
324
  displayName: "StyledHeaderItemText",
325
325
  componentId: "sc-goz7la-0"
@@ -358,7 +358,7 @@ const sizeStyles$a = _ref2 => {
358
358
  };
359
359
  const StyledLogoHeaderItem = styled__default.default(StyledBaseHeaderItem).attrs({
360
360
  'data-garden-id': COMPONENT_ID$l,
361
- 'data-garden-version': '9.0.0-next.23',
361
+ 'data-garden-version': '9.0.0-next.24',
362
362
  as: 'div'
363
363
  }).withConfig({
364
364
  displayName: "StyledLogoHeaderItem",
@@ -405,7 +405,7 @@ const sizeStyles$9 = _ref2 => {
405
405
  };
406
406
  const StyledHeader = styled__default.default.header.attrs({
407
407
  'data-garden-id': COMPONENT_ID$k,
408
- 'data-garden-version': '9.0.0-next.23'
408
+ 'data-garden-version': '9.0.0-next.24'
409
409
  }).withConfig({
410
410
  displayName: "StyledHeader",
411
411
  componentId: "sc-1cexpz-0"
@@ -459,7 +459,7 @@ const sizeStyles$8 = _ref2 => {
459
459
  };
460
460
  const StyledHeaderItem = styled__default.default(StyledBaseHeaderItem).attrs({
461
461
  'data-garden-id': COMPONENT_ID$j,
462
- 'data-garden-version': '9.0.0-next.23'
462
+ 'data-garden-version': '9.0.0-next.24'
463
463
  }).withConfig({
464
464
  displayName: "StyledHeaderItem",
465
465
  componentId: "sc-14sft6n-0"
@@ -471,7 +471,7 @@ StyledHeaderItem.defaultProps = {
471
471
  const COMPONENT_ID$i = 'chrome.header_item_wrapper';
472
472
  const StyledHeaderItemWrapper = styled__default.default(StyledBaseHeaderItem).attrs({
473
473
  'data-garden-id': COMPONENT_ID$i,
474
- 'data-garden-version': '9.0.0-next.23',
474
+ 'data-garden-version': '9.0.0-next.24',
475
475
  as: 'div'
476
476
  }).withConfig({
477
477
  displayName: "StyledHeaderItemWrapper",
@@ -515,7 +515,7 @@ const sizeStyles$7 = _ref2 => {
515
515
  };
516
516
  const StyledNav = styled__default.default.nav.attrs({
517
517
  'data-garden-id': COMPONENT_ID$h,
518
- 'data-garden-version': '9.0.0-next.23'
518
+ 'data-garden-version': '9.0.0-next.24'
519
519
  }).withConfig({
520
520
  displayName: "StyledNav",
521
521
  componentId: "sc-6j462r-0"
@@ -527,7 +527,7 @@ StyledNav.defaultProps = {
527
527
  const COMPONENT_ID$g = 'chrome.nav_list';
528
528
  const StyledNavList = styled__default.default.ul.attrs({
529
529
  'data-garden-id': COMPONENT_ID$g,
530
- 'data-garden-version': '9.0.0-next.23'
530
+ 'data-garden-version': '9.0.0-next.24'
531
531
  }).withConfig({
532
532
  displayName: "StyledNavList",
533
533
  componentId: "sc-1s0nkfb-0"
@@ -539,7 +539,7 @@ StyledNavList.defaultProps = {
539
539
  const COMPONENT_ID$f = 'chrome.nav_list_item';
540
540
  const StyledNavListItem = styled__default.default.li.attrs({
541
541
  'data-garden-id': COMPONENT_ID$f,
542
- 'data-garden-version': '9.0.0-next.23'
542
+ 'data-garden-version': '9.0.0-next.24'
543
543
  }).withConfig({
544
544
  displayName: "StyledNavListItem",
545
545
  componentId: "sc-18cj2v7-0"
@@ -560,7 +560,7 @@ const sizeStyles$6 = _ref => {
560
560
  };
561
561
  const StyledBaseNavItem = styled__default.default.div.attrs({
562
562
  'data-garden-id': COMPONENT_ID$e,
563
- 'data-garden-version': '9.0.0-next.23'
563
+ 'data-garden-version': '9.0.0-next.24'
564
564
  }).withConfig({
565
565
  displayName: "StyledBaseNavItem",
566
566
  componentId: "sc-zvo43f-0"
@@ -585,7 +585,7 @@ const colorStyles$4 = _ref => {
585
585
  };
586
586
  const StyledLogoNavItem = styled__default.default(StyledBaseNavItem).attrs({
587
587
  'data-garden-id': COMPONENT_ID$d,
588
- 'data-garden-version': '9.0.0-next.23'
588
+ 'data-garden-version': '9.0.0-next.24'
589
589
  }).withConfig({
590
590
  displayName: "StyledLogoNavItem",
591
591
  componentId: "sc-saaydx-0"
@@ -597,7 +597,7 @@ StyledLogoNavItem.defaultProps = {
597
597
  const COMPONENT_ID$c = 'chrome.brandmark_nav_list_item';
598
598
  const StyledBrandmarkNavItem = styled__default.default(StyledBaseNavItem).attrs({
599
599
  'data-garden-id': COMPONENT_ID$c,
600
- 'data-garden-version': '9.0.0-next.23'
600
+ 'data-garden-version': '9.0.0-next.24'
601
601
  }).withConfig({
602
602
  displayName: "StyledBrandmarkNavItem",
603
603
  componentId: "sc-8kynd4-0"
@@ -616,7 +616,7 @@ const sizeStyles$5 = _ref => {
616
616
  };
617
617
  const StyledNavItemIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
618
618
  'data-garden-id': COMPONENT_ID$b,
619
- 'data-garden-version': '9.0.0-next.23'
619
+ 'data-garden-version': '9.0.0-next.24'
620
620
  }).withConfig({
621
621
  displayName: "StyledNavItemIcon",
622
622
  componentId: "sc-7w9rpt-0"
@@ -695,7 +695,7 @@ const sizeStyles$4 = _ref2 => {
695
695
  };
696
696
  const StyledNavButton = styled__default.default(StyledBaseNavItem).attrs({
697
697
  'data-garden-id': COMPONENT_ID$a,
698
- 'data-garden-version': '9.0.0-next.23',
698
+ 'data-garden-version': '9.0.0-next.24',
699
699
  as: 'button'
700
700
  }).withConfig({
701
701
  displayName: "StyledNavButton",
@@ -722,7 +722,7 @@ const sizeStyles$3 = _ref => {
722
722
  };
723
723
  const StyledNavItemText = styled__default.default.span.attrs({
724
724
  'data-garden-id': COMPONENT_ID$9,
725
- 'data-garden-version': '9.0.0-next.23'
725
+ 'data-garden-version': '9.0.0-next.24'
726
726
  }).withConfig({
727
727
  displayName: "StyledNavItemText",
728
728
  componentId: "sc-13m84xl-0"
@@ -768,7 +768,7 @@ const sizeStyles$2 = _ref2 => {
768
768
  };
769
769
  const StyledSheet = styled__default.default.aside.attrs({
770
770
  'data-garden-id': COMPONENT_ID$8,
771
- 'data-garden-version': '9.0.0-next.23'
771
+ 'data-garden-version': '9.0.0-next.24'
772
772
  }).withConfig({
773
773
  displayName: "StyledSheet",
774
774
  componentId: "sc-dx8ijk-0"
@@ -798,7 +798,7 @@ const transformStyles = _ref => {
798
798
  };
799
799
  const StyledSheetWrapper = styled__default.default.div.attrs({
800
800
  'data-garden-id': COMPONENT_ID$7,
801
- 'data-garden-version': '9.0.0-next.23'
801
+ 'data-garden-version': '9.0.0-next.24'
802
802
  }).withConfig({
803
803
  displayName: "StyledSheetWrapper",
804
804
  componentId: "sc-f6x9zb-0"
@@ -810,7 +810,7 @@ StyledSheetWrapper.defaultProps = {
810
810
  const COMPONENT_ID$6 = 'chrome.sheet_title';
811
811
  const StyledSheetTitle = styled__default.default.div.attrs({
812
812
  'data-garden-id': COMPONENT_ID$6,
813
- 'data-garden-version': '9.0.0-next.23'
813
+ 'data-garden-version': '9.0.0-next.24'
814
814
  }).withConfig({
815
815
  displayName: "StyledSheetTitle",
816
816
  componentId: "sc-1gogk75-0"
@@ -825,7 +825,7 @@ StyledSheetTitle.defaultProps = {
825
825
  const COMPONENT_ID$5 = 'chrome.sheet_description';
826
826
  const StyledSheetDescription = styled__default.default.div.attrs({
827
827
  'data-garden-id': COMPONENT_ID$5,
828
- 'data-garden-version': '9.0.0-next.23'
828
+ 'data-garden-version': '9.0.0-next.24'
829
829
  }).withConfig({
830
830
  displayName: "StyledSheetDescription",
831
831
  componentId: "sc-1puglb6-0"
@@ -840,7 +840,7 @@ StyledSheetDescription.defaultProps = {
840
840
  const COMPONENT_ID$4 = 'chrome.sheet_body';
841
841
  const StyledSheetBody = styled__default.default.div.attrs({
842
842
  'data-garden-id': COMPONENT_ID$4,
843
- 'data-garden-version': '9.0.0-next.23'
843
+ 'data-garden-version': '9.0.0-next.24'
844
844
  }).withConfig({
845
845
  displayName: "StyledSheetBody",
846
846
  componentId: "sc-bt4eoj-0"
@@ -860,7 +860,7 @@ const positionStyles = _ref => {
860
860
  };
861
861
  const StyledSheetClose = styled__default.default(reactButtons.IconButton).attrs({
862
862
  'data-garden-id': COMPONENT_ID$3,
863
- 'data-garden-version': '9.0.0-next.23'
863
+ 'data-garden-version': '9.0.0-next.24'
864
864
  }).withConfig({
865
865
  displayName: "StyledSheetClose",
866
866
  componentId: "sc-1ab02oq-0"
@@ -891,7 +891,7 @@ const sizeStyles$1 = _ref2 => {
891
891
  };
892
892
  const StyledSheetFooter = styled__default.default.footer.attrs({
893
893
  'data-garden-id': COMPONENT_ID$2,
894
- 'data-garden-version': '9.0.0-next.23'
894
+ 'data-garden-version': '9.0.0-next.24'
895
895
  }).withConfig({
896
896
  displayName: "StyledSheetFooter",
897
897
  componentId: "sc-2cktos-0"
@@ -903,7 +903,7 @@ StyledSheetFooter.defaultProps = {
903
903
  const COMPONENT_ID$1 = 'chrome.sheet_footer_item';
904
904
  const StyledSheetFooterItem = styled__default.default.div.attrs({
905
905
  'data-garden-id': COMPONENT_ID$1,
906
- 'data-garden-version': '9.0.0-next.23'
906
+ 'data-garden-version': '9.0.0-next.24'
907
907
  }).withConfig({
908
908
  displayName: "StyledSheetFooterItem",
909
909
  componentId: "sc-r9ixh-0"
@@ -938,7 +938,7 @@ const sizeStyles = _ref2 => {
938
938
  };
939
939
  const StyledSheetHeader = styled__default.default.header.attrs({
940
940
  'data-garden-id': COMPONENT_ID,
941
- 'data-garden-version': '9.0.0-next.23'
941
+ 'data-garden-version': '9.0.0-next.24'
942
942
  }).withConfig({
943
943
  displayName: "StyledSheetHeader",
944
944
  componentId: "sc-o2ry8i-0"
@@ -1420,7 +1420,7 @@ const SheetComponent = React__namespace.default.forwardRef((_ref, ref) => {
1420
1420
  const sheetRef = React.useRef(null);
1421
1421
  const seed = reactUid.useUIDSeed();
1422
1422
  const [isCloseButtonPresent, setIsCloseButtonPresent] = React.useState(false);
1423
- const idPrefix = React.useMemo(() => id || seed(`sheet_${'9.0.0-next.23'}`), [id, seed]);
1423
+ const idPrefix = React.useMemo(() => id || seed(`sheet_${'9.0.0-next.24'}`), [id, seed]);
1424
1424
  const titleId = `${idPrefix}--title`;
1425
1425
  const descriptionId = `${idPrefix}--description`;
1426
1426
  const sheetContext = React.useMemo(() => ({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-chrome",
3
- "version": "9.0.0-next.23",
3
+ "version": "9.0.0-next.24",
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>",
@@ -21,7 +21,7 @@
21
21
  "sideEffects": false,
22
22
  "types": "dist/typings/index.d.ts",
23
23
  "dependencies": {
24
- "@zendeskgarden/react-buttons": "^9.0.0-next.23",
24
+ "@zendeskgarden/react-buttons": "^9.0.0-next.24",
25
25
  "dom-helpers": "^5.2.1",
26
26
  "polished": "^4.3.1",
27
27
  "prop-types": "^15.5.7",
@@ -34,7 +34,7 @@
34
34
  "styled-components": "^5.3.1"
35
35
  },
36
36
  "devDependencies": {
37
- "@zendeskgarden/react-theming": "^9.0.0-next.23",
37
+ "@zendeskgarden/react-theming": "^9.0.0-next.24",
38
38
  "@zendeskgarden/svg-icons": "7.2.0"
39
39
  },
40
40
  "keywords": [
@@ -47,5 +47,5 @@
47
47
  "access": "public"
48
48
  },
49
49
  "zendeskgarden:src": "src/index.ts",
50
- "gitHead": "5e7d2ed69a1615e09406a3f9285359346bb90cc7"
50
+ "gitHead": "36ac3913276188edf8d187a9861be7ba765e487a"
51
51
  }