@atlaskit/tokens 1.40.0 → 1.41.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/tokens
 
+## 1.41.1
+
+### Patch Changes
+
+- [#81644](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/81644) [`8ab7a816dca7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8ab7a816dca7) - Revert input border change from the previous version
+
+## 1.41.0
+
+### Minor Changes
+
+- [#80805](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80805) [`427c2dd9e0d6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/427c2dd9e0d6) - [ux] Update input border color token to meet 3:1 color contrast ratio
+
+  Light theme: color.border.input: #091E4224 → #8590A2
+  Dark mode: color.border.input: #A6C5E229 → #738496
+
+- [#79670](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/79670) [`28b71d14576b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/28b71d14576b) - Adds autofallback support for Spacing, Typography, and Shape themes to the babel plugin.
+
 ## 1.40.0
 
 ### Minor Changes

package/dist/cjs/artifacts/types-internal.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/artifacts/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/artifacts/typescript/atlassian-dark-types-internal.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/artifacts/typescript/atlassian-dark-types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/artifacts/typescript/atlassian-light-types-internal.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/artifacts/typescript/atlassian-light-types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/babel-plugin/plugin.js

@@ -11,14 +11,16 @@ var t = _interopRequireWildcard(require("@babel/types"));
 var _tokenNames = _interopRequireDefault(require("../artifacts/token-names"));
 var _atlassianLegacyLight = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-legacy-light"));
 var _atlassianLight = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-light"));
+var _atlassianShape = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-shape"));
+var _atlassianSpacing = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-spacing"));
+var _atlassianTypographyAdg = _interopRequireDefault(require("../artifacts/tokens-raw/atlassian-typography-adg3"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; }
 // Convert raw tokens to key-value pairs { token: value }
 var getThemeValues = function getThemeValues(theme) {
-  var tokensToMap = theme === 'light' ? _atlassianLight.default : _atlassianLegacyLight.default;
-  return tokensToMap.reduce(function (formatted, rawToken) {
+  return theme.reduce(function (formatted, rawToken) {
     var value;
     if (typeof rawToken.value === 'string') {
       value = rawToken.value;
@@ -52,8 +54,6 @@ var getThemeValues = function getThemeValues(theme) {
     return _objectSpread(_objectSpread({}, formatted), {}, (0, _defineProperty2.default)({}, rawToken.cleanName, value));
   }, {});
 };
-var lightValues = getThemeValues('light');
-var legacyLightValues = getThemeValues('legacy-light');
 function plugin() {
   return {
     visitor: {
@@ -163,10 +163,24 @@ function plugin() {
     }
   };
 }
+var lightValues = getThemeValues(_atlassianLight.default);
+var legacyLightValues = getThemeValues(_atlassianLegacyLight.default);
+var shapeValues = getThemeValues(_atlassianShape.default);
+var spacingValues = getThemeValues(_atlassianSpacing.default);
+var typographyValues = getThemeValues(_atlassianTypographyAdg.default);
 function getDefaultFallback(tokenName) {
   var theme = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'light';
-  var tokens = theme === 'legacy-light' ? legacyLightValues : lightValues;
-  return tokens[tokenName];
+  if (shapeValues[tokenName]) {
+    return shapeValues[tokenName];
+  }
+  if (spacingValues[tokenName]) {
+    return spacingValues[tokenName];
+  }
+  if (typographyValues[tokenName]) {
+    return typographyValues[tokenName];
+  }
+  var colorValues = theme === 'legacy-light' ? legacyLightValues : lightValues;
+  return colorValues[tokenName];
 }
 function getNonAliasedImportName(node) {
   if (t.isIdentifier(node.imported)) {

package/dist/cjs/entry-points/css-type-schema.codegen.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/get-token-value.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
 var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 var name = "@atlaskit/tokens";
-var version = "1.40.0";
+var version = "1.41.1";
 /**
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
  * resulting CSS Custom Property.

package/dist/cjs/get-token.js

@@ -9,7 +9,7 @@ var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
 var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
 var _constants = require("./constants");
 var name = "@atlaskit/tokens";
-var version = "1.40.0";
+var version = "1.41.1";
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
  * This should be used to implement design decisions throughout your application.

package/dist/es2019/artifacts/types-internal.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/artifacts/types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/artifacts/typescript/atlassian-dark-types-internal.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/artifacts/typescript/atlassian-dark-types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/artifacts/typescript/atlassian-light-types-internal.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/artifacts/typescript/atlassian-light-types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/babel-plugin/plugin.js

@@ -2,10 +2,12 @@ import * as t from '@babel/types';
 import tokenNames from '../artifacts/token-names';
 import legacyLight from '../artifacts/tokens-raw/atlassian-legacy-light';
 import light from '../artifacts/tokens-raw/atlassian-light';
+import shape from '../artifacts/tokens-raw/atlassian-shape';
+import spacing from '../artifacts/tokens-raw/atlassian-spacing';
+import typography from '../artifacts/tokens-raw/atlassian-typography-adg3';
 // Convert raw tokens to key-value pairs { token: value }
 const getThemeValues = theme => {
-  const tokensToMap = theme === 'light' ? light : legacyLight;
-  return tokensToMap.reduce((formatted, rawToken) => {
+  return theme.reduce((formatted, rawToken) => {
     let value;
     if (typeof rawToken.value === 'string') {
       value = rawToken.value;
@@ -42,8 +44,6 @@ const getThemeValues = theme => {
     };
   }, {});
 };
-const lightValues = getThemeValues('light');
-const legacyLightValues = getThemeValues('legacy-light');
 export default function plugin() {
   return {
     visitor: {
@@ -145,9 +145,23 @@ export default function plugin() {
     }
   };
 }
+const lightValues = getThemeValues(light);
+const legacyLightValues = getThemeValues(legacyLight);
+const shapeValues = getThemeValues(shape);
+const spacingValues = getThemeValues(spacing);
+const typographyValues = getThemeValues(typography);
 function getDefaultFallback(tokenName, theme = 'light') {
-  const tokens = theme === 'legacy-light' ? legacyLightValues : lightValues;
-  return tokens[tokenName];
+  if (shapeValues[tokenName]) {
+    return shapeValues[tokenName];
+  }
+  if (spacingValues[tokenName]) {
+    return spacingValues[tokenName];
+  }
+  if (typographyValues[tokenName]) {
+    return typographyValues[tokenName];
+  }
+  const colorValues = theme === 'legacy-light' ? legacyLightValues : lightValues;
+  return colorValues[tokenName];
 }
 function getNonAliasedImportName(node) {
   if (t.isIdentifier(node.imported)) {

package/dist/es2019/entry-points/css-type-schema.codegen.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/get-token-value.js

@@ -1,7 +1,7 @@
 import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 const name = "@atlaskit/tokens";
-const version = "1.40.0";
+const version = "1.41.1";
 /**
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
  * resulting CSS Custom Property.

package/dist/es2019/get-token.js

@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
 const name = "@atlaskit/tokens";
-const version = "1.40.0";
+const version = "1.41.1";
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
  * This should be used to implement design decisions throughout your application.

package/dist/esm/artifacts/types-internal.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/artifacts/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/artifacts/typescript/atlassian-dark-types-internal.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/artifacts/typescript/atlassian-dark-types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/artifacts/typescript/atlassian-light-types-internal.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/artifacts/typescript/atlassian-light-types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/babel-plugin/plugin.js

@@ -5,10 +5,12 @@ import * as t from '@babel/types';
 import tokenNames from '../artifacts/token-names';
 import legacyLight from '../artifacts/tokens-raw/atlassian-legacy-light';
 import light from '../artifacts/tokens-raw/atlassian-light';
+import shape from '../artifacts/tokens-raw/atlassian-shape';
+import spacing from '../artifacts/tokens-raw/atlassian-spacing';
+import typography from '../artifacts/tokens-raw/atlassian-typography-adg3';
 // Convert raw tokens to key-value pairs { token: value }
 var getThemeValues = function getThemeValues(theme) {
-  var tokensToMap = theme === 'light' ? light : legacyLight;
-  return tokensToMap.reduce(function (formatted, rawToken) {
+  return theme.reduce(function (formatted, rawToken) {
     var value;
     if (typeof rawToken.value === 'string') {
       value = rawToken.value;
@@ -42,8 +44,6 @@ var getThemeValues = function getThemeValues(theme) {
     return _objectSpread(_objectSpread({}, formatted), {}, _defineProperty({}, rawToken.cleanName, value));
   }, {});
 };
-var lightValues = getThemeValues('light');
-var legacyLightValues = getThemeValues('legacy-light');
 export default function plugin() {
   return {
     visitor: {
@@ -153,10 +153,24 @@ export default function plugin() {
     }
   };
 }
+var lightValues = getThemeValues(light);
+var legacyLightValues = getThemeValues(legacyLight);
+var shapeValues = getThemeValues(shape);
+var spacingValues = getThemeValues(spacing);
+var typographyValues = getThemeValues(typography);
 function getDefaultFallback(tokenName) {
   var theme = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'light';
-  var tokens = theme === 'legacy-light' ? legacyLightValues : lightValues;
-  return tokens[tokenName];
+  if (shapeValues[tokenName]) {
+    return shapeValues[tokenName];
+  }
+  if (spacingValues[tokenName]) {
+    return spacingValues[tokenName];
+  }
+  if (typographyValues[tokenName]) {
+    return typographyValues[tokenName];
+  }
+  var colorValues = theme === 'legacy-light' ? legacyLightValues : lightValues;
+  return colorValues[tokenName];
 }
 function getNonAliasedImportName(node) {
   if (t.isIdentifier(node.imported)) {

package/dist/esm/entry-points/css-type-schema.codegen.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/get-token-value.js

@@ -1,7 +1,7 @@
 import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 var name = "@atlaskit/tokens";
-var version = "1.40.0";
+var version = "1.41.1";
 /**
  * Takes a dot-separated token name and and an optional fallback, and returns the current computed CSS value for the
  * resulting CSS Custom Property.

package/dist/esm/get-token.js

@@ -2,7 +2,7 @@ import warnOnce from '@atlaskit/ds-lib/warn-once';
 import tokens from './artifacts/token-names';
 import { TOKEN_NOT_FOUND_CSS_VAR } from './constants';
 var name = "@atlaskit/tokens";
-var version = "1.40.0";
+var version = "1.41.1";
 /**
  * Takes a dot-separated token name and an optional fallback, and returns the CSS custom property for the corresponding token.
  * This should be used to implement design decisions throughout your application.

package/dist/types/babel-plugin/plugin.d.ts

@@ -1,13 +1,13 @@
 import { NodePath } from '@babel/traverse';
 import * as t from '@babel/types';
-type DefaultTheme = 'light' | 'legacy-light';
+type DefaultColorTheme = 'light' | 'legacy-light';
 export default function plugin(): {
     visitor: {
         Program: {
             enter(path: NodePath<t.Program>, state: {
                 opts: {
                     shouldUseAutoFallback?: boolean;
-                    defaultTheme?: DefaultTheme;
+                    defaultTheme?: DefaultColorTheme;
                 };
             }): void;
             exit(path: NodePath<t.Program>): void;

package/dist/types-ts4.5/babel-plugin/plugin.d.ts

@@ -1,13 +1,13 @@
 import { NodePath } from '@babel/traverse';
 import * as t from '@babel/types';
-type DefaultTheme = 'light' | 'legacy-light';
+type DefaultColorTheme = 'light' | 'legacy-light';
 export default function plugin(): {
     visitor: {
         Program: {
             enter(path: NodePath<t.Program>, state: {
                 opts: {
                     shouldUseAutoFallback?: boolean;
-                    defaultTheme?: DefaultTheme;
+                    defaultTheme?: DefaultColorTheme;
                 };
             }): void;
             exit(path: NodePath<t.Program>): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "1.40.0",
+  "version": "1.41.1",
   "description": "Design tokens are the single source of truth to name and store design decisions.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/.eslintrc.js

@@ -1,35 +0,0 @@
-module.exports = {
-  overrides: [
-    {
-      // Lint documentation to ensure usage examples are up-to-date
-      files: ['./examples/**', './docs/**'],
-      rules: {
-        '@atlaskit/design-system/no-deprecated-design-token-usage': ['warn'],
-        '@atlaskit/design-system/ensure-design-token-usage': [
-          'error',
-          { domains: ['color'], shouldEnforceFallbacks: true },
-        ],
-      },
-    },
-    {
-      // Constellation examples, and docs, include fallbacks for now
-      files: ['./examples/constellation/**', './docs/**'],
-      rules: {
-        '@atlaskit/design-system/no-unsafe-design-token-usage': [
-          'error',
-          { shouldEnforceFallbacks: true },
-        ],
-      },
-    },
-    {
-      // Atlaskit examples don't all have fallbacks
-      files: ['./examples/**.tsx'],
-      rules: {
-        '@atlaskit/design-system/no-unsafe-design-token-usage': [
-          'error',
-          { shouldEnforceFallbacks: false },
-        ],
-      },
-    },
-  ],
-};