@atlaskit/table 0.4.21 → 0.4.23

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/table
 
+## 0.4.23
+
+### Patch Changes
+
+- [#77488](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/77488) [`27e6fdab53dc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/27e6fdab53dc) - Cells now use logical property styles.
+- Updated dependencies
+
+## 0.4.22
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.4.21
 
 ### Patch Changes

package/dist/cjs/ui/base-cell.js

@@ -19,10 +19,10 @@ var baseResetStyles = (0, _primitives.xcss)({
   display: 'table-cell',
   verticalAlign: 'middle',
   ':first-of-type': {
-    paddingLeft: "var(--ds-space-100, 8px)"
+    paddingInlineStart: 'space.100'
   },
   ':last-of-type': {
-    paddingRight: "var(--ds-space-100, 8px)"
+    paddingInlineEnd: 'space.100'
   }
 });
 var alignMapStyles = {
@@ -60,8 +60,12 @@ var BaseCell = exports.BaseCell = /*#__PURE__*/(0, _react.forwardRef)(function (
     xcss = _ref.xcss,
     sortDirection = _ref.sortDirection,
     colSpan = _ref.colSpan;
+  // We're type coercing this as Compiled styles in an array isn't supported by the types
+  // But the runtime accepts it none-the-wiser. We can remove this entire block and replace
+  // it with cx(defaultStyles, focusRingStyles, xcssStyles) when we've moved away from Emotion.
+  var styles = Array.isArray(xcss) ? xcss : [xcss];
   return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: [baseResetStyles, alignMapStyles[align]].concat((0, _toConsumableArray2.default)(Array.isArray(xcss) ? xcss : [xcss])),
+    xcss: [baseResetStyles, alignMapStyles[align]].concat((0, _toConsumableArray2.default)(styles)),
     ref: ref,
     scope: scope,
     backgroundColor: backgroundColor,

package/dist/es2019/ui/base-cell.js

@@ -9,10 +9,10 @@ const baseResetStyles = xcss({
   display: 'table-cell',
   verticalAlign: 'middle',
   ':first-of-type': {
-    paddingLeft: "var(--ds-space-100, 8px)"
+    paddingInlineStart: 'space.100'
   },
   ':last-of-type': {
-    paddingRight: "var(--ds-space-100, 8px)"
+    paddingInlineEnd: 'space.100'
   }
 });
 const alignMapStyles = {
@@ -47,18 +47,24 @@ export const BaseCell = /*#__PURE__*/forwardRef(({
   xcss,
   sortDirection,
   colSpan
-}, ref) => /*#__PURE__*/React.createElement(Box, {
-  xcss: [baseResetStyles, alignMapStyles[align], ...(Array.isArray(xcss) ? xcss : [xcss])],
-  ref: ref,
-  scope: scope,
-  backgroundColor: backgroundColor,
-  paddingBlock: paddingBlock,
-  paddingInline: paddingInline,
-  as: as,
-  testId: testId,
-  style: width ? {
-    width
-  } : undefined,
-  "aria-sort": sortDirection,
-  colSpan: colSpan
-}, children));
+}, ref) => {
+  // We're type coercing this as Compiled styles in an array isn't supported by the types
+  // But the runtime accepts it none-the-wiser. We can remove this entire block and replace
+  // it with cx(defaultStyles, focusRingStyles, xcssStyles) when we've moved away from Emotion.
+  const styles = Array.isArray(xcss) ? xcss : [xcss];
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: [baseResetStyles, alignMapStyles[align], ...styles],
+    ref: ref,
+    scope: scope,
+    backgroundColor: backgroundColor,
+    paddingBlock: paddingBlock,
+    paddingInline: paddingInline,
+    as: as,
+    testId: testId,
+    style: width ? {
+      width
+    } : undefined,
+    "aria-sort": sortDirection,
+    colSpan: colSpan
+  }, children);
+});

package/dist/esm/ui/base-cell.js

@@ -10,10 +10,10 @@ var baseResetStyles = xcss({
   display: 'table-cell',
   verticalAlign: 'middle',
   ':first-of-type': {
-    paddingLeft: "var(--ds-space-100, 8px)"
+    paddingInlineStart: 'space.100'
   },
   ':last-of-type': {
-    paddingRight: "var(--ds-space-100, 8px)"
+    paddingInlineEnd: 'space.100'
   }
 });
 var alignMapStyles = {
@@ -51,8 +51,12 @@ export var BaseCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
     xcss = _ref.xcss,
     sortDirection = _ref.sortDirection,
     colSpan = _ref.colSpan;
+  // We're type coercing this as Compiled styles in an array isn't supported by the types
+  // But the runtime accepts it none-the-wiser. We can remove this entire block and replace
+  // it with cx(defaultStyles, focusRingStyles, xcssStyles) when we've moved away from Emotion.
+  var styles = Array.isArray(xcss) ? xcss : [xcss];
   return /*#__PURE__*/React.createElement(Box, {
-    xcss: [baseResetStyles, alignMapStyles[align]].concat(_toConsumableArray(Array.isArray(xcss) ? xcss : [xcss])),
+    xcss: [baseResetStyles, alignMapStyles[align]].concat(_toConsumableArray(styles)),
     ref: ref,
     scope: scope,
     backgroundColor: backgroundColor,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/table",
-  "version": "0.4.21",
+  "version": "0.4.23",
   "description": "A table is used to display data.",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -40,12 +40,12 @@
     "./primitives": "./src/ui/index.tsx"
   },
   "dependencies": {
-    "@atlaskit/button": "^17.5.0",
+    "@atlaskit/button": "^17.6.0",
     "@atlaskit/checkbox": "^13.0.0",
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/focus-ring": "^1.3.0",
     "@atlaskit/icon": "^22.1.0",
-    "@atlaskit/primitives": "^2.1.0",
+    "@atlaskit/primitives": "^3.2.0",
     "@atlaskit/tokens": "^1.38.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/visually-hidden": "^1.2.0",