@atlaskit/tabs 13.4.7 → 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 CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/tabs
2
2
 
3
+ ## 13.4.8
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 13.4.7
4
10
 
5
11
  ### Patch Changes
@@ -122,5 +122,4 @@ var TabList = function TabList(_ref) {
122
122
  }))
123
123
  );
124
124
  };
125
- var _default = TabList;
126
- exports.default = _default;
125
+ var _default = exports.default = TabList;
@@ -40,5 +40,4 @@ var TabPanel = function TabPanel(_ref) {
40
40
  tabIndex: tabIndex
41
41
  }, (0, _react2.jsx)(_react.Fragment, null, children));
42
42
  };
43
- var _default = TabPanel;
44
- exports.default = _default;
43
+ var _default = exports.default = TabPanel;
@@ -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.7"
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.useTab = useTab;
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.useTabList = useTabList;
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.TabContext = TabContext;
12
- var TabListContext = /*#__PURE__*/(0, _react.createContext)(null);
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
+ };
@@ -17,7 +17,7 @@ const baseStyles = css({
17
17
  const analyticsAttributes = {
18
18
  componentName: 'tabs',
19
19
  packageName: "@atlaskit/tabs",
20
- packageVersion: "13.4.7"
20
+ packageVersion: "13.4.8"
21
21
  };
22
22
  const getTabPanelWithContext = ({
23
23
  tabPanel,
@@ -22,7 +22,7 @@ var baseStyles = css({
22
22
  var analyticsAttributes = {
23
23
  componentName: 'tabs',
24
24
  packageName: "@atlaskit/tabs",
25
- packageVersion: "13.4.7"
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.7",
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/"
@@ -36,7 +36,7 @@
36
36
  "dependencies": {
37
37
  "@atlaskit/analytics-next": "^9.1.0",
38
38
  "@atlaskit/codemod-utils": "^4.2.0",
39
- "@atlaskit/ds-explorations": "^2.3.0",
39
+ "@atlaskit/ds-explorations": "^3.0.0",
40
40
  "@atlaskit/primitives": "^1.6.0",
41
41
  "@atlaskit/theme": "^12.6.0",
42
42
  "@atlaskit/tokens": "^1.25.0",