@atlaskit/tabs 13.4.8 → 13.4.9
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/CHANGELOG.md +6 -0
- package/dist/cjs/components/tabs.js +1 -1
- package/dist/cjs/internal/styles.js +1 -7
- package/dist/es2019/components/tabs.js +1 -1
- package/dist/es2019/internal/styles.js +1 -7
- package/dist/esm/components/tabs.js +1 -1
- package/dist/esm/internal/styles.js +1 -7
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @atlaskit/tabs
|
|
2
2
|
|
|
3
|
+
## 13.4.9
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#40650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40650) [`07aa588c8a4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/07aa588c8a4) - Reverts the fix to text descender cut-off, due to incompatibilities with Firefox and Safari.
|
|
8
|
+
|
|
3
9
|
## 13.4.8
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
|
@@ -28,7 +28,7 @@ var baseStyles = (0, _react2.css)({
|
|
|
28
28
|
var analyticsAttributes = {
|
|
29
29
|
componentName: 'tabs',
|
|
30
30
|
packageName: "@atlaskit/tabs",
|
|
31
|
-
packageVersion: "13.4.
|
|
31
|
+
packageVersion: "13.4.9"
|
|
32
32
|
};
|
|
33
33
|
var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
|
|
34
34
|
var tabPanel = _ref.tabPanel,
|
|
@@ -110,14 +110,8 @@ var getTabStyles = exports.getTabStyles = function getTabStyles(mode) {
|
|
|
110
110
|
padding: "".concat(tabTopBottomPadding, " ").concat(tabLeftRightPadding),
|
|
111
111
|
position: 'relative',
|
|
112
112
|
whiteSpace: 'nowrap',
|
|
113
|
+
overflow: 'hidden',
|
|
113
114
|
textOverflow: 'ellipsis',
|
|
114
|
-
// Use "clip" overflow to allow ellipses on x-axis without clipping descenders
|
|
115
|
-
'@supports not (overflow-x: clip)': {
|
|
116
|
-
overflow: 'hidden'
|
|
117
|
-
},
|
|
118
|
-
'@supports (overflow-x: clip)': {
|
|
119
|
-
overflowX: 'clip'
|
|
120
|
-
},
|
|
121
115
|
'&:hover': {
|
|
122
116
|
// TODO: interaction states will be reviewed in DSP-1438
|
|
123
117
|
color: colors.hoverLabelColor,
|
|
@@ -92,14 +92,8 @@ export const getTabStyles = mode => {
|
|
|
92
92
|
padding: `${tabTopBottomPadding} ${tabLeftRightPadding}`,
|
|
93
93
|
position: 'relative',
|
|
94
94
|
whiteSpace: 'nowrap',
|
|
95
|
+
overflow: 'hidden',
|
|
95
96
|
textOverflow: 'ellipsis',
|
|
96
|
-
// Use "clip" overflow to allow ellipses on x-axis without clipping descenders
|
|
97
|
-
'@supports not (overflow-x: clip)': {
|
|
98
|
-
overflow: 'hidden'
|
|
99
|
-
},
|
|
100
|
-
'@supports (overflow-x: clip)': {
|
|
101
|
-
overflowX: 'clip'
|
|
102
|
-
},
|
|
103
97
|
'&:hover': {
|
|
104
98
|
// TODO: interaction states will be reviewed in DSP-1438
|
|
105
99
|
color: colors.hoverLabelColor,
|
|
@@ -22,7 +22,7 @@ var baseStyles = css({
|
|
|
22
22
|
var analyticsAttributes = {
|
|
23
23
|
componentName: 'tabs',
|
|
24
24
|
packageName: "@atlaskit/tabs",
|
|
25
|
-
packageVersion: "13.4.
|
|
25
|
+
packageVersion: "13.4.9"
|
|
26
26
|
};
|
|
27
27
|
var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
|
|
28
28
|
var tabPanel = _ref.tabPanel,
|
|
@@ -103,14 +103,8 @@ export var getTabStyles = function getTabStyles(mode) {
|
|
|
103
103
|
padding: "".concat(tabTopBottomPadding, " ").concat(tabLeftRightPadding),
|
|
104
104
|
position: 'relative',
|
|
105
105
|
whiteSpace: 'nowrap',
|
|
106
|
+
overflow: 'hidden',
|
|
106
107
|
textOverflow: 'ellipsis',
|
|
107
|
-
// Use "clip" overflow to allow ellipses on x-axis without clipping descenders
|
|
108
|
-
'@supports not (overflow-x: clip)': {
|
|
109
|
-
overflow: 'hidden'
|
|
110
|
-
},
|
|
111
|
-
'@supports (overflow-x: clip)': {
|
|
112
|
-
overflowX: 'clip'
|
|
113
|
-
},
|
|
114
108
|
'&:hover': {
|
|
115
109
|
// TODO: interaction states will be reviewed in DSP-1438
|
|
116
110
|
color: colors.hoverLabelColor,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/tabs",
|
|
3
|
-
"version": "13.4.
|
|
3
|
+
"version": "13.4.9",
|
|
4
4
|
"description": "Tabs are used to organize content by grouping similar information on the same page.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"@atlaskit/ds-explorations": "^3.0.0",
|
|
40
40
|
"@atlaskit/primitives": "^1.6.0",
|
|
41
41
|
"@atlaskit/theme": "^12.6.0",
|
|
42
|
-
"@atlaskit/tokens": "^1.
|
|
42
|
+
"@atlaskit/tokens": "^1.26.0",
|
|
43
43
|
"@babel/runtime": "^7.0.0",
|
|
44
44
|
"@emotion/react": "^11.7.1"
|
|
45
45
|
},
|