@atlaskit/table-tree 9.1.1 → 9.1.4

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/table-tree
 
+## 9.1.4
+
+### Patch Changes
+
+- Updated dependencies
+
+## 9.1.3
+
+### Patch Changes
+
+- [`58884c2f6c1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/58884c2f6c1) - Internal code change turning on a new linting rule.
+
+## 9.1.2
+
+### Patch Changes
+
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids.
+- Updated dependencies
+
 ## 9.1.1
 
 ### Patch Changes

package/dist/cjs/components/header.js

@@ -34,7 +34,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var headerStyles = (0, _core.css)({
-  color: "var(--ds-text-mediumEmphasis, ".concat(_colors.N300, ")"),
+  color: "var(--ds-text-subtle, ".concat(_colors.N300, ")"),
   fontSize: 12,
   fontWeight: 'bold',
   letterSpacing: -0.1,

package/dist/cjs/components/headers.js

@@ -27,7 +27,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 var containerStyles = (0, _core.css)({
   display: 'flex',
-  borderBottom: "solid 2px ".concat("var(--ds-border-neutral, #dfe1e6)")
+  borderBottom: "solid 2px ".concat("var(--ds-border, #dfe1e6)")
 });
 
 var Headers = /*#__PURE__*/function (_Component) {

package/dist/cjs/components/internal/common-cell.js

@@ -23,7 +23,7 @@ var commonStyles = (0, _core.css)({
   padding: '10px 25px 10px var(--indent, 25px)',
   position: 'relative',
   alignItems: 'flex-start',
-  color: "var(--ds-text-highEmphasis, ".concat(_colors.N800, ")"),
+  color: "var(--ds-text, ".concat(_colors.N800, ")"),
   lineHeight: '20px'
 });
 

package/dist/cjs/components/internal/overflow-container.js

@@ -26,9 +26,11 @@ var overflowContainerStyles = (0, _core.css)({
 var OverflowContainer = function OverflowContainer(_ref) {
   var isSingleLine = _ref.isSingleLine,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return (0, _core.jsx)("span", (0, _extends2.default)({
-    css: isSingleLine && overflowContainerStyles
-  }, props));
+  return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+    (0, _core.jsx)("span", (0, _extends2.default)({
+      css: isSingleLine && overflowContainerStyles
+    }, props))
+  );
 };
 
 var _default = OverflowContainer;

package/dist/cjs/components/internal/styled.js

@@ -16,20 +16,22 @@ var _core = require("@emotion/core");
 var _colors = require("@atlaskit/theme/colors");
 
 var _excluded = ["isRoot"];
-var iconColor = "var(--ds-text-highEmphasis, ".concat(_colors.N800, ")");
+var iconColor = "var(--ds-text, ".concat(_colors.N800, ")");
 exports.iconColor = iconColor;
 var treeRowContainerStyles = (0, _core.css)({
   display: 'flex',
-  borderBottom: "1px solid ".concat("var(--ds-border-neutral, ".concat(_colors.N30, ")"))
+  borderBottom: "1px solid ".concat("var(--ds-border, ".concat(_colors.N30, ")"))
 });
 /**
  * __Tree row container__
  */
 
 var TreeRowContainer = function TreeRowContainer(props) {
-  return (0, _core.jsx)("div", (0, _extends2.default)({
-    css: treeRowContainerStyles
-  }, props));
+  return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+    (0, _core.jsx)("div", (0, _extends2.default)({
+      css: treeRowContainerStyles
+    }, props))
+  );
 };
 
 exports.TreeRowContainer = TreeRowContainer;
@@ -44,7 +46,8 @@ var commonChevronContainerStyles = (0, _core.css)({
  * __Chevron container__
  */
 
-var ChevronContainer = function ChevronContainer(props) {
+var ChevronContainer = function ChevronContainer(props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+) {
   return (0, _core.jsx)("span", (0, _extends2.default)({}, props, {
     css: commonChevronContainerStyles
   }));
@@ -61,7 +64,8 @@ var chevronIconContainerStyles = (0, _core.css)({
  * A chevron icon container.
  */
 
-var ChevronIconContainer = function ChevronIconContainer(props) {
+var ChevronIconContainer = function ChevronIconContainer(props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+) {
   return (0, _core.jsx)("span", (0, _extends2.default)({}, props, {
     css: chevronIconContainerStyles
   }));
@@ -85,7 +89,8 @@ var LoaderItemContainer = function LoaderItemContainer(_ref) {
   var isRoot = _ref.isRoot,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _core.jsx)("span", (0, _extends2.default)({
-    css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
+    css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles] // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+
   }, props));
 };
 

package/dist/cjs/components/row.js

@@ -44,7 +44,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var packageName = "@atlaskit/table-tree";
-var packageVersion = "9.1.1";
+var packageVersion = "9.1.4";
 
 var Row = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Row, _Component);

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/table-tree",
-	"version": "9.1.1",
+	"version": "9.1.4",
 	"sideEffects": false
 }

package/dist/es2019/components/header.js

@@ -1,15 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
-
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import { Component } from 'react';
 import { css, jsx } from '@emotion/core';
 import { N300 } from '@atlaskit/theme/colors';
 import ColumnCell from './internal/common-cell';
 import withColumnWidth from './internal/with-column-width';
 const headerStyles = css({
-  color: `var(--ds-text-mediumEmphasis, ${N300})`,
+  color: `var(--ds-text-subtle, ${N300})`,
   fontSize: 12,
   fontWeight: 'bold',
   letterSpacing: -0.1,

package/dist/es2019/components/headers.js

@@ -5,7 +5,7 @@ import { Children, cloneElement, Component } from 'react';
 import { css, jsx } from '@emotion/core';
 const containerStyles = css({
   display: 'flex',
-  borderBottom: `solid 2px ${"var(--ds-border-neutral, #dfe1e6)"}`
+  borderBottom: `solid 2px ${"var(--ds-border, #dfe1e6)"}`
 });
 export default class Headers extends Component {
   render() {

package/dist/es2019/components/internal/common-cell.js

@@ -10,7 +10,7 @@ const commonStyles = css({
   padding: '10px 25px 10px var(--indent, 25px)',
   position: 'relative',
   alignItems: 'flex-start',
-  color: `var(--ds-text-highEmphasis, ${N800})`,
+  color: `var(--ds-text, ${N800})`,
   lineHeight: '20px'
 });
 

package/dist/es2019/components/internal/loader-item.js

@@ -1,7 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
 /* eslint-disable react/prop-types */
 import React, { Component } from 'react';
 import Spinner from '@atlaskit/spinner';

package/dist/es2019/components/internal/overflow-container.js

@@ -14,7 +14,8 @@ const overflowContainerStyles = css({
 const OverflowContainer = ({
   isSingleLine,
   ...props
-}) => jsx("span", _extends({
+}) => // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+jsx("span", _extends({
   css: isSingleLine && overflowContainerStyles
 }, props));
 

package/dist/es2019/components/internal/styled.js

@@ -3,16 +3,17 @@ import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { css, jsx } from '@emotion/core';
 import { N30, N800 } from '@atlaskit/theme/colors';
-export const iconColor = `var(--ds-text-highEmphasis, ${N800})`;
+export const iconColor = `var(--ds-text, ${N800})`;
 const treeRowContainerStyles = css({
   display: 'flex',
-  borderBottom: `1px solid ${`var(--ds-border-neutral, ${N30})`}`
+  borderBottom: `1px solid ${`var(--ds-border, ${N30})`}`
 });
 /**
  * __Tree row container__
  */
 
-export const TreeRowContainer = props => jsx("div", _extends({
+export const TreeRowContainer = props => // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+jsx("div", _extends({
   css: treeRowContainerStyles
 }, props));
 const commonChevronContainerStyles = css({
@@ -26,7 +27,8 @@ const commonChevronContainerStyles = css({
  * __Chevron container__
  */
 
-export const ChevronContainer = props => jsx("span", _extends({}, props, {
+export const ChevronContainer = (props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+) => jsx("span", _extends({}, props, {
   css: commonChevronContainerStyles
 }));
 const chevronIconContainerStyles = css({
@@ -39,7 +41,8 @@ const chevronIconContainerStyles = css({
  * A chevron icon container.
  */
 
-export const ChevronIconContainer = props => jsx("span", _extends({}, props, {
+export const ChevronIconContainer = (props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+) => jsx("span", _extends({}, props, {
   css: chevronIconContainerStyles
 }));
 const loadingItemContainerStyles = css({
@@ -59,5 +62,6 @@ export const LoaderItemContainer = ({
   isRoot,
   ...props
 }) => jsx("span", _extends({
-  css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
+  css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles] // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+
 }, props));

package/dist/es2019/components/row.js

@@ -8,7 +8,7 @@ import toItemId from '../utils/to-item-id';
 import Chevron from './internal/chevron';
 import { TreeRowContainer } from './internal/styled';
 const packageName = "@atlaskit/table-tree";
-const packageVersion = "9.1.1";
+const packageVersion = "9.1.4";
 
 class Row extends Component {
   constructor(...args) {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/table-tree",
-	"version": "9.1.1",
+	"version": "9.1.4",
 	"sideEffects": false
 }

package/dist/esm/components/header.js

@@ -10,15 +10,13 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 /** @jsx jsx */
-
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import { Component } from 'react';
 import { css, jsx } from '@emotion/core';
 import { N300 } from '@atlaskit/theme/colors';
 import ColumnCell from './internal/common-cell';
 import withColumnWidth from './internal/with-column-width';
 var headerStyles = css({
-  color: "var(--ds-text-mediumEmphasis, ".concat(N300, ")"),
+  color: "var(--ds-text-subtle, ".concat(N300, ")"),
   fontSize: 12,
   fontWeight: 'bold',
   letterSpacing: -0.1,

package/dist/esm/components/headers.js

@@ -15,7 +15,7 @@ import { Children, cloneElement, Component } from 'react';
 import { css, jsx } from '@emotion/core';
 var containerStyles = css({
   display: 'flex',
-  borderBottom: "solid 2px ".concat("var(--ds-border-neutral, #dfe1e6)")
+  borderBottom: "solid 2px ".concat("var(--ds-border, #dfe1e6)")
 });
 
 var Headers = /*#__PURE__*/function (_Component) {

package/dist/esm/components/internal/common-cell.js

@@ -12,7 +12,7 @@ var commonStyles = css({
   padding: '10px 25px 10px var(--indent, 25px)',
   position: 'relative',
   alignItems: 'flex-start',
-  color: "var(--ds-text-highEmphasis, ".concat(N800, ")"),
+  color: "var(--ds-text, ".concat(N800, ")"),
   lineHeight: '20px'
 });
 

package/dist/esm/components/internal/loader-item.js

@@ -10,8 +10,6 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-
 /* eslint-disable react/prop-types */
 import React, { Component } from 'react';
 import Spinner from '@atlaskit/spinner';

package/dist/esm/components/internal/overflow-container.js

@@ -17,9 +17,11 @@ var OverflowContainer = function OverflowContainer(_ref) {
   var isSingleLine = _ref.isSingleLine,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return jsx("span", _extends({
-    css: isSingleLine && overflowContainerStyles
-  }, props));
+  return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+    jsx("span", _extends({
+      css: isSingleLine && overflowContainerStyles
+    }, props))
+  );
 };
 
 export default OverflowContainer;

package/dist/esm/components/internal/styled.js

@@ -5,19 +5,21 @@ var _excluded = ["isRoot"];
 /** @jsx jsx */
 import { css, jsx } from '@emotion/core';
 import { N30, N800 } from '@atlaskit/theme/colors';
-export var iconColor = "var(--ds-text-highEmphasis, ".concat(N800, ")");
+export var iconColor = "var(--ds-text, ".concat(N800, ")");
 var treeRowContainerStyles = css({
   display: 'flex',
-  borderBottom: "1px solid ".concat("var(--ds-border-neutral, ".concat(N30, ")"))
+  borderBottom: "1px solid ".concat("var(--ds-border, ".concat(N30, ")"))
 });
 /**
  * __Tree row container__
  */
 
 export var TreeRowContainer = function TreeRowContainer(props) {
-  return jsx("div", _extends({
-    css: treeRowContainerStyles
-  }, props));
+  return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+    jsx("div", _extends({
+      css: treeRowContainerStyles
+    }, props))
+  );
 };
 var commonChevronContainerStyles = css({
   display: 'flex',
@@ -30,7 +32,8 @@ var commonChevronContainerStyles = css({
  * __Chevron container__
  */
 
-export var ChevronContainer = function ChevronContainer(props) {
+export var ChevronContainer = function ChevronContainer(props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+) {
   return jsx("span", _extends({}, props, {
     css: commonChevronContainerStyles
   }));
@@ -45,7 +48,8 @@ var chevronIconContainerStyles = css({
  * A chevron icon container.
  */
 
-export var ChevronIconContainer = function ChevronIconContainer(props) {
+export var ChevronIconContainer = function ChevronIconContainer(props // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+) {
   return jsx("span", _extends({}, props, {
     css: chevronIconContainerStyles
   }));
@@ -68,6 +72,7 @@ export var LoaderItemContainer = function LoaderItemContainer(_ref) {
       props = _objectWithoutProperties(_ref, _excluded);
 
   return jsx("span", _extends({
-    css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles]
+    css: [commonChevronContainerStyles, loadingItemContainerStyles, isRoot && paddingLeftStyles] // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
+
   }, props));
 };

package/dist/esm/components/row.js

@@ -18,7 +18,7 @@ import toItemId from '../utils/to-item-id';
 import Chevron from './internal/chevron';
 import { TreeRowContainer } from './internal/styled';
 var packageName = "@atlaskit/table-tree";
-var packageVersion = "9.1.1";
+var packageVersion = "9.1.4";
 
 var Row = /*#__PURE__*/function (_Component) {
   _inherits(Row, _Component);

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/table-tree",
-	"version": "9.1.1",
+	"version": "9.1.4",
 	"sideEffects": false
 }

package/dist/types/components/internal/styled.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { FC, HTMLAttributes } from 'react';
-export declare const iconColor: "var(--ds-text-highEmphasis)";
+export declare const iconColor: "var(--ds-text)";
 /**
  * __Tree row container__
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/table-tree",
-  "version": "9.1.1",
+  "version": "9.1.4",
   "description": "A React Component for displaying expandable tables with tree-like hierarchies",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -26,11 +26,11 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
-    "@atlaskit/button": "^16.0.0",
+    "@atlaskit/button": "^16.2.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/spinner": "^15.0.0",
     "@atlaskit/theme": "^12.1.0",
-    "@atlaskit/tokens": "^0.5.0",
+    "@atlaskit/tokens": "^0.7.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9",
     "lodash": "^4.17.21",