@zendeskgarden/react-chrome 9.0.0-next.17 → 9.0.0-next.18

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.17'}`), [id, seed]);
70
+ const idPrefix = useMemo(() => id || seed(`sheet_${'9.0.0-next.18'}`), [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.17'
13
+ 'data-garden-version': '9.0.0-next.18'
14
14
  }).withConfig({
15
15
  displayName: "StyledChrome",
16
16
  componentId: "sc-1uqm6u6-0"
@@ -62,7 +62,7 @@ const sizeStyles = _ref2 => {
62
62
  };
63
63
  const StyledSkipNav = styled.a.attrs({
64
64
  'data-garden-id': COMPONENT_ID,
65
- 'data-garden-version': '9.0.0-next.17'
65
+ 'data-garden-version': '9.0.0-next.18'
66
66
  }).withConfig({
67
67
  displayName: "StyledSkipNav",
68
68
  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.17'
22
+ 'data-garden-version': '9.0.0-next.18'
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.17'
13
+ 'data-garden-version': '9.0.0-next.18'
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.17'
25
+ 'data-garden-version': '9.0.0-next.18'
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.17'
13
+ 'data-garden-version': '9.0.0-next.18'
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.17'
37
+ 'data-garden-version': '9.0.0-next.18'
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.17'
13
+ 'data-garden-version': '9.0.0-next.18'
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.17'
35
+ 'data-garden-version': '9.0.0-next.18'
36
36
  }).withConfig({
37
37
  displayName: "StyledBaseHeaderItem",
38
38
  componentId: "sc-1qua7h6-0"
@@ -53,7 +53,7 @@ const sizeStyles = _ref2 => {
53
53
  };
54
54
  const StyledHeader = styled.header.attrs({
55
55
  'data-garden-id': COMPONENT_ID,
56
- 'data-garden-version': '9.0.0-next.17'
56
+ 'data-garden-version': '9.0.0-next.18'
57
57
  }).withConfig({
58
58
  displayName: "StyledHeader",
59
59
  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.17'
60
+ 'data-garden-version': '9.0.0-next.18'
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.17'
21
+ 'data-garden-version': '9.0.0-next.18'
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.17'
14
+ 'data-garden-version': '9.0.0-next.18'
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.17',
14
+ 'data-garden-version': '9.0.0-next.18',
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.17',
45
+ 'data-garden-version': '9.0.0-next.18',
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.17'
24
+ 'data-garden-version': '9.0.0-next.18'
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.17'
14
+ 'data-garden-version': '9.0.0-next.18'
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.17'
28
+ 'data-garden-version': '9.0.0-next.18'
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.17'
45
+ 'data-garden-version': '9.0.0-next.18'
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.17',
84
+ 'data-garden-version': '9.0.0-next.18',
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.17'
20
+ 'data-garden-version': '9.0.0-next.18'
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.17'
30
+ 'data-garden-version': '9.0.0-next.18'
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.17'
13
+ 'data-garden-version': '9.0.0-next.18'
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.17'
13
+ 'data-garden-version': '9.0.0-next.18'
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.17'
47
+ 'data-garden-version': '9.0.0-next.18'
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.17'
13
+ 'data-garden-version': '9.0.0-next.18'
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.17'
22
+ 'data-garden-version': '9.0.0-next.18'
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.17'
13
+ 'data-garden-version': '9.0.0-next.18'
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.17'
32
+ 'data-garden-version': '9.0.0-next.18'
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.17'
13
+ 'data-garden-version': '9.0.0-next.18'
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.17'
36
+ 'data-garden-version': '9.0.0-next.18'
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.17'
13
+ 'data-garden-version': '9.0.0-next.18'
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.17'
31
+ 'data-garden-version': '9.0.0-next.18'
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.17'
50
+ 'data-garden-version': '9.0.0-next.18'
51
51
  }).withConfig({
52
52
  displayName: "StyledChrome",
53
53
  componentId: "sc-1uqm6u6-0"
@@ -120,7 +120,7 @@ const sizeStyles$g = _ref2 => {
120
120
  };
121
121
  const StyledSkipNav = styled__default.default.a.attrs({
122
122
  'data-garden-id': COMPONENT_ID$v,
123
- 'data-garden-version': '9.0.0-next.17'
123
+ 'data-garden-version': '9.0.0-next.18'
124
124
  }).withConfig({
125
125
  displayName: "StyledSkipNav",
126
126
  componentId: "sc-1tsro34-0"
@@ -156,7 +156,7 @@ const sizeStyles$f = _ref => {
156
156
  };
157
157
  const StyledSkipNavIcon = styled__default.default(SvgLinkStroke).attrs({
158
158
  'data-garden-id': COMPONENT_ID$u,
159
- 'data-garden-version': '9.0.0-next.17'
159
+ 'data-garden-version': '9.0.0-next.18'
160
160
  }).withConfig({
161
161
  displayName: "StyledSkipNavIcon",
162
162
  componentId: "sc-1ika5z4-0"
@@ -171,7 +171,7 @@ StyledSkipNavIcon.defaultProps = {
171
171
  const COMPONENT_ID$t = 'chrome.body';
172
172
  const StyledBody = styled__default.default.div.attrs({
173
173
  'data-garden-id': COMPONENT_ID$t,
174
- 'data-garden-version': '9.0.0-next.17'
174
+ 'data-garden-version': '9.0.0-next.18'
175
175
  }).withConfig({
176
176
  displayName: "StyledBody",
177
177
  componentId: "sc-c7h9kv-0"
@@ -196,7 +196,7 @@ const sizeStyles$e = _ref => {
196
196
  };
197
197
  const StyledContent = styled__default.default.div.attrs({
198
198
  'data-garden-id': COMPONENT_ID$s,
199
- 'data-garden-version': '9.0.0-next.17'
199
+ 'data-garden-version': '9.0.0-next.18'
200
200
  }).withConfig({
201
201
  displayName: "StyledContent",
202
202
  componentId: "sc-qcuzxn-0"
@@ -211,7 +211,7 @@ StyledContent.defaultProps = {
211
211
  const COMPONENT_ID$r = 'chrome.main';
212
212
  const StyledMain = styled__default.default.main.attrs({
213
213
  'data-garden-id': COMPONENT_ID$r,
214
- 'data-garden-version': '9.0.0-next.17'
214
+ 'data-garden-version': '9.0.0-next.18'
215
215
  }).withConfig({
216
216
  displayName: "StyledMain",
217
217
  componentId: "sc-t61cre-0"
@@ -249,7 +249,7 @@ const sizeStyles$d = _ref2 => {
249
249
  };
250
250
  const StyledFooter = styled__default.default.footer.attrs({
251
251
  'data-garden-id': COMPONENT_ID$q,
252
- 'data-garden-version': '9.0.0-next.17'
252
+ 'data-garden-version': '9.0.0-next.18'
253
253
  }).withConfig({
254
254
  displayName: "StyledFooter",
255
255
  componentId: "sc-v7lib2-0"
@@ -261,7 +261,7 @@ StyledFooter.defaultProps = {
261
261
  const COMPONENT_ID$p = 'chrome.footer_item';
262
262
  const StyledFooterItem = styled__default.default.div.attrs({
263
263
  'data-garden-id': COMPONENT_ID$p,
264
- 'data-garden-version': '9.0.0-next.17'
264
+ 'data-garden-version': '9.0.0-next.18'
265
265
  }).withConfig({
266
266
  displayName: "StyledFooterItem",
267
267
  componentId: "sc-1cktm85-0"
@@ -281,7 +281,7 @@ const sizeStyles$c = _ref => {
281
281
  };
282
282
  const StyledHeaderItemIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
283
283
  'data-garden-id': COMPONENT_ID$o,
284
- 'data-garden-version': '9.0.0-next.17'
284
+ 'data-garden-version': '9.0.0-next.18'
285
285
  }).withConfig({
286
286
  displayName: "StyledHeaderItemIcon",
287
287
  componentId: "sc-1jhhp6z-0"
@@ -314,7 +314,7 @@ const sizeStyles$b = _ref => {
314
314
  };
315
315
  const StyledBaseHeaderItem = styled__default.default.button.attrs({
316
316
  'data-garden-id': COMPONENT_ID$n,
317
- 'data-garden-version': '9.0.0-next.17'
317
+ 'data-garden-version': '9.0.0-next.18'
318
318
  }).withConfig({
319
319
  displayName: "StyledBaseHeaderItem",
320
320
  componentId: "sc-1qua7h6-0"
@@ -326,7 +326,7 @@ StyledBaseHeaderItem.defaultProps = {
326
326
  const COMPONENT_ID$m = 'chrome.header_item_text';
327
327
  const StyledHeaderItemText = styled__default.default.span.attrs({
328
328
  'data-garden-id': COMPONENT_ID$m,
329
- 'data-garden-version': '9.0.0-next.17'
329
+ 'data-garden-version': '9.0.0-next.18'
330
330
  }).withConfig({
331
331
  displayName: "StyledHeaderItemText",
332
332
  componentId: "sc-goz7la-0"
@@ -365,7 +365,7 @@ const sizeStyles$a = _ref2 => {
365
365
  };
366
366
  const StyledLogoHeaderItem = styled__default.default(StyledBaseHeaderItem).attrs({
367
367
  'data-garden-id': COMPONENT_ID$l,
368
- 'data-garden-version': '9.0.0-next.17',
368
+ 'data-garden-version': '9.0.0-next.18',
369
369
  as: 'div'
370
370
  }).withConfig({
371
371
  displayName: "StyledLogoHeaderItem",
@@ -419,7 +419,7 @@ const sizeStyles$9 = _ref2 => {
419
419
  };
420
420
  const StyledHeader = styled__default.default.header.attrs({
421
421
  'data-garden-id': COMPONENT_ID$k,
422
- 'data-garden-version': '9.0.0-next.17'
422
+ 'data-garden-version': '9.0.0-next.18'
423
423
  }).withConfig({
424
424
  displayName: "StyledHeader",
425
425
  componentId: "sc-1cexpz-0"
@@ -473,7 +473,7 @@ const sizeStyles$8 = _ref2 => {
473
473
  };
474
474
  const StyledHeaderItem = styled__default.default(StyledBaseHeaderItem).attrs({
475
475
  'data-garden-id': COMPONENT_ID$j,
476
- 'data-garden-version': '9.0.0-next.17'
476
+ 'data-garden-version': '9.0.0-next.18'
477
477
  }).withConfig({
478
478
  displayName: "StyledHeaderItem",
479
479
  componentId: "sc-14sft6n-0"
@@ -485,7 +485,7 @@ StyledHeaderItem.defaultProps = {
485
485
  const COMPONENT_ID$i = 'chrome.header_item_wrapper';
486
486
  const StyledHeaderItemWrapper = styled__default.default(StyledBaseHeaderItem).attrs({
487
487
  'data-garden-id': COMPONENT_ID$i,
488
- 'data-garden-version': '9.0.0-next.17',
488
+ 'data-garden-version': '9.0.0-next.18',
489
489
  as: 'div'
490
490
  }).withConfig({
491
491
  displayName: "StyledHeaderItemWrapper",
@@ -529,7 +529,7 @@ const sizeStyles$7 = _ref2 => {
529
529
  };
530
530
  const StyledNav = styled__default.default.nav.attrs({
531
531
  'data-garden-id': COMPONENT_ID$h,
532
- 'data-garden-version': '9.0.0-next.17'
532
+ 'data-garden-version': '9.0.0-next.18'
533
533
  }).withConfig({
534
534
  displayName: "StyledNav",
535
535
  componentId: "sc-6j462r-0"
@@ -541,7 +541,7 @@ StyledNav.defaultProps = {
541
541
  const COMPONENT_ID$g = 'chrome.nav_list';
542
542
  const StyledNavList = styled__default.default.ul.attrs({
543
543
  'data-garden-id': COMPONENT_ID$g,
544
- 'data-garden-version': '9.0.0-next.17'
544
+ 'data-garden-version': '9.0.0-next.18'
545
545
  }).withConfig({
546
546
  displayName: "StyledNavList",
547
547
  componentId: "sc-1s0nkfb-0"
@@ -553,7 +553,7 @@ StyledNavList.defaultProps = {
553
553
  const COMPONENT_ID$f = 'chrome.nav_list_item';
554
554
  const StyledNavListItem = styled__default.default.li.attrs({
555
555
  'data-garden-id': COMPONENT_ID$f,
556
- 'data-garden-version': '9.0.0-next.17'
556
+ 'data-garden-version': '9.0.0-next.18'
557
557
  }).withConfig({
558
558
  displayName: "StyledNavListItem",
559
559
  componentId: "sc-18cj2v7-0"
@@ -574,7 +574,7 @@ const sizeStyles$6 = _ref => {
574
574
  };
575
575
  const StyledBaseNavItem = styled__default.default.div.attrs({
576
576
  'data-garden-id': COMPONENT_ID$e,
577
- 'data-garden-version': '9.0.0-next.17'
577
+ 'data-garden-version': '9.0.0-next.18'
578
578
  }).withConfig({
579
579
  displayName: "StyledBaseNavItem",
580
580
  componentId: "sc-zvo43f-0"
@@ -599,7 +599,7 @@ const colorStyles$4 = _ref => {
599
599
  };
600
600
  const StyledLogoNavItem = styled__default.default(StyledBaseNavItem).attrs({
601
601
  'data-garden-id': COMPONENT_ID$d,
602
- 'data-garden-version': '9.0.0-next.17'
602
+ 'data-garden-version': '9.0.0-next.18'
603
603
  }).withConfig({
604
604
  displayName: "StyledLogoNavItem",
605
605
  componentId: "sc-saaydx-0"
@@ -611,7 +611,7 @@ StyledLogoNavItem.defaultProps = {
611
611
  const COMPONENT_ID$c = 'chrome.brandmark_nav_list_item';
612
612
  const StyledBrandmarkNavItem = styled__default.default(StyledBaseNavItem).attrs({
613
613
  'data-garden-id': COMPONENT_ID$c,
614
- 'data-garden-version': '9.0.0-next.17'
614
+ 'data-garden-version': '9.0.0-next.18'
615
615
  }).withConfig({
616
616
  displayName: "StyledBrandmarkNavItem",
617
617
  componentId: "sc-8kynd4-0"
@@ -630,7 +630,7 @@ const sizeStyles$5 = _ref => {
630
630
  };
631
631
  const StyledNavItemIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
632
632
  'data-garden-id': COMPONENT_ID$b,
633
- 'data-garden-version': '9.0.0-next.17'
633
+ 'data-garden-version': '9.0.0-next.18'
634
634
  }).withConfig({
635
635
  displayName: "StyledNavItemIcon",
636
636
  componentId: "sc-7w9rpt-0"
@@ -709,7 +709,7 @@ const sizeStyles$4 = _ref2 => {
709
709
  };
710
710
  const StyledNavButton = styled__default.default(StyledBaseNavItem).attrs({
711
711
  'data-garden-id': COMPONENT_ID$a,
712
- 'data-garden-version': '9.0.0-next.17',
712
+ 'data-garden-version': '9.0.0-next.18',
713
713
  as: 'button'
714
714
  }).withConfig({
715
715
  displayName: "StyledNavButton",
@@ -736,7 +736,7 @@ const sizeStyles$3 = _ref => {
736
736
  };
737
737
  const StyledNavItemText = styled__default.default.span.attrs({
738
738
  'data-garden-id': COMPONENT_ID$9,
739
- 'data-garden-version': '9.0.0-next.17'
739
+ 'data-garden-version': '9.0.0-next.18'
740
740
  }).withConfig({
741
741
  displayName: "StyledNavItemText",
742
742
  componentId: "sc-13m84xl-0"
@@ -782,7 +782,7 @@ const sizeStyles$2 = _ref2 => {
782
782
  };
783
783
  const StyledSheet = styled__default.default.aside.attrs({
784
784
  'data-garden-id': COMPONENT_ID$8,
785
- 'data-garden-version': '9.0.0-next.17'
785
+ 'data-garden-version': '9.0.0-next.18'
786
786
  }).withConfig({
787
787
  displayName: "StyledSheet",
788
788
  componentId: "sc-dx8ijk-0"
@@ -812,7 +812,7 @@ const transformStyles = _ref => {
812
812
  };
813
813
  const StyledSheetWrapper = styled__default.default.div.attrs({
814
814
  'data-garden-id': COMPONENT_ID$7,
815
- 'data-garden-version': '9.0.0-next.17'
815
+ 'data-garden-version': '9.0.0-next.18'
816
816
  }).withConfig({
817
817
  displayName: "StyledSheetWrapper",
818
818
  componentId: "sc-f6x9zb-0"
@@ -824,7 +824,7 @@ StyledSheetWrapper.defaultProps = {
824
824
  const COMPONENT_ID$6 = 'chrome.sheet_title';
825
825
  const StyledSheetTitle = styled__default.default.div.attrs({
826
826
  'data-garden-id': COMPONENT_ID$6,
827
- 'data-garden-version': '9.0.0-next.17'
827
+ 'data-garden-version': '9.0.0-next.18'
828
828
  }).withConfig({
829
829
  displayName: "StyledSheetTitle",
830
830
  componentId: "sc-1gogk75-0"
@@ -839,7 +839,7 @@ StyledSheetTitle.defaultProps = {
839
839
  const COMPONENT_ID$5 = 'chrome.sheet_description';
840
840
  const StyledSheetDescription = styled__default.default.div.attrs({
841
841
  'data-garden-id': COMPONENT_ID$5,
842
- 'data-garden-version': '9.0.0-next.17'
842
+ 'data-garden-version': '9.0.0-next.18'
843
843
  }).withConfig({
844
844
  displayName: "StyledSheetDescription",
845
845
  componentId: "sc-1puglb6-0"
@@ -854,7 +854,7 @@ StyledSheetDescription.defaultProps = {
854
854
  const COMPONENT_ID$4 = 'chrome.sheet_body';
855
855
  const StyledSheetBody = styled__default.default.div.attrs({
856
856
  'data-garden-id': COMPONENT_ID$4,
857
- 'data-garden-version': '9.0.0-next.17'
857
+ 'data-garden-version': '9.0.0-next.18'
858
858
  }).withConfig({
859
859
  displayName: "StyledSheetBody",
860
860
  componentId: "sc-bt4eoj-0"
@@ -874,7 +874,7 @@ const positionStyles = _ref => {
874
874
  };
875
875
  const StyledSheetClose = styled__default.default(reactButtons.IconButton).attrs({
876
876
  'data-garden-id': COMPONENT_ID$3,
877
- 'data-garden-version': '9.0.0-next.17'
877
+ 'data-garden-version': '9.0.0-next.18'
878
878
  }).withConfig({
879
879
  displayName: "StyledSheetClose",
880
880
  componentId: "sc-1ab02oq-0"
@@ -905,7 +905,7 @@ const sizeStyles$1 = _ref2 => {
905
905
  };
906
906
  const StyledSheetFooter = styled__default.default.footer.attrs({
907
907
  'data-garden-id': COMPONENT_ID$2,
908
- 'data-garden-version': '9.0.0-next.17'
908
+ 'data-garden-version': '9.0.0-next.18'
909
909
  }).withConfig({
910
910
  displayName: "StyledSheetFooter",
911
911
  componentId: "sc-2cktos-0"
@@ -917,7 +917,7 @@ StyledSheetFooter.defaultProps = {
917
917
  const COMPONENT_ID$1 = 'chrome.sheet_footer_item';
918
918
  const StyledSheetFooterItem = styled__default.default.div.attrs({
919
919
  'data-garden-id': COMPONENT_ID$1,
920
- 'data-garden-version': '9.0.0-next.17'
920
+ 'data-garden-version': '9.0.0-next.18'
921
921
  }).withConfig({
922
922
  displayName: "StyledSheetFooterItem",
923
923
  componentId: "sc-r9ixh-0"
@@ -952,7 +952,7 @@ const sizeStyles = _ref2 => {
952
952
  };
953
953
  const StyledSheetHeader = styled__default.default.header.attrs({
954
954
  'data-garden-id': COMPONENT_ID,
955
- 'data-garden-version': '9.0.0-next.17'
955
+ 'data-garden-version': '9.0.0-next.18'
956
956
  }).withConfig({
957
957
  displayName: "StyledSheetHeader",
958
958
  componentId: "sc-o2ry8i-0"
@@ -1432,7 +1432,7 @@ const SheetComponent = React__namespace.default.forwardRef((_ref, ref) => {
1432
1432
  const sheetRef = React.useRef(null);
1433
1433
  const seed = reactUid.useUIDSeed();
1434
1434
  const [isCloseButtonPresent, setIsCloseButtonPresent] = React.useState(false);
1435
- const idPrefix = React.useMemo(() => id || seed(`sheet_${'9.0.0-next.17'}`), [id, seed]);
1435
+ const idPrefix = React.useMemo(() => id || seed(`sheet_${'9.0.0-next.18'}`), [id, seed]);
1436
1436
  const titleId = `${idPrefix}--title`;
1437
1437
  const descriptionId = `${idPrefix}--description`;
1438
1438
  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.17",
3
+ "version": "9.0.0-next.18",
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.17",
24
+ "@zendeskgarden/react-buttons": "^9.0.0-next.18",
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.17",
37
+ "@zendeskgarden/react-theming": "^9.0.0-next.18",
38
38
  "@zendeskgarden/svg-icons": "7.1.1"
39
39
  },
40
40
  "keywords": [
@@ -47,5 +47,5 @@
47
47
  "access": "public"
48
48
  },
49
49
  "zendeskgarden:src": "src/index.ts",
50
- "gitHead": "7a7e39c2a9e854ad0fe914d82e28c052aa102d2e"
50
+ "gitHead": "31680e30a7c9b1f2bd1f8f711f540dfaaf4ee4ec"
51
51
  }