@atlaskit/tokens 1.22.0 → 1.22.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/tokens
 
+## 1.22.1
+
+### Patch Changes
+
+- [`7b6548e6ad0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7b6548e6ad0) - Internally moves the logic which applies spacing as a defaulty enabled theme to be more inline with other themes.
+
 ## 1.22.0
 
 ### Minor Changes

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

@@ -44,15 +44,13 @@ var getThemeHtmlAttrs = function getThemeHtmlAttrs() {
     typography = _ref$typography === void 0 ? _themeConfig.themeStateDefaults['typography'] : _ref$typography,
     _ref$UNSAFE_themeOpti = _ref.UNSAFE_themeOptions,
     UNSAFE_themeOptions = _ref$UNSAFE_themeOpti === void 0 ? _themeConfig.themeStateDefaults['UNSAFE_themeOptions'] : _ref$UNSAFE_themeOpti;
-  var themePreferences = {
+  var themeAttribute = (0, _themeStateTransformer.themeObjectToString)({
     dark: dark,
     light: light,
     shape: shape,
-    // Load spacing by default
-    spacing: spacing || 'spacing',
+    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)) {
     var optionString = JSON.stringify(UNSAFE_themeOptions);

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.22.0";
+var version = "1.22.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.22.0";
+var version = "1.22.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/theme-config.js

@@ -183,7 +183,7 @@ var themeStateDefaults = {
   dark: 'dark',
   light: 'light',
   shape: undefined,
-  spacing: undefined,
+  spacing: 'spacing',
   typography: undefined,
   UNSAFE_themeOptions: undefined
 };

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

@@ -23,11 +23,6 @@ var getThemePreferences = function getThemePreferences(themeState) {
   if ((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu')) {
     themePreferences.push("".concat(themePreferences.includes('dark') ? 'dark' : 'light', "-new-input-border"));
   }
-
-  // Load spacing by default
-  if (!themePreferences.includes('spacing')) {
-    themePreferences.push('spacing');
-  }
   return (0, _toConsumableArray2.default)(new Set(themePreferences));
 };
 exports.getThemePreferences = getThemePreferences;

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

@@ -28,15 +28,13 @@ const getThemeHtmlAttrs = ({
   typography = themeStateDefaults['typography'],
   UNSAFE_themeOptions = themeStateDefaults['UNSAFE_themeOptions']
 } = {}) => {
-  let themePreferences = {
+  const themeAttribute = themeObjectToString({
     dark,
     light,
     shape,
-    // Load spacing by default
-    spacing: spacing || 'spacing',
+    spacing,
     typography
-  };
-  const themeAttribute = themeObjectToString(themePreferences);
+  });
   const result = {
     [THEME_DATA_ATTRIBUTE]: themeAttribute,
     [COLOR_MODE_ATTRIBUTE]: colorMode === 'auto' ? defaultColorMode : colorMode

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.22.0";
+const version = "1.22.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.22.0";
+const version = "1.22.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/theme-config.js

@@ -174,7 +174,7 @@ export const themeStateDefaults = {
   dark: 'dark',
   light: 'light',
   shape: undefined,
-  spacing: undefined,
+  spacing: 'spacing',
   typography: undefined,
   UNSAFE_themeOptions: undefined
 };

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

@@ -17,10 +17,5 @@ export const getThemePreferences = themeState => {
   if (getBooleanFF('platform.design-system-team.border-checkbox_nyoiu')) {
     themePreferences.push(`${themePreferences.includes('dark') ? 'dark' : 'light'}-new-input-border`);
   }
-
-  // Load spacing by default
-  if (!themePreferences.includes('spacing')) {
-    themePreferences.push('spacing');
-  }
   return [...new Set(themePreferences)];
 };

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

@@ -37,15 +37,13 @@ var getThemeHtmlAttrs = function getThemeHtmlAttrs() {
     typography = _ref$typography === void 0 ? themeStateDefaults['typography'] : _ref$typography,
     _ref$UNSAFE_themeOpti = _ref.UNSAFE_themeOptions,
     UNSAFE_themeOptions = _ref$UNSAFE_themeOpti === void 0 ? themeStateDefaults['UNSAFE_themeOptions'] : _ref$UNSAFE_themeOpti;
-  var themePreferences = {
+  var themeAttribute = themeObjectToString({
     dark: dark,
     light: light,
     shape: shape,
-    // Load spacing by default
-    spacing: spacing || 'spacing',
+    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)) {
     var optionString = JSON.stringify(UNSAFE_themeOptions);

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.22.0";
+var version = "1.22.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.22.0";
+var version = "1.22.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/theme-config.js

@@ -174,7 +174,7 @@ export var themeStateDefaults = {
   dark: 'dark',
   light: 'light',
   shape: undefined,
-  spacing: undefined,
+  spacing: 'spacing',
   typography: undefined,
   UNSAFE_themeOptions: undefined
 };

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

@@ -16,10 +16,5 @@ export var getThemePreferences = function getThemePreferences(themeState) {
   if (getBooleanFF('platform.design-system-team.border-checkbox_nyoiu')) {
     themePreferences.push("".concat(themePreferences.includes('dark') ? 'dark' : 'light', "-new-input-border"));
   }
-
-  // Load spacing by default
-  if (!themePreferences.includes('spacing')) {
-    themePreferences.push('spacing');
-  }
   return _toConsumableArray(new Set(themePreferences));
 };

package/dist/types/theme-config.d.ts

@@ -93,7 +93,7 @@ export interface ThemeState {
     dark: Extract<ThemeIds, 'light' | 'dark' | 'legacy-dark' | 'legacy-light'>;
     colorMode: ThemeColorModes;
     shape?: Extract<ThemeIds, 'shape'>;
-    spacing?: Extract<ThemeIds, 'spacing'>;
+    spacing: Extract<ThemeIds, 'spacing'>;
     typography?: Extract<ThemeIds, 'typography' | 'typography-adg3' | 'typography-minor3'>;
     UNSAFE_themeOptions?: ThemeOptionsSchema;
 }

package/dist/types-ts4.5/theme-config.d.ts

@@ -122,7 +122,7 @@ export interface ThemeState {
     dark: Extract<ThemeIds, 'light' | 'dark' | 'legacy-dark' | 'legacy-light'>;
     colorMode: ThemeColorModes;
     shape?: Extract<ThemeIds, 'shape'>;
-    spacing?: Extract<ThemeIds, 'spacing'>;
+    spacing: Extract<ThemeIds, 'spacing'>;
     typography?: Extract<ThemeIds, 'typography' | 'typography-adg3' | 'typography-minor3'>;
     UNSAFE_themeOptions?: ThemeOptionsSchema;
 }

package/package.json

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

package/report.api.md

@@ -1951,7 +1951,7 @@ export interface ThemeState {
   // (undocumented)
   shape?: Extract<ThemeIds, 'shape'>;
   // (undocumented)
-  spacing?: Extract<ThemeIds, 'spacing'>;
+  spacing: Extract<ThemeIds, 'spacing'>;
   // (undocumented)
   typography?: Extract<
     ThemeIds,

package/tmp/api-report-tmp.d.ts

@@ -946,7 +946,7 @@ export interface ThemeState {
     // (undocumented)
     shape?: Extract<ThemeIds, 'shape'>;
     // (undocumented)
-    spacing?: Extract<ThemeIds, 'spacing'>;
+    spacing: Extract<ThemeIds, 'spacing'>;
     // (undocumented)
     typography?: Extract<ThemeIds, 'typography' | 'typography-adg3' | 'typography-minor3'>;
     // (undocumented)