@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.
- package/dist/esm/elements/sheet/Sheet.js +1 -1
- package/dist/esm/styled/StyledChrome.js +1 -1
- package/dist/esm/styled/StyledSkipNav.js +1 -1
- package/dist/esm/styled/StyledSkipNavIcon.js +1 -1
- package/dist/esm/styled/body/StyledBody.js +1 -1
- package/dist/esm/styled/body/StyledContent.js +1 -1
- package/dist/esm/styled/body/StyledMain.js +1 -1
- package/dist/esm/styled/footer/StyledFooter.js +1 -1
- package/dist/esm/styled/footer/StyledFooterItem.js +1 -1
- package/dist/esm/styled/header/StyledBaseHeaderItem.js +1 -1
- package/dist/esm/styled/header/StyledHeader.js +1 -1
- package/dist/esm/styled/header/StyledHeaderItem.js +1 -1
- package/dist/esm/styled/header/StyledHeaderItemIcon.js +1 -1
- package/dist/esm/styled/header/StyledHeaderItemText.js +1 -1
- package/dist/esm/styled/header/StyledHeaderItemWrapper.js +1 -1
- package/dist/esm/styled/header/StyledLogoHeaderItem.js +1 -1
- package/dist/esm/styled/nav/StyledBaseNavItem.js +1 -1
- package/dist/esm/styled/nav/StyledBrandmarkNavItem.js +1 -1
- package/dist/esm/styled/nav/StyledLogoNavItem.js +1 -1
- package/dist/esm/styled/nav/StyledNav.js +1 -1
- package/dist/esm/styled/nav/StyledNavButton.js +1 -1
- package/dist/esm/styled/nav/StyledNavItemIcon.js +1 -1
- package/dist/esm/styled/nav/StyledNavItemText.js +1 -1
- package/dist/esm/styled/nav/StyledNavList.js +1 -1
- package/dist/esm/styled/nav/StyledNavListItem.js +1 -1
- package/dist/esm/styled/sheet/StyledSheet.js +1 -1
- package/dist/esm/styled/sheet/StyledSheetBody.js +1 -1
- package/dist/esm/styled/sheet/StyledSheetClose.js +1 -1
- package/dist/esm/styled/sheet/StyledSheetDescription.js +1 -1
- package/dist/esm/styled/sheet/StyledSheetFooter.js +1 -1
- package/dist/esm/styled/sheet/StyledSheetFooterItem.js +1 -1
- package/dist/esm/styled/sheet/StyledSheetHeader.js +1 -1
- package/dist/esm/styled/sheet/StyledSheetTitle.js +1 -1
- package/dist/esm/styled/sheet/StyledSheetWrapper.js +1 -1
- package/dist/index.cjs.js +34 -34
- 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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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": "
|
|
50
|
+
"gitHead": "31680e30a7c9b1f2bd1f8f711f540dfaaf4ee4ec"
|
|
51
51
|
}
|