@atlaskit/tokens 1.19.0 → 1.20.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/tokens
 
+## 1.20.1
+
+### Patch Changes
+
+- [`4be033a9cb5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4be033a9cb5) - Update types
+
+## 1.20.0
+
+### Minor Changes
+
+- [`0a95595cd3e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0a95595cd3e) - Space tokens are now enabled by default whenever `setGlobalTheme` is called.
+
 ## 1.19.0
 
 ### Minor Changes

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

@@ -45,6 +45,7 @@ function plugin() {
     visitor: {
       Program: {
         enter: function enter(path, state) {
+          // @ts-expect-error TS2339: Property 'file' does not exist on type 'Hub'
           var sourceFile = path.hub.file.opts.filename;
           if (sourceFile && sourceFile.includes('node_modules')) {
             return;

package/dist/cjs/get-theme-html-attrs.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("./constants");
 var _themeConfig = require("./theme-config");
 var _themeStateTransformer = require("./theme-state-transformer");
@@ -49,20 +48,10 @@ var getThemeHtmlAttrs = function getThemeHtmlAttrs() {
     dark: dark,
     light: light,
     shape: shape,
-    spacing: spacing,
+    // Load spacing by default
+    spacing: spacing || 'spacing',
     typography: typography
   };
-
-  // Load spacing by default, currently behind a feature flag
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.space-and-shape-tokens_q5me6')) {
-    themePreferences = {
-      dark: dark,
-      light: light,
-      shape: shape,
-      spacing: 'spacing',
-      typography: typography
-    };
-  }
   var themeAttribute = (0, _themeStateTransformer.themeObjectToString)(themePreferences);
   var result = (_result = {}, (0, _defineProperty2.default)(_result, _constants.THEME_DATA_ATTRIBUTE, themeAttribute), (0, _defineProperty2.default)(_result, _constants.COLOR_MODE_ATTRIBUTE, colorMode === 'auto' ? defaultColorMode : colorMode), _result);
   if (UNSAFE_themeOptions && (0, _colorUtils.isValidBrandHex)(UNSAFE_themeOptions.brandColor)) {

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.19.0";
+var version = "1.20.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.19.0";
+var version = "1.20.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/cjs/utils/custom-theme-loading-utils.js

@@ -28,7 +28,7 @@ function findMissingCustomStyleElements(UNSAFE_themeOptions, mode) {
   return attrOfMissingCustomStyles;
 }
 function limitSizeOfCustomStyleElements(sizeThreshold) {
-  var styleTags = (0, _toConsumableArray2.default)(document.head.querySelectorAll("style[".concat(_constants.CUSTOM_THEME_ATTRIBUTE, "][").concat(_constants.THEME_DATA_ATTRIBUTE, "]")));
+  var styleTags = (0, _toConsumableArray2.default)(Array.from(document.head.querySelectorAll("style[".concat(_constants.CUSTOM_THEME_ATTRIBUTE, "][").concat(_constants.THEME_DATA_ATTRIBUTE, "]"))));
   if (styleTags.length < sizeThreshold) {
     return;
   }

package/dist/cjs/utils/get-theme-preferences.js

@@ -24,11 +24,9 @@ var getThemePreferences = function getThemePreferences(themeState) {
     themePreferences.push("".concat(themePreferences.includes('dark') ? 'dark' : 'light', "-new-input-border"));
   }
 
-  // Load shape and spacing by default, currently behind a feature flag
-  if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.space-and-shape-tokens_q5me6')) {
-    if (!themePreferences.includes('spacing')) {
-      themePreferences.push('spacing');
-    }
+  // Load spacing by default
+  if (!themePreferences.includes('spacing')) {
+    themePreferences.push('spacing');
   }
   return (0, _toConsumableArray2.default)(new Set(themePreferences));
 };

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

@@ -35,6 +35,7 @@ export default function plugin() {
     visitor: {
       Program: {
         enter(path, state) {
+          // @ts-expect-error TS2339: Property 'file' does not exist on type 'Hub'
           const sourceFile = path.hub.file.opts.filename;
           if (sourceFile && sourceFile.includes('node_modules')) {
             return;

package/dist/es2019/get-theme-html-attrs.js

@@ -1,4 +1,3 @@
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { COLOR_MODE_ATTRIBUTE, CUSTOM_THEME_ATTRIBUTE, THEME_DATA_ATTRIBUTE } from './constants';
 import { themeStateDefaults } from './theme-config';
 import { themeObjectToString } from './theme-state-transformer';
@@ -33,20 +32,10 @@ const getThemeHtmlAttrs = ({
     dark,
     light,
     shape,
-    spacing,
+    // Load spacing by default
+    spacing: spacing || 'spacing',
     typography
   };
-
-  // Load spacing by default, currently behind a feature flag
-  if (getBooleanFF('platform.design-system-team.space-and-shape-tokens_q5me6')) {
-    themePreferences = {
-      dark,
-      light,
-      shape,
-      spacing: 'spacing',
-      typography
-    };
-  }
   const themeAttribute = themeObjectToString(themePreferences);
   const result = {
     [THEME_DATA_ATTRIBUTE]: themeAttribute,

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.19.0";
+const version = "1.20.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.19.0";
+const version = "1.20.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/utils/custom-theme-loading-utils.js

@@ -17,7 +17,7 @@ export function findMissingCustomStyleElements(UNSAFE_themeOptions, mode) {
   return attrOfMissingCustomStyles;
 }
 export function limitSizeOfCustomStyleElements(sizeThreshold) {
-  const styleTags = [...document.head.querySelectorAll(`style[${CUSTOM_THEME_ATTRIBUTE}][${THEME_DATA_ATTRIBUTE}]`)];
+  const styleTags = [...Array.from(document.head.querySelectorAll(`style[${CUSTOM_THEME_ATTRIBUTE}][${THEME_DATA_ATTRIBUTE}]`))];
   if (styleTags.length < sizeThreshold) {
     return;
   }

package/dist/es2019/utils/get-theme-preferences.js

@@ -18,11 +18,9 @@ export const getThemePreferences = themeState => {
     themePreferences.push(`${themePreferences.includes('dark') ? 'dark' : 'light'}-new-input-border`);
   }
 
-  // Load shape and spacing by default, currently behind a feature flag
-  if (getBooleanFF('platform.design-system-team.space-and-shape-tokens_q5me6')) {
-    if (!themePreferences.includes('spacing')) {
-      themePreferences.push('spacing');
-    }
+  // Load spacing by default
+  if (!themePreferences.includes('spacing')) {
+    themePreferences.push('spacing');
   }
   return [...new Set(themePreferences)];
 };

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

@@ -35,6 +35,7 @@ export default function plugin() {
     visitor: {
       Program: {
         enter: function enter(path, state) {
+          // @ts-expect-error TS2339: Property 'file' does not exist on type 'Hub'
           var sourceFile = path.hub.file.opts.filename;
           if (sourceFile && sourceFile.includes('node_modules')) {
             return;

package/dist/esm/get-theme-html-attrs.js

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { COLOR_MODE_ATTRIBUTE, CUSTOM_THEME_ATTRIBUTE, THEME_DATA_ATTRIBUTE } from './constants';
 import { themeStateDefaults } from './theme-config';
 import { themeObjectToString } from './theme-state-transformer';
@@ -42,20 +41,10 @@ var getThemeHtmlAttrs = function getThemeHtmlAttrs() {
     dark: dark,
     light: light,
     shape: shape,
-    spacing: spacing,
+    // Load spacing by default
+    spacing: spacing || 'spacing',
     typography: typography
   };
-
-  // Load spacing by default, currently behind a feature flag
-  if (getBooleanFF('platform.design-system-team.space-and-shape-tokens_q5me6')) {
-    themePreferences = {
-      dark: dark,
-      light: light,
-      shape: shape,
-      spacing: 'spacing',
-      typography: typography
-    };
-  }
   var themeAttribute = themeObjectToString(themePreferences);
   var result = (_result = {}, _defineProperty(_result, THEME_DATA_ATTRIBUTE, themeAttribute), _defineProperty(_result, COLOR_MODE_ATTRIBUTE, colorMode === 'auto' ? defaultColorMode : colorMode), _result);
   if (UNSAFE_themeOptions && isValidBrandHex(UNSAFE_themeOptions.brandColor)) {

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.19.0";
+var version = "1.20.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.19.0";
+var version = "1.20.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/utils/custom-theme-loading-utils.js

@@ -19,7 +19,7 @@ export function findMissingCustomStyleElements(UNSAFE_themeOptions, mode) {
   return attrOfMissingCustomStyles;
 }
 export function limitSizeOfCustomStyleElements(sizeThreshold) {
-  var styleTags = _toConsumableArray(document.head.querySelectorAll("style[".concat(CUSTOM_THEME_ATTRIBUTE, "][").concat(THEME_DATA_ATTRIBUTE, "]")));
+  var styleTags = _toConsumableArray(Array.from(document.head.querySelectorAll("style[".concat(CUSTOM_THEME_ATTRIBUTE, "][").concat(THEME_DATA_ATTRIBUTE, "]"))));
   if (styleTags.length < sizeThreshold) {
     return;
   }

package/dist/esm/utils/get-theme-preferences.js

@@ -17,11 +17,9 @@ export var getThemePreferences = function getThemePreferences(themeState) {
     themePreferences.push("".concat(themePreferences.includes('dark') ? 'dark' : 'light', "-new-input-border"));
   }
 
-  // Load shape and spacing by default, currently behind a feature flag
-  if (getBooleanFF('platform.design-system-team.space-and-shape-tokens_q5me6')) {
-    if (!themePreferences.includes('spacing')) {
-      themePreferences.push('spacing');
-    }
+  // Load spacing by default
+  if (!themePreferences.includes('spacing')) {
+    themePreferences.push('spacing');
   }
   return _toConsumableArray(new Set(themePreferences));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tokens",
-  "version": "1.19.0",
+  "version": "1.20.1",
   "description": "Design tokens are the single source of truth to name and store design decisions.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -111,9 +111,6 @@
   "platform-feature-flags": {
     "platform.design-system-team.border-checkbox_nyoiu": {
       "type": "boolean"
-    },
-    "platform.design-system-team.space-and-shape-tokens_q5me6": {
-      "type": "boolean"
     }
   },
   "homepage": "https://atlassian.design/components/tokens",