@atlaskit/tabs 18.1.11 → 18.1.12
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 +8 -0
- package/dist/cjs/components/tab-list.compiled.css +4 -4
- package/dist/cjs/components/tab-list.js +2 -4
- package/dist/cjs/components/tabs.js +2 -2
- package/dist/es2019/components/tab-list.js +1 -1
- package/dist/es2019/components/tabs.js +2 -2
- package/dist/esm/components/tab-list.compiled.css +4 -4
- package/dist/esm/components/tab-list.js +2 -4
- package/dist/esm/components/tabs.js +2 -2
- package/dist/types/components/tab.d.ts +1 -1
- package/dist/types-ts4.5/components/tab.d.ts +1 -1
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/tabs
|
|
2
2
|
|
|
3
|
+
## 18.1.12
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`39e543109ec09`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/39e543109ec09) -
|
|
8
|
+
add type info to forwardRef components
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 18.1.11
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
._1jaklb4i [role=tab]:active:after{border-radius:var(--ds-radius-xsmall,2px)}
|
|
4
4
|
._9r9ulb4i [role=tab][aria-selected=true]:after{border-radius:var(--ds-radius-xsmall,2px)}
|
|
5
5
|
._rfx3lb4i:before{border-radius:var(--ds-radius-xsmall,2px)}
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
6
|
+
._1b8d1mrt [role=tab]:active:after{border-block-end:3px solid var(--ds-border,transparent)}
|
|
7
|
+
._1b8dokkv [role=tab]:active:after{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,transparent)}
|
|
8
|
+
._1lzu1mrt [role=tab]:hover:after{border-block-end:3px solid var(--ds-border,transparent)}
|
|
9
|
+
._1lzuokkv [role=tab]:hover:after{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,transparent)}
|
|
10
10
|
._rsmz12s7 [role=tab][aria-selected=true]:after{border-block-end:var(--_1c11uqn)}
|
|
11
11
|
._rsmz73hj [role=tab][aria-selected=true]:after{border-block-end:var(--_1q7mpl4)}._10vzidpf [role=tab]{margin-right:0}
|
|
12
12
|
._140sidpf [role=tab]:hover:after{height:0}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* tab-list.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* tab-list.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
@@ -99,16 +99,14 @@ var TabList = function TabList(_ref) {
|
|
|
99
99
|
return /*#__PURE__*/React.createElement("div", {
|
|
100
100
|
role: "tablist",
|
|
101
101
|
ref: ref,
|
|
102
|
-
className: (0, _runtime.ax)(["_1e0c1txw _kqswh2mm _85i5ze3t _1q51ze3t _y4tize3t _bozgze3t", (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? "_k48p1wq8 _ahbqx0bf _gpbcidpf _10vzidpf _1mmwidpf _15plidpf _7hip15vq _1fud15vq _bb0mh2mm _1quz1425 _rzxytlke _1ofh12x7 _pryi12x7 _1a85u2gc _rmpau2gc _1dze1l2s _1tms1q9c _fiizidpf _1xrmidpf _xyihidpf _166qidpf
|
|
102
|
+
className: (0, _runtime.ax)(["_1e0c1txw _kqswh2mm _85i5ze3t _1q51ze3t _y4tize3t _bozgze3t", (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? "_k48p1wq8 _ahbqx0bf _gpbcidpf _10vzidpf _1mmwidpf _15plidpf _7hip15vq _1fud15vq _bb0mh2mm _1quz1425 _rzxytlke _1ofh12x7 _pryi12x7 _1a85u2gc _rmpau2gc _1dze1l2s _1tms1q9c _fiizidpf _1xrmidpf _xyihidpf _166qidpf _1lzu1mrt _24g71kw7 _140sidpf _lycustnw _15d8b3bt _1fztidpf _wd7eu2gc _1olcu2gc _1oaz1fgx _w9ewidpf _170tidpf _y1g1idpf _1nvfidpf _1b8d1mrt _1n121kw7 _7p9oidpf _o2e1stnw _16u6b3bt _1yk1idpf _1lbou2gc _1c9uu2gc _1i2072d1 _bppridpf _1mbxidpf _kn0bidpf _wsgdidpf _rsmz12s7 _1m0e1kw7 _93pdidpf _1sglstnw _1ksob3bt _1p9sidpf _1qa1u2gc _1jjcu2gc _fiemln51 _pascidpf _eid3idpf _zr3eidpf _fntnidpf _1mp41kw7 _kfgte4h9 _1cs8stnw _1russudh _1kt9b3bt _1fkridpf _1enwidpf _z5wtu2gc" : "_k48p1wq8 _ahbqx0bf _gpbcidpf _10vzidpf _1mmwidpf _15plidpf _7hip15vq _1fud15vq _bb0mh2mm _1quz1425 _rzxytlke _1ofh12x7 _pryi12x7 _1a85u2gc _rmpau2gc _1dze1l2s _1tms1q9c _fiizidpf _1xrmidpf _xyihidpf _166qidpf _17hylb4i _1lzuokkv _24g71kw7 _140sidpf _lycustnw _15d8b3bt _1fztidpf _wd7eu2gc _1olcu2gc _1oaz1fgx _w9ewidpf _170tidpf _y1g1idpf _1nvfidpf _1jaklb4i _1b8dokkv _1n121kw7 _7p9oidpf _o2e1stnw _16u6b3bt _1yk1idpf _1lbou2gc _1c9uu2gc _1i2072d1 _bppridpf _1mbxidpf _kn0bidpf _wsgdidpf _9r9ulb4i _rsmz73hj _1m0e1kw7 _93pdidpf _1sglstnw _1ksob3bt _1p9sidpf _1qa1u2gc _1jjcu2gc _fiemln51 _pascidpf _eid3idpf _zr3eidpf _fntnidpf _rfx3lb4i _1mp41kw7 _kfgt1dm9 _1cs8stnw _1russudh _1kt9b3bt _1fkridpf _1enwidpf _z5wtu2gc"]),
|
|
103
103
|
style: {
|
|
104
104
|
"--_13a5t4u": (0, _runtime.ix)("var(--ds-text-subtle, ".concat(_colors.N500, ")")),
|
|
105
105
|
"--_kkbq40": (0, _runtime.ix)("var(--ds-text-subtle, ".concat(_colors.B400, ")")),
|
|
106
|
-
"--_y4kn7q": (0, _runtime.ix)("3px solid ".concat("var(--ds-border, transparent)")),
|
|
107
106
|
"--_71dbsd": (0, _runtime.ix)("var(--ds-text, ".concat(_colors.B500, ")")),
|
|
108
107
|
"--_1hfkvbo": (0, _runtime.ix)("var(--ds-text-selected, ".concat(_colors.B400, ")")),
|
|
109
108
|
"--_1c11uqn": (0, _runtime.ix)("3px solid ".concat("var(--ds-border-selected, ".concat(_colors.B400, ")"))),
|
|
110
109
|
"--_lvpq93": (0, _runtime.ix)("var(--ds-border, ".concat(_colors.N30, ")")),
|
|
111
|
-
"--_afs77": (0, _runtime.ix)("var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border, transparent)")),
|
|
112
110
|
"--_1q7mpl4": (0, _runtime.ix)("var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border-selected, ".concat(_colors.B400, ")")))
|
|
113
111
|
}
|
|
114
112
|
}, childrenArray.map(function (child, index) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* tabs.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* tabs.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -24,7 +24,7 @@ var tabsStyles = null;
|
|
|
24
24
|
var analyticsAttributes = {
|
|
25
25
|
componentName: 'tabs',
|
|
26
26
|
packageName: "@atlaskit/tabs",
|
|
27
|
-
packageVersion: "18.1.
|
|
27
|
+
packageVersion: "18.1.11"
|
|
28
28
|
};
|
|
29
29
|
var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
|
|
30
30
|
var tabPanel = _ref.tabPanel,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* tabs.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* tabs.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import "./tabs.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -10,7 +10,7 @@ const tabsStyles = null;
|
|
|
10
10
|
const analyticsAttributes = {
|
|
11
11
|
componentName: 'tabs',
|
|
12
12
|
packageName: "@atlaskit/tabs",
|
|
13
|
-
packageVersion: "18.1.
|
|
13
|
+
packageVersion: "18.1.11"
|
|
14
14
|
};
|
|
15
15
|
const getTabPanelWithContext = ({
|
|
16
16
|
tabPanel,
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
._1jaklb4i [role=tab]:active:after{border-radius:var(--ds-radius-xsmall,2px)}
|
|
4
4
|
._9r9ulb4i [role=tab][aria-selected=true]:after{border-radius:var(--ds-radius-xsmall,2px)}
|
|
5
5
|
._rfx3lb4i:before{border-radius:var(--ds-radius-xsmall,2px)}
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
6
|
+
._1b8d1mrt [role=tab]:active:after{border-block-end:3px solid var(--ds-border,transparent)}
|
|
7
|
+
._1b8dokkv [role=tab]:active:after{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,transparent)}
|
|
8
|
+
._1lzu1mrt [role=tab]:hover:after{border-block-end:3px solid var(--ds-border,transparent)}
|
|
9
|
+
._1lzuokkv [role=tab]:hover:after{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,transparent)}
|
|
10
10
|
._rsmz12s7 [role=tab][aria-selected=true]:after{border-block-end:var(--_1c11uqn)}
|
|
11
11
|
._rsmz73hj [role=tab][aria-selected=true]:after{border-block-end:var(--_1q7mpl4)}._10vzidpf [role=tab]{margin-right:0}
|
|
12
12
|
._140sidpf [role=tab]:hover:after{height:0}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* tab-list.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* tab-list.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import "./tab-list.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -91,16 +91,14 @@ var TabList = function TabList(_ref) {
|
|
|
91
91
|
return /*#__PURE__*/React.createElement("div", {
|
|
92
92
|
role: "tablist",
|
|
93
93
|
ref: ref,
|
|
94
|
-
className: ax(["_1e0c1txw _kqswh2mm _85i5ze3t _1q51ze3t _y4tize3t _bozgze3t", fg('platform-component-visual-refresh') ? "_k48p1wq8 _ahbqx0bf _gpbcidpf _10vzidpf _1mmwidpf _15plidpf _7hip15vq _1fud15vq _bb0mh2mm _1quz1425 _rzxytlke _1ofh12x7 _pryi12x7 _1a85u2gc _rmpau2gc _1dze1l2s _1tms1q9c _fiizidpf _1xrmidpf _xyihidpf _166qidpf
|
|
94
|
+
className: ax(["_1e0c1txw _kqswh2mm _85i5ze3t _1q51ze3t _y4tize3t _bozgze3t", fg('platform-component-visual-refresh') ? "_k48p1wq8 _ahbqx0bf _gpbcidpf _10vzidpf _1mmwidpf _15plidpf _7hip15vq _1fud15vq _bb0mh2mm _1quz1425 _rzxytlke _1ofh12x7 _pryi12x7 _1a85u2gc _rmpau2gc _1dze1l2s _1tms1q9c _fiizidpf _1xrmidpf _xyihidpf _166qidpf _1lzu1mrt _24g71kw7 _140sidpf _lycustnw _15d8b3bt _1fztidpf _wd7eu2gc _1olcu2gc _1oaz1fgx _w9ewidpf _170tidpf _y1g1idpf _1nvfidpf _1b8d1mrt _1n121kw7 _7p9oidpf _o2e1stnw _16u6b3bt _1yk1idpf _1lbou2gc _1c9uu2gc _1i2072d1 _bppridpf _1mbxidpf _kn0bidpf _wsgdidpf _rsmz12s7 _1m0e1kw7 _93pdidpf _1sglstnw _1ksob3bt _1p9sidpf _1qa1u2gc _1jjcu2gc _fiemln51 _pascidpf _eid3idpf _zr3eidpf _fntnidpf _1mp41kw7 _kfgte4h9 _1cs8stnw _1russudh _1kt9b3bt _1fkridpf _1enwidpf _z5wtu2gc" : "_k48p1wq8 _ahbqx0bf _gpbcidpf _10vzidpf _1mmwidpf _15plidpf _7hip15vq _1fud15vq _bb0mh2mm _1quz1425 _rzxytlke _1ofh12x7 _pryi12x7 _1a85u2gc _rmpau2gc _1dze1l2s _1tms1q9c _fiizidpf _1xrmidpf _xyihidpf _166qidpf _17hylb4i _1lzuokkv _24g71kw7 _140sidpf _lycustnw _15d8b3bt _1fztidpf _wd7eu2gc _1olcu2gc _1oaz1fgx _w9ewidpf _170tidpf _y1g1idpf _1nvfidpf _1jaklb4i _1b8dokkv _1n121kw7 _7p9oidpf _o2e1stnw _16u6b3bt _1yk1idpf _1lbou2gc _1c9uu2gc _1i2072d1 _bppridpf _1mbxidpf _kn0bidpf _wsgdidpf _9r9ulb4i _rsmz73hj _1m0e1kw7 _93pdidpf _1sglstnw _1ksob3bt _1p9sidpf _1qa1u2gc _1jjcu2gc _fiemln51 _pascidpf _eid3idpf _zr3eidpf _fntnidpf _rfx3lb4i _1mp41kw7 _kfgt1dm9 _1cs8stnw _1russudh _1kt9b3bt _1fkridpf _1enwidpf _z5wtu2gc"]),
|
|
95
95
|
style: {
|
|
96
96
|
"--_13a5t4u": ix("var(--ds-text-subtle, ".concat(N500, ")")),
|
|
97
97
|
"--_kkbq40": ix("var(--ds-text-subtle, ".concat(B400, ")")),
|
|
98
|
-
"--_y4kn7q": ix("3px solid ".concat("var(--ds-border, transparent)")),
|
|
99
98
|
"--_71dbsd": ix("var(--ds-text, ".concat(B500, ")")),
|
|
100
99
|
"--_1hfkvbo": ix("var(--ds-text-selected, ".concat(B400, ")")),
|
|
101
100
|
"--_1c11uqn": ix("3px solid ".concat("var(--ds-border-selected, ".concat(B400, ")"))),
|
|
102
101
|
"--_lvpq93": ix("var(--ds-border, ".concat(N30, ")")),
|
|
103
|
-
"--_afs77": ix("var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border, transparent)")),
|
|
104
102
|
"--_1q7mpl4": ix("var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border-selected, ".concat(B400, ")")))
|
|
105
103
|
}
|
|
106
104
|
}, childrenArray.map(function (child, index) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* tabs.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* tabs.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import _toArray from "@babel/runtime/helpers/toArray";
|
|
4
4
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
@@ -15,7 +15,7 @@ var tabsStyles = null;
|
|
|
15
15
|
var analyticsAttributes = {
|
|
16
16
|
componentName: 'tabs',
|
|
17
17
|
packageName: "@atlaskit/tabs",
|
|
18
|
-
packageVersion: "18.1.
|
|
18
|
+
packageVersion: "18.1.11"
|
|
19
19
|
};
|
|
20
20
|
var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
|
|
21
21
|
var tabPanel = _ref.tabPanel,
|
|
@@ -9,5 +9,5 @@ import { type TabProps } from '../types';
|
|
|
9
9
|
* - [Code](https://atlassian.design/components/tabs/code)
|
|
10
10
|
* - [Usage](https://atlassian.design/components/tabs/usage)
|
|
11
11
|
*/
|
|
12
|
-
declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
declare const Tab: React.ForwardRefExoticComponent<React.PropsWithoutRef<TabProps> & React.RefAttributes<HTMLDivElement>>;
|
|
13
13
|
export default Tab;
|
|
@@ -9,5 +9,5 @@ import { type TabProps } from '../types';
|
|
|
9
9
|
* - [Code](https://atlassian.design/components/tabs/code)
|
|
10
10
|
* - [Usage](https://atlassian.design/components/tabs/usage)
|
|
11
11
|
*/
|
|
12
|
-
declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
declare const Tab: React.ForwardRefExoticComponent<React.PropsWithoutRef<TabProps> & React.RefAttributes<HTMLDivElement>>;
|
|
13
13
|
export default Tab;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/tabs",
|
|
3
|
-
"version": "18.1.
|
|
3
|
+
"version": "18.1.12",
|
|
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/"
|
|
@@ -35,9 +35,9 @@
|
|
|
35
35
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
36
36
|
"@atlaskit/focus-ring": "^3.0.0",
|
|
37
37
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
38
|
-
"@atlaskit/primitives": "^14.
|
|
38
|
+
"@atlaskit/primitives": "^14.15.0",
|
|
39
39
|
"@atlaskit/theme": "^21.0.0",
|
|
40
|
-
"@atlaskit/tokens": "^6.
|
|
40
|
+
"@atlaskit/tokens": "^6.4.0",
|
|
41
41
|
"@babel/runtime": "^7.0.0",
|
|
42
42
|
"@compiled/react": "^0.18.3"
|
|
43
43
|
},
|
|
@@ -51,12 +51,12 @@
|
|
|
51
51
|
"@atlaskit/button": "^23.4.0",
|
|
52
52
|
"@atlaskit/css": "^0.14.0",
|
|
53
53
|
"@atlaskit/docs": "^11.1.0",
|
|
54
|
-
"@atlaskit/ds-lib": "^5.
|
|
54
|
+
"@atlaskit/ds-lib": "^5.1.0",
|
|
55
55
|
"@atlaskit/link": "^3.2.0",
|
|
56
56
|
"@atlaskit/section-message": "^8.7.0",
|
|
57
57
|
"@atlaskit/spinner": "^19.0.0",
|
|
58
58
|
"@atlaskit/ssr": "workspace:^",
|
|
59
|
-
"@atlaskit/tooltip": "^20.
|
|
59
|
+
"@atlaskit/tooltip": "^20.5.0",
|
|
60
60
|
"@atlaskit/visually-hidden": "^3.0.0",
|
|
61
61
|
"@atlassian/ssr-tests": "^0.3.0",
|
|
62
62
|
"@testing-library/react": "^13.4.0",
|