@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.
- 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.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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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": "
|
|
50
|
+
"gitHead": "36ac3913276188edf8d187a9861be7ba765e487a"
|
|
51
51
|
}
|