@atlaskit/dynamic-table 14.17.0 → 14.18.0

package/dist/esm/styled/rankable/table-cell.js

@@ -1,8 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["isRanking", "innerRef"];
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { TableBodyCell } from '../table-cell';
 var rankingStyles = css({

package/dist/esm/styled/rankable/table-row.js

@@ -1,8 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["isRanking", "isRankingItem", "testId"];
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { forwardRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { B100, N20, N50A, N60A } from '@atlaskit/theme/colors';
 import { TableBodyRow } from '../table-row';

package/dist/esm/styled/table-cell.js

@@ -1,8 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["width", "isFixedSize", "shouldTruncate", "innerRef"];
+/**
+ * @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 { cellStyles, fixedSizeTruncateStyles, getTruncationStyleVars, overflowTruncateStyles, truncationWidthStyles } from './constants';
 
@@ -14,10 +18,19 @@ export var TableBodyCell = function TableBodyCell(_ref) {
     innerRef = _ref.innerRef,
     props = _objectWithoutProperties(_ref, _excluded);
   return jsx("td", _extends({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     style: getTruncationStyleVars({
       width: width
     }),
-    css: [truncationWidthStyles, isFixedSize && shouldTruncate && fixedSizeTruncateStyles, isFixedSize && overflowTruncateStyles, cellStyles]
+    css: [
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    truncationWidthStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    isFixedSize && shouldTruncate && fixedSizeTruncateStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    isFixedSize && overflowTruncateStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    cellStyles]
     // HOC withDimensions complains about the types but it is working fine
     // @ts-ignore
     ,

package/dist/esm/styled/table-head.js

@@ -6,9 +6,15 @@ var _excluded = ["isRanking", "testId"],
 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 @repo/internal/react/require-jsdoc */
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { forwardRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { B100, N30A } from '@atlaskit/theme/colors';
 import { ASC, DESC } from '../internal/constants';
 import { arrow, head, MSThemeColors, tableBorder } from '../theme';
@@ -30,20 +36,26 @@ export var Head = function Head(_ref) {
     // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, props));
 };
-var headCellStyles = css([cellStyles, {
+var headCellBaseStyles = css({
   boxSizing: 'border-box',
   position: 'relative',
   border: 'none',
-  borderBottom: "2px solid ".concat(tableBorder.borderColor),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  borderBlockEnd: "2px solid ".concat(tableBorder.borderColor),
   color: "var(--ds-text-subtlest, ".concat("var(".concat(CSS_VAR_TEXT_COLOR, ")"), ")"),
-  fontSize: '12px',
-  fontWeight: 600,
   textAlign: 'left',
   verticalAlign: 'top',
   '&:focus-visible': {
     outline: "solid 2px ".concat("var(--ds-border-focused, ".concat(B100, ")"))
   }
-}]);
+});
+var headCellOldStyles = css({
+  fontSize: '0.75rem',
+  fontWeight: "var(--ds-font-weight-semibold, 600)"
+});
+var headCellNewStyles = css({
+  font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
+});
 var onClickStyles = css({
   '&:hover': {
     backgroundColor: "var(--ds-background-neutral-hovered, ".concat(N30A, ")"),
@@ -51,6 +63,7 @@ var onClickStyles = css({
   }
 });
 var baseStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > button': {
     padding: "var(--ds-space-0, 0)",
     position: 'relative',
@@ -71,51 +84,65 @@ var baseStyles = css({
       insetInlineEnd: "var(--ds-space-negative-100, -8px)"
     },
     '&::before': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       borderBlockEnd: "3px solid ".concat(arrow.defaultColor),
       insetBlockEnd: "var(--ds-space-100, 8px)"
     },
     '&::after': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       borderBlockStart: "3px solid ".concat(arrow.defaultColor),
       insetBlockEnd: 0
     }
   },
   '@media (forced-colors: active)': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '& > button': {
       '&::before, &::after': {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         border: "3px solid ".concat(MSThemeColors.Background)
       },
       '&::before': {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         borderBlockEnd: "3px solid ".concat(MSThemeColors.Text)
       },
       '&::after': {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         borderBlockStart: "3px solid ".concat(MSThemeColors.Text)
       }
     }
   }
 });
 var ascendingStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > button': {
     '&::before': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       borderBlockEnd: "3px solid ".concat(arrow.selectedColor)
     }
   },
   '@media (forced-colors: active)': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '& > button': {
       '&::before': {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         borderBlockEnd: "3px solid ".concat(MSThemeColors.SelectedBackground)
       }
     }
   }
 });
 var descendingStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > button': {
     '&::after': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       borderBlockStart: "3px solid ".concat(arrow.selectedColor)
     }
   },
   '@media (forced-colors: active)': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '& > button': {
       '&::after': {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         borderBlockStart: "3px solid ".concat(MSThemeColors.SelectedBackground)
       }
     }
@@ -149,9 +176,21 @@ export var HeadCell = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   // https://dequeuniversity.com/rules/axe/4.7/empty-table-header
   var Component = children ? 'th' : 'td';
   return jsx(Component, _extends({
-    "aria-sort": getFormattedSortOrder(),
+    "aria-sort": getFormattedSortOrder()
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: mergedStyles,
-    css: [headCellStyles, onClick && onClickStyles, truncationWidthStyles, isFixedSize && shouldTruncate && fixedSizeTruncateStyles, isFixedSize && overflowTruncateStyles, isSortable && baseStyles, isASC && ascendingStyles, isDESC && descendingStyles],
+    css: [
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    cellStyles, headCellBaseStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    getBooleanFF('platform.design-system-team.dynamic-table-typography_7zio6') ? headCellNewStyles : headCellOldStyles, onClick && onClickStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    truncationWidthStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    isFixedSize && shouldTruncate && fixedSizeTruncateStyles,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    isFixedSize && overflowTruncateStyles, isSortable && baseStyles, isASC && ascendingStyles, isDESC && descendingStyles],
     onClick: onClick,
     ref: ref,
     "data-testid": testId

package/dist/esm/styled/table-row.js

@@ -1,26 +1,35 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["isHighlighted", "children", "style", "testId"];
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
 import { forwardRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { tableRowCSSVars as cssVars } from './dynamic-table';
 var rowStyles = css({
   backgroundColor: "var(--ds-background-neutral-subtle, transparent)",
   '&:focus-visible': {
-    outline: "2px solid ".concat("var(--ds-border-focused, ".concat("var(".concat(cssVars.CSS_VAR_HOVER_BACKGROUND, ")"), ")")),
+    outline: "2px solid ".concat("var(--ds-border-focused, ".concat( // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    "var(".concat(cssVars.CSS_VAR_HOVER_BACKGROUND, ")"), ")")),
     outlineOffset: "-2px"
   }
 });
 var rowBackgroundStyles = css({
   '&:hover': {
-    backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat("var(".concat(cssVars.CSS_VAR_HOVER_BACKGROUND, ")"), ")")
+    backgroundColor: "var(--ds-background-neutral-subtle-hovered, ".concat( // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    "var(".concat(cssVars.CSS_VAR_HOVER_BACKGROUND, ")"), ")")
   }
 });
 var rowHighlightedBackgroundStyles = css({
-  backgroundColor: "var(--ds-background-selected, ".concat("var(".concat(cssVars.CSS_VAR_HIGHLIGHTED_BACKGROUND, ")"), ")"),
+  backgroundColor: "var(--ds-background-selected, ".concat( // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  "var(".concat(cssVars.CSS_VAR_HIGHLIGHTED_BACKGROUND, ")"), ")"),
   '&:hover': {
-    backgroundColor: "var(--ds-background-selected-hovered, ".concat("var(".concat(cssVars.CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND, ")"), ")")
+    backgroundColor: "var(--ds-background-selected-hovered, ".concat( // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    "var(".concat(cssVars.CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND, ")"), ")")
   }
 });
 
@@ -32,6 +41,7 @@ export var TableBodyRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
     testId = _ref.testId,
     rest = _objectWithoutProperties(_ref, _excluded);
   return jsx("tr", _extends({
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     style: style,
     css: [rowStyles, isHighlighted ? rowHighlightedBackgroundStyles : rowBackgroundStyles]
   }, rest, {

package/dist/esm/types.js

@@ -1,14 +1 @@
-/* eslint-disable @repo/internal/react/consistent-types-definitions */
-
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-
-/**
- * Enum style type to determine whether sort results are ascending or descending.
- */
-
-/**
- * Determines the size of the table loading spinner.
- * This matches the underlying `Size` type in `@atlaskit/spinner`
- */
-
-// TODO should this be removed?
+export {};

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WithSortedPageRowsProps } from '../hoc/with-sorted-page-rows';
-import { HeadType } from '../types';
+import { type WithSortedPageRowsProps } from '../hoc/with-sorted-page-rows';
+import { type HeadType } from '../types';
 interface BodyProps extends WithSortedPageRowsProps {
     head?: HeadType;
     highlightedRowIndex?: number | number[];

package/dist/types/components/error-boundary.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 type ErrorBoundaryProps = {
     children: ReactNode;
     fallback: ReactNode;

package/dist/types/components/managed-pagination.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { I18nShape } from '../types';
 interface ManagedPaginationProps {
     value?: number;

package/dist/types/components/rankable/body.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { DragStart, DropResult } from 'react-beautiful-dnd';
-import { WithSortedPageRowsProps } from '../../hoc/with-sorted-page-rows';
-import { HeadType, RankEnd, RankStart } from '../../types';
+import { type DragStart, type DropResult } from 'react-beautiful-dnd';
+import { type WithSortedPageRowsProps } from '../../hoc/with-sorted-page-rows';
+import { type HeadType, type RankEnd, type RankStart } from '../../types';
 export interface RankableBodyProps extends WithSortedPageRowsProps {
     highlightedRowIndex?: number | number[];
     onRankStart: (rankStart: RankStart) => void;

package/dist/types/components/rankable/table-cell.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WithDimensionsProps } from '../../hoc/with-dimensions';
-import { HeadCellType, RowCellType } from '../../types';
+import { type WithDimensionsProps } from '../../hoc/with-dimensions';
+import { type HeadCellType, type RowCellType } from '../../types';
 export interface RankableTableCellProps extends WithDimensionsProps {
     head?: HeadCellType;
     cell: RowCellType;

package/dist/types/components/rankable/table-head-cell.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithDimensionsProps } from '../../hoc/with-dimensions';
-import { TableHeadCellProps } from '../table-head-cell';
+import { type WithDimensionsProps } from '../../hoc/with-dimensions';
+import { type TableHeadCellProps } from '../table-head-cell';
 declare const _default: React.ComponentClass<Omit<WithDimensionsProps & TableHeadCellProps, "innerRef" | "refWidth" | "refHeight">, import("../../hoc/with-dimensions").State>;
 export default _default;

package/dist/types/components/rankable/table-row.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WithDimensionsProps } from '../../hoc/with-dimensions';
-import { HeadType, RowType } from '../../types';
+import { type WithDimensionsProps } from '../../hoc/with-dimensions';
+import { type HeadType, type RowType } from '../../types';
 export interface RankableTableRowProps extends WithDimensionsProps {
     head?: HeadType;
     isFixedSize: boolean;

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import noop from '@atlaskit/ds-lib/noop';
-import { RankEnd, RowType, SortOrderType, StatefulProps } from '../types';
+import { type RankEnd, type RowType, type SortOrderType, type StatefulProps } from '../types';
 interface State {
     page?: number;
     sortKey?: string;

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import noop from '@atlaskit/ds-lib/noop';
-import { StatelessProps as Props, RankEnd, RankStart, RowCellType } from '../types';
+import { type StatelessProps as Props, type RankEnd, type RankStart, type RowCellType } from '../types';
 export interface State {
     isRanking: boolean;
 }

package/dist/types/components/table-head-cell.d.ts

@@ -1,5 +1,5 @@
-import React, { FC, LegacyRef } from 'react';
-import { SortOrderType } from '../types';
+import React, { type FC, type LegacyRef } from 'react';
+import { type SortOrderType } from '../types';
 export interface TableHeadCellProps {
     colSpan?: number;
     sortKey?: string;

package/dist/types/components/table-head.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { HeadType, RowCellType, SortOrderType } from '../types';
+import { type HeadType, type RowCellType, type SortOrderType } from '../types';
 interface TableHeadProps {
     head: HeadType;
     sortKey?: string;

package/dist/types/components/table-row.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { HeadType, RowType } from '../types';
+import { type HeadType, type RowType } from '../types';
 interface RowProps {
     head?: HeadType;
     isFixedSize: boolean;

package/dist/types/hoc/with-dimensions.d.ts

@@ -1,4 +1,4 @@
-import React, { LegacyRef } from 'react';
+import React, { type LegacyRef } from 'react';
 export interface State {
     refWidth: number;
     refHeight: number;

package/dist/types/hoc/with-sorted-page-rows.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { HeadType, RowType, SortOrderType } from '../types';
+import { type HeadType, type RowType, type SortOrderType } from '../types';
 export interface TableProps {
     head?: HeadType;
     page?: number;

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

@@ -1,4 +1,4 @@
-import { HeadType, RankEnd, RowType } from '../types';
+import { type HeadType, type RankEnd, type RowType } from '../types';
 export declare const getPageRows: (allRows: Array<RowType>, pageNumber?: number, rowsPerPage?: number) => Array<RowType>;
 export declare const assertIsSortable: (head?: HeadType) => void;
 export declare const validateSortKey: (sortKey?: string, head?: HeadType) => void;

package/dist/types/styled/constants.d.ts

@@ -1,4 +1,4 @@
-import { LegacyRef, ReactNode } from 'react';
+import { type LegacyRef, type ReactNode } from 'react';
 export interface TruncateStyleProps {
     width?: number;
     isFixedSize?: boolean;

package/dist/types/styled/dynamic-table.d.ts

@@ -1,5 +1,8 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
-import { FC, HTMLProps, ReactNode } from 'react';
+import { type FC, type HTMLProps, type ReactNode } from 'react';
 export type TableProps = HTMLProps<HTMLTableElement> & {
     isFixedSize?: boolean;
     isLoading?: boolean;

package/dist/types/styled/empty-body.d.ts

@@ -1,5 +1,8 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
-import { FC, ReactNode } from 'react';
+import { type FC, type ReactNode } from 'react';
 type EmptyViewWithFixedHeightProps = {
     testId?: string;
     children?: ReactNode;

package/dist/types/styled/loading-container-advanced.d.ts

@@ -1,5 +1,8 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
-import { FC, HTMLProps, ReactNode } from 'react';
+import { type FC, type HTMLProps, type ReactNode } from 'react';
 type ContainerProps = HTMLProps<HTMLDivElement> & {
     testId?: string;
 };

package/dist/types/styled/loading-container.d.ts

@@ -1,5 +1,8 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
-import { FC, ReactNode } from 'react';
+import { type FC, type ReactNode } from 'react';
 export declare const CSS_VAR_CONTENTS_OPACITY = "--contents-opacity";
 type ContainerProps = {
     testId?: string;

package/dist/types/styled/rankable/table-cell.d.ts

@@ -1,6 +1,9 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
-import { FC, HTMLProps, ReactNode } from 'react';
-import { TruncateStyleProps } from '../constants';
+import { type FC, type HTMLProps, type ReactNode } from 'react';
+import { type TruncateStyleProps } from '../constants';
 type RankableTableBodyCellProps = HTMLProps<HTMLTableCellElement | HTMLTableRowElement> & TruncateStyleProps & {
     isRanking?: boolean;
     children?: ReactNode;

package/dist/types/styled/rankable/table-row.d.ts

@@ -1,6 +1,9 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
-import { HTMLAttributes } from 'react';
-import { ITableRowProps } from '../table-row';
+import { type HTMLAttributes } from 'react';
+import { type ITableRowProps } from '../table-row';
 export type RankableTableBodyRowProps = HTMLAttributes<HTMLTableRowElement> & ITableRowProps & {
     isRanking?: boolean;
     isRankingItem?: boolean;

package/dist/types/styled/table-cell.d.ts

@@ -1,4 +1,7 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
-import { FC } from 'react';
-import { TruncateStyleProps } from './constants';
+import { type FC } from 'react';
+import { type TruncateStyleProps } from './constants';
 export declare const TableBodyCell: FC<TruncateStyleProps>;

package/dist/types/styled/table-head.d.ts

@@ -1,7 +1,10 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
-import { FC, HTMLProps, ReactNode } from 'react';
-import { SortOrderType } from '../types';
-import { TruncateStyleProps } from './constants';
+import { type FC, type HTMLProps, type ReactNode } from 'react';
+import { type SortOrderType } from '../types';
+import { type TruncateStyleProps } from './constants';
 interface HeadProps {
     isRanking?: boolean;
     children: ReactNode;

package/dist/types/styled/table-row.d.ts

@@ -1,5 +1,8 @@
+/**
+ * @jsxRuntime classic
+ */
 /** @jsx jsx */
-import { CSSProperties, ReactNode } from 'react';
+import { type CSSProperties, type ReactNode } from 'react';
 export type ITableRowProps = {
     isHighlighted?: boolean;
     children?: ReactNode;

package/dist/types/types.d.ts

@@ -1,5 +1,5 @@
-import React, { Ref } from 'react';
-import { UIAnalyticsEvent, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type default as React, type Ref } from 'react';
+import { type UIAnalyticsEvent, type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import type { Size as SizeType } from '@atlaskit/spinner';
 export interface RowCellType {
     /**

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WithSortedPageRowsProps } from '../hoc/with-sorted-page-rows';
-import { HeadType } from '../types';
+import { type WithSortedPageRowsProps } from '../hoc/with-sorted-page-rows';
+import { type HeadType } from '../types';
 interface BodyProps extends WithSortedPageRowsProps {
     head?: HeadType;
     highlightedRowIndex?: number | number[];

package/dist/types-ts4.5/components/error-boundary.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 type ErrorBoundaryProps = {
     children: ReactNode;
     fallback: ReactNode;

package/dist/types-ts4.5/components/managed-pagination.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { I18nShape } from '../types';
 interface ManagedPaginationProps {
     value?: number;

package/dist/types-ts4.5/components/rankable/body.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { DragStart, DropResult } from 'react-beautiful-dnd';
-import { WithSortedPageRowsProps } from '../../hoc/with-sorted-page-rows';
-import { HeadType, RankEnd, RankStart } from '../../types';
+import { type DragStart, type DropResult } from 'react-beautiful-dnd';
+import { type WithSortedPageRowsProps } from '../../hoc/with-sorted-page-rows';
+import { type HeadType, type RankEnd, type RankStart } from '../../types';
 export interface RankableBodyProps extends WithSortedPageRowsProps {
     highlightedRowIndex?: number | number[];
     onRankStart: (rankStart: RankStart) => void;

package/dist/types-ts4.5/components/rankable/table-cell.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WithDimensionsProps } from '../../hoc/with-dimensions';
-import { HeadCellType, RowCellType } from '../../types';
+import { type WithDimensionsProps } from '../../hoc/with-dimensions';
+import { type HeadCellType, type RowCellType } from '../../types';
 export interface RankableTableCellProps extends WithDimensionsProps {
     head?: HeadCellType;
     cell: RowCellType;

package/dist/types-ts4.5/components/rankable/table-head-cell.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithDimensionsProps } from '../../hoc/with-dimensions';
-import { TableHeadCellProps } from '../table-head-cell';
+import { type WithDimensionsProps } from '../../hoc/with-dimensions';
+import { type TableHeadCellProps } from '../table-head-cell';
 declare const _default: React.ComponentClass<Omit<WithDimensionsProps & TableHeadCellProps, "innerRef" | "refWidth" | "refHeight">, import("../../hoc/with-dimensions").State>;
 export default _default;

package/dist/types-ts4.5/components/rankable/table-row.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WithDimensionsProps } from '../../hoc/with-dimensions';
-import { HeadType, RowType } from '../../types';
+import { type WithDimensionsProps } from '../../hoc/with-dimensions';
+import { type HeadType, type RowType } from '../../types';
 export interface RankableTableRowProps extends WithDimensionsProps {
     head?: HeadType;
     isFixedSize: boolean;

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import noop from '@atlaskit/ds-lib/noop';
-import { RankEnd, RowType, SortOrderType, StatefulProps } from '../types';
+import { type RankEnd, type RowType, type SortOrderType, type StatefulProps } from '../types';
 interface State {
     page?: number;
     sortKey?: string;

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import noop from '@atlaskit/ds-lib/noop';
-import { StatelessProps as Props, RankEnd, RankStart, RowCellType } from '../types';
+import { type StatelessProps as Props, type RankEnd, type RankStart, type RowCellType } from '../types';
 export interface State {
     isRanking: boolean;
 }