@zendeskgarden/react-tabs 9.0.0-next.5 → 9.0.0-next.7
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/index.cjs.js +7 -7
- package/dist/index.esm.js +7 -7
- package/package.json +4 -4
package/dist/index.cjs.js
CHANGED
|
@@ -49,7 +49,7 @@ const colorStyles = _ref => {
|
|
|
49
49
|
inset: true,
|
|
50
50
|
spacerWidth: null,
|
|
51
51
|
shadowWidth: 'sm',
|
|
52
|
-
selector: '&:focus-visible::before
|
|
52
|
+
selector: '&:focus-visible::before',
|
|
53
53
|
styles: {
|
|
54
54
|
color: selectedColor
|
|
55
55
|
}
|
|
@@ -66,11 +66,11 @@ const sizeStyles = _ref2 => {
|
|
|
66
66
|
};
|
|
67
67
|
const StyledTab = styled__default.default.div.attrs({
|
|
68
68
|
'data-garden-id': COMPONENT_ID$3,
|
|
69
|
-
'data-garden-version': '9.0.0-next.
|
|
69
|
+
'data-garden-version': '9.0.0-next.7'
|
|
70
70
|
}).withConfig({
|
|
71
71
|
displayName: "StyledTab",
|
|
72
72
|
componentId: "sc-x2pbow-0"
|
|
73
|
-
})(["display:inline-block;position:relative;transition:color 0.25s ease-in-out;border-bottom:", " transparent;border-width:", ";cursor:pointer;overflow:hidden;vertical-align:top;user-select:none;text-align:center;text-decoration:none;text-overflow:ellipsis;", " ", " &:focus{text-decoration:none;}&::before{transition:box-shadow 0.1s ease-in-out;content:'';}&:focus-visible::before
|
|
73
|
+
})(["display:inline-block;position:relative;transition:color 0.25s ease-in-out;border-bottom:", " transparent;border-width:", ";cursor:pointer;overflow:hidden;vertical-align:top;user-select:none;text-align:center;text-decoration:none;text-overflow:ellipsis;", " ", " &:focus{text-decoration:none;}&::before{transition:box-shadow 0.1s ease-in-out;content:'';}&:focus-visible::before{position:absolute;top:", "px;right:", "px;left:", "px;border-radius:", ";height:", "px;pointer-events:none;}&:active::before{box-shadow:none;}&[aria-disabled='true']{cursor:default;}", ";"], props => props.theme.borderStyles.solid, props => props.theme.borderWidths.md, sizeStyles, colorStyles, props => props.theme.space.base * 2.5, props => props.theme.space.base * 6, props => props.theme.space.base * 6, props => props.theme.borderRadii.md, props => props.theme.space.base * 5, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$3, props));
|
|
74
74
|
StyledTab.defaultProps = {
|
|
75
75
|
theme: reactTheming.DEFAULT_THEME
|
|
76
76
|
};
|
|
@@ -78,7 +78,7 @@ StyledTab.defaultProps = {
|
|
|
78
78
|
const COMPONENT_ID$2 = 'tabs.tablist';
|
|
79
79
|
const StyledTabList = styled__default.default.div.attrs({
|
|
80
80
|
'data-garden-id': COMPONENT_ID$2,
|
|
81
|
-
'data-garden-version': '9.0.0-next.
|
|
81
|
+
'data-garden-version': '9.0.0-next.7'
|
|
82
82
|
}).withConfig({
|
|
83
83
|
displayName: "StyledTabList",
|
|
84
84
|
componentId: "sc-wa5aaj-0"
|
|
@@ -90,7 +90,7 @@ StyledTabList.defaultProps = {
|
|
|
90
90
|
const COMPONENT_ID$1 = 'tabs.tabpanel';
|
|
91
91
|
const StyledTabPanel = styled__default.default.div.attrs({
|
|
92
92
|
'data-garden-id': COMPONENT_ID$1,
|
|
93
|
-
'data-garden-version': '9.0.0-next.
|
|
93
|
+
'data-garden-version': '9.0.0-next.7'
|
|
94
94
|
}).withConfig({
|
|
95
95
|
displayName: "StyledTabPanel",
|
|
96
96
|
componentId: "sc-7lhrmp-0"
|
|
@@ -104,11 +104,11 @@ const verticalStyling = _ref => {
|
|
|
104
104
|
let {
|
|
105
105
|
theme
|
|
106
106
|
} = _ref;
|
|
107
|
-
return styled.css(["display:table;", "{display:table-cell;margin-bottom:0;border-bottom:none;vertical-align:top;}", "{display:block;margin-bottom:", "px;margin-left:", ";border-left:", ";border-bottom-style:none;border-", "-style:", ";border-", "-color:transparent;padding:", "px ", "px;text-align:", ";&:last-of-type{margin-bottom:0;}&:focus-visible::before
|
|
107
|
+
return styled.css(["display:table;", "{display:table-cell;margin-bottom:0;border-bottom:none;vertical-align:top;}", "{display:block;margin-bottom:", "px;margin-left:", ";border-left:", ";border-bottom-style:none;border-", "-style:", ";border-", "-color:transparent;padding:", "px ", "px;text-align:", ";&:last-of-type{margin-bottom:0;}&:focus-visible::before{top:", "px;right:", "px;left:", "px;}}", "{margin-", ":", "px;vertical-align:top;}"], StyledTabList, StyledTab, theme.space.base * 5, theme.rtl && '0', theme.rtl && '0', theme.rtl ? 'right' : 'left', theme.borderStyles.solid, theme.rtl ? 'right' : 'left', theme.space.base, theme.space.base * 2, theme.rtl ? 'right' : 'left', theme.space.base, theme.space.base, theme.space.base, StyledTabPanel, theme.rtl ? 'right' : 'left', theme.space.base * 8);
|
|
108
108
|
};
|
|
109
109
|
const StyledTabs = styled__default.default.div.attrs({
|
|
110
110
|
'data-garden-id': COMPONENT_ID,
|
|
111
|
-
'data-garden-version': '9.0.0-next.
|
|
111
|
+
'data-garden-version': '9.0.0-next.7'
|
|
112
112
|
}).withConfig({
|
|
113
113
|
displayName: "StyledTabs",
|
|
114
114
|
componentId: "sc-1qaor65-0"
|
package/dist/index.esm.js
CHANGED
|
@@ -41,7 +41,7 @@ const colorStyles = _ref => {
|
|
|
41
41
|
inset: true,
|
|
42
42
|
spacerWidth: null,
|
|
43
43
|
shadowWidth: 'sm',
|
|
44
|
-
selector: '&:focus-visible::before
|
|
44
|
+
selector: '&:focus-visible::before',
|
|
45
45
|
styles: {
|
|
46
46
|
color: selectedColor
|
|
47
47
|
}
|
|
@@ -58,11 +58,11 @@ const sizeStyles = _ref2 => {
|
|
|
58
58
|
};
|
|
59
59
|
const StyledTab = styled.div.attrs({
|
|
60
60
|
'data-garden-id': COMPONENT_ID$3,
|
|
61
|
-
'data-garden-version': '9.0.0-next.
|
|
61
|
+
'data-garden-version': '9.0.0-next.7'
|
|
62
62
|
}).withConfig({
|
|
63
63
|
displayName: "StyledTab",
|
|
64
64
|
componentId: "sc-x2pbow-0"
|
|
65
|
-
})(["display:inline-block;position:relative;transition:color 0.25s ease-in-out;border-bottom:", " transparent;border-width:", ";cursor:pointer;overflow:hidden;vertical-align:top;user-select:none;text-align:center;text-decoration:none;text-overflow:ellipsis;", " ", " &:focus{text-decoration:none;}&::before{transition:box-shadow 0.1s ease-in-out;content:'';}&:focus-visible::before
|
|
65
|
+
})(["display:inline-block;position:relative;transition:color 0.25s ease-in-out;border-bottom:", " transparent;border-width:", ";cursor:pointer;overflow:hidden;vertical-align:top;user-select:none;text-align:center;text-decoration:none;text-overflow:ellipsis;", " ", " &:focus{text-decoration:none;}&::before{transition:box-shadow 0.1s ease-in-out;content:'';}&:focus-visible::before{position:absolute;top:", "px;right:", "px;left:", "px;border-radius:", ";height:", "px;pointer-events:none;}&:active::before{box-shadow:none;}&[aria-disabled='true']{cursor:default;}", ";"], props => props.theme.borderStyles.solid, props => props.theme.borderWidths.md, sizeStyles, colorStyles, props => props.theme.space.base * 2.5, props => props.theme.space.base * 6, props => props.theme.space.base * 6, props => props.theme.borderRadii.md, props => props.theme.space.base * 5, props => retrieveComponentStyles(COMPONENT_ID$3, props));
|
|
66
66
|
StyledTab.defaultProps = {
|
|
67
67
|
theme: DEFAULT_THEME
|
|
68
68
|
};
|
|
@@ -70,7 +70,7 @@ StyledTab.defaultProps = {
|
|
|
70
70
|
const COMPONENT_ID$2 = 'tabs.tablist';
|
|
71
71
|
const StyledTabList = styled.div.attrs({
|
|
72
72
|
'data-garden-id': COMPONENT_ID$2,
|
|
73
|
-
'data-garden-version': '9.0.0-next.
|
|
73
|
+
'data-garden-version': '9.0.0-next.7'
|
|
74
74
|
}).withConfig({
|
|
75
75
|
displayName: "StyledTabList",
|
|
76
76
|
componentId: "sc-wa5aaj-0"
|
|
@@ -82,7 +82,7 @@ StyledTabList.defaultProps = {
|
|
|
82
82
|
const COMPONENT_ID$1 = 'tabs.tabpanel';
|
|
83
83
|
const StyledTabPanel = styled.div.attrs({
|
|
84
84
|
'data-garden-id': COMPONENT_ID$1,
|
|
85
|
-
'data-garden-version': '9.0.0-next.
|
|
85
|
+
'data-garden-version': '9.0.0-next.7'
|
|
86
86
|
}).withConfig({
|
|
87
87
|
displayName: "StyledTabPanel",
|
|
88
88
|
componentId: "sc-7lhrmp-0"
|
|
@@ -96,11 +96,11 @@ const verticalStyling = _ref => {
|
|
|
96
96
|
let {
|
|
97
97
|
theme
|
|
98
98
|
} = _ref;
|
|
99
|
-
return css(["display:table;", "{display:table-cell;margin-bottom:0;border-bottom:none;vertical-align:top;}", "{display:block;margin-bottom:", "px;margin-left:", ";border-left:", ";border-bottom-style:none;border-", "-style:", ";border-", "-color:transparent;padding:", "px ", "px;text-align:", ";&:last-of-type{margin-bottom:0;}&:focus-visible::before
|
|
99
|
+
return css(["display:table;", "{display:table-cell;margin-bottom:0;border-bottom:none;vertical-align:top;}", "{display:block;margin-bottom:", "px;margin-left:", ";border-left:", ";border-bottom-style:none;border-", "-style:", ";border-", "-color:transparent;padding:", "px ", "px;text-align:", ";&:last-of-type{margin-bottom:0;}&:focus-visible::before{top:", "px;right:", "px;left:", "px;}}", "{margin-", ":", "px;vertical-align:top;}"], StyledTabList, StyledTab, theme.space.base * 5, theme.rtl && '0', theme.rtl && '0', theme.rtl ? 'right' : 'left', theme.borderStyles.solid, theme.rtl ? 'right' : 'left', theme.space.base, theme.space.base * 2, theme.rtl ? 'right' : 'left', theme.space.base, theme.space.base, theme.space.base, StyledTabPanel, theme.rtl ? 'right' : 'left', theme.space.base * 8);
|
|
100
100
|
};
|
|
101
101
|
const StyledTabs = styled.div.attrs({
|
|
102
102
|
'data-garden-id': COMPONENT_ID,
|
|
103
|
-
'data-garden-version': '9.0.0-next.
|
|
103
|
+
'data-garden-version': '9.0.0-next.7'
|
|
104
104
|
}).withConfig({
|
|
105
105
|
displayName: "StyledTabs",
|
|
106
106
|
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.7",
|
|
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>",
|
|
@@ -28,13 +28,13 @@
|
|
|
28
28
|
"react-merge-refs": "^2.0.0"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
31
|
-
"@zendeskgarden/react-theming": "^
|
|
31
|
+
"@zendeskgarden/react-theming": "^9.0.0",
|
|
32
32
|
"react": ">=16.8.0",
|
|
33
33
|
"react-dom": ">=16.8.0",
|
|
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.7"
|
|
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": "50a2b45b2e237a490a6d460818d33498b92479ec"
|
|
50
50
|
}
|