@atlaskit/table 0.12.8 → 0.12.10

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/table
 
+## 0.12.10
+
+### Patch Changes
+
+- [`39e543109ec09`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/39e543109ec09) -
+  add type info to forwardRef components
+- Updated dependencies
+
+## 0.12.9
+
+### Patch Changes
+
+- [`248faa32d4835`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/248faa32d4835) -
+  Internal changes to how borders are applied.
+- Updated dependencies
+
 ## 0.12.8
 
 ### Patch Changes

package/dist/cjs/sortable-column.js

@@ -1,4 +1,4 @@
-/* sortable-column.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* sortable-column.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/ui/tbody.compiled.css

@@ -2,6 +2,6 @@
 ._19itglyw{border:none}
 ._9v7aidpf:after{inset:0}._11fnglyw:after{pointer-events:none}
 ._18postnw:after{position:absolute}
-._8x3ud1es:after{box-shadow:var(--_1tz90uq)}
+._8x3u8fd9:after{box-shadow:inset 0 -2px 0 0 var(--ds-border,#eee)}
 ._aetrb3bt:after{content:""}
 ._kqswh2mm{position:relative}

package/dist/cjs/ui/tbody.js

@@ -1,4 +1,4 @@
-/* tbody.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* tbody.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -19,9 +19,6 @@ var bodyStyles = null;
 var TBody = exports.TBody = function TBody(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement("tbody", {
-    className: (0, _runtime.ax)(["_19itglyw _kqswh2mm _9v7aidpf _18postnw _8x3ud1es _aetrb3bt _11fnglyw"]),
-    style: {
-      "--_1tz90uq": (0, _runtime.ix)("inset 0 -2px 0 0 ".concat("var(--ds-border, #eee)"))
-    }
+    className: (0, _runtime.ax)(["_19itglyw _kqswh2mm _9v7aidpf _18postnw _8x3u8fd9 _aetrb3bt _11fnglyw"])
   }, children);
 };

package/dist/cjs/ui/thead.compiled.css

@@ -1,7 +1,7 @@
 
 ._19itglyw{border:none}
-._1r04idpf{inset:0}._179r1n0b{border-block-end:var(--_ukuvb0)}
-._mqm21vrj{border-block-start:2px solid transparent}
+._1r04idpf{inset:0}._179rhf6m{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#eee)}
+._mqm25u6v{border-block-start:var(--ds-border-width-selected,2px) solid transparent}
 ._1pbykb7n{z-index:1}
 ._bfhkvuon{background-color:var(--ds-surface,#fff)}
 ._kqsw1if8{position:sticky}

package/dist/cjs/ui/thead.js

@@ -1,4 +1,4 @@
-/* thead.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* thead.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -22,9 +22,6 @@ var baseStyles = null;
 var THead = exports.THead = function THead(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement("thead", {
-    className: (0, _runtime.ax)(["_1r04idpf _19itglyw _179r1n0b _mqm21vrj _kqsw1if8 _1pbykb7n _bfhkvuon"]),
-    style: {
-      "--_ukuvb0": (0, _runtime.ix)("2px solid ".concat("var(--ds-border, #eee)"))
-    }
+    className: (0, _runtime.ax)(["_1r04idpf _19itglyw _179rhf6m _mqm25u6v _kqsw1if8 _1pbykb7n _bfhkvuon"])
   }, children);
 };

package/dist/cjs/ui/tr.js

@@ -1,4 +1,4 @@
-/* tr.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* tr.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/es2019/sortable-column.js

@@ -1,4 +1,4 @@
-/* sortable-column.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* sortable-column.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./sortable-column.compiled.css";
 import * as React from 'react';

package/dist/es2019/ui/tbody.js

@@ -1,4 +1,4 @@
-/* tbody.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* tbody.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./tbody.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/ui/thead.compiled.css

@@ -1,7 +1,7 @@
 
 ._19itglyw{border:none}
-._1r04idpf{inset:0}._179r3ggr{border-block-end:2px solid var(--ds-border,#eee)}
-._mqm21vrj{border-block-start:2px solid transparent}
+._1r04idpf{inset:0}._179rhf6m{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#eee)}
+._mqm25u6v{border-block-start:var(--ds-border-width-selected,2px) solid transparent}
 ._1pbykb7n{z-index:1}
 ._bfhkvuon{background-color:var(--ds-surface,#fff)}
 ._kqsw1if8{position:sticky}

package/dist/es2019/ui/thead.js

@@ -1,4 +1,4 @@
-/* thead.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* thead.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./thead.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -15,6 +15,6 @@ export const THead = ({
   children
 }) => {
   return /*#__PURE__*/React.createElement("thead", {
-    className: ax(["_1r04idpf _19itglyw _179r3ggr _mqm21vrj _kqsw1if8 _1pbykb7n _bfhkvuon"])
+    className: ax(["_1r04idpf _19itglyw _179rhf6m _mqm25u6v _kqsw1if8 _1pbykb7n _bfhkvuon"])
   }, children);
 };

package/dist/es2019/ui/tr.js

@@ -1,4 +1,4 @@
-/* tr.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* tr.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./tr.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/sortable-column.js

@@ -1,4 +1,4 @@
-/* sortable-column.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* sortable-column.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["name", "testId", "onClick", "children"];

package/dist/esm/ui/tbody.compiled.css

@@ -2,6 +2,6 @@
 ._19itglyw{border:none}
 ._9v7aidpf:after{inset:0}._11fnglyw:after{pointer-events:none}
 ._18postnw:after{position:absolute}
-._8x3ud1es:after{box-shadow:var(--_1tz90uq)}
+._8x3u8fd9:after{box-shadow:inset 0 -2px 0 0 var(--ds-border,#eee)}
 ._aetrb3bt:after{content:""}
 ._kqswh2mm{position:relative}

package/dist/esm/ui/tbody.js

@@ -1,4 +1,4 @@
-/* tbody.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* tbody.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./tbody.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -11,9 +11,6 @@ var bodyStyles = null;
 export var TBody = function TBody(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement("tbody", {
-    className: ax(["_19itglyw _kqswh2mm _9v7aidpf _18postnw _8x3ud1es _aetrb3bt _11fnglyw"]),
-    style: {
-      "--_1tz90uq": ix("inset 0 -2px 0 0 ".concat("var(--ds-border, #eee)"))
-    }
+    className: ax(["_19itglyw _kqswh2mm _9v7aidpf _18postnw _8x3u8fd9 _aetrb3bt _11fnglyw"])
   }, children);
 };

package/dist/esm/ui/thead.compiled.css

@@ -1,7 +1,7 @@
 
 ._19itglyw{border:none}
-._1r04idpf{inset:0}._179r1n0b{border-block-end:var(--_ukuvb0)}
-._mqm21vrj{border-block-start:2px solid transparent}
+._1r04idpf{inset:0}._179rhf6m{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#eee)}
+._mqm25u6v{border-block-start:var(--ds-border-width-selected,2px) solid transparent}
 ._1pbykb7n{z-index:1}
 ._bfhkvuon{background-color:var(--ds-surface,#fff)}
 ._kqsw1if8{position:sticky}

package/dist/esm/ui/thead.js

@@ -1,4 +1,4 @@
-/* thead.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* thead.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./thead.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
@@ -14,9 +14,6 @@ var baseStyles = null;
 export var THead = function THead(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement("thead", {
-    className: ax(["_1r04idpf _19itglyw _179r1n0b _mqm21vrj _kqsw1if8 _1pbykb7n _bfhkvuon"]),
-    style: {
-      "--_ukuvb0": ix("2px solid ".concat("var(--ds-border, #eee)"))
-    }
+    className: ax(["_1r04idpf _19itglyw _179rhf6m _mqm25u6v _kqsw1if8 _1pbykb7n _bfhkvuon"])
   }, children);
 };

package/dist/esm/ui/tr.js

@@ -1,4 +1,4 @@
-/* tr.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* tr.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./tr.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/types/ui/base-cell.d.ts

@@ -41,6 +41,9 @@ export type BaseCellProps = {
  * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-sort
  */
 export type SortDirection = 'ascending' | 'descending' | 'none' | 'other';
+type InternalBaseCellProps = BaseCellProps & {
+    sortDirection?: SortDirection;
+};
 /**
  * __BaseCell__
  *
@@ -48,42 +51,5 @@ export type SortDirection = 'ascending' | 'descending' | 'none' | 'other';
  *
  * Basic cell element.
  */
-export declare const BaseCell: React.ForwardRefExoticComponent<{
-    /**
-     * A percentage of pixel width of the table to apply to a column.
-     */
-    width?: string;
-    /**
-     * Horizontal alignment of content.
-     */
-    align?: "icon" | "text" | "number";
-    /**
-     * Whether the cell should render as a `td` or `th` element.
-     */
-    as?: "td" | "th";
-    /**
-     * Same behavior as the HTML attribute.
-     *
-     * @see 'https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th#attr-scope'
-     */
-    scope?: "col" | "row";
-    /**
-     * A `testId` prop is a unique string that appears as a data attribute `data-testid`
-     * in the rendered code, serving as a hook for automated tests.
-     */
-    testId?: string;
-    /**
-     * Content of the cell.
-     */
-    children?: ReactNode;
-    /**
-     * Number of columns to span.
-     */
-    colSpan?: number;
-    /**
-     * Number of rows to span.
-     */
-    rowSpan?: number;
-} & Pick<BoxProps<any>, "backgroundColor" | "paddingBlock" | "paddingInline" | "xcss"> & {
-    sortDirection?: SortDirection;
-} & React.RefAttributes<HTMLTableCellElement>>;
+export declare const BaseCell: React.ForwardRefExoticComponent<React.PropsWithoutRef<InternalBaseCellProps> & React.RefAttributes<HTMLTableCellElement>>;
+export {};

package/dist/types-ts4.5/ui/base-cell.d.ts

@@ -41,6 +41,9 @@ export type BaseCellProps = {
  * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-sort
  */
 export type SortDirection = 'ascending' | 'descending' | 'none' | 'other';
+type InternalBaseCellProps = BaseCellProps & {
+    sortDirection?: SortDirection;
+};
 /**
  * __BaseCell__
  *
@@ -48,42 +51,5 @@ export type SortDirection = 'ascending' | 'descending' | 'none' | 'other';
  *
  * Basic cell element.
  */
-export declare const BaseCell: React.ForwardRefExoticComponent<{
-    /**
-     * A percentage of pixel width of the table to apply to a column.
-     */
-    width?: string;
-    /**
-     * Horizontal alignment of content.
-     */
-    align?: "icon" | "text" | "number";
-    /**
-     * Whether the cell should render as a `td` or `th` element.
-     */
-    as?: "td" | "th";
-    /**
-     * Same behavior as the HTML attribute.
-     *
-     * @see 'https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th#attr-scope'
-     */
-    scope?: "col" | "row";
-    /**
-     * A `testId` prop is a unique string that appears as a data attribute `data-testid`
-     * in the rendered code, serving as a hook for automated tests.
-     */
-    testId?: string;
-    /**
-     * Content of the cell.
-     */
-    children?: ReactNode;
-    /**
-     * Number of columns to span.
-     */
-    colSpan?: number;
-    /**
-     * Number of rows to span.
-     */
-    rowSpan?: number;
-} & Pick<BoxProps<any>, "backgroundColor" | "paddingBlock" | "paddingInline" | "xcss"> & {
-    sortDirection?: SortDirection;
-} & React.RefAttributes<HTMLTableCellElement>>;
+export declare const BaseCell: React.ForwardRefExoticComponent<React.PropsWithoutRef<InternalBaseCellProps> & React.RefAttributes<HTMLTableCellElement>>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/table",
-	"version": "0.12.8",
+	"version": "0.12.10",
 	"description": "A table is used to display data.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -40,12 +40,12 @@
 		"@atlaskit/button": "^23.4.0",
 		"@atlaskit/checkbox": "^17.1.0",
 		"@atlaskit/css": "^0.14.0",
-		"@atlaskit/ds-lib": "^5.0.0",
+		"@atlaskit/ds-lib": "^5.1.0",
 		"@atlaskit/focus-ring": "^3.0.0",
-		"@atlaskit/icon": "^28.1.0",
-		"@atlaskit/primitives": "^14.14.0",
-		"@atlaskit/tokens": "^6.3.0",
-		"@atlaskit/tooltip": "^20.4.0",
+		"@atlaskit/icon": "^28.3.0",
+		"@atlaskit/primitives": "^14.15.0",
+		"@atlaskit/tokens": "^6.4.0",
+		"@atlaskit/tooltip": "^20.5.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3",
@@ -57,9 +57,9 @@
 	"devDependencies": {
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
-		"@atlaskit/avatar": "^25.1.0",
+		"@atlaskit/avatar": "^25.2.0",
 		"@atlaskit/date": "^2.0.0",
-		"@atlaskit/docs": "^11.0.0",
+		"@atlaskit/docs": "^11.1.0",
 		"@atlaskit/dynamic-table": "^18.2.0",
 		"@atlaskit/lozenge": "^13.0.0",
 		"@atlaskit/section-message": "^8.7.0",