@atlaskit/tokens 0.9.3 → 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/css/atlassian-dark.css +5 -2
  3. package/css/atlassian-light.css +6 -3
  4. package/dist/cjs/artifacts/palettes-raw.js +6 -2
  5. package/dist/cjs/artifacts/rename-mapping.js +8 -4
  6. package/dist/cjs/artifacts/token-default-values.js +6 -3
  7. package/dist/cjs/artifacts/token-names.js +6 -2
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +6 -2
  9. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +6 -2
  10. package/dist/cjs/get-token.js +1 -1
  11. package/dist/cjs/version.json +1 -1
  12. package/dist/es2019/artifacts/palettes-raw.js +5 -2
  13. package/dist/es2019/artifacts/rename-mapping.js +8 -5
  14. package/dist/es2019/artifacts/token-default-values.js +6 -4
  15. package/dist/es2019/artifacts/token-names.js +5 -2
  16. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +5 -2
  17. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +5 -2
  18. package/dist/es2019/get-token.js +1 -1
  19. package/dist/es2019/version.json +1 -1
  20. package/dist/esm/artifacts/palettes-raw.js +5 -2
  21. package/dist/esm/artifacts/rename-mapping.js +8 -5
  22. package/dist/esm/artifacts/token-default-values.js +6 -4
  23. package/dist/esm/artifacts/token-names.js +5 -2
  24. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +5 -2
  25. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +5 -2
  26. package/dist/esm/get-token.js +1 -1
  27. package/dist/esm/version.json +1 -1
  28. package/dist/types/artifacts/palettes-raw.d.ts +5 -0
  29. package/dist/types/artifacts/rename-mapping.d.ts +8 -3
  30. package/dist/types/artifacts/token-default-values.d.ts +6 -1
  31. package/dist/types/artifacts/token-names.d.ts +5 -0
  32. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +5 -0
  33. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +5 -0
  34. package/dist/types/artifacts/types-internal.d.ts +3 -1
  35. package/dist/types/artifacts/types.d.ts +3 -1
  36. package/package.json +10 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/tokens
2
2
 
3
+ ## 0.10.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`aa06bcc3c48`](https://bitbucket.org/atlassian/atlassian-frontend/commits/aa06bcc3c48) - Removes the :root selector from the light theme, which allows the light theme to be turned off once the css is mounted. This is to support our migration efforts, but we will ultimately reintroduce this behaviour once tokens are the default experience
8
+
9
+ ## 0.9.5
10
+
11
+ ### Patch Changes
12
+
13
+ - [`4942487a9f6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4942487a9f6) - Fixes internal representation of CSS entrypoints for themes. This is an internal change only and does not effect public APIs.
14
+
15
+ ## 0.9.4
16
+
17
+ ### Patch Changes
18
+
19
+ - [`1dad88929cd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1dad88929cd) - Adds the `@af/codegen` package that is designed to be used in concert with packages that utilise built assets in their source. Initial release adds an integrity header to assets from `@atlaskit/tokens`.
20
+
3
21
  ## 0.9.3
4
22
 
5
23
  ### Patch Changes
@@ -1,5 +1,8 @@
1
- /* THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY */
2
- /* Re-generate by running `yarn build tokens`. */
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::72839d415565553fa9a4a239d93dc7e1>>
4
+ * @codegenCommand yarn build tokens
5
+ */
3
6
  html[data-theme="dark"] {
4
7
  --ds-text-accent-blue: #85B8FF;
5
8
  --ds-text-accent-blue-bolder: #CCE0FF;
@@ -1,6 +1,9 @@
1
- /* THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY */
2
- /* Re-generate by running `yarn build tokens`. */
3
- :root, html[data-theme="light"] {
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::2e7937ac84595597ac1147c208f1d259>>
4
+ * @codegenCommand yarn build tokens
5
+ */
6
+ html[data-theme="light"] {
4
7
  --ds-text-accent-blue: #0055CC;
5
8
  --ds-text-accent-blue-bolder: #09326C;
6
9
  --ds-text-accent-red: #AE2A19;
@@ -4,8 +4,12 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- // THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
8
- // Re-generate by running `yarn build tokens`.
7
+
8
+ /**
9
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
10
+ * @codegen <<SignedSource::abcdccc44ca6140b822aacad9e9070cc>>
11
+ * @codegenCommand yarn build tokens
12
+ */
9
13
  var tokens = [{
10
14
  "value": "#E9F2FF",
11
15
  "attributes": {
@@ -4,19 +4,23 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- // THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
8
7
 
9
8
  /**
9
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
10
+ *
10
11
  * This file is intended to help automate renaming of tokens.
11
12
  *
12
13
  * 1. Mark the old token's 'state' as deprecated
13
14
  * 2. Add a 'rename' attribute to the token with the value 'my.new.token'
14
15
  * 3. Create a new token matching the token above: 'my.new.token'
15
16
  * 4. Run 'yarn build tokens' to have you changes reflected in this map
16
- * 5. eslint and other tools will now use this to automate replacing tokens
17
+ * 5. ESLint and other tools will now use this to automate replacing tokens
18
+ *
19
+ * These changes will then be picked up by our tooling which will attempt to
20
+ * migrate as many of these renames as possible.
17
21
  *
18
- * These changes will then be picked up by our tooling, which will attempt to
19
- * migrate as many of these renames as possible
22
+ * @codegen <<SignedSource::dd934162c3393bce214d694d47bbcf2a>>
23
+ * @codegenCommand yarn build tokens
20
24
  */
21
25
  var renameMapper = [{
22
26
  "path": "color.text.highEmphasis",
@@ -4,11 +4,14 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- // THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
8
- // Re-generate by running `yarn build tokens`.
9
7
 
10
8
  /**
11
- * A map of token names to their value in the default Atlassian theme ('light')
9
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
10
+ *
11
+ * Token names mapped to their value in the default Atlassian theme ('light')
12
+ *
13
+ * @codegen <<SignedSource::3dd78c77e87d6557a4bade2368be7eb8>>
14
+ * @codegenCommand yarn build tokens
12
15
  */
13
16
  var defaultTokenValues = {
14
17
  'color.text.accent.blue': '#0055CC',
@@ -4,8 +4,12 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- // THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
8
- // Re-generate by running `yarn build tokens`.
7
+
8
+ /**
9
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
10
+ * @codegen <<SignedSource::1ab44c57c547c6cb7bb389b286bdd50f>>
11
+ * @codegenCommand yarn build tokens
12
+ */
9
13
  var tokens = {
10
14
  'color.text.accent.blue': '--ds-text-accent-blue',
11
15
  'color.text.accent.blue.bolder': '--ds-text-accent-blue-bolder',
@@ -4,8 +4,12 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- // THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
8
- // Re-generate by running `yarn build tokens`.
7
+
8
+ /**
9
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
10
+ * @codegen <<SignedSource::9d619d23cbcf93e5c937313843744a22>>
11
+ * @codegenCommand yarn build tokens
12
+ */
9
13
  var tokens = [{
10
14
  "attributes": {
11
15
  "group": "paint",
@@ -4,8 +4,12 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- // THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
8
- // Re-generate by running `yarn build tokens`.
7
+
8
+ /**
9
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
10
+ * @codegen <<SignedSource::0e47f76666554d1a967ff51c4cae1c25>>
11
+ * @codegenCommand yarn build tokens
12
+ */
9
13
  var tokens = [{
10
14
  "attributes": {
11
15
  "group": "paint",
@@ -12,7 +12,7 @@ var _warnOnce = _interopRequireDefault(require("@atlaskit/ds-lib/warn-once"));
12
12
  var _tokenNames = _interopRequireDefault(require("./artifacts/token-names"));
13
13
 
14
14
  var name = "@atlaskit/tokens";
15
- var version = "0.9.3";
15
+ var version = "0.10.0";
16
16
 
17
17
  function token(path, fallback) {
18
18
  var token = _tokenNames.default[path];
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "0.9.3",
3
+ "version": "0.10.0",
4
4
  "sideEffects": [
5
5
  "**/*.css"
6
6
  ]
@@ -1,5 +1,8 @@
1
- // THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
2
- // Re-generate by running `yarn build tokens`.
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::abcdccc44ca6140b822aacad9e9070cc>>
4
+ * @codegenCommand yarn build tokens
5
+ */
3
6
  const tokens = [{
4
7
  "value": "#E9F2FF",
5
8
  "attributes": {
@@ -1,16 +1,19 @@
1
- // THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
2
-
3
1
  /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ *
4
4
  * This file is intended to help automate renaming of tokens.
5
5
  *
6
6
  * 1. Mark the old token's 'state' as deprecated
7
7
  * 2. Add a 'rename' attribute to the token with the value 'my.new.token'
8
8
  * 3. Create a new token matching the token above: 'my.new.token'
9
9
  * 4. Run 'yarn build tokens' to have you changes reflected in this map
10
- * 5. eslint and other tools will now use this to automate replacing tokens
10
+ * 5. ESLint and other tools will now use this to automate replacing tokens
11
+ *
12
+ * These changes will then be picked up by our tooling which will attempt to
13
+ * migrate as many of these renames as possible.
11
14
  *
12
- * These changes will then be picked up by our tooling, which will attempt to
13
- * migrate as many of these renames as possible
15
+ * @codegen <<SignedSource::dd934162c3393bce214d694d47bbcf2a>>
16
+ * @codegenCommand yarn build tokens
14
17
  */
15
18
  const renameMapper = [{
16
19
  "path": "color.text.highEmphasis",
@@ -1,8 +1,10 @@
1
- // THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
2
- // Re-generate by running `yarn build tokens`.
3
-
4
1
  /**
5
- * A map of token names to their value in the default Atlassian theme ('light')
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ *
4
+ * Token names mapped to their value in the default Atlassian theme ('light')
5
+ *
6
+ * @codegen <<SignedSource::3dd78c77e87d6557a4bade2368be7eb8>>
7
+ * @codegenCommand yarn build tokens
6
8
  */
7
9
  const defaultTokenValues = {
8
10
  'color.text.accent.blue': '#0055CC',
@@ -1,5 +1,8 @@
1
- // THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
2
- // Re-generate by running `yarn build tokens`.
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::1ab44c57c547c6cb7bb389b286bdd50f>>
4
+ * @codegenCommand yarn build tokens
5
+ */
3
6
  const tokens = {
4
7
  'color.text.accent.blue': '--ds-text-accent-blue',
5
8
  'color.text.accent.blue.bolder': '--ds-text-accent-blue-bolder',
@@ -1,5 +1,8 @@
1
- // THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
2
- // Re-generate by running `yarn build tokens`.
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::9d619d23cbcf93e5c937313843744a22>>
4
+ * @codegenCommand yarn build tokens
5
+ */
3
6
  const tokens = [{
4
7
  "attributes": {
5
8
  "group": "paint",
@@ -1,5 +1,8 @@
1
- // THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
2
- // Re-generate by running `yarn build tokens`.
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::0e47f76666554d1a967ff51c4cae1c25>>
4
+ * @codegenCommand yarn build tokens
5
+ */
3
6
  const tokens = [{
4
7
  "attributes": {
5
8
  "group": "paint",
@@ -1,7 +1,7 @@
1
1
  import warnOnce from '@atlaskit/ds-lib/warn-once';
2
2
  import tokens from './artifacts/token-names';
3
3
  const name = "@atlaskit/tokens";
4
- const version = "0.9.3";
4
+ const version = "0.10.0";
5
5
 
6
6
  function token(path, fallback) {
7
7
  let token = tokens[path];
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "0.9.3",
3
+ "version": "0.10.0",
4
4
  "sideEffects": [
5
5
  "**/*.css"
6
6
  ]
@@ -1,5 +1,8 @@
1
- // THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
2
- // Re-generate by running `yarn build tokens`.
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::abcdccc44ca6140b822aacad9e9070cc>>
4
+ * @codegenCommand yarn build tokens
5
+ */
3
6
  var tokens = [{
4
7
  "value": "#E9F2FF",
5
8
  "attributes": {
@@ -1,16 +1,19 @@
1
- // THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
2
-
3
1
  /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ *
4
4
  * This file is intended to help automate renaming of tokens.
5
5
  *
6
6
  * 1. Mark the old token's 'state' as deprecated
7
7
  * 2. Add a 'rename' attribute to the token with the value 'my.new.token'
8
8
  * 3. Create a new token matching the token above: 'my.new.token'
9
9
  * 4. Run 'yarn build tokens' to have you changes reflected in this map
10
- * 5. eslint and other tools will now use this to automate replacing tokens
10
+ * 5. ESLint and other tools will now use this to automate replacing tokens
11
+ *
12
+ * These changes will then be picked up by our tooling which will attempt to
13
+ * migrate as many of these renames as possible.
11
14
  *
12
- * These changes will then be picked up by our tooling, which will attempt to
13
- * migrate as many of these renames as possible
15
+ * @codegen <<SignedSource::dd934162c3393bce214d694d47bbcf2a>>
16
+ * @codegenCommand yarn build tokens
14
17
  */
15
18
  var renameMapper = [{
16
19
  "path": "color.text.highEmphasis",
@@ -1,8 +1,10 @@
1
- // THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
2
- // Re-generate by running `yarn build tokens`.
3
-
4
1
  /**
5
- * A map of token names to their value in the default Atlassian theme ('light')
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ *
4
+ * Token names mapped to their value in the default Atlassian theme ('light')
5
+ *
6
+ * @codegen <<SignedSource::3dd78c77e87d6557a4bade2368be7eb8>>
7
+ * @codegenCommand yarn build tokens
6
8
  */
7
9
  var defaultTokenValues = {
8
10
  'color.text.accent.blue': '#0055CC',
@@ -1,5 +1,8 @@
1
- // THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
2
- // Re-generate by running `yarn build tokens`.
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::1ab44c57c547c6cb7bb389b286bdd50f>>
4
+ * @codegenCommand yarn build tokens
5
+ */
3
6
  var tokens = {
4
7
  'color.text.accent.blue': '--ds-text-accent-blue',
5
8
  'color.text.accent.blue.bolder': '--ds-text-accent-blue-bolder',
@@ -1,5 +1,8 @@
1
- // THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
2
- // Re-generate by running `yarn build tokens`.
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::9d619d23cbcf93e5c937313843744a22>>
4
+ * @codegenCommand yarn build tokens
5
+ */
3
6
  var tokens = [{
4
7
  "attributes": {
5
8
  "group": "paint",
@@ -1,5 +1,8 @@
1
- // THIS IS AN AUTO-GENERATED FILE DO NOT MODIFY DIRECTLY
2
- // Re-generate by running `yarn build tokens`.
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::0e47f76666554d1a967ff51c4cae1c25>>
4
+ * @codegenCommand yarn build tokens
5
+ */
3
6
  var tokens = [{
4
7
  "attributes": {
5
8
  "group": "paint",
@@ -1,7 +1,7 @@
1
1
  import warnOnce from '@atlaskit/ds-lib/warn-once';
2
2
  import tokens from './artifacts/token-names';
3
3
  var name = "@atlaskit/tokens";
4
- var version = "0.9.3";
4
+ var version = "0.10.0";
5
5
 
6
6
  function token(path, fallback) {
7
7
  var token = tokens[path];
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "0.9.3",
3
+ "version": "0.10.0",
4
4
  "sideEffects": [
5
5
  "**/*.css"
6
6
  ]
@@ -1,3 +1,8 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::abcdccc44ca6140b822aacad9e9070cc>>
4
+ * @codegenCommand yarn build tokens
5
+ */
1
6
  declare const tokens: {
2
7
  value: string;
3
8
  attributes: {
@@ -1,14 +1,19 @@
1
1
  /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ *
2
4
  * This file is intended to help automate renaming of tokens.
3
5
  *
4
6
  * 1. Mark the old token's 'state' as deprecated
5
7
  * 2. Add a 'rename' attribute to the token with the value 'my.new.token'
6
8
  * 3. Create a new token matching the token above: 'my.new.token'
7
9
  * 4. Run 'yarn build tokens' to have you changes reflected in this map
8
- * 5. eslint and other tools will now use this to automate replacing tokens
10
+ * 5. ESLint and other tools will now use this to automate replacing tokens
11
+ *
12
+ * These changes will then be picked up by our tooling which will attempt to
13
+ * migrate as many of these renames as possible.
9
14
  *
10
- * These changes will then be picked up by our tooling, which will attempt to
11
- * migrate as many of these renames as possible
15
+ * @codegen <<SignedSource::dd934162c3393bce214d694d47bbcf2a>>
16
+ * @codegenCommand yarn build tokens
12
17
  */
13
18
  import tokens from './token-names';
14
19
  declare type Token = keyof typeof tokens | string;
@@ -1,5 +1,10 @@
1
1
  /**
2
- * A map of token names to their value in the default Atlassian theme ('light')
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ *
4
+ * Token names mapped to their value in the default Atlassian theme ('light')
5
+ *
6
+ * @codegen <<SignedSource::3dd78c77e87d6557a4bade2368be7eb8>>
7
+ * @codegenCommand yarn build tokens
3
8
  */
4
9
  declare const defaultTokenValues: {
5
10
  readonly 'color.text.accent.blue': "#0055CC";
@@ -1,3 +1,8 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::1ab44c57c547c6cb7bb389b286bdd50f>>
4
+ * @codegenCommand yarn build tokens
5
+ */
1
6
  declare const tokens: {
2
7
  readonly 'color.text.accent.blue': "--ds-text-accent-blue";
3
8
  readonly 'color.text.accent.blue.bolder': "--ds-text-accent-blue-bolder";
@@ -1,3 +1,8 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::9d619d23cbcf93e5c937313843744a22>>
4
+ * @codegenCommand yarn build tokens
5
+ */
1
6
  declare const tokens: ({
2
7
  attributes: {
3
8
  group: string;
@@ -1,3 +1,8 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::0e47f76666554d1a967ff51c4cae1c25>>
4
+ * @codegenCommand yarn build tokens
5
+ */
1
6
  declare const tokens: ({
2
7
  attributes: {
3
8
  group: string;
@@ -1,4 +1,6 @@
1
1
  /**
2
- * Internally types used for handling token ids
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::b41790657bd6ccb424e840279549eee6>>
4
+ * @codegenCommand yarn build tokens
3
5
  */
4
6
  export declare type InternalTokenIds = 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.[default]' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.[default]' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.[default]' | 'color.border.inverse' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.disabled' | 'color.background.inverse.subtle.[default]' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.neutral.[default].[default]' | 'color.background.neutral.[default].hovered' | 'color.background.neutral.[default].pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.selected.[default].[default]' | 'color.background.selected.[default].hovered' | 'color.background.selected.[default].pressed' | 'color.background.selected.bold.[default]' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket.[default]' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.interaction.inverse.hovered' | 'color.interaction.inverse.pressed' | 'color.skeleton.[default]' | 'color.skeleton.subtle' | 'color.link.[default]' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow' | 'elevation.shadow.overlay' | 'elevation.surface.[default]' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.overlay' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';
@@ -1,4 +1,6 @@
1
1
  /**
2
- * Type representing the currently active tokens
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::cbc11cad85705333139fd9d6eda82f31>>
4
+ * @codegenCommand yarn build tokens
3
5
  */
4
6
  export declare type ActiveTokens = 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border' | 'color.border.inverse' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.disabled' | 'color.background.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.neutral' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.selected' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.danger' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.interaction.inverse.hovered' | 'color.interaction.inverse.pressed' | 'color.skeleton' | 'color.skeleton.subtle' | 'color.link' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow' | 'elevation.shadow.overlay' | 'elevation.surface' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.overlay' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "0.9.3",
3
+ "version": "0.10.0",
4
4
  "author": "Atlassian Pty Ltd",
5
5
  "description": "Design tokens are the single source of truth to name and store design decisions.",
6
6
  "license": "Apache-2.0",
@@ -11,7 +11,9 @@
11
11
  "team": "Design System Team",
12
12
  "releaseModel": "scheduled",
13
13
  "website": {
14
- "name": "Design tokens"
14
+ "name": "Design tokens",
15
+ "category": "Libraries",
16
+ "draft": true
15
17
  }
16
18
  },
17
19
  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
@@ -30,11 +32,12 @@
30
32
  "./token-names": "./src/entry-points/token-names.tsx",
31
33
  "./rename-mapping": "./src/entry-points/rename-mapping.tsx",
32
34
  "./babel-plugin": "./src/entry-points/babel-plugin.tsx",
33
- "./css": "./css"
35
+ "./css/atlassian-light.css": "./css/atlassian-light.css",
36
+ "./css/atlassian-dark.css": "./css/atlassian-dark.css"
34
37
  },
35
38
  "scripts": {
36
- "ak-postbuild": "yarn codegen-tokens && yarn check-clean-git && yarn build-chrome-extension",
37
- "check-clean-git": "git diff --exit-code -- packages/design-system/tokens/ || (echo 'tokens are is out of date, run yarn build tokens' && false)",
39
+ "ak-postbuild": "cd ../../../ && yarn build @af/codegen && cd packages/design-system/tokens && yarn codegen-tokens && yarn check-clean-git",
40
+ "check-clean-git": "git diff --exit-code -- packages/design-system/tokens/ || (echo 'tokens are out of date, run yarn build tokens' && false)",
38
41
  "codegen-tokens": "ts-node --project ../../../tsconfig.node.json ./scripts/style-dictionary/build",
39
42
  "build-chrome-extension": "yarn --cwd tokens-browser-extension build-chrome-extension"
40
43
  },
@@ -45,6 +48,7 @@
45
48
  "@babel/types": "^7.15.0"
46
49
  },
47
50
  "devDependencies": {
51
+ "@af/codegen": "*",
48
52
  "@atlaskit/badge": "^15.0.11",
49
53
  "@atlaskit/button": "^16.3.0",
50
54
  "@atlaskit/code": "^14.3.0",
@@ -86,6 +90,6 @@
86
90
  "styling": "emotion"
87
91
  }
88
92
  },
89
- "homepage": "https://atlassian.design/",
93
+ "homepage": "https://atlassian.design/components/tokens",
90
94
  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
91
95
  }