@zendeskgarden/react-chrome 9.0.0-next.12 → 9.0.0-next.14
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/node_modules/@zendeskgarden/svg-icons/src/16/link-stroke.svg.js +1 -1
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/x-stroke.svg.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 +36 -36
- package/package.json +5 -5
|
@@ -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.14'}`), [id, seed]);
|
|
71
71
|
const titleId = `${idPrefix}--title`;
|
|
72
72
|
const descriptionId = `${idPrefix}--description`;
|
|
73
73
|
const sheetContext = useMemo(() => ({
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _path;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgLinkStroke = function SvgLinkStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
|
|
9
9
|
var _path;
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
var SvgXStroke = function SvgXStroke(props) {
|
|
12
12
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
13
13
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -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.14'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledChrome",
|
|
16
16
|
componentId: "sc-1uqm6u6-0"
|
|
@@ -34,7 +34,7 @@ const sizeStyles = props => {
|
|
|
34
34
|
};
|
|
35
35
|
const StyledSkipNav = styled.a.attrs({
|
|
36
36
|
'data-garden-id': COMPONENT_ID,
|
|
37
|
-
'data-garden-version': '9.0.0-next.
|
|
37
|
+
'data-garden-version': '9.0.0-next.14'
|
|
38
38
|
}).withConfig({
|
|
39
39
|
displayName: "StyledSkipNav",
|
|
40
40
|
componentId: "sc-1tsro34-0"
|
|
@@ -16,7 +16,7 @@ const sizeStyles = theme => {
|
|
|
16
16
|
};
|
|
17
17
|
const StyledSkipNavIcon = styled(SvgLinkStroke).attrs({
|
|
18
18
|
'data-garden-id': COMPONENT_ID,
|
|
19
|
-
'data-garden-version': '9.0.0-next.
|
|
19
|
+
'data-garden-version': '9.0.0-next.14'
|
|
20
20
|
}).withConfig({
|
|
21
21
|
displayName: "StyledSkipNavIcon",
|
|
22
22
|
componentId: "sc-1ika5z4-0"
|
|
@@ -10,7 +10,7 @@ import { getColorV8, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgard
|
|
|
10
10
|
const COMPONENT_ID = 'chrome.body';
|
|
11
11
|
const StyledBody = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.14'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledBody",
|
|
16
16
|
componentId: "sc-c7h9kv-0"
|
|
@@ -13,7 +13,7 @@ import { getFooterHeight } from '../footer/StyledFooter.js';
|
|
|
13
13
|
const COMPONENT_ID = 'chrome.content';
|
|
14
14
|
const StyledContent = styled.div.attrs({
|
|
15
15
|
'data-garden-id': COMPONENT_ID,
|
|
16
|
-
'data-garden-version': '9.0.0-next.
|
|
16
|
+
'data-garden-version': '9.0.0-next.14'
|
|
17
17
|
}).withConfig({
|
|
18
18
|
displayName: "StyledContent",
|
|
19
19
|
componentId: "sc-qcuzxn-0"
|
|
@@ -10,7 +10,7 @@ import { getColorV8, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgard
|
|
|
10
10
|
const COMPONENT_ID = 'chrome.main';
|
|
11
11
|
const StyledMain = styled.main.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.14'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledMain",
|
|
16
16
|
componentId: "sc-t61cre-0"
|
|
@@ -13,7 +13,7 @@ const getFooterHeight = props => {
|
|
|
13
13
|
};
|
|
14
14
|
const StyledFooter = styled.footer.attrs({
|
|
15
15
|
'data-garden-id': COMPONENT_ID,
|
|
16
|
-
'data-garden-version': '9.0.0-next.
|
|
16
|
+
'data-garden-version': '9.0.0-next.14'
|
|
17
17
|
}).withConfig({
|
|
18
18
|
displayName: "StyledFooter",
|
|
19
19
|
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.14'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledFooterItem",
|
|
16
16
|
componentId: "sc-1cktm85-0"
|
|
@@ -15,7 +15,7 @@ const sizeStyles = props => {
|
|
|
15
15
|
};
|
|
16
16
|
const StyledBaseHeaderItem = styled.button.attrs({
|
|
17
17
|
'data-garden-id': COMPONENT_ID,
|
|
18
|
-
'data-garden-version': '9.0.0-next.
|
|
18
|
+
'data-garden-version': '9.0.0-next.14'
|
|
19
19
|
}).withConfig({
|
|
20
20
|
displayName: "StyledBaseHeaderItem",
|
|
21
21
|
componentId: "sc-1qua7h6-0"
|
|
@@ -15,7 +15,7 @@ const getHeaderHeight = props => {
|
|
|
15
15
|
};
|
|
16
16
|
const StyledHeader = styled.header.attrs({
|
|
17
17
|
'data-garden-id': COMPONENT_ID,
|
|
18
|
-
'data-garden-version': '9.0.0-next.
|
|
18
|
+
'data-garden-version': '9.0.0-next.14'
|
|
19
19
|
}).withConfig({
|
|
20
20
|
displayName: "StyledHeader",
|
|
21
21
|
componentId: "sc-1cexpz-0"
|
|
@@ -18,7 +18,7 @@ const imgStyles = props => {
|
|
|
18
18
|
};
|
|
19
19
|
const StyledHeaderItem = styled(StyledBaseHeaderItem).attrs({
|
|
20
20
|
'data-garden-id': COMPONENT_ID,
|
|
21
|
-
'data-garden-version': '9.0.0-next.
|
|
21
|
+
'data-garden-version': '9.0.0-next.14'
|
|
22
22
|
}).withConfig({
|
|
23
23
|
displayName: "StyledHeaderItem",
|
|
24
24
|
componentId: "sc-14sft6n-0"
|
|
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
10
10
|
const COMPONENT_ID = 'chrome.header_item_icon';
|
|
11
11
|
const StyledHeaderItemIcon = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.14'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledHeaderItemIcon",
|
|
16
16
|
componentId: "sc-1jhhp6z-0"
|
|
@@ -11,7 +11,7 @@ const COMPONENT_ID = 'chrome.header_item_text';
|
|
|
11
11
|
const clippedStyling = css(["position:absolute;margin:0;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
|
|
12
12
|
const StyledHeaderItemText = styled.span.attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.14'
|
|
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.14',
|
|
15
15
|
as: 'div'
|
|
16
16
|
}).withConfig({
|
|
17
17
|
displayName: "StyledHeaderItemWrapper",
|
|
@@ -30,7 +30,7 @@ const retrieveProductColor = props => {
|
|
|
30
30
|
};
|
|
31
31
|
const StyledLogoHeaderItem = styled(StyledBaseHeaderItem).attrs({
|
|
32
32
|
'data-garden-id': COMPONENT_ID,
|
|
33
|
-
'data-garden-version': '9.0.0-next.
|
|
33
|
+
'data-garden-version': '9.0.0-next.14',
|
|
34
34
|
as: 'div'
|
|
35
35
|
}).withConfig({
|
|
36
36
|
displayName: "StyledLogoHeaderItem",
|
|
@@ -20,7 +20,7 @@ const sizeStyles = props => {
|
|
|
20
20
|
};
|
|
21
21
|
const StyledBaseNavItem = styled.div.attrs({
|
|
22
22
|
'data-garden-id': COMPONENT_ID,
|
|
23
|
-
'data-garden-version': '9.0.0-next.
|
|
23
|
+
'data-garden-version': '9.0.0-next.14'
|
|
24
24
|
}).withConfig({
|
|
25
25
|
displayName: "StyledBaseNavItem",
|
|
26
26
|
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.14'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledBrandmarkNavItem",
|
|
17
17
|
componentId: "sc-8kynd4-0"
|
|
@@ -32,7 +32,7 @@ const colorStyles = props => {
|
|
|
32
32
|
};
|
|
33
33
|
const StyledLogoNavItem = styled(StyledBaseNavItem).attrs({
|
|
34
34
|
'data-garden-id': COMPONENT_ID,
|
|
35
|
-
'data-garden-version': '9.0.0-next.
|
|
35
|
+
'data-garden-version': '9.0.0-next.14'
|
|
36
36
|
}).withConfig({
|
|
37
37
|
displayName: "StyledLogoNavItem",
|
|
38
38
|
componentId: "sc-saaydx-0"
|
|
@@ -22,7 +22,7 @@ const getExpandedNavWidth = () => {
|
|
|
22
22
|
};
|
|
23
23
|
const StyledNav = styled.nav.attrs({
|
|
24
24
|
'data-garden-id': COMPONENT_ID,
|
|
25
|
-
'data-garden-version': '9.0.0-next.
|
|
25
|
+
'data-garden-version': '9.0.0-next.14'
|
|
26
26
|
}).withConfig({
|
|
27
27
|
displayName: "StyledNav",
|
|
28
28
|
componentId: "sc-6j462r-0"
|
|
@@ -48,7 +48,7 @@ const colorStyles = props => {
|
|
|
48
48
|
};
|
|
49
49
|
const StyledNavButton = styled(StyledBaseNavItem).attrs({
|
|
50
50
|
'data-garden-id': COMPONENT_ID,
|
|
51
|
-
'data-garden-version': '9.0.0-next.
|
|
51
|
+
'data-garden-version': '9.0.0-next.14',
|
|
52
52
|
as: 'button'
|
|
53
53
|
}).withConfig({
|
|
54
54
|
displayName: "StyledNavButton",
|
|
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
10
10
|
const COMPONENT_ID = 'chrome.nav_item_icon';
|
|
11
11
|
const StyledNavItemIcon = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.14'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledNavItemIcon",
|
|
16
16
|
componentId: "sc-7w9rpt-0"
|
|
@@ -13,7 +13,7 @@ import { getNavWidth } from './StyledNav.js';
|
|
|
13
13
|
const COMPONENT_ID = 'chrome.nav_item_text';
|
|
14
14
|
const StyledNavItemText = styled.span.attrs({
|
|
15
15
|
'data-garden-id': COMPONENT_ID,
|
|
16
|
-
'data-garden-version': '9.0.0-next.
|
|
16
|
+
'data-garden-version': '9.0.0-next.14'
|
|
17
17
|
}).withConfig({
|
|
18
18
|
displayName: "StyledNavItemText",
|
|
19
19
|
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.14'
|
|
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.14'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledNavListItem",
|
|
16
16
|
componentId: "sc-18cj2v7-0"
|
|
@@ -29,7 +29,7 @@ const borderStyle = _ref => {
|
|
|
29
29
|
};
|
|
30
30
|
const StyledSheet = styled.aside.attrs({
|
|
31
31
|
'data-garden-id': COMPONENT_ID,
|
|
32
|
-
'data-garden-version': '9.0.0-next.
|
|
32
|
+
'data-garden-version': '9.0.0-next.14'
|
|
33
33
|
}).withConfig({
|
|
34
34
|
displayName: "StyledSheet",
|
|
35
35
|
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.14'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledSheetBody",
|
|
16
16
|
componentId: "sc-bt4eoj-0"
|
|
@@ -22,7 +22,7 @@ const colorStyles = props => {
|
|
|
22
22
|
};
|
|
23
23
|
const StyledSheetClose = styled.button.attrs({
|
|
24
24
|
'data-garden-id': COMPONENT_ID,
|
|
25
|
-
'data-garden-version': '9.0.0-next.
|
|
25
|
+
'data-garden-version': '9.0.0-next.14'
|
|
26
26
|
}).withConfig({
|
|
27
27
|
displayName: "StyledSheetClose",
|
|
28
28
|
componentId: "sc-1ab02oq-0"
|
|
@@ -10,7 +10,7 @@ import { getLineHeight, getColorV8, retrieveComponentStyles, DEFAULT_THEME } fro
|
|
|
10
10
|
const COMPONENT_ID = 'chrome.sheet_description';
|
|
11
11
|
const StyledSheetDescription = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.14'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledSheetDescription",
|
|
16
16
|
componentId: "sc-1puglb6-0"
|
|
@@ -10,7 +10,7 @@ import { getColorV8, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgard
|
|
|
10
10
|
const COMPONENT_ID = 'chrome.sheet_footer';
|
|
11
11
|
const StyledSheetFooter = styled.footer.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.14'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledSheetFooter",
|
|
16
16
|
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.14'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledSheetFooterItem",
|
|
16
16
|
componentId: "sc-r9ixh-0"
|
|
@@ -11,7 +11,7 @@ import { BASE_MULTIPLIERS } from './StyledSheetClose.js';
|
|
|
11
11
|
const COMPONENT_ID = 'chrome.sheet_header';
|
|
12
12
|
const StyledSheetHeader = styled.header.attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.14'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledSheetHeader",
|
|
17
17
|
componentId: "sc-o2ry8i-0"
|
|
@@ -10,7 +10,7 @@ import { getLineHeight, getColorV8, retrieveComponentStyles, DEFAULT_THEME } fro
|
|
|
10
10
|
const COMPONENT_ID = 'chrome.sheet_title';
|
|
11
11
|
const StyledSheetTitle = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.14'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledSheetTitle",
|
|
16
16
|
componentId: "sc-1gogk75-0"
|
|
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
10
10
|
const COMPONENT_ID = 'chrome.sheet_wrapper';
|
|
11
11
|
const StyledSheetWrapper = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.14'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledSheetWrapper",
|
|
16
16
|
componentId: "sc-f6x9zb-0"
|
package/dist/index.cjs.js
CHANGED
|
@@ -46,7 +46,7 @@ const PRODUCTS = ['chat', 'explore', 'guide', 'support', 'talk'];
|
|
|
46
46
|
const COMPONENT_ID$w = 'chrome.chrome';
|
|
47
47
|
const StyledChrome = styled__default.default.div.attrs({
|
|
48
48
|
'data-garden-id': COMPONENT_ID$w,
|
|
49
|
-
'data-garden-version': '9.0.0-next.
|
|
49
|
+
'data-garden-version': '9.0.0-next.14'
|
|
50
50
|
}).withConfig({
|
|
51
51
|
displayName: "StyledChrome",
|
|
52
52
|
componentId: "sc-1uqm6u6-0"
|
|
@@ -58,7 +58,7 @@ StyledChrome.defaultProps = {
|
|
|
58
58
|
const COMPONENT_ID$v = 'chrome.header_item_icon';
|
|
59
59
|
const StyledHeaderItemIcon = styled__default.default.div.attrs({
|
|
60
60
|
'data-garden-id': COMPONENT_ID$v,
|
|
61
|
-
'data-garden-version': '9.0.0-next.
|
|
61
|
+
'data-garden-version': '9.0.0-next.14'
|
|
62
62
|
}).withConfig({
|
|
63
63
|
displayName: "StyledHeaderItemIcon",
|
|
64
64
|
componentId: "sc-1jhhp6z-0"
|
|
@@ -75,7 +75,7 @@ const sizeStyles$3 = props => {
|
|
|
75
75
|
};
|
|
76
76
|
const StyledBaseHeaderItem = styled__default.default.button.attrs({
|
|
77
77
|
'data-garden-id': COMPONENT_ID$u,
|
|
78
|
-
'data-garden-version': '9.0.0-next.
|
|
78
|
+
'data-garden-version': '9.0.0-next.14'
|
|
79
79
|
}).withConfig({
|
|
80
80
|
displayName: "StyledBaseHeaderItem",
|
|
81
81
|
componentId: "sc-1qua7h6-0"
|
|
@@ -96,7 +96,7 @@ const COMPONENT_ID$t = 'chrome.header_item_text';
|
|
|
96
96
|
const clippedStyling = styled.css(["position:absolute;margin:0;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap;"]);
|
|
97
97
|
const StyledHeaderItemText = styled__default.default.span.attrs({
|
|
98
98
|
'data-garden-id': COMPONENT_ID$t,
|
|
99
|
-
'data-garden-version': '9.0.0-next.
|
|
99
|
+
'data-garden-version': '9.0.0-next.14'
|
|
100
100
|
}).withConfig({
|
|
101
101
|
displayName: "StyledHeaderItemText",
|
|
102
102
|
componentId: "sc-goz7la-0"
|
|
@@ -120,7 +120,7 @@ const getExpandedNavWidth = () => {
|
|
|
120
120
|
};
|
|
121
121
|
const StyledNav = styled__default.default.nav.attrs({
|
|
122
122
|
'data-garden-id': COMPONENT_ID$s,
|
|
123
|
-
'data-garden-version': '9.0.0-next.
|
|
123
|
+
'data-garden-version': '9.0.0-next.14'
|
|
124
124
|
}).withConfig({
|
|
125
125
|
displayName: "StyledNav",
|
|
126
126
|
componentId: "sc-6j462r-0"
|
|
@@ -148,7 +148,7 @@ const retrieveProductColor$1 = props => {
|
|
|
148
148
|
};
|
|
149
149
|
const StyledLogoHeaderItem = styled__default.default(StyledBaseHeaderItem).attrs({
|
|
150
150
|
'data-garden-id': COMPONENT_ID$r,
|
|
151
|
-
'data-garden-version': '9.0.0-next.
|
|
151
|
+
'data-garden-version': '9.0.0-next.14',
|
|
152
152
|
as: 'div'
|
|
153
153
|
}).withConfig({
|
|
154
154
|
displayName: "StyledLogoHeaderItem",
|
|
@@ -169,7 +169,7 @@ const sizeStyles$2 = props => {
|
|
|
169
169
|
};
|
|
170
170
|
const StyledBaseNavItem = styled__default.default.div.attrs({
|
|
171
171
|
'data-garden-id': COMPONENT_ID$q,
|
|
172
|
-
'data-garden-version': '9.0.0-next.
|
|
172
|
+
'data-garden-version': '9.0.0-next.14'
|
|
173
173
|
}).withConfig({
|
|
174
174
|
displayName: "StyledBaseNavItem",
|
|
175
175
|
componentId: "sc-zvo43f-0"
|
|
@@ -184,7 +184,7 @@ const getHeaderHeight = props => {
|
|
|
184
184
|
};
|
|
185
185
|
const StyledHeader = styled__default.default.header.attrs({
|
|
186
186
|
'data-garden-id': COMPONENT_ID$p,
|
|
187
|
-
'data-garden-version': '9.0.0-next.
|
|
187
|
+
'data-garden-version': '9.0.0-next.14'
|
|
188
188
|
}).withConfig({
|
|
189
189
|
displayName: "StyledHeader",
|
|
190
190
|
componentId: "sc-1cexpz-0"
|
|
@@ -222,7 +222,7 @@ const sizeStyles$1 = props => {
|
|
|
222
222
|
};
|
|
223
223
|
const StyledSkipNav = styled__default.default.a.attrs({
|
|
224
224
|
'data-garden-id': COMPONENT_ID$o,
|
|
225
|
-
'data-garden-version': '9.0.0-next.
|
|
225
|
+
'data-garden-version': '9.0.0-next.14'
|
|
226
226
|
}).withConfig({
|
|
227
227
|
displayName: "StyledSkipNav",
|
|
228
228
|
componentId: "sc-1tsro34-0"
|
|
@@ -232,7 +232,7 @@ StyledSkipNav.defaultProps = {
|
|
|
232
232
|
};
|
|
233
233
|
|
|
234
234
|
var _path$1;
|
|
235
|
-
function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (
|
|
235
|
+
function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
|
|
236
236
|
var SvgLinkStroke = function SvgLinkStroke(props) {
|
|
237
237
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
|
|
238
238
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -255,7 +255,7 @@ const sizeStyles = theme => {
|
|
|
255
255
|
};
|
|
256
256
|
const StyledSkipNavIcon = styled__default.default(SvgLinkStroke).attrs({
|
|
257
257
|
'data-garden-id': COMPONENT_ID$n,
|
|
258
|
-
'data-garden-version': '9.0.0-next.
|
|
258
|
+
'data-garden-version': '9.0.0-next.14'
|
|
259
259
|
}).withConfig({
|
|
260
260
|
displayName: "StyledSkipNavIcon",
|
|
261
261
|
componentId: "sc-1ika5z4-0"
|
|
@@ -267,7 +267,7 @@ StyledSkipNavIcon.defaultProps = {
|
|
|
267
267
|
const COMPONENT_ID$m = 'chrome.body';
|
|
268
268
|
const StyledBody = styled__default.default.div.attrs({
|
|
269
269
|
'data-garden-id': COMPONENT_ID$m,
|
|
270
|
-
'data-garden-version': '9.0.0-next.
|
|
270
|
+
'data-garden-version': '9.0.0-next.14'
|
|
271
271
|
}).withConfig({
|
|
272
272
|
displayName: "StyledBody",
|
|
273
273
|
componentId: "sc-c7h9kv-0"
|
|
@@ -282,7 +282,7 @@ const getFooterHeight = props => {
|
|
|
282
282
|
};
|
|
283
283
|
const StyledFooter = styled__default.default.footer.attrs({
|
|
284
284
|
'data-garden-id': COMPONENT_ID$l,
|
|
285
|
-
'data-garden-version': '9.0.0-next.
|
|
285
|
+
'data-garden-version': '9.0.0-next.14'
|
|
286
286
|
}).withConfig({
|
|
287
287
|
displayName: "StyledFooter",
|
|
288
288
|
componentId: "sc-v7lib2-0"
|
|
@@ -294,7 +294,7 @@ StyledFooter.defaultProps = {
|
|
|
294
294
|
const COMPONENT_ID$k = 'chrome.content';
|
|
295
295
|
const StyledContent = styled__default.default.div.attrs({
|
|
296
296
|
'data-garden-id': COMPONENT_ID$k,
|
|
297
|
-
'data-garden-version': '9.0.0-next.
|
|
297
|
+
'data-garden-version': '9.0.0-next.14'
|
|
298
298
|
}).withConfig({
|
|
299
299
|
displayName: "StyledContent",
|
|
300
300
|
componentId: "sc-qcuzxn-0"
|
|
@@ -306,7 +306,7 @@ StyledContent.defaultProps = {
|
|
|
306
306
|
const COMPONENT_ID$j = 'chrome.main';
|
|
307
307
|
const StyledMain = styled__default.default.main.attrs({
|
|
308
308
|
'data-garden-id': COMPONENT_ID$j,
|
|
309
|
-
'data-garden-version': '9.0.0-next.
|
|
309
|
+
'data-garden-version': '9.0.0-next.14'
|
|
310
310
|
}).withConfig({
|
|
311
311
|
displayName: "StyledMain",
|
|
312
312
|
componentId: "sc-t61cre-0"
|
|
@@ -318,7 +318,7 @@ StyledMain.defaultProps = {
|
|
|
318
318
|
const COMPONENT_ID$i = 'chrome.footer_item';
|
|
319
319
|
const StyledFooterItem = styled__default.default.div.attrs({
|
|
320
320
|
'data-garden-id': COMPONENT_ID$i,
|
|
321
|
-
'data-garden-version': '9.0.0-next.
|
|
321
|
+
'data-garden-version': '9.0.0-next.14'
|
|
322
322
|
}).withConfig({
|
|
323
323
|
displayName: "StyledFooterItem",
|
|
324
324
|
componentId: "sc-1cktm85-0"
|
|
@@ -334,7 +334,7 @@ const imgStyles = props => {
|
|
|
334
334
|
};
|
|
335
335
|
const StyledHeaderItem = styled__default.default(StyledBaseHeaderItem).attrs({
|
|
336
336
|
'data-garden-id': COMPONENT_ID$h,
|
|
337
|
-
'data-garden-version': '9.0.0-next.
|
|
337
|
+
'data-garden-version': '9.0.0-next.14'
|
|
338
338
|
}).withConfig({
|
|
339
339
|
displayName: "StyledHeaderItem",
|
|
340
340
|
componentId: "sc-14sft6n-0"
|
|
@@ -353,7 +353,7 @@ StyledHeaderItem.defaultProps = {
|
|
|
353
353
|
const COMPONENT_ID$g = 'chrome.header_item_wrapper';
|
|
354
354
|
const StyledHeaderItemWrapper = styled__default.default(StyledBaseHeaderItem).attrs({
|
|
355
355
|
'data-garden-id': COMPONENT_ID$g,
|
|
356
|
-
'data-garden-version': '9.0.0-next.
|
|
356
|
+
'data-garden-version': '9.0.0-next.14',
|
|
357
357
|
as: 'div'
|
|
358
358
|
}).withConfig({
|
|
359
359
|
displayName: "StyledHeaderItemWrapper",
|
|
@@ -366,7 +366,7 @@ StyledHeaderItemWrapper.defaultProps = {
|
|
|
366
366
|
const COMPONENT_ID$f = 'chrome.nav_list';
|
|
367
367
|
const StyledNavList = styled__default.default.ul.attrs({
|
|
368
368
|
'data-garden-id': COMPONENT_ID$f,
|
|
369
|
-
'data-garden-version': '9.0.0-next.
|
|
369
|
+
'data-garden-version': '9.0.0-next.14'
|
|
370
370
|
}).withConfig({
|
|
371
371
|
displayName: "StyledNavList",
|
|
372
372
|
componentId: "sc-1s0nkfb-0"
|
|
@@ -378,7 +378,7 @@ StyledNavList.defaultProps = {
|
|
|
378
378
|
const COMPONENT_ID$e = 'chrome.nav_list_item';
|
|
379
379
|
const StyledNavListItem = styled__default.default.li.attrs({
|
|
380
380
|
'data-garden-id': COMPONENT_ID$e,
|
|
381
|
-
'data-garden-version': '9.0.0-next.
|
|
381
|
+
'data-garden-version': '9.0.0-next.14'
|
|
382
382
|
}).withConfig({
|
|
383
383
|
displayName: "StyledNavListItem",
|
|
384
384
|
componentId: "sc-18cj2v7-0"
|
|
@@ -411,7 +411,7 @@ const colorStyles$2 = props => {
|
|
|
411
411
|
};
|
|
412
412
|
const StyledLogoNavItem = styled__default.default(StyledBaseNavItem).attrs({
|
|
413
413
|
'data-garden-id': COMPONENT_ID$d,
|
|
414
|
-
'data-garden-version': '9.0.0-next.
|
|
414
|
+
'data-garden-version': '9.0.0-next.14'
|
|
415
415
|
}).withConfig({
|
|
416
416
|
displayName: "StyledLogoNavItem",
|
|
417
417
|
componentId: "sc-saaydx-0"
|
|
@@ -423,7 +423,7 @@ StyledLogoNavItem.defaultProps = {
|
|
|
423
423
|
const COMPONENT_ID$c = 'chrome.brandmark_nav_list_item';
|
|
424
424
|
const StyledBrandmarkNavItem = styled__default.default(StyledBaseNavItem).attrs({
|
|
425
425
|
'data-garden-id': COMPONENT_ID$c,
|
|
426
|
-
'data-garden-version': '9.0.0-next.
|
|
426
|
+
'data-garden-version': '9.0.0-next.14'
|
|
427
427
|
}).withConfig({
|
|
428
428
|
displayName: "StyledBrandmarkNavItem",
|
|
429
429
|
componentId: "sc-8kynd4-0"
|
|
@@ -435,7 +435,7 @@ StyledBrandmarkNavItem.defaultProps = {
|
|
|
435
435
|
const COMPONENT_ID$b = 'chrome.nav_item_icon';
|
|
436
436
|
const StyledNavItemIcon = styled__default.default.div.attrs({
|
|
437
437
|
'data-garden-id': COMPONENT_ID$b,
|
|
438
|
-
'data-garden-version': '9.0.0-next.
|
|
438
|
+
'data-garden-version': '9.0.0-next.14'
|
|
439
439
|
}).withConfig({
|
|
440
440
|
displayName: "StyledNavItemIcon",
|
|
441
441
|
componentId: "sc-7w9rpt-0"
|
|
@@ -481,7 +481,7 @@ const colorStyles$1 = props => {
|
|
|
481
481
|
};
|
|
482
482
|
const StyledNavButton = styled__default.default(StyledBaseNavItem).attrs({
|
|
483
483
|
'data-garden-id': COMPONENT_ID$a,
|
|
484
|
-
'data-garden-version': '9.0.0-next.
|
|
484
|
+
'data-garden-version': '9.0.0-next.14',
|
|
485
485
|
as: 'button'
|
|
486
486
|
}).withConfig({
|
|
487
487
|
displayName: "StyledNavButton",
|
|
@@ -498,7 +498,7 @@ StyledNavButton.defaultProps = {
|
|
|
498
498
|
const COMPONENT_ID$9 = 'chrome.nav_item_text';
|
|
499
499
|
const StyledNavItemText = styled__default.default.span.attrs({
|
|
500
500
|
'data-garden-id': COMPONENT_ID$9,
|
|
501
|
-
'data-garden-version': '9.0.0-next.
|
|
501
|
+
'data-garden-version': '9.0.0-next.14'
|
|
502
502
|
}).withConfig({
|
|
503
503
|
displayName: "StyledNavItemText",
|
|
504
504
|
componentId: "sc-13m84xl-0"
|
|
@@ -538,7 +538,7 @@ const borderStyle = _ref => {
|
|
|
538
538
|
};
|
|
539
539
|
const StyledSheet = styled__default.default.aside.attrs({
|
|
540
540
|
'data-garden-id': COMPONENT_ID$8,
|
|
541
|
-
'data-garden-version': '9.0.0-next.
|
|
541
|
+
'data-garden-version': '9.0.0-next.14'
|
|
542
542
|
}).withConfig({
|
|
543
543
|
displayName: "StyledSheet",
|
|
544
544
|
componentId: "sc-dx8ijk-0"
|
|
@@ -550,7 +550,7 @@ StyledSheet.defaultProps = {
|
|
|
550
550
|
const COMPONENT_ID$7 = 'chrome.sheet_wrapper';
|
|
551
551
|
const StyledSheetWrapper = styled__default.default.div.attrs({
|
|
552
552
|
'data-garden-id': COMPONENT_ID$7,
|
|
553
|
-
'data-garden-version': '9.0.0-next.
|
|
553
|
+
'data-garden-version': '9.0.0-next.14'
|
|
554
554
|
}).withConfig({
|
|
555
555
|
displayName: "StyledSheetWrapper",
|
|
556
556
|
componentId: "sc-f6x9zb-0"
|
|
@@ -577,7 +577,7 @@ StyledSheetWrapper.defaultProps = {
|
|
|
577
577
|
const COMPONENT_ID$6 = 'chrome.sheet_title';
|
|
578
578
|
const StyledSheetTitle = styled__default.default.div.attrs({
|
|
579
579
|
'data-garden-id': COMPONENT_ID$6,
|
|
580
|
-
'data-garden-version': '9.0.0-next.
|
|
580
|
+
'data-garden-version': '9.0.0-next.14'
|
|
581
581
|
}).withConfig({
|
|
582
582
|
displayName: "StyledSheetTitle",
|
|
583
583
|
componentId: "sc-1gogk75-0"
|
|
@@ -589,7 +589,7 @@ StyledSheetTitle.defaultProps = {
|
|
|
589
589
|
const COMPONENT_ID$5 = 'chrome.sheet_description';
|
|
590
590
|
const StyledSheetDescription = styled__default.default.div.attrs({
|
|
591
591
|
'data-garden-id': COMPONENT_ID$5,
|
|
592
|
-
'data-garden-version': '9.0.0-next.
|
|
592
|
+
'data-garden-version': '9.0.0-next.14'
|
|
593
593
|
}).withConfig({
|
|
594
594
|
displayName: "StyledSheetDescription",
|
|
595
595
|
componentId: "sc-1puglb6-0"
|
|
@@ -601,7 +601,7 @@ StyledSheetDescription.defaultProps = {
|
|
|
601
601
|
const COMPONENT_ID$4 = 'chrome.sheet_body';
|
|
602
602
|
const StyledSheetBody = styled__default.default.div.attrs({
|
|
603
603
|
'data-garden-id': COMPONENT_ID$4,
|
|
604
|
-
'data-garden-version': '9.0.0-next.
|
|
604
|
+
'data-garden-version': '9.0.0-next.14'
|
|
605
605
|
}).withConfig({
|
|
606
606
|
displayName: "StyledSheetBody",
|
|
607
607
|
componentId: "sc-bt4eoj-0"
|
|
@@ -625,7 +625,7 @@ const colorStyles = props => {
|
|
|
625
625
|
};
|
|
626
626
|
const StyledSheetClose = styled__default.default.button.attrs({
|
|
627
627
|
'data-garden-id': COMPONENT_ID$3,
|
|
628
|
-
'data-garden-version': '9.0.0-next.
|
|
628
|
+
'data-garden-version': '9.0.0-next.14'
|
|
629
629
|
}).withConfig({
|
|
630
630
|
displayName: "StyledSheetClose",
|
|
631
631
|
componentId: "sc-1ab02oq-0"
|
|
@@ -637,7 +637,7 @@ StyledSheetClose.defaultProps = {
|
|
|
637
637
|
const COMPONENT_ID$2 = 'chrome.sheet_footer';
|
|
638
638
|
const StyledSheetFooter = styled__default.default.footer.attrs({
|
|
639
639
|
'data-garden-id': COMPONENT_ID$2,
|
|
640
|
-
'data-garden-version': '9.0.0-next.
|
|
640
|
+
'data-garden-version': '9.0.0-next.14'
|
|
641
641
|
}).withConfig({
|
|
642
642
|
displayName: "StyledSheetFooter",
|
|
643
643
|
componentId: "sc-2cktos-0"
|
|
@@ -649,7 +649,7 @@ StyledSheetFooter.defaultProps = {
|
|
|
649
649
|
const COMPONENT_ID$1 = 'chrome.sheet_footer_item';
|
|
650
650
|
const StyledSheetFooterItem = styled__default.default.div.attrs({
|
|
651
651
|
'data-garden-id': COMPONENT_ID$1,
|
|
652
|
-
'data-garden-version': '9.0.0-next.
|
|
652
|
+
'data-garden-version': '9.0.0-next.14'
|
|
653
653
|
}).withConfig({
|
|
654
654
|
displayName: "StyledSheetFooterItem",
|
|
655
655
|
componentId: "sc-r9ixh-0"
|
|
@@ -661,7 +661,7 @@ StyledSheetFooterItem.defaultProps = {
|
|
|
661
661
|
const COMPONENT_ID = 'chrome.sheet_header';
|
|
662
662
|
const StyledSheetHeader = styled__default.default.header.attrs({
|
|
663
663
|
'data-garden-id': COMPONENT_ID,
|
|
664
|
-
'data-garden-version': '9.0.0-next.
|
|
664
|
+
'data-garden-version': '9.0.0-next.14'
|
|
665
665
|
}).withConfig({
|
|
666
666
|
displayName: "StyledSheetHeader",
|
|
667
667
|
componentId: "sc-o2ry8i-0"
|
|
@@ -1126,7 +1126,7 @@ SheetFooterItem.displayName = 'Sheet.FooterItem';
|
|
|
1126
1126
|
const FooterItem = SheetFooterItem;
|
|
1127
1127
|
|
|
1128
1128
|
var _path;
|
|
1129
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
1129
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
1130
1130
|
var SvgXStroke = function SvgXStroke(props) {
|
|
1131
1131
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
1132
1132
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1173,7 +1173,7 @@ const SheetComponent = React__namespace.default.forwardRef((_ref, ref) => {
|
|
|
1173
1173
|
const sheetRef = React.useRef(null);
|
|
1174
1174
|
const seed = reactUid.useUIDSeed();
|
|
1175
1175
|
const [isCloseButtonPresent, setIsCloseButtonPresent] = React.useState(false);
|
|
1176
|
-
const idPrefix = React.useMemo(() => id || seed(`sheet_${'9.0.0-next.
|
|
1176
|
+
const idPrefix = React.useMemo(() => id || seed(`sheet_${'9.0.0-next.14'}`), [id, seed]);
|
|
1177
1177
|
const titleId = `${idPrefix}--title`;
|
|
1178
1178
|
const descriptionId = `${idPrefix}--description`;
|
|
1179
1179
|
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.14",
|
|
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>",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"types": "dist/typings/index.d.ts",
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"dom-helpers": "^5.2.1",
|
|
25
|
-
"polished": "^4.
|
|
25
|
+
"polished": "^4.3.1",
|
|
26
26
|
"prop-types": "^15.5.7",
|
|
27
27
|
"react-merge-refs": "^2.0.0"
|
|
28
28
|
},
|
|
@@ -33,8 +33,8 @@
|
|
|
33
33
|
"styled-components": "^5.3.1"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@zendeskgarden/react-theming": "^9.0.0-next.
|
|
37
|
-
"@zendeskgarden/svg-icons": "7.
|
|
36
|
+
"@zendeskgarden/react-theming": "^9.0.0-next.14",
|
|
37
|
+
"@zendeskgarden/svg-icons": "7.1.1"
|
|
38
38
|
},
|
|
39
39
|
"keywords": [
|
|
40
40
|
"components",
|
|
@@ -46,5 +46,5 @@
|
|
|
46
46
|
"access": "public"
|
|
47
47
|
},
|
|
48
48
|
"zendeskgarden:src": "src/index.ts",
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "4cd4e10839f6d083f0c5e642b99256e390a37ae6"
|
|
50
50
|
}
|