@zendeskgarden/react-tabs 9.0.0-next.19 → 9.0.0-next.20
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.
|
@@ -63,7 +63,7 @@ const sizeStyles = _ref2 => {
|
|
|
63
63
|
};
|
|
64
64
|
const StyledTab = styled.div.attrs({
|
|
65
65
|
'data-garden-id': COMPONENT_ID,
|
|
66
|
-
'data-garden-version': '9.0.0-next.
|
|
66
|
+
'data-garden-version': '9.0.0-next.20'
|
|
67
67
|
}).withConfig({
|
|
68
68
|
displayName: "StyledTab",
|
|
69
69
|
componentId: "sc-x2pbow-0"
|
|
@@ -20,7 +20,7 @@ const colorStyles = _ref => {
|
|
|
20
20
|
theme,
|
|
21
21
|
variable: 'foreground.default'
|
|
22
22
|
});
|
|
23
|
-
return css(["border-bottom-color:", ";color:", ";"], borderColor, foregroundColor);
|
|
23
|
+
return css(["color-scheme:only ", ";border-bottom-color:", ";color:", ";"], p => p.theme.colors.base, borderColor, foregroundColor);
|
|
24
24
|
};
|
|
25
25
|
const sizeStyles = _ref2 => {
|
|
26
26
|
let {
|
|
@@ -35,7 +35,7 @@ const sizeStyles = _ref2 => {
|
|
|
35
35
|
};
|
|
36
36
|
const StyledTabList = styled.div.attrs({
|
|
37
37
|
'data-garden-id': COMPONENT_ID,
|
|
38
|
-
'data-garden-version': '9.0.0-next.
|
|
38
|
+
'data-garden-version': '9.0.0-next.20'
|
|
39
39
|
}).withConfig({
|
|
40
40
|
displayName: "StyledTabList",
|
|
41
41
|
componentId: "sc-wa5aaj-0"
|
|
@@ -18,11 +18,11 @@ const sizeStyles = _ref => {
|
|
|
18
18
|
};
|
|
19
19
|
const StyledTabPanel = styled.div.attrs({
|
|
20
20
|
'data-garden-id': COMPONENT_ID,
|
|
21
|
-
'data-garden-version': '9.0.0-next.
|
|
21
|
+
'data-garden-version': '9.0.0-next.20'
|
|
22
22
|
}).withConfig({
|
|
23
23
|
displayName: "StyledTabPanel",
|
|
24
24
|
componentId: "sc-7lhrmp-0"
|
|
25
|
-
})(["display:block;vertical-align:", ";", ";&[aria-hidden='true']{display:none;}", ";"], props => props.$isVertical && 'top', sizeStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
25
|
+
})(["display:block;vertical-align:", ";color-scheme:only ", ";", ";&[aria-hidden='true']{display:none;}", ";"], props => props.$isVertical && 'top', p => p.theme.colors.base, sizeStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
|
|
26
26
|
StyledTabPanel.defaultProps = {
|
|
27
27
|
theme: DEFAULT_THEME
|
|
28
28
|
};
|
|
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
10
10
|
const COMPONENT_ID = 'tabs.tabs';
|
|
11
11
|
const StyledTabs = 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.20'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledTabs",
|
|
16
16
|
componentId: "sc-1qaor65-0"
|
package/dist/index.cjs.js
CHANGED
|
@@ -76,7 +76,7 @@ const sizeStyles$2 = _ref2 => {
|
|
|
76
76
|
};
|
|
77
77
|
const StyledTab = styled__default.default.div.attrs({
|
|
78
78
|
'data-garden-id': COMPONENT_ID$3,
|
|
79
|
-
'data-garden-version': '9.0.0-next.
|
|
79
|
+
'data-garden-version': '9.0.0-next.20'
|
|
80
80
|
}).withConfig({
|
|
81
81
|
displayName: "StyledTab",
|
|
82
82
|
componentId: "sc-x2pbow-0"
|
|
@@ -103,7 +103,7 @@ const colorStyles = _ref => {
|
|
|
103
103
|
theme,
|
|
104
104
|
variable: 'foreground.default'
|
|
105
105
|
});
|
|
106
|
-
return styled.css(["border-bottom-color:", ";color:", ";"], borderColor, foregroundColor);
|
|
106
|
+
return styled.css(["color-scheme:only ", ";border-bottom-color:", ";color:", ";"], p => p.theme.colors.base, borderColor, foregroundColor);
|
|
107
107
|
};
|
|
108
108
|
const sizeStyles$1 = _ref2 => {
|
|
109
109
|
let {
|
|
@@ -118,7 +118,7 @@ const sizeStyles$1 = _ref2 => {
|
|
|
118
118
|
};
|
|
119
119
|
const StyledTabList = styled__default.default.div.attrs({
|
|
120
120
|
'data-garden-id': COMPONENT_ID$2,
|
|
121
|
-
'data-garden-version': '9.0.0-next.
|
|
121
|
+
'data-garden-version': '9.0.0-next.20'
|
|
122
122
|
}).withConfig({
|
|
123
123
|
displayName: "StyledTabList",
|
|
124
124
|
componentId: "sc-wa5aaj-0"
|
|
@@ -138,11 +138,11 @@ const sizeStyles = _ref => {
|
|
|
138
138
|
};
|
|
139
139
|
const StyledTabPanel = styled__default.default.div.attrs({
|
|
140
140
|
'data-garden-id': COMPONENT_ID$1,
|
|
141
|
-
'data-garden-version': '9.0.0-next.
|
|
141
|
+
'data-garden-version': '9.0.0-next.20'
|
|
142
142
|
}).withConfig({
|
|
143
143
|
displayName: "StyledTabPanel",
|
|
144
144
|
componentId: "sc-7lhrmp-0"
|
|
145
|
-
})(["display:block;vertical-align:", ";", ";&[aria-hidden='true']{display:none;}", ";"], props => props.$isVertical && 'top', sizeStyles, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$1, props));
|
|
145
|
+
})(["display:block;vertical-align:", ";color-scheme:only ", ";", ";&[aria-hidden='true']{display:none;}", ";"], props => props.$isVertical && 'top', p => p.theme.colors.base, sizeStyles, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$1, props));
|
|
146
146
|
StyledTabPanel.defaultProps = {
|
|
147
147
|
theme: reactTheming.DEFAULT_THEME
|
|
148
148
|
};
|
|
@@ -150,7 +150,7 @@ StyledTabPanel.defaultProps = {
|
|
|
150
150
|
const COMPONENT_ID = 'tabs.tabs';
|
|
151
151
|
const StyledTabs = styled__default.default.div.attrs({
|
|
152
152
|
'data-garden-id': COMPONENT_ID,
|
|
153
|
-
'data-garden-version': '9.0.0-next.
|
|
153
|
+
'data-garden-version': '9.0.0-next.20'
|
|
154
154
|
}).withConfig({
|
|
155
155
|
displayName: "StyledTabs",
|
|
156
156
|
componentId: "sc-1qaor65-0"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-tabs",
|
|
3
|
-
"version": "9.0.0-next.
|
|
3
|
+
"version": "9.0.0-next.20",
|
|
4
4
|
"description": "Components and render prop containers relating to the Garden Design System.",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -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.20"
|
|
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": "eab087ac0d6e74b3a4489d37d067baf7a225e7a8"
|
|
50
50
|
}
|