@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.19'
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.19'
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.19'
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.19'
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.19'
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.19'
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.19'
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.19'
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.19",
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.19"
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": "3f18fec721a25bebc274de6af38cd88ab4e63a79"
49
+ "gitHead": "eab087ac0d6e74b3a4489d37d067baf7a225e7a8"
50
50
  }