@atlaskit/tokens 1.39.1 → 1.41.0

package/dist/es2019/artifacts/theme-import-map.js

@@ -6,7 +6,7 @@
  * This allows users to compose their themes and only use the tokens that are requested.
  * When a new theme is created, the import should automatically be added to the map
  *
- * @codegen <<SignedSource::6c438d052bfcec2f42bfb917a01beef9>>
+ * @codegen <<SignedSource::63d467c8d0d48afd8fdc4e213175480c>>
  * @codegenCommand yarn build tokens
  */
 
@@ -33,10 +33,6 @@ const themeImportsMap = {
   './themes/atlassian-typography-adg3'),
   'shape': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-shape" */
   './themes/atlassian-shape'),
-  'light-new-input-border': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-light-new-input-border" */
-  './themes/atlassian-light-new-input-border'),
-  'dark-new-input-border': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-dark-new-input-border" */
-  './themes/atlassian-dark-new-input-border'),
   'typography-minor3': () => import( /* webpackChunkName: "@atlaskit-internal_atlassian-typography-minor3" */
   './themes/atlassian-typography-minor3')
 };

package/dist/es2019/artifacts/themes/atlassian-dark.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::dc2c5aac47a1a0e5b07adfca4dfcc7ad>>
+ * @codegen <<SignedSource::73c7032ee4ea014038a44d49d438ce85>>
  * @codegenCommand yarn build tokens
  */
 export default `
@@ -78,7 +78,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
   --ds-border-accent-gray: #738496;
   --ds-border-disabled: #A1BDD914;
   --ds-border-focused: #85B8FF;
-  --ds-border-input: #A6C5E229;
+  --ds-border-input: #738496;
   --ds-border-inverse: #161A1D;
   --ds-border-selected: #579DFF;
   --ds-border-brand: #579DFF;

package/dist/es2019/artifacts/themes/atlassian-light.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::70516fae4cc24ba1b8d76c16272420f0>>
+ * @codegen <<SignedSource::1dc39a991dc3fbbe997d364bd176d7d5>>
  * @codegenCommand yarn build tokens
  */
 export default `
@@ -78,7 +78,7 @@ html[data-color-mode="dark"][data-theme~="dark:light"] {
   --ds-border-accent-gray: #758195;
   --ds-border-disabled: #091E420F;
   --ds-border-focused: #388BFF;
-  --ds-border-input: #091E4224;
+  --ds-border-input: #8590A2;
   --ds-border-inverse: #FFFFFF;
   --ds-border-selected: #0C66E4;
   --ds-border-brand: #0C66E4;

package/dist/es2019/artifacts/token-default-values.js

@@ -7,7 +7,7 @@
  * Token names mapped to their value in the default Atlassian themes ('light').
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
  *
- * @codegen <<SignedSource::a5ef42a0373166de767df9be7435e58d>>
+ * @codegen <<SignedSource::79c7ab52bcfe67ce4b04cd0d15081a1c>>
  * @codegenCommand yarn build tokens
  */
 const defaultTokenValues = {
@@ -82,7 +82,7 @@ const defaultTokenValues = {
   'color.border.accent.gray': '#758195',
   'color.border.disabled': '#091E420F',
   'color.border.focused': '#388BFF',
-  'color.border.input': '#091E4224',
+  'color.border.input': '#8590A2',
   'color.border.inverse': '#FFFFFF',
   'color.border.selected': '#0C66E4',
   'color.border.brand': '#0C66E4',

package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::17268b2c8921f4f8a7e40e1920d7891a>>
+ * @codegen <<SignedSource::adfb0bcfb5ff283cd60f267ea23e788d>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -1572,7 +1572,7 @@ const tokens = [{
     "introduced": "0.6.0",
     "description": "Use for borders of form UI elements, such as text fields, checkboxes, and radio buttons."
   },
-  "value": "#A6C5E229",
+  "value": "#738496",
   "filePath": "schema/themes/atlassian-dark/color/border.tsx",
   "isSource": true,
   "original": {
@@ -1582,7 +1582,7 @@ const tokens = [{
       "introduced": "0.6.0",
       "description": "Use for borders of form UI elements, such as text fields, checkboxes, and radio buttons."
     },
-    "value": "DarkNeutral300A"
+    "value": "DarkNeutral600"
   },
   "name": "color.border.input",
   "path": ["color", "border", "input"],

package/dist/es2019/artifacts/tokens-raw/atlassian-light.js

@@ -1,6 +1,6 @@
 /**
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::8002d8a3725e4a69481492649872da52>>
+ * @codegen <<SignedSource::3660e560529703d2e2fd6248118f2a84>>
  * @codegenCommand yarn build tokens
  */
 const tokens = [{
@@ -1572,7 +1572,7 @@ const tokens = [{
     "introduced": "0.6.0",
     "description": "Use for borders of form UI elements, such as text fields, checkboxes, and radio buttons."
   },
-  "value": "#091E4224",
+  "value": "#8590A2",
   "filePath": "schema/themes/atlassian-light/color/border.tsx",
   "isSource": true,
   "original": {
@@ -1582,7 +1582,7 @@ const tokens = [{
       "introduced": "0.6.0",
       "description": "Use for borders of form UI elements, such as text fields, checkboxes, and radio buttons."
     },
-    "value": "Neutral300A"
+    "value": "Neutral500"
   },
   "name": "color.border.input",
   "path": ["color", "border", "input"],

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/tokens-raw.js

@@ -1,4 +1,5 @@
 export { default as light } from '../artifacts/tokens-raw/atlassian-light';
+export { default as legacyLightTokens } from '../artifacts/tokens-raw/atlassian-legacy-light';
 export { default as dark } from '../artifacts/tokens-raw/atlassian-dark';
 export { default as spacing } from '../artifacts/tokens-raw/atlassian-spacing';
 export { default as typography } from '../artifacts/tokens-raw/atlassian-typography-minor3';

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.39.1";
+const version = "1.41.0";
 /**
  * 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.39.1";
+const version = "1.41.0";
 /**
  * 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

@@ -43,7 +43,7 @@ export const themeIds = ['light-increased-contrast', 'light', 'light-future', 'd
  * Theme override ids: the equivalent of themeIds for theme overrides.
  * Theme overrides are temporary and there may not be any defined at times.
  */
-export const themeOverrideIds = ['light-new-input-border', 'dark-new-input-border'];
+export const themeOverrideIds = [];
 export const themeIdsWithOverrides = [...themeIds, ...themeOverrideIds];
 
 /**
@@ -166,26 +166,6 @@ const themeConfig = {
       type: 'shape'
     }
   },
-  'atlassian-light-new-input-border': {
-    id: 'light-new-input-border',
-    displayName: 'Light Theme New Input Border',
-    palette: 'defaultPalette',
-    override: 'light',
-    attributes: {
-      type: 'color',
-      mode: 'light'
-    }
-  },
-  'atlassian-dark-new-input-border': {
-    id: 'dark-new-input-border',
-    displayName: 'Dark Theme New Input Border',
-    palette: 'defaultPalette',
-    override: 'dark',
-    attributes: {
-      type: 'color',
-      mode: 'dark'
-    }
-  },
   'atlassian-typography-minor3': {
     id: 'typography-minor3',
     displayName: 'Atlassian Typography (Minor Third)',

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

@@ -39,19 +39,6 @@ export const getThemePreferences = themeState => {
   return [...new Set(themePreferences)];
 };
 export const getThemeOverridePreferences = themeState => {
-  const {
-    colorMode
-  } = themeState;
   const themeOverridePreferences = [];
-  if (getBooleanFF('platform.design-system-team.border-checkbox_nyoiu')) {
-    if (colorMode === 'auto') {
-      themeOverridePreferences.push('light-new-input-border');
-      themeOverridePreferences.push('dark-new-input-border');
-    } else if (colorMode === 'dark') {
-      themeOverridePreferences.push('dark-new-input-border');
-    } else {
-      themeOverridePreferences.push('light-new-input-border');
-    }
-  }
   return [...new Set(themeOverridePreferences)];
 };

package/dist/es2019/utils/hash.js

@@ -5,6 +5,5 @@ export const hash = str => {
     hash = (hash << 5) - hash + char;
     hash &= hash; // Convert to 32bit integer
   }
-
   return new Uint32Array([hash])[0].toString(36);
 };