@atlaskit/tokens 0.1.0 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # @atlaskit/tokens
 
+## 0.3.0
+
+### Minor Changes
+
+- [`092e10c6184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/092e10c6184) - CSS variables generated by the tokens package now have a prefix "ds-" to differentiate them from other CSS variables in an application
+
+## 0.2.1
+
+### Patch Changes
+
+- [`5c1cf4723e4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5c1cf4723e4) - typescript-token-name formatter now outputs token names with an indexable Record type
+- [`2f9faec5201`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2f9faec5201) - Tokens now provided with descriptions for when they should be used
+
+## 0.2.0
+
+### Minor Changes
+
+- [`18b502b7083`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18b502b7083) - Added a new export, token-default-values, which maps token names to their value in the default theme (currently the "atlassian-light" theme).
+
+## 0.1.1
+
+### Patch Changes
+
+- [`6f3632e65d4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6f3632e65d4) - Updates README with MVP instructions for usage.
+- [`c1498cb226e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c1498cb226e) - Removes previous rename map
+- [`0936217160c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0936217160c) - Add bold accent tokens:
+
+  - `color.accent.boldBlue`
+  - `color.accent.boldRed`
+  - `color.accent.boldGreen`
+  - `color.accent.boldOrange`
+  - `color.accent.boldTeal`
+  - `color.accent.boldPurple`
+
+- [`6d72bea69a0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6d72bea69a0) - Descriptions and other token metadata is now stored in the "default" theme.
+- [`addf9436414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/addf9436414) - [ux] Introduced a restricted util token for use during the initial token migration. This token is for internal use only and will be removed in a future version of `@atlaskit/tokens`.
+
 ## 0.1.0
 
 ### Minor Changes

package/README.md

@@ -1,5 +1,44 @@
 # Tokens
 
-This is an internal package with common functionality used in the Atlassian Design System Team.
-This package comes with no support and semver guarantees,
-your app will break if you use this directly!
+> ⚠️ This package is under development and comes with no semver guarantees,
+> your app will break if you use this directly.
+
+Tokens are a single source of truth to name and store Atlassian design decisions.
+
+## Installation
+
+```sh
+yarn add @atlaskit/tokens
+```
+
+## Usage
+
+### Setup your environment
+
+Before continuing ensure the CSS themes are installed,
+depending on your bundler configuration may differ.
+
+```tsx
+import '@atlaskit/tokens/css/atlassian-light.css';
+import '@atlaskit/tokens/css/atlassian-dark.css';
+```
+
+### Token
+
+Use the `token` function to get a [CSS variable](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) for the named token.
+
+```tsx
+import { token } from '@atlaskit/tokens';
+
+token('color.background.default');
+```
+
+### Set global theme
+
+Change the global theme during runtime.
+
+```tsx
+import { setGlobalTheme } from '@atlaskit/tokens';
+
+setGlobalTheme('light');
+```

package/css/atlassian-dark.css

@@ -1,85 +1,92 @@
 /* THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY */
 /* Re-generate by running `yarn build tokens`. */
 html[data-theme="dark"] {
-  --accent-subtleBlue: #09326C;
-  --accent-subtleGreen: #164B35;
-  --accent-subtleMagenta: #50253F;
-  --accent-subtleOrange: #5F3811;
-  --accent-subtlePurple: #352C63;
-  --accent-subtleRed: #601D16;
-  --accent-subtleTeal: #1D474C;
-  --background-sunken: #03040454;
-  --background-default: #161A1D;
-  --background-card: #1D2125;
-  --background-overlay: #22272B;
-  --background-selected-resting: #A1BDD914;
-  --background-selected-hover: #A6C5E229;
-  --background-selected-pressed: #BFDBF847;
-  --background-blanket: #03040454;
-  --background-disabled: #A1BDD914;
-  --background-boldBrand-resting: #579DFF;
-  --background-boldBrand-hover: #85B8FF;
-  --background-boldBrand-pressed: #CCE0FF;
-  --background-subtleBrand-resting: #082145;
-  --background-subtleBrand-hover: #09326C;
-  --background-subtleBrand-pressed: #0055CC;
-  --background-boldDanger-resting: #F97362;
-  --background-boldDanger-hover: #FF9A8F;
-  --background-boldDanger-pressed: #FFD2CC;
-  --background-subtleDanger-resting: #391713;
-  --background-subtleDanger-hover: #601D16;
-  --background-subtleDanger-pressed: #B22515;
-  --background-boldWarning-resting: #EBB800;
-  --background-boldWarning-hover: #FFD138;
-  --background-boldWarning-pressed: #FFE785;
-  --background-subtleWarning-resting: #3D2E00;
-  --background-subtleWarning-hover: #533F04;
-  --background-subtleWarning-pressed: #7F5F01;
-  --background-boldSuccess-resting: #3ACF91;
-  --background-boldSuccess-hover: #76E0B4;
-  --background-boldSuccess-pressed: #AFF3D6;
-  --background-subtleSuccess-resting: #133527;
-  --background-subtleSuccess-hover: #164B35;
-  --background-subtleSuccess-pressed: #216E4E;
-  --background-boldDiscovery-resting: #9F8FEF;
-  --background-boldDiscovery-hover: #B8ACF6;
-  --background-boldDiscovery-pressed: #DFD8FD;
-  --background-subtleDiscovery-resting: #231C3F;
-  --background-subtleDiscovery-hover: #352C63;
-  --background-subtleDiscovery-pressed: #5E4DB2;
-  --background-boldNeutral-resting: #9FADBC;
-  --background-boldNeutral-hover: #B6C2CF;
-  --background-boldNeutral-pressed: #C7D1DB;
-  --background-transparentNeutral-hover: #A1BDD914;
-  --background-transparentNeutral-pressed: #A6C5E229;
-  --background-subtleNeutral-resting: #A1BDD914;
-  --background-subtleNeutral-hover: #A6C5E229;
-  --background-subtleNeutral-pressed: #BFDBF847;
-  --background-subtleBorderedNeutral-resting: #BCD6F00A;
-  --background-subtleBorderedNeutral-pressed: #A1BDD914;
-  --border-focus: #85B8FF;
-  --border-neutral: #A6C5E229;
-  --iconBorder-brand: #388BFF;
-  --iconBorder-danger: #F35844;
-  --iconBorder-warning: #D19D00;
-  --iconBorder-success: #2ABB7F;
-  --iconBorder-discovery: #8F7EE7;
-  --overlay-hover: #BFDBF847;
-  --overlay-pressed: #A3C0DB7A;
-  --text-selected: #579DFF;
-  --text-highEmphasis: #C7D1DB;
-  --text-mediumEmphasis: #9FADBC;
-  --text-lowEmphasis: #8696A7;
-  --text-onBold: #161A1D;
-  --text-onBoldWarning: #161A1D;
-  --text-link-resting: #579DFF;
-  --text-link-pressed: #85B8FF;
-  --text-brand: #85B8FF;
-  --text-warning: #FFD138;
-  --text-danger: #FF9A8F;
-  --text-success: #76E0B4;
-  --text-discovery: #B8ACF6;
-  --text-disabled: #5A6977;
-  --card: 0px 1px 1px #03040480, 0px 0px 1px #03040480;
-  --overlay: inset 0px 0px 0px 1px #BCD6F00A, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;
+  --ds-accent-boldBlue: #0C66E4;
+  --ds-accent-boldGreen: #1F845A;
+  --ds-accent-boldOrange: #B85C00;
+  --ds-accent-boldPurple: #6E5DC6;
+  --ds-accent-boldRed: #CE2E1C;
+  --ds-accent-boldTeal: #1D7F8C;
+  --ds-accent-subtleBlue: #09326C;
+  --ds-accent-subtleGreen: #164B35;
+  --ds-accent-subtleMagenta: #50253F;
+  --ds-accent-subtleOrange: #5F3811;
+  --ds-accent-subtlePurple: #352C63;
+  --ds-accent-subtleRed: #601D16;
+  --ds-accent-subtleTeal: #1D474C;
+  --ds-background-sunken: #03040454;
+  --ds-background-default: #161A1D;
+  --ds-background-card: #1D2125;
+  --ds-background-overlay: #22272B;
+  --ds-background-selected-resting: #A1BDD914;
+  --ds-background-selected-hover: #A6C5E229;
+  --ds-background-selected-pressed: #BFDBF847;
+  --ds-background-blanket: #03040454;
+  --ds-background-disabled: #A1BDD914;
+  --ds-background-boldBrand-resting: #579DFF;
+  --ds-background-boldBrand-hover: #85B8FF;
+  --ds-background-boldBrand-pressed: #CCE0FF;
+  --ds-background-subtleBrand-resting: #082145;
+  --ds-background-subtleBrand-hover: #09326C;
+  --ds-background-subtleBrand-pressed: #0055CC;
+  --ds-background-boldDanger-resting: #F97362;
+  --ds-background-boldDanger-hover: #FF9A8F;
+  --ds-background-boldDanger-pressed: #FFD2CC;
+  --ds-background-subtleDanger-resting: #391713;
+  --ds-background-subtleDanger-hover: #601D16;
+  --ds-background-subtleDanger-pressed: #B22515;
+  --ds-background-boldWarning-resting: #EBB800;
+  --ds-background-boldWarning-hover: #FFD138;
+  --ds-background-boldWarning-pressed: #FFE785;
+  --ds-background-subtleWarning-resting: #3D2E00;
+  --ds-background-subtleWarning-hover: #533F04;
+  --ds-background-subtleWarning-pressed: #7F5F01;
+  --ds-background-boldSuccess-resting: #3ACF91;
+  --ds-background-boldSuccess-hover: #76E0B4;
+  --ds-background-boldSuccess-pressed: #AFF3D6;
+  --ds-background-subtleSuccess-resting: #133527;
+  --ds-background-subtleSuccess-hover: #164B35;
+  --ds-background-subtleSuccess-pressed: #216E4E;
+  --ds-background-boldDiscovery-resting: #9F8FEF;
+  --ds-background-boldDiscovery-hover: #B8ACF6;
+  --ds-background-boldDiscovery-pressed: #DFD8FD;
+  --ds-background-subtleDiscovery-resting: #231C3F;
+  --ds-background-subtleDiscovery-hover: #352C63;
+  --ds-background-subtleDiscovery-pressed: #5E4DB2;
+  --ds-background-boldNeutral-resting: #9FADBC;
+  --ds-background-boldNeutral-hover: #B6C2CF;
+  --ds-background-boldNeutral-pressed: #C7D1DB;
+  --ds-background-transparentNeutral-hover: #A1BDD914;
+  --ds-background-transparentNeutral-pressed: #A6C5E229;
+  --ds-background-subtleNeutral-resting: #A1BDD914;
+  --ds-background-subtleNeutral-hover: #A6C5E229;
+  --ds-background-subtleNeutral-pressed: #BFDBF847;
+  --ds-background-subtleBorderedNeutral-resting: #BCD6F00A;
+  --ds-background-subtleBorderedNeutral-pressed: #A1BDD914;
+  --ds-border-focus: #85B8FF;
+  --ds-border-neutral: #A6C5E229;
+  --ds-iconBorder-brand: #388BFF;
+  --ds-iconBorder-danger: #F35844;
+  --ds-iconBorder-warning: #D19D00;
+  --ds-iconBorder-success: #2ABB7F;
+  --ds-iconBorder-discovery: #8F7EE7;
+  --ds-overlay-hover: #BFDBF847;
+  --ds-overlay-pressed: #A3C0DB7A;
+  --ds-text-selected: #579DFF;
+  --ds-text-highEmphasis: #C7D1DB;
+  --ds-text-mediumEmphasis: #9FADBC;
+  --ds-text-lowEmphasis: #8696A7;
+  --ds-text-onBold: #161A1D;
+  --ds-text-onBoldWarning: #161A1D;
+  --ds-text-link-resting: #579DFF;
+  --ds-text-link-pressed: #85B8FF;
+  --ds-text-brand: #85B8FF;
+  --ds-text-warning: #FFD138;
+  --ds-text-danger: #FF9A8F;
+  --ds-text-success: #76E0B4;
+  --ds-text-discovery: #B8ACF6;
+  --ds-text-disabled: #5A6977;
+  --ds-card: 0px 1px 1px #03040480, 0px 0px 1px #03040480;
+  --ds-overlay: inset 0px 0px 0px 1px #BCD6F00A, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;
+  --ds-UNSAFE_util-transparent: transparent;
 }

package/css/atlassian-light.css

@@ -1,85 +1,92 @@
 /* THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY */
 /* Re-generate by running `yarn build tokens`. */
 :root, html[data-theme="light"] {
-  --accent-subtleBlue: #CCE0FF;
-  --accent-subtleGreen: #AFF3D6;
-  --accent-subtleMagenta: #FDD0EC;
-  --accent-subtleOrange: #FFDEB8;
-  --accent-subtlePurple: #DFD8FD;
-  --accent-subtleRed: #FFD2CC;
-  --accent-subtleTeal: #ADEEF5;
-  --background-sunken: #091E4208;
-  --background-default: #FFFFFF;
-  --background-card: #FFFFFF;
-  --background-overlay: #FFFFFF;
-  --background-selected-resting: #E9F2FF;
-  --background-selected-hover: #CCE0FF;
-  --background-selected-pressed: #85B8FF;
-  --background-blanket: #091E427A;
-  --background-disabled: #091E420F;
-  --background-boldBrand-resting: #0C66E4;
-  --background-boldBrand-hover: #0055CC;
-  --background-boldBrand-pressed: #09326C;
-  --background-subtleBrand-resting: #E9F2FF;
-  --background-subtleBrand-hover: #CCE0FF;
-  --background-subtleBrand-pressed: #85B8FF;
-  --background-boldDanger-resting: #CE2E1C;
-  --background-boldDanger-hover: #B22515;
-  --background-boldDanger-pressed: #601D16;
-  --background-subtleDanger-resting: #FFEDEB;
-  --background-subtleDanger-hover: #FFD2CC;
-  --background-subtleDanger-pressed: #FF9A8F;
-  --background-boldWarning-resting: #EBB800;
-  --background-boldWarning-hover: #D19D00;
-  --background-boldWarning-pressed: #B38600;
-  --background-subtleWarning-resting: #FFF7D6;
-  --background-subtleWarning-hover: #FFE785;
-  --background-subtleWarning-pressed: #FFD138;
-  --background-boldSuccess-resting: #1F845A;
-  --background-boldSuccess-hover: #216E4E;
-  --background-boldSuccess-pressed: #164B35;
-  --background-subtleSuccess-resting: #DFFCF0;
-  --background-subtleSuccess-hover: #AFF3D6;
-  --background-subtleSuccess-pressed: #76E0B4;
-  --background-boldDiscovery-resting: #6E5DC6;
-  --background-boldDiscovery-hover: #5E4DB2;
-  --background-boldDiscovery-pressed: #352C63;
-  --background-subtleDiscovery-resting: #F3F0FF;
-  --background-subtleDiscovery-hover: #DFD8FD;
-  --background-subtleDiscovery-pressed: #B8ACF6;
-  --background-boldNeutral-resting: #44546F;
-  --background-boldNeutral-hover: #2C3E5D;
-  --background-boldNeutral-pressed: #172B4D;
-  --background-transparentNeutral-hover: #091E420F;
-  --background-transparentNeutral-pressed: #091E4224;
-  --background-subtleNeutral-resting: #091E420F;
-  --background-subtleNeutral-hover: #091E4224;
-  --background-subtleNeutral-pressed: #091E424F;
-  --background-subtleBorderedNeutral-resting: #091E4208;
-  --background-subtleBorderedNeutral-pressed: #091E420F;
-  --border-focus: #388BFF;
-  --border-neutral: #091E4224;
-  --iconBorder-brand: #1D7AFC;
-  --iconBorder-danger: #E8422C;
-  --iconBorder-warning: #DB6E00;
-  --iconBorder-success: #22A06B;
-  --iconBorder-discovery: #8270DB;
-  --overlay-hover: #091E424F;
-  --overlay-pressed: #091E427A;
-  --text-selected: #0C66E4;
-  --text-highEmphasis: #172B4D;
-  --text-mediumEmphasis: #44546F;
-  --text-lowEmphasis: #626F86;
-  --text-onBold: #FFFFFF;
-  --text-onBoldWarning: #172B4D;
-  --text-link-resting: #0C66E4;
-  --text-link-pressed: #0055CC;
-  --text-brand: #0055CC;
-  --text-warning: #974F0C;
-  --text-danger: #B22515;
-  --text-success: #216E4E;
-  --text-discovery: #5E4DB2;
-  --text-disabled: #8993A5;
-  --card: 0px 1px 1px #091E4240, 0px 0px 1px #091E424F;
-  --overlay: 0px 8px 12px #091E4226, 0px 0px 1px #091E424F;
+  --ds-accent-boldBlue: #579DFF;
+  --ds-accent-boldGreen: #3ACF91;
+  --ds-accent-boldOrange: #FFA333;
+  --ds-accent-boldPurple: #9F8FEF;
+  --ds-accent-boldRed: #F97362;
+  --ds-accent-boldTeal: #53C8D5;
+  --ds-accent-subtleBlue: #CCE0FF;
+  --ds-accent-subtleGreen: #AFF3D6;
+  --ds-accent-subtleMagenta: #FDD0EC;
+  --ds-accent-subtleOrange: #FFDEB8;
+  --ds-accent-subtlePurple: #DFD8FD;
+  --ds-accent-subtleRed: #FFD2CC;
+  --ds-accent-subtleTeal: #ADEEF5;
+  --ds-background-sunken: #091E4208;
+  --ds-background-default: #FFFFFF;
+  --ds-background-card: #FFFFFF;
+  --ds-background-overlay: #FFFFFF;
+  --ds-background-selected-resting: #E9F2FF;
+  --ds-background-selected-hover: #CCE0FF;
+  --ds-background-selected-pressed: #85B8FF;
+  --ds-background-blanket: #091E427A;
+  --ds-background-disabled: #091E420F;
+  --ds-background-boldBrand-resting: #0C66E4;
+  --ds-background-boldBrand-hover: #0055CC;
+  --ds-background-boldBrand-pressed: #09326C;
+  --ds-background-subtleBrand-resting: #E9F2FF;
+  --ds-background-subtleBrand-hover: #CCE0FF;
+  --ds-background-subtleBrand-pressed: #85B8FF;
+  --ds-background-boldDanger-resting: #CE2E1C;
+  --ds-background-boldDanger-hover: #B22515;
+  --ds-background-boldDanger-pressed: #601D16;
+  --ds-background-subtleDanger-resting: #FFEDEB;
+  --ds-background-subtleDanger-hover: #FFD2CC;
+  --ds-background-subtleDanger-pressed: #FF9A8F;
+  --ds-background-boldWarning-resting: #EBB800;
+  --ds-background-boldWarning-hover: #D19D00;
+  --ds-background-boldWarning-pressed: #B38600;
+  --ds-background-subtleWarning-resting: #FFF7D6;
+  --ds-background-subtleWarning-hover: #FFE785;
+  --ds-background-subtleWarning-pressed: #FFD138;
+  --ds-background-boldSuccess-resting: #1F845A;
+  --ds-background-boldSuccess-hover: #216E4E;
+  --ds-background-boldSuccess-pressed: #164B35;
+  --ds-background-subtleSuccess-resting: #DFFCF0;
+  --ds-background-subtleSuccess-hover: #AFF3D6;
+  --ds-background-subtleSuccess-pressed: #76E0B4;
+  --ds-background-boldDiscovery-resting: #6E5DC6;
+  --ds-background-boldDiscovery-hover: #5E4DB2;
+  --ds-background-boldDiscovery-pressed: #352C63;
+  --ds-background-subtleDiscovery-resting: #F3F0FF;
+  --ds-background-subtleDiscovery-hover: #DFD8FD;
+  --ds-background-subtleDiscovery-pressed: #B8ACF6;
+  --ds-background-boldNeutral-resting: #44546F;
+  --ds-background-boldNeutral-hover: #2C3E5D;
+  --ds-background-boldNeutral-pressed: #172B4D;
+  --ds-background-transparentNeutral-hover: #091E420F;
+  --ds-background-transparentNeutral-pressed: #091E4224;
+  --ds-background-subtleNeutral-resting: #091E420F;
+  --ds-background-subtleNeutral-hover: #091E4224;
+  --ds-background-subtleNeutral-pressed: #091E424F;
+  --ds-background-subtleBorderedNeutral-resting: #091E4208;
+  --ds-background-subtleBorderedNeutral-pressed: #091E420F;
+  --ds-border-focus: #388BFF;
+  --ds-border-neutral: #091E4224;
+  --ds-iconBorder-brand: #1D7AFC;
+  --ds-iconBorder-danger: #E8422C;
+  --ds-iconBorder-warning: #DB6E00;
+  --ds-iconBorder-success: #22A06B;
+  --ds-iconBorder-discovery: #8270DB;
+  --ds-overlay-hover: #091E424F;
+  --ds-overlay-pressed: #091E427A;
+  --ds-text-selected: #0C66E4;
+  --ds-text-highEmphasis: #172B4D;
+  --ds-text-mediumEmphasis: #44546F;
+  --ds-text-lowEmphasis: #626F86;
+  --ds-text-onBold: #FFFFFF;
+  --ds-text-onBoldWarning: #172B4D;
+  --ds-text-link-resting: #0C66E4;
+  --ds-text-link-pressed: #0055CC;
+  --ds-text-brand: #0055CC;
+  --ds-text-warning: #974F0C;
+  --ds-text-danger: #B22515;
+  --ds-text-success: #216E4E;
+  --ds-text-discovery: #5E4DB2;
+  --ds-text-disabled: #8993A5;
+  --ds-card: 0px 1px 1px #091E4240, 0px 0px 1px #091E424F;
+  --ds-overlay: 0px 8px 12px #091E4226, 0px 0px 1px #091E424F;
+  --ds-UNSAFE_util-transparent: transparent;
 }

package/dist/cjs/entry-points/token-default-values.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _tokenDefaultValues.default;
+  }
+});
+
+var _tokenDefaultValues = _interopRequireDefault(require("../tokens/token-default-values"));

package/dist/cjs/figma/synchronize-figma-tokens.js

@@ -114,7 +114,7 @@ function synchronizeFigmaTokens(themeName, tokens) {
         // It's still an effect! Update it.
         console.log("=> ".concat(style.name, " shadow style has been updated!"));
         style.effects = createEffects(token.value);
-        style.description = token.comment || ''; // Remove from themeValues so it isn't picked up as a new token.
+        style.description = (token.attributes.description || '').trim(); // Remove from themeValues so it isn't picked up as a new token.
 
         delete tokens[style.name];
       }
@@ -150,7 +150,7 @@ function synchronizeFigmaTokens(themeName, tokens) {
         console.log("=> ".concat(style.name, " paint style has been updated!")); // Mutating is how Figma updates.
 
         style.paints = [createPaint(token.value)];
-        style.description = token.comment || ''; // Remove from themeValues so it isn't picked up as a new token.
+        style.description = (token.attributes.description || '').trim(); // Remove from themeValues so it isn't picked up as a new token.
 
         delete tokens[style.name];
       }
@@ -168,7 +168,7 @@ function synchronizeFigmaTokens(themeName, tokens) {
     if (token.attributes.group === 'paint') {
       var newStyle = figma.createPaintStyle();
       newStyle.name = key;
-      newStyle.description = token.comment || '';
+      newStyle.description = (token.attributes.description || '').trim();
       newStyle.paints = [createPaint(token.value)];
       console.log("=> ".concat(key, " paint style has been added!"));
     }
@@ -177,7 +177,7 @@ function synchronizeFigmaTokens(themeName, tokens) {
       var _newStyle = figma.createEffectStyle();
 
       _newStyle.name = key;
-      _newStyle.description = token.comment || '';
+      _newStyle.description = (token.attributes.description || '').trim();
       _newStyle.effects = createEffects(token.value);
       console.log("=> ".concat(key, " shadow style has been added!"));
     }

package/dist/cjs/tokens/atlassian-dark/color/accent.js

@@ -7,47 +7,44 @@ exports.default = void 0;
 var color = {
   color: {
     accent: {
+      boldBlue: {
+        value: 'B700'
+      },
+      boldGreen: {
+        value: 'G700'
+      },
+      boldOrange: {
+        value: 'O700'
+      },
+      boldPurple: {
+        value: 'P700'
+      },
+      boldRed: {
+        value: 'R700'
+      },
+      boldTeal: {
+        value: 'T700'
+      },
       subtleBlue: {
-        value: 'B900',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'B900'
       },
       subtleGreen: {
-        value: 'G900',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'G900'
       },
       subtleMagenta: {
-        value: 'M900',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'M900'
       },
       subtleOrange: {
-        value: 'O900',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'O900'
       },
       subtlePurple: {
-        value: 'P900',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'P900'
       },
       subtleRed: {
-        value: 'R900',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'R900'
       },
       subtleTeal: {
-        value: 'T900',
-        attributes: {
-          group: 'paint'
-        }
+        value: 'T900'
       }
     }
   }