@atlaskit/tabs 13.4.6 → 13.4.8
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 +12 -0
- package/dist/cjs/components/tab-list.js +1 -2
- package/dist/cjs/components/tab-panel.js +1 -2
- package/dist/cjs/components/tabs.js +2 -3
- package/dist/cjs/hooks.js +4 -7
- package/dist/cjs/internal/colors.js +4 -7
- package/dist/cjs/internal/context.js +3 -6
- package/dist/cjs/internal/styles.js +4 -7
- package/dist/cjs/internal/utils.js +2 -3
- package/dist/es2019/components/tabs.js +1 -1
- package/dist/esm/components/tabs.js +1 -1
- package/package.json +5 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/tabs
|
|
2
2
|
|
|
3
|
+
## 13.4.8
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 13.4.7
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#40919](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40919) [`0cd2364f0ec`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0cd2364f0ec) - This package is now onboarded onto the product push model.
|
|
14
|
+
|
|
3
15
|
## 13.4.6
|
|
4
16
|
|
|
5
17
|
### 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.8"
|
|
32
32
|
};
|
|
33
33
|
var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
|
|
34
34
|
var tabPanel = _ref.tabPanel,
|
|
@@ -140,5 +140,4 @@ var Tabs = function Tabs(props) {
|
|
|
140
140
|
}, tabList), (0, _react2.jsx)(_react.Fragment, null, tabPanelsWithContext))
|
|
141
141
|
);
|
|
142
142
|
};
|
|
143
|
-
var _default = Tabs;
|
|
144
|
-
exports.default = _default;
|
|
143
|
+
var _default = exports.default = Tabs;
|
package/dist/cjs/hooks.js
CHANGED
|
@@ -6,27 +6,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.useTabPanel = exports.useTabList = exports.useTab = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _context = require("./internal/context");
|
|
9
|
-
var useTab = function useTab() {
|
|
9
|
+
var useTab = exports.useTab = function useTab() {
|
|
10
10
|
var tabData = (0, _react.useContext)(_context.TabContext);
|
|
11
11
|
if (tabData == null || typeof tabData === 'undefined') {
|
|
12
12
|
throw Error('@atlaskit/tabs: A Tab must have a TabList parent.');
|
|
13
13
|
}
|
|
14
14
|
return tabData;
|
|
15
15
|
};
|
|
16
|
-
exports.
|
|
17
|
-
var useTabList = function useTabList() {
|
|
16
|
+
var useTabList = exports.useTabList = function useTabList() {
|
|
18
17
|
var tabListData = (0, _react.useContext)(_context.TabListContext);
|
|
19
18
|
if (tabListData === null || typeof tabListData === 'undefined') {
|
|
20
19
|
throw Error('@atlaskit/tabs: A TabList must have a Tabs parent.');
|
|
21
20
|
}
|
|
22
21
|
return tabListData;
|
|
23
22
|
};
|
|
24
|
-
exports.
|
|
25
|
-
var useTabPanel = function useTabPanel() {
|
|
23
|
+
var useTabPanel = exports.useTabPanel = function useTabPanel() {
|
|
26
24
|
var tabPanelData = (0, _react.useContext)(_context.TabPanelContext);
|
|
27
25
|
if (tabPanelData === null || typeof tabPanelData === 'undefined') {
|
|
28
26
|
throw Error('@atlaskit/tabs: A TabPanel must have a Tabs parent.');
|
|
29
27
|
}
|
|
30
28
|
return tabPanelData;
|
|
31
|
-
};
|
|
32
|
-
exports.useTabPanel = useTabPanel;
|
|
29
|
+
};
|
|
@@ -21,10 +21,9 @@ var tabColorMap = {
|
|
|
21
21
|
focusBorderColor: "var(--ds-border-focused, ".concat(_colors.B75, ")")
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
|
-
var getTabColors = function getTabColors(mode) {
|
|
24
|
+
var getTabColors = exports.getTabColors = function getTabColors(mode) {
|
|
25
25
|
return tabColorMap[mode];
|
|
26
26
|
};
|
|
27
|
-
exports.getTabColors = getTabColors;
|
|
28
27
|
var tabLineColorMap = {
|
|
29
28
|
light: {
|
|
30
29
|
lineColor: "var(--ds-border, ".concat(_colors.N30, ")"),
|
|
@@ -39,15 +38,13 @@ var tabLineColorMap = {
|
|
|
39
38
|
selectedColor: "var(--ds-border-selected, ".concat(_colors.B75, ")")
|
|
40
39
|
}
|
|
41
40
|
};
|
|
42
|
-
var getTabLineColor = function getTabLineColor(mode) {
|
|
41
|
+
var getTabLineColor = exports.getTabLineColor = function getTabLineColor(mode) {
|
|
43
42
|
return tabLineColorMap[mode];
|
|
44
43
|
};
|
|
45
|
-
exports.getTabLineColor = getTabLineColor;
|
|
46
44
|
var tabPanelFocusColorMap = {
|
|
47
45
|
light: "var(--ds-border-focused, ".concat(_colors.B100, ")"),
|
|
48
46
|
dark: "var(--ds-border-focused, ".concat(_colors.B75, ")")
|
|
49
47
|
};
|
|
50
|
-
var getTabPanelFocusColor = function getTabPanelFocusColor(mode) {
|
|
48
|
+
var getTabPanelFocusColor = exports.getTabPanelFocusColor = function getTabPanelFocusColor(mode) {
|
|
51
49
|
return tabPanelFocusColorMap[mode];
|
|
52
|
-
};
|
|
53
|
-
exports.getTabPanelFocusColor = getTabPanelFocusColor;
|
|
50
|
+
};
|
|
@@ -7,9 +7,6 @@ exports.TabPanelContext = exports.TabListContext = exports.TabContext = void 0;
|
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
/* eslint-disable @repo/internal/react/require-jsdoc */
|
|
9
9
|
|
|
10
|
-
var TabContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
11
|
-
exports.
|
|
12
|
-
var
|
|
13
|
-
exports.TabListContext = TabListContext;
|
|
14
|
-
var TabPanelContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
15
|
-
exports.TabPanelContext = TabPanelContext;
|
|
10
|
+
var TabContext = exports.TabContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
11
|
+
var TabListContext = exports.TabListContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
12
|
+
var TabPanelContext = exports.TabPanelContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
@@ -50,7 +50,7 @@ var getTabPanelStyles = function getTabPanelStyles(mode) {
|
|
|
50
50
|
}
|
|
51
51
|
}, highContrastFocusRing);
|
|
52
52
|
};
|
|
53
|
-
var getTabsStyles = function getTabsStyles(mode) {
|
|
53
|
+
var getTabsStyles = exports.getTabsStyles = function getTabsStyles(mode) {
|
|
54
54
|
return (
|
|
55
55
|
// eslint-disable-next-line @repo/internal/styles/no-exported-styles
|
|
56
56
|
(0, _react.css)({
|
|
@@ -64,7 +64,6 @@ var getTabsStyles = function getTabsStyles(mode) {
|
|
|
64
64
|
})
|
|
65
65
|
);
|
|
66
66
|
};
|
|
67
|
-
exports.getTabsStyles = getTabsStyles;
|
|
68
67
|
var tabLineStyles = {
|
|
69
68
|
content: '""',
|
|
70
69
|
borderRadius: "var(--ds-border-radius-050, 2px)",
|
|
@@ -75,7 +74,7 @@ var tabLineStyles = {
|
|
|
75
74
|
left: tabLeftRightPadding,
|
|
76
75
|
right: tabLeftRightPadding
|
|
77
76
|
};
|
|
78
|
-
var getTabListStyles = function getTabListStyles(mode) {
|
|
77
|
+
var getTabListStyles = exports.getTabListStyles = function getTabListStyles(mode) {
|
|
79
78
|
return (
|
|
80
79
|
// eslint-disable-next-line @repo/internal/styles/no-exported-styles
|
|
81
80
|
(0, _react.css)({
|
|
@@ -89,7 +88,6 @@ var getTabListStyles = function getTabListStyles(mode) {
|
|
|
89
88
|
})
|
|
90
89
|
);
|
|
91
90
|
};
|
|
92
|
-
exports.getTabListStyles = getTabListStyles;
|
|
93
91
|
var tabPanelFocusStyles = function tabPanelFocusStyles(mode) {
|
|
94
92
|
var colors = (0, _colors.getTabColors)(mode);
|
|
95
93
|
return {
|
|
@@ -102,7 +100,7 @@ var tabPanelFocusStyles = function tabPanelFocusStyles(mode) {
|
|
|
102
100
|
}
|
|
103
101
|
};
|
|
104
102
|
};
|
|
105
|
-
var getTabStyles = function getTabStyles(mode) {
|
|
103
|
+
var getTabStyles = exports.getTabStyles = function getTabStyles(mode) {
|
|
106
104
|
var colors = (0, _colors.getTabColors)(mode);
|
|
107
105
|
return _objectSpread(_objectSpread({
|
|
108
106
|
color: colors.labelColor,
|
|
@@ -150,5 +148,4 @@ var getTabStyles = function getTabStyles(mode) {
|
|
|
150
148
|
})
|
|
151
149
|
}
|
|
152
150
|
});
|
|
153
|
-
};
|
|
154
|
-
exports.getTabStyles = getTabStyles;
|
|
151
|
+
};
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.onMouseDownBlur = void 0;
|
|
7
7
|
// Prevent a focus ring if clicked
|
|
8
|
-
var onMouseDownBlur = function onMouseDownBlur(e) {
|
|
8
|
+
var onMouseDownBlur = exports.onMouseDownBlur = function onMouseDownBlur(e) {
|
|
9
9
|
var currentTarget = e.currentTarget;
|
|
10
10
|
var focusedDuringMouseDown = currentTarget === document.activeElement;
|
|
11
11
|
requestAnimationFrame(function () {
|
|
@@ -17,5 +17,4 @@ var onMouseDownBlur = function onMouseDownBlur(e) {
|
|
|
17
17
|
currentTarget.blur();
|
|
18
18
|
}
|
|
19
19
|
});
|
|
20
|
-
};
|
|
21
|
-
exports.onMouseDownBlur = onMouseDownBlur;
|
|
20
|
+
};
|
|
@@ -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.8"
|
|
26
26
|
};
|
|
27
27
|
var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
|
|
28
28
|
var tabPanel = _ref.tabPanel,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/tabs",
|
|
3
|
-
"version": "13.4.
|
|
3
|
+
"version": "13.4.8",
|
|
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/"
|
|
@@ -25,6 +25,9 @@
|
|
|
25
25
|
"atlassian": {
|
|
26
26
|
"team": "Design System Team",
|
|
27
27
|
"releaseModel": "continuous",
|
|
28
|
+
"productPushConsumption": [
|
|
29
|
+
"jira"
|
|
30
|
+
],
|
|
28
31
|
"website": {
|
|
29
32
|
"name": "Tabs",
|
|
30
33
|
"category": "Components"
|
|
@@ -33,7 +36,7 @@
|
|
|
33
36
|
"dependencies": {
|
|
34
37
|
"@atlaskit/analytics-next": "^9.1.0",
|
|
35
38
|
"@atlaskit/codemod-utils": "^4.2.0",
|
|
36
|
-
"@atlaskit/ds-explorations": "^
|
|
39
|
+
"@atlaskit/ds-explorations": "^3.0.0",
|
|
37
40
|
"@atlaskit/primitives": "^1.6.0",
|
|
38
41
|
"@atlaskit/theme": "^12.6.0",
|
|
39
42
|
"@atlaskit/tokens": "^1.25.0",
|