@atlaskit/tabs 16.1.1 → 16.2.0

package/codemods/migrations/rename-is-content-persisted-to-should-unmount-tab-panel-on-change.tsx

@@ -1,70 +1,62 @@
-import core, { ASTPath, JSXAttribute, JSXElement } from 'jscodeshift';
-import { Collection } from 'jscodeshift/src/Collection';
-
 import {
-  getDefaultSpecifier,
-  getJSXAttributesByName,
-} from '@atlaskit/codemod-utils';
+	type ASTPath,
+	type default as core,
+	type JSXAttribute,
+	type JSXElement,
+} from 'jscodeshift';
+import { type Collection } from 'jscodeshift/src/Collection';
+
+import { getDefaultSpecifier, getJSXAttributesByName } from '@atlaskit/codemod-utils';
 
 const component = '@atlaskit/tabs';
 const fromProp = 'isContentPersisted';
 const toProp = 'shouldUnmountTabPanelOnChange';
 
 export const renameIsContentPersistedToShouldUnmountTabPanelOnChange = (
-  j: core.JSCodeshift,
-  source: Collection<Node>,
+	j: core.JSCodeshift,
+	source: Collection<Node>,
 ) => {
-  const defaultSpecifier = getDefaultSpecifier(j, source, component);
+	const defaultSpecifier = getDefaultSpecifier(j, source, component);
 
-  if (!defaultSpecifier) {
-    return;
-  }
+	if (!defaultSpecifier) {
+		return;
+	}
 
-  source
-    .findJSXElements(defaultSpecifier)
-    .forEach((element: ASTPath<JSXElement>) => {
-      let foundUsage = false;
-      getJSXAttributesByName(j, element, fromProp).forEach(
-        (attribute: ASTPath<JSXAttribute>) => {
-          foundUsage = true;
-          const { value } = attribute.node;
+	source.findJSXElements(defaultSpecifier).forEach((element: ASTPath<JSXElement>) => {
+		let foundUsage = false;
+		getJSXAttributesByName(j, element, fromProp).forEach((attribute: ASTPath<JSXAttribute>) => {
+			foundUsage = true;
+			const { value } = attribute.node;
 
-          if (!value) {
-            // boolean attribute isContentPersisted -> removed
-            return j(attribute).remove();
-          }
+			if (!value) {
+				// boolean attribute isContentPersisted -> removed
+				return j(attribute).remove();
+			}
 
-          if (value.type === 'JSXExpressionContainer') {
-            if (value.expression.type === 'BooleanLiteral') {
-              if (value.expression.value) {
-                // isContentPersisted={true} -> removed
-                j(attribute).remove();
-              } else {
-                // isContentPersisted={false} -> shouldUnmountTabPanelOnChange
-                j(attribute).replaceWith(
-                  j.jsxAttribute(j.jsxIdentifier(toProp), null),
-                );
-              }
-            } else if (value.expression.type === 'Identifier') {
-              // isContentPersisted={isContentPersisted} -> shouldUnmountTabPanelOnChange={!isContentPersisted}
-              j(attribute).replaceWith(
-                j.jsxAttribute(
-                  j.jsxIdentifier(toProp),
-                  j.jsxExpressionContainer(
-                    j.unaryExpression('!', value.expression),
-                  ),
-                ),
-              );
-            }
-          }
-        },
-      );
-      if (!foundUsage) {
-        // No prop -> shouldUnmountTabPanelOnChange
-        // @ts-ignore
-        element.value.openingElement.attributes.push(
-          j.jsxAttribute(j.jsxIdentifier(toProp), null),
-        );
-      }
-    });
+			if (value.type === 'JSXExpressionContainer') {
+				if (value.expression.type === 'BooleanLiteral') {
+					if (value.expression.value) {
+						// isContentPersisted={true} -> removed
+						j(attribute).remove();
+					} else {
+						// isContentPersisted={false} -> shouldUnmountTabPanelOnChange
+						j(attribute).replaceWith(j.jsxAttribute(j.jsxIdentifier(toProp), null));
+					}
+				} else if (value.expression.type === 'Identifier') {
+					// isContentPersisted={isContentPersisted} -> shouldUnmountTabPanelOnChange={!isContentPersisted}
+					j(attribute).replaceWith(
+						j.jsxAttribute(
+							j.jsxIdentifier(toProp),
+							j.jsxExpressionContainer(j.unaryExpression('!', value.expression)),
+						),
+					);
+				}
+			}
+		});
+		if (!foundUsage) {
+			// No prop -> shouldUnmountTabPanelOnChange
+			// @ts-ignore
+			element.value.openingElement.attributes.push(j.jsxAttribute(j.jsxIdentifier(toProp), null));
+		}
+	});
 };

package/codemods/utils.tsx

@@ -1,42 +1,39 @@
-import core from 'jscodeshift';
-import { Collection } from 'jscodeshift/src/Collection';
+import type core from 'jscodeshift';
+import { type Collection } from 'jscodeshift/src/Collection';
 
 import {
-  addCommentToStartOfFile,
-  getDefaultSpecifier,
-  getJSXAttributesByName,
+	addCommentToStartOfFile,
+	getDefaultSpecifier,
+	getJSXAttributesByName,
 } from '@atlaskit/codemod-utils';
 
 export const createRemoveFuncWithDefaultSpecifierFor =
-  (component: string, prop: string, comment?: string) =>
-  (j: core.JSCodeshift, source: Collection<Node>) => {
-    const specifier = getDefaultSpecifier(j, source, component);
+	(component: string, prop: string, comment?: string) =>
+	(j: core.JSCodeshift, source: Collection<Node>) => {
+		const specifier = getDefaultSpecifier(j, source, component);
 
-    if (!specifier) {
-      return;
-    }
+		if (!specifier) {
+			return;
+		}
 
-    source.findJSXElements(specifier).forEach((element) => {
-      getJSXAttributesByName(j, element, prop).forEach((attribute: any) => {
-        if (comment) {
-          addCommentToStartOfFile({ j, base: source, message: comment });
-        }
-        j(attribute).remove();
-      });
-    });
-  };
+		source.findJSXElements(specifier).forEach((element) => {
+			getJSXAttributesByName(j, element, prop).forEach((attribute: any) => {
+				if (comment) {
+					addCommentToStartOfFile({ j, base: source, message: comment });
+				}
+				j(attribute).remove();
+			});
+		});
+	};
 
 export function doesIdentifierExist({
-  j,
-  base,
-  name,
+	j,
+	base,
+	name,
 }: {
-  j: core.JSCodeshift;
-  base: Collection<any>;
-  name: string;
+	j: core.JSCodeshift;
+	base: Collection<any>;
+	name: string;
 }): boolean {
-  return (
-    base.find(j.Identifier).filter((identifer) => identifer.value.name === name)
-      .length > 0
-  );
+	return base.find(j.Identifier).filter((identifer) => identifer.value.name === name).length > 0;
 }

package/dist/cjs/components/tab-list.js

@@ -9,8 +9,13 @@ var _react2 = require("@emotion/react");
 var _hooks = require("../hooks");
 var _context = require("../internal/context");
 var _styles = require("../internal/styles");
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var baseStyles = (0, _react2.css)({
   display: 'flex',
   padding: "var(--ds-space-0, 0px)",

package/dist/cjs/components/tab-panel.js

@@ -9,8 +9,13 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _focusRing = _interopRequireDefault(require("@atlaskit/focus-ring"));
 var _hooks = require("../hooks");
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // Note this is not being memoized as children is an unstable reference
 /**
  * __TabPanel__

package/dist/cjs/components/tab.js

@@ -9,7 +9,11 @@ var _react = require("@emotion/react");
 var _focusRing = _interopRequireDefault(require("@atlaskit/focus-ring"));
 var _primitives = require("@atlaskit/primitives");
 var _hooks = require("../hooks");
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 /**
  * __Tab__

package/dist/cjs/components/tabs.js

@@ -14,7 +14,9 @@ var _usePlatformLeafEventHandler = require("@atlaskit/analytics-next/usePlatform
 var _context = require("../internal/context");
 var _styles = require("../internal/styles");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
+ * @jsxRuntime classic
+ */ /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var baseStyles = (0, _react2.css)({
   display: 'flex',
   maxWidth: '100%',
@@ -29,7 +31,7 @@ var tabsStyles = (0, _styles.getTabsStyles)();
 var analyticsAttributes = {
   componentName: 'tabs',
   packageName: "@atlaskit/tabs",
-  packageVersion: "16.1.1"
+  packageVersion: "16.2.0"
 };
 var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
   var tabPanel = _ref.tabPanel,

package/dist/cjs/internal/styles.js

@@ -9,7 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("@emotion/react");
 var _colors = require("./colors");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var tabInlinePadding = "var(--ds-space-100, 8px)";
 var tabBlockPadding = "var(--ds-space-075, 6px)";
 var tabInlineMargin = "var(--ds-space-negative-100, -8px)";
@@ -19,9 +19,9 @@ var getTabPanelStyles = function getTabPanelStyles() {
   return {
     flexGrow: 1,
     /*
-      NOTE min-height set to 0% because of Firefox bug
-      FF http://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox
-    */
+       NOTE min-height set to 0% because of Firefox bug
+       FF http://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox
+     */
     minHeight: '0%',
     display: 'flex'
   };
@@ -30,10 +30,11 @@ var getTabsStyles = exports.getTabsStyles = function getTabsStyles() {
   return (
     // eslint-disable-next-line @repo/internal/styles/no-exported-styles
     (0, _react.css)({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       '& [role="tabpanel"]': getTabPanelStyles(),
       // The hidden attribute doesn't work on flex elements
       // Change display to be none
-      // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+      // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
       '& > [hidden]': {
         display: 'none'
       }
@@ -54,12 +55,14 @@ var getTabListStyles = exports.getTabListStyles = function getTabListStyles() {
   return (
     // eslint-disable-next-line @repo/internal/styles/no-exported-styles
     (0, _react.css)({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       '& [role="tab"]': getTabStyles(),
       fontWeight: "var(--ds-font-weight-medium, 500)",
       marginInlineStart: tabInlineMargin,
       '&::before': _objectSpread(_objectSpread({}, tabLineStyles), {}, {
         height: underlineHeight,
         // This line is not a border so the selected line is visible in high contrast mode
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         backgroundColor: _colors.tabLineColors.lineColor
       })
     })

package/dist/es2019/components/tab-list.js

@@ -1,5 +1,10 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { Children, createRef, useCallback } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { useTabList } from '../hooks';
 import { TabContext } from '../internal/context';

package/dist/es2019/components/tab-panel.js

@@ -1,5 +1,10 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { Fragment } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import FocusRing from '@atlaskit/focus-ring';
 import { useTabPanel } from '../hooks';

package/dist/es2019/components/tab.js

@@ -1,4 +1,8 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import FocusRing from '@atlaskit/focus-ring';
 import { Text } from '@atlaskit/primitives';

package/dist/es2019/components/tabs.js

@@ -1,5 +1,10 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { Children, Fragment, useCallback, useRef, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
 import { TabListContext, TabPanelContext } from '../internal/context';
@@ -18,7 +23,7 @@ const tabsStyles = getTabsStyles();
 const analyticsAttributes = {
   componentName: 'tabs',
   packageName: "@atlaskit/tabs",
-  packageVersion: "16.1.1"
+  packageVersion: "16.2.0"
 };
 const getTabPanelWithContext = ({
   tabPanel,

package/dist/es2019/internal/styles.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { tabColors, tabLineColors } from './colors';
 const tabInlinePadding = "var(--ds-space-100, 8px)";
@@ -8,19 +9,20 @@ const underlineHeight = "var(--ds-border-width-outline, 2px)";
 const getTabPanelStyles = () => ({
   flexGrow: 1,
   /*
-    NOTE min-height set to 0% because of Firefox bug
-    FF http://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox
-  */
+     NOTE min-height set to 0% because of Firefox bug
+     FF http://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox
+   */
   minHeight: '0%',
   display: 'flex'
 });
 export const getTabsStyles = () =>
 // eslint-disable-next-line @repo/internal/styles/no-exported-styles
 css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   '& [role="tabpanel"]': getTabPanelStyles(),
   // The hidden attribute doesn't work on flex elements
   // Change display to be none
-  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > [hidden]': {
     display: 'none'
   }
@@ -38,13 +40,16 @@ const tabLineStyles = {
 export const getTabListStyles = () =>
 // eslint-disable-next-line @repo/internal/styles/no-exported-styles
 css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   '& [role="tab"]': getTabStyles(),
   fontWeight: "var(--ds-font-weight-medium, 500)",
   marginInlineStart: tabInlineMargin,
   '&::before': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     ...tabLineStyles,
     height: underlineHeight,
     // This line is not a border so the selected line is visible in high contrast mode
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     backgroundColor: tabLineColors.lineColor
   }
 });

package/dist/esm/components/tab-list.js

@@ -1,5 +1,10 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { Children, createRef, useCallback } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { useTabList } from '../hooks';
 import { TabContext } from '../internal/context';

package/dist/esm/components/tab-panel.js

@@ -1,5 +1,10 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { Fragment } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import FocusRing from '@atlaskit/focus-ring';
 import { useTabPanel } from '../hooks';

package/dist/esm/components/tab.js

@@ -1,4 +1,8 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import FocusRing from '@atlaskit/focus-ring';
 import { Text } from '@atlaskit/primitives';

package/dist/esm/components/tabs.js

@@ -3,8 +3,13 @@ import _toArray from "@babel/runtime/helpers/toArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { Children, Fragment, useCallback, useRef, useState } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
 import { TabListContext, TabPanelContext } from '../internal/context';
@@ -23,7 +28,7 @@ var tabsStyles = getTabsStyles();
 var analyticsAttributes = {
   componentName: 'tabs',
   packageName: "@atlaskit/tabs",
-  packageVersion: "16.1.1"
+  packageVersion: "16.2.0"
 };
 var getTabPanelWithContext = function getTabPanelWithContext(_ref) {
   var tabPanel = _ref.tabPanel,

package/dist/esm/internal/styles.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { tabColors, tabLineColors } from './colors';
 var tabInlinePadding = "var(--ds-space-100, 8px)";
@@ -12,9 +13,9 @@ var getTabPanelStyles = function getTabPanelStyles() {
   return {
     flexGrow: 1,
     /*
-      NOTE min-height set to 0% because of Firefox bug
-      FF http://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox
-    */
+       NOTE min-height set to 0% because of Firefox bug
+       FF http://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox
+     */
     minHeight: '0%',
     display: 'flex'
   };
@@ -23,10 +24,11 @@ export var getTabsStyles = function getTabsStyles() {
   return (
     // eslint-disable-next-line @repo/internal/styles/no-exported-styles
     css({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       '& [role="tabpanel"]': getTabPanelStyles(),
       // The hidden attribute doesn't work on flex elements
       // Change display to be none
-      // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
+      // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
       '& > [hidden]': {
         display: 'none'
       }
@@ -47,12 +49,14 @@ export var getTabListStyles = function getTabListStyles() {
   return (
     // eslint-disable-next-line @repo/internal/styles/no-exported-styles
     css({
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       '& [role="tab"]': getTabStyles(),
       fontWeight: "var(--ds-font-weight-medium, 500)",
       marginInlineStart: tabInlineMargin,
       '&::before': _objectSpread(_objectSpread({}, tabLineStyles), {}, {
         height: underlineHeight,
         // This line is not a border so the selected line is visible in high contrast mode
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         backgroundColor: tabLineColors.lineColor
       })
     })

package/dist/types/components/tab-list.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { TabListProps } from '../types';
+import { type TabListProps } from '../types';
 /**
  * __TabList__
  *

package/dist/types/components/tab-panel.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { TabPanelProps } from '../types';
+import { type TabPanelProps } from '../types';
 /**
  * __TabPanel__
  *

package/dist/types/components/tab.d.ts

@@ -1,6 +1,9 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { TabProps } from '../types';
+import { type TabProps } from '../types';
 /**
  * __Tab__
  *

package/dist/types/components/tabs.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { TabsProps } from '../types';
+import { type TabsProps } from '../types';
 /**
  * __Tabs__
  *

package/dist/types/internal/context.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TabAttributesType, TabListAttributesType, TabPanelAttributesType } from '../types';
+import { type TabAttributesType, type TabListAttributesType, type TabPanelAttributesType } from '../types';
 export declare const TabContext: import("react").Context<TabAttributesType | null>;
 export declare const TabListContext: import("react").Context<TabListAttributesType | null>;
 export declare const TabPanelContext: import("react").Context<TabPanelAttributesType | null>;

package/dist/types/internal/styles.d.ts

@@ -1,4 +1,4 @@
-import { CSSObject, SerializedStyles } from '@emotion/react';
+import { type CSSObject, type SerializedStyles } from '@emotion/react';
 export declare const getTabsStyles: () => SerializedStyles;
 export declare const getTabListStyles: () => SerializedStyles;
 export declare const getTabStyles: () => CSSObject;

package/dist/types/types.d.ts

@@ -1,6 +1,6 @@
-import { KeyboardEvent, ReactNode } from 'react';
-import UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
+import { type KeyboardEvent, type ReactNode } from 'react';
+import type UIAnalyticsEvent from '@atlaskit/analytics-next/UIAnalyticsEvent';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
 export interface TabProps {
     /**
      * The children to be rendered within a `Tab`.

package/dist/types-ts4.5/components/tab-list.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { TabListProps } from '../types';
+import { type TabListProps } from '../types';
 /**
  * __TabList__
  *

package/dist/types-ts4.5/components/tab-panel.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { TabPanelProps } from '../types';
+import { type TabPanelProps } from '../types';
 /**
  * __TabPanel__
  *

package/dist/types-ts4.5/components/tab.d.ts

@@ -1,6 +1,9 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { TabProps } from '../types';
+import { type TabProps } from '../types';
 /**
  * __Tab__
  *

package/dist/types-ts4.5/components/tabs.d.ts

@@ -1,5 +1,5 @@
 import { jsx } from '@emotion/react';
-import { TabsProps } from '../types';
+import { type TabsProps } from '../types';
 /**
  * __Tabs__
  *

package/dist/types-ts4.5/internal/context.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TabAttributesType, TabListAttributesType, TabPanelAttributesType } from '../types';
+import { type TabAttributesType, type TabListAttributesType, type TabPanelAttributesType } from '../types';
 export declare const TabContext: import("react").Context<TabAttributesType | null>;
 export declare const TabListContext: import("react").Context<TabListAttributesType | null>;
 export declare const TabPanelContext: import("react").Context<TabPanelAttributesType | null>;

package/dist/types-ts4.5/internal/styles.d.ts

@@ -1,4 +1,4 @@
-import { CSSObject, SerializedStyles } from '@emotion/react';
+import { type CSSObject, type SerializedStyles } from '@emotion/react';
 export declare const getTabsStyles: () => SerializedStyles;
 export declare const getTabListStyles: () => SerializedStyles;
 export declare const getTabStyles: () => CSSObject;