@zendeskgarden/react-tabs 9.4.0 → 9.5.0

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.
Files changed (6) hide show
  1. package/dist/esm/styled/StyledTab.js +3 -3
  2. package/dist/esm/styled/StyledTabList.js +3 -3
  3. package/dist/esm/styled/StyledTabPanel.js +3 -3
  4. package/dist/esm/styled/StyledTabs.js +3 -3
  5. package/dist/index.cjs.js +8 -8
  6. package/package.json +3 -3
package/dist/esm/styled/StyledTab.js CHANGED
@@ -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, getColor, focusStyles } from '@zendeskgarden/react-theming';
8
+ import { componentStyles, getColor, focusStyles } from '@zendeskgarden/react-theming';
9
9
  import { stripUnit } from 'polished';
10
10
 
11
11
  const COMPONENT_ID = 'tabs.tab';
@@ -60,7 +60,7 @@ const sizeStyles = _ref2 => {
60
60
  };
61
61
  const StyledTab = styled.div.attrs({
62
62
  'data-garden-id': COMPONENT_ID,
63
- 'data-garden-version': '9.4.0'
63
+ 'data-garden-version': '9.5.0'
64
64
  }).withConfig({
65
65
  displayName: "StyledTab",
66
66
  componentId: "sc-x2pbow-0"
@@ -69,6 +69,6 @@ const StyledTab = styled.div.attrs({
69
69
  return props.theme.rtl ? 'right' : 'left';
70
70
  }
71
71
  return 'center';
72
- }, sizeStyles, colorStyles, props => props.theme.space.base * (props.$isVertical ? 1 : 2.5), props => props.theme.space.base * (props.$isVertical ? 1 : 6), props => props.theme.space.base * (props.$isVertical ? 1 : 6), props => props.theme.borderRadii.md, props => retrieveComponentStyles(COMPONENT_ID, props));
72
+ }, sizeStyles, colorStyles, props => props.theme.space.base * (props.$isVertical ? 1 : 2.5), props => props.theme.space.base * (props.$isVertical ? 1 : 6), props => props.theme.space.base * (props.$isVertical ? 1 : 6), props => props.theme.borderRadii.md, componentStyles);
73
73
 
74
74
  export { StyledTab };
package/dist/esm/styled/StyledTabList.js CHANGED
@@ -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, getColor, getLineHeight } from '@zendeskgarden/react-theming';
8
+ import { componentStyles, getColor, getLineHeight } from '@zendeskgarden/react-theming';
9
9
 
10
10
  const COMPONENT_ID = 'tabs.tablist';
11
11
  const colorStyles = _ref => {
@@ -35,10 +35,10 @@ const sizeStyles = _ref2 => {
35
35
  };
36
36
  const StyledTabList = styled.div.attrs({
37
37
  'data-garden-id': COMPONENT_ID,
38
- 'data-garden-version': '9.4.0'
38
+ 'data-garden-version': '9.5.0'
39
39
  }).withConfig({
40
40
  displayName: "StyledTabList",
41
41
  componentId: "sc-wa5aaj-0"
42
- })(["display:", ";border-bottom:", ";vertical-align:", ";white-space:nowrap;", ";", ";", ";"], props => props.$isVertical ? 'table-cell' : 'block', props => props.$isVertical ? 'none' : props.theme.borderStyles.solid, props => props.$isVertical ? 'top' : undefined, sizeStyles, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
42
+ })(["display:", ";border-bottom:", ";vertical-align:", ";white-space:nowrap;", ";", ";", ";"], props => props.$isVertical ? 'table-cell' : 'block', props => props.$isVertical ? 'none' : props.theme.borderStyles.solid, props => props.$isVertical ? 'top' : undefined, sizeStyles, colorStyles, componentStyles);
43
43
 
44
44
  export { StyledTabList };
package/dist/esm/styled/StyledTabPanel.js CHANGED
@@ -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 } from '@zendeskgarden/react-theming';
8
+ import { componentStyles } from '@zendeskgarden/react-theming';
9
9
 
10
10
  const COMPONENT_ID = 'tabs.tabpanel';
11
11
  const sizeStyles = _ref => {
@@ -18,10 +18,10 @@ const sizeStyles = _ref => {
18
18
  };
19
19
  const StyledTabPanel = styled.div.attrs({
20
20
  'data-garden-id': COMPONENT_ID,
21
- 'data-garden-version': '9.4.0'
21
+ 'data-garden-version': '9.5.0'
22
22
  }).withConfig({
23
23
  displayName: "StyledTabPanel",
24
24
  componentId: "sc-7lhrmp-0"
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));
25
+ })(["display:block;vertical-align:", ";color-scheme:only ", ";", ";&[aria-hidden='true']{display:none;}", ";"], props => props.$isVertical && 'top', p => p.theme.colors.base, sizeStyles, componentStyles);
26
26
 
27
27
  export { StyledTabPanel };
package/dist/esm/styled/StyledTabs.js CHANGED
@@ -5,15 +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 } from '@zendeskgarden/react-theming';
8
+ import { componentStyles } from '@zendeskgarden/react-theming';
9
9
 
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.4.0'
13
+ 'data-garden-version': '9.5.0'
14
14
  }).withConfig({
15
15
  displayName: "StyledTabs",
16
16
  componentId: "sc-1qaor65-0"
17
- })(["display:", ";overflow:hidden;direction:", ";", ";"], props => props.$isVertical ? 'table' : 'block', props => props.theme.rtl && 'rtl', props => retrieveComponentStyles(COMPONENT_ID, props));
17
+ })(["display:", ";overflow:hidden;direction:", ";", ";"], props => props.$isVertical ? 'table' : 'block', props => props.theme.rtl && 'rtl', componentStyles);
18
18
 
19
19
  export { StyledTabs };
package/dist/index.cjs.js CHANGED
@@ -73,7 +73,7 @@ const sizeStyles$2 = _ref2 => {
73
73
  };
74
74
  const StyledTab = styled__default.default.div.attrs({
75
75
  'data-garden-id': COMPONENT_ID$3,
76
- 'data-garden-version': '9.4.0'
76
+ 'data-garden-version': '9.5.0'
77
77
  }).withConfig({
78
78
  displayName: "StyledTab",
79
79
  componentId: "sc-x2pbow-0"
@@ -82,7 +82,7 @@ const StyledTab = styled__default.default.div.attrs({
82
82
  return props.theme.rtl ? 'right' : 'left';
83
83
  }
84
84
  return 'center';
85
- }, sizeStyles$2, colorStyles$1, props => props.theme.space.base * (props.$isVertical ? 1 : 2.5), props => props.theme.space.base * (props.$isVertical ? 1 : 6), props => props.theme.space.base * (props.$isVertical ? 1 : 6), props => props.theme.borderRadii.md, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$3, props));
85
+ }, sizeStyles$2, colorStyles$1, props => props.theme.space.base * (props.$isVertical ? 1 : 2.5), props => props.theme.space.base * (props.$isVertical ? 1 : 6), props => props.theme.space.base * (props.$isVertical ? 1 : 6), props => props.theme.borderRadii.md, reactTheming.componentStyles);
86
86
 
87
87
  const COMPONENT_ID$2 = 'tabs.tablist';
88
88
  const colorStyles = _ref => {
@@ -112,11 +112,11 @@ const sizeStyles$1 = _ref2 => {
112
112
  };
113
113
  const StyledTabList = styled__default.default.div.attrs({
114
114
  'data-garden-id': COMPONENT_ID$2,
115
- 'data-garden-version': '9.4.0'
115
+ 'data-garden-version': '9.5.0'
116
116
  }).withConfig({
117
117
  displayName: "StyledTabList",
118
118
  componentId: "sc-wa5aaj-0"
119
- })(["display:", ";border-bottom:", ";vertical-align:", ";white-space:nowrap;", ";", ";", ";"], props => props.$isVertical ? 'table-cell' : 'block', props => props.$isVertical ? 'none' : props.theme.borderStyles.solid, props => props.$isVertical ? 'top' : undefined, sizeStyles$1, colorStyles, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$2, props));
119
+ })(["display:", ";border-bottom:", ";vertical-align:", ";white-space:nowrap;", ";", ";", ";"], props => props.$isVertical ? 'table-cell' : 'block', props => props.$isVertical ? 'none' : props.theme.borderStyles.solid, props => props.$isVertical ? 'top' : undefined, sizeStyles$1, colorStyles, reactTheming.componentStyles);
120
120
 
121
121
  const COMPONENT_ID$1 = 'tabs.tabpanel';
122
122
  const sizeStyles = _ref => {
@@ -129,20 +129,20 @@ const sizeStyles = _ref => {
129
129
  };
130
130
  const StyledTabPanel = styled__default.default.div.attrs({
131
131
  'data-garden-id': COMPONENT_ID$1,
132
- 'data-garden-version': '9.4.0'
132
+ 'data-garden-version': '9.5.0'
133
133
  }).withConfig({
134
134
  displayName: "StyledTabPanel",
135
135
  componentId: "sc-7lhrmp-0"
136
- })(["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));
136
+ })(["display:block;vertical-align:", ";color-scheme:only ", ";", ";&[aria-hidden='true']{display:none;}", ";"], props => props.$isVertical && 'top', p => p.theme.colors.base, sizeStyles, reactTheming.componentStyles);
137
137
 
138
138
  const COMPONENT_ID = 'tabs.tabs';
139
139
  const StyledTabs = styled__default.default.div.attrs({
140
140
  'data-garden-id': COMPONENT_ID,
141
- 'data-garden-version': '9.4.0'
141
+ 'data-garden-version': '9.5.0'
142
142
  }).withConfig({
143
143
  displayName: "StyledTabs",
144
144
  componentId: "sc-1qaor65-0"
145
- })(["display:", ";overflow:hidden;direction:", ";", ";"], props => props.$isVertical ? 'table' : 'block', props => props.theme.rtl && 'rtl', props => reactTheming.retrieveComponentStyles(COMPONENT_ID, props));
145
+ })(["display:", ";overflow:hidden;direction:", ";", ";"], props => props.$isVertical ? 'table' : 'block', props => props.theme.rtl && 'rtl', reactTheming.componentStyles);
146
146
 
147
147
  const TabsContext = React.createContext(undefined);
148
148
  const useTabsContext = () => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-tabs",
3
- "version": "9.4.0",
3
+ "version": "9.5.0",
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 || ^6.0.0"
35
35
  },
36
36
  "devDependencies": {
37
- "@zendeskgarden/react-theming": "^9.4.0"
37
+ "@zendeskgarden/react-theming": "^9.5.0"
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": "02e3f240b6f0c776fdae785254d6fe90cbfc37e4"
49
+ "gitHead": "43546784a9aa985332ddcc6dd09209a11e2c03ff"
50
50
  }