@zendeskgarden/react-chrome 9.0.0-next.23 → 9.0.0-next.25
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 +2 -5
- package/dist/esm/styled/StyledSkipNav.js +2 -5
- package/dist/esm/styled/StyledSkipNavIcon.js +2 -5
- package/dist/esm/styled/body/StyledBody.js +2 -5
- package/dist/esm/styled/body/StyledContent.js +2 -5
- package/dist/esm/styled/body/StyledMain.js +2 -5
- package/dist/esm/styled/footer/StyledFooter.js +2 -5
- package/dist/esm/styled/footer/StyledFooterItem.js +2 -5
- package/dist/esm/styled/header/StyledBaseHeaderItem.js +2 -5
- package/dist/esm/styled/header/StyledHeader.js +2 -5
- package/dist/esm/styled/header/StyledHeaderItem.js +2 -5
- package/dist/esm/styled/header/StyledHeaderItemIcon.js +2 -5
- package/dist/esm/styled/header/StyledHeaderItemText.js +2 -5
- package/dist/esm/styled/header/StyledHeaderItemWrapper.js +2 -5
- package/dist/esm/styled/header/StyledLogoHeaderItem.js +2 -5
- package/dist/esm/styled/nav/StyledBaseNavItem.js +1 -5
- package/dist/esm/styled/nav/StyledBrandmarkNavItem.js +1 -5
- package/dist/esm/styled/nav/StyledLogoNavItem.js +2 -5
- package/dist/esm/styled/nav/StyledNav.js +2 -5
- package/dist/esm/styled/nav/StyledNavButton.js +2 -5
- package/dist/esm/styled/nav/StyledNavItemIcon.js +2 -5
- package/dist/esm/styled/nav/StyledNavItemText.js +2 -5
- package/dist/esm/styled/nav/StyledNavList.js +2 -5
- package/dist/esm/styled/nav/StyledNavListItem.js +2 -5
- package/dist/esm/styled/sheet/StyledSheet.js +2 -5
- package/dist/esm/styled/sheet/StyledSheetBody.js +2 -5
- package/dist/esm/styled/sheet/StyledSheetClose.js +2 -5
- package/dist/esm/styled/sheet/StyledSheetDescription.js +2 -5
- package/dist/esm/styled/sheet/StyledSheetFooter.js +2 -5
- package/dist/esm/styled/sheet/StyledSheetFooterItem.js +2 -5
- package/dist/esm/styled/sheet/StyledSheetHeader.js +2 -5
- package/dist/esm/styled/sheet/StyledSheetTitle.js +2 -5
- package/dist/esm/styled/sheet/StyledSheetWrapper.js +2 -5
- package/dist/index.cjs.js +34 -133
- package/package.json +4 -4
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled, { css } from 'styled-components';
|
|
8
|
-
import { retrieveComponentStyles
|
|
8
|
+
import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
|
|
9
9
|
import { IconButton } from '@zendeskgarden/react-buttons';
|
|
10
10
|
|
|
11
11
|
const COMPONENT_ID = 'chrome.sheet_close';
|
|
@@ -19,13 +19,10 @@ 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.25'
|
|
23
23
|
}).withConfig({
|
|
24
24
|
displayName: "StyledSheetClose",
|
|
25
25
|
componentId: "sc-1ab02oq-0"
|
|
26
26
|
})(["position:absolute;", ";", ";"], positionStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
27
|
-
StyledSheetClose.defaultProps = {
|
|
28
|
-
theme: DEFAULT_THEME
|
|
29
|
-
};
|
|
30
27
|
|
|
31
28
|
export { StyledSheetClose };
|
|
@@ -5,12 +5,12 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled from 'styled-components';
|
|
8
|
-
import { getLineHeight, getColor, retrieveComponentStyles
|
|
8
|
+
import { getLineHeight, getColor, retrieveComponentStyles } from '@zendeskgarden/react-theming';
|
|
9
9
|
|
|
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.25'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledSheetDescription",
|
|
16
16
|
componentId: "sc-1puglb6-0"
|
|
@@ -18,8 +18,5 @@ const StyledSheetDescription = styled.div.attrs({
|
|
|
18
18
|
theme: p.theme,
|
|
19
19
|
variable: 'foreground.subtle'
|
|
20
20
|
}), props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
21
|
-
StyledSheetDescription.defaultProps = {
|
|
22
|
-
theme: DEFAULT_THEME
|
|
23
|
-
};
|
|
24
21
|
|
|
25
22
|
export { StyledSheetDescription };
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled, { css } from 'styled-components';
|
|
8
|
-
import { retrieveComponentStyles,
|
|
8
|
+
import { retrieveComponentStyles, getColor } from '@zendeskgarden/react-theming';
|
|
9
9
|
|
|
10
10
|
const COMPONENT_ID = 'chrome.sheet_footer';
|
|
11
11
|
const colorStyles = _ref => {
|
|
@@ -29,13 +29,10 @@ 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.25'
|
|
33
33
|
}).withConfig({
|
|
34
34
|
displayName: "StyledSheetFooter",
|
|
35
35
|
componentId: "sc-2cktos-0"
|
|
36
36
|
})(["display:flex;flex-flow:row wrap;align-items:center;justify-content:", ";", ";", ";", ";"], props => props.isCompact ? 'center' : 'flex-end', sizeStyles, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
37
|
-
StyledSheetFooter.defaultProps = {
|
|
38
|
-
theme: DEFAULT_THEME
|
|
39
|
-
};
|
|
40
37
|
|
|
41
38
|
export { StyledSheetFooter };
|
|
@@ -5,18 +5,15 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled from 'styled-components';
|
|
8
|
-
import { retrieveComponentStyles
|
|
8
|
+
import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
|
|
9
9
|
|
|
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.25'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledSheetFooterItem",
|
|
16
16
|
componentId: "sc-r9ixh-0"
|
|
17
17
|
})(["", " ", ";"], props => `margin-${props.theme.rtl ? 'right' : 'left'}: ${props.theme.space.base * 5}px;`, props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
18
|
-
StyledSheetFooterItem.defaultProps = {
|
|
19
|
-
theme: DEFAULT_THEME
|
|
20
|
-
};
|
|
21
18
|
|
|
22
19
|
export { StyledSheetFooterItem };
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled, { css } from 'styled-components';
|
|
8
|
-
import { retrieveComponentStyles,
|
|
8
|
+
import { retrieveComponentStyles, getColor } from '@zendeskgarden/react-theming';
|
|
9
9
|
|
|
10
10
|
const COMPONENT_ID = 'chrome.sheet_header';
|
|
11
11
|
const colorStyles = _ref => {
|
|
@@ -33,13 +33,10 @@ 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.25'
|
|
37
37
|
}).withConfig({
|
|
38
38
|
displayName: "StyledSheetHeader",
|
|
39
39
|
componentId: "sc-o2ry8i-0"
|
|
40
40
|
})(["", ";", ";", ";"], sizeStyles, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
41
|
-
StyledSheetHeader.defaultProps = {
|
|
42
|
-
theme: DEFAULT_THEME
|
|
43
|
-
};
|
|
44
41
|
|
|
45
42
|
export { StyledSheetHeader };
|
|
@@ -5,12 +5,12 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled from 'styled-components';
|
|
8
|
-
import { getColor, retrieveComponentStyles
|
|
8
|
+
import { getColor, retrieveComponentStyles } from '@zendeskgarden/react-theming';
|
|
9
9
|
|
|
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.25'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledSheetTitle",
|
|
16
16
|
componentId: "sc-1gogk75-0"
|
|
@@ -18,8 +18,5 @@ const StyledSheetTitle = styled.div.attrs({
|
|
|
18
18
|
theme: p.theme,
|
|
19
19
|
variable: 'foreground.default'
|
|
20
20
|
}), props => props.theme.fontWeights.semibold, props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
21
|
-
StyledSheetTitle.defaultProps = {
|
|
22
|
-
theme: DEFAULT_THEME
|
|
23
|
-
};
|
|
24
21
|
|
|
25
22
|
export { StyledSheetTitle };
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
7
|
import styled, { css } from 'styled-components';
|
|
8
|
-
import { retrieveComponentStyles
|
|
8
|
+
import { retrieveComponentStyles } from '@zendeskgarden/react-theming';
|
|
9
9
|
|
|
10
10
|
const COMPONENT_ID = 'chrome.sheet_wrapper';
|
|
11
11
|
const transformStyles = _ref => {
|
|
@@ -28,13 +28,10 @@ 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.25'
|
|
32
32
|
}).withConfig({
|
|
33
33
|
displayName: "StyledSheetWrapper",
|
|
34
34
|
componentId: "sc-f6x9zb-0"
|
|
35
35
|
})(["display:flex;position:relative;flex-direction:column;min-width:", ";", ";", ";"], props => props.size, transformStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
36
|
-
StyledSheetWrapper.defaultProps = {
|
|
37
|
-
theme: DEFAULT_THEME
|
|
38
|
-
};
|
|
39
36
|
|
|
40
37
|
export { StyledSheetWrapper };
|