@atlaskit/tokens 0.9.2 → 0.9.5

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 (42) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/css/atlassian-dark.css +7 -4
  3. package/css/atlassian-light.css +7 -4
  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 +8 -5
  7. package/dist/cjs/artifacts/token-names.js +6 -2
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +10 -6
  9. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +10 -6
  10. package/dist/cjs/get-token.js +1 -1
  11. package/dist/cjs/tokens/atlassian-dark/color/background.js +2 -2
  12. package/dist/cjs/tokens/atlassian-light/color/background.js +2 -2
  13. package/dist/cjs/version.json +1 -1
  14. package/dist/es2019/artifacts/palettes-raw.js +5 -2
  15. package/dist/es2019/artifacts/rename-mapping.js +8 -5
  16. package/dist/es2019/artifacts/token-default-values.js +8 -6
  17. package/dist/es2019/artifacts/token-names.js +5 -2
  18. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +9 -6
  19. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +9 -6
  20. package/dist/es2019/get-token.js +1 -1
  21. package/dist/es2019/tokens/atlassian-dark/color/background.js +2 -2
  22. package/dist/es2019/tokens/atlassian-light/color/background.js +2 -2
  23. package/dist/es2019/version.json +1 -1
  24. package/dist/esm/artifacts/palettes-raw.js +5 -2
  25. package/dist/esm/artifacts/rename-mapping.js +8 -5
  26. package/dist/esm/artifacts/token-default-values.js +8 -6
  27. package/dist/esm/artifacts/token-names.js +5 -2
  28. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +9 -6
  29. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +9 -6
  30. package/dist/esm/get-token.js +1 -1
  31. package/dist/esm/tokens/atlassian-dark/color/background.js +2 -2
  32. package/dist/esm/tokens/atlassian-light/color/background.js +2 -2
  33. package/dist/esm/version.json +1 -1
  34. package/dist/types/artifacts/palettes-raw.d.ts +5 -0
  35. package/dist/types/artifacts/rename-mapping.d.ts +8 -3
  36. package/dist/types/artifacts/token-default-values.d.ts +8 -3
  37. package/dist/types/artifacts/token-names.d.ts +5 -0
  38. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +5 -0
  39. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +5 -0
  40. package/dist/types/artifacts/types-internal.d.ts +3 -1
  41. package/dist/types/artifacts/types.d.ts +3 -1
  42. package/package.json +10 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/tokens
2
2
 
3
+ ## 0.9.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [`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.
8
+
9
+ ## 0.9.4
10
+
11
+ ### Patch Changes
12
+
13
+ - [`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`.
14
+
15
+ ## 0.9.3
16
+
17
+ ### Patch Changes
18
+
19
+ - [`ae9eab2df7d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ae9eab2df7d) - Fixing blanket selected and danger tokens that were 80% instead of 8% opacity
20
+
3
21
  ## 0.9.2
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;
@@ -234,8 +237,8 @@ html[data-theme="dark"] {
234
237
  --ds-background-transparentNeutral-hover: #A1BDD914;
235
238
  --ds-background-transparentNeutral-pressed: #A6C5E229;
236
239
  --ds-blanket: #03040442;
237
- --ds-blanket-selected: #1D7AFCCC;
238
- --ds-blanket-danger: #E34935CC;
240
+ --ds-blanket-selected: #1D7AFC14;
241
+ --ds-blanket-danger: #E3493514;
239
242
  --ds-interaction-hovered: #00000029;
240
243
  --ds-interaction-pressed: #00000052;
241
244
  --ds-interaction-inverse-hovered: #ffffff33;
@@ -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::a31766961d6fde4e7bcac3fcab880711>>
4
+ * @codegenCommand yarn build tokens
5
+ */
3
6
  :root, html[data-theme="light"] {
4
7
  --ds-text-accent-blue: #0055CC;
5
8
  --ds-text-accent-blue-bolder: #09326C;
@@ -234,8 +237,8 @@
234
237
  --ds-background-transparentNeutral-hover: #091E420F;
235
238
  --ds-background-transparentNeutral-pressed: #091E4224;
236
239
  --ds-blanket: #091E427A;
237
- --ds-blanket-selected: #388BFFCC;
238
- --ds-blanket-danger: #EF5C48CC;
240
+ --ds-blanket-selected: #388BFF14;
241
+ --ds-blanket-danger: #EF5C4814;
239
242
  --ds-interaction-hovered: #ffffff33;
240
243
  --ds-interaction-pressed: #ffffff5c;
241
244
  --ds-interaction-inverse-hovered: #00000029;
@@ -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',
@@ -244,8 +247,8 @@ var defaultTokenValues = {
244
247
  'color.background.transparentNeutral.hover': '#091E420F',
245
248
  'color.background.transparentNeutral.pressed': '#091E4224',
246
249
  'color.blanket': '#091E427A',
247
- 'color.blanket.selected': '#388BFFCC',
248
- 'color.blanket.danger': '#EF5C48CC',
250
+ 'color.blanket.selected': '#388BFF14',
251
+ 'color.blanket.danger': '#EF5C4814',
249
252
  'color.interaction.hovered': '#ffffff33',
250
253
  'color.interaction.pressed': '#ffffff5c',
251
254
  'color.interaction.inverse.hovered': '#00000029',
@@ -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",
@@ -5344,7 +5348,7 @@ var tokens = [{
5344
5348
  "introduced": "0.6.0",
5345
5349
  "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
5346
5350
  },
5347
- "value": "#1D7AFCCC",
5351
+ "value": "#1D7AFC14",
5348
5352
  "filePath": "src/tokens/atlassian-dark/color/background.tsx",
5349
5353
  "isSource": true,
5350
5354
  "original": {
@@ -5354,7 +5358,7 @@ var tokens = [{
5354
5358
  "introduced": "0.6.0",
5355
5359
  "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
5356
5360
  },
5357
- "value": "#1D7AFCCC"
5361
+ "value": "#1D7AFC14"
5358
5362
  },
5359
5363
  "name": "color.blanket.selected",
5360
5364
  "path": ["color", "blanket", "selected"]
@@ -5365,7 +5369,7 @@ var tokens = [{
5365
5369
  "introduced": "0.6.0",
5366
5370
  "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
5367
5371
  },
5368
- "value": "#E34935CC",
5372
+ "value": "#E3493514",
5369
5373
  "filePath": "src/tokens/atlassian-dark/color/background.tsx",
5370
5374
  "isSource": true,
5371
5375
  "original": {
@@ -5375,7 +5379,7 @@ var tokens = [{
5375
5379
  "introduced": "0.6.0",
5376
5380
  "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
5377
5381
  },
5378
- "value": "#E34935CC"
5382
+ "value": "#E3493514"
5379
5383
  },
5380
5384
  "name": "color.blanket.danger",
5381
5385
  "path": ["color", "blanket", "danger"]
@@ -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",
@@ -5344,7 +5348,7 @@ var tokens = [{
5344
5348
  "introduced": "0.6.0",
5345
5349
  "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
5346
5350
  },
5347
- "value": "#388BFFCC",
5351
+ "value": "#388BFF14",
5348
5352
  "filePath": "src/tokens/atlassian-light/color/background.tsx",
5349
5353
  "isSource": true,
5350
5354
  "original": {
@@ -5354,7 +5358,7 @@ var tokens = [{
5354
5358
  "introduced": "0.6.0",
5355
5359
  "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
5356
5360
  },
5357
- "value": "#388BFFCC"
5361
+ "value": "#388BFF14"
5358
5362
  },
5359
5363
  "name": "color.blanket.selected",
5360
5364
  "path": ["color", "blanket", "selected"]
@@ -5365,7 +5369,7 @@ var tokens = [{
5365
5369
  "introduced": "0.6.0",
5366
5370
  "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
5367
5371
  },
5368
- "value": "#EF5C48CC",
5372
+ "value": "#EF5C4814",
5369
5373
  "filePath": "src/tokens/atlassian-light/color/background.tsx",
5370
5374
  "isSource": true,
5371
5375
  "original": {
@@ -5375,7 +5379,7 @@ var tokens = [{
5375
5379
  "introduced": "0.6.0",
5376
5380
  "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
5377
5381
  },
5378
- "value": "#EF5C48CC"
5382
+ "value": "#EF5C4814"
5379
5383
  },
5380
5384
  "name": "color.blanket.danger",
5381
5385
  "path": ["color", "blanket", "danger"]
@@ -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.2";
15
+ var version = "0.9.5";
16
16
 
17
17
  function token(path, fallback) {
18
18
  var token = _tokenNames.default[path];
@@ -12,11 +12,11 @@ var color = {
12
12
  },
13
13
  // @ts-ignore temporary value (B600 8% opacity)
14
14
  selected: {
15
- value: '#1D7AFCCC'
15
+ value: '#1D7AFC14'
16
16
  },
17
17
  // @ts-ignore temporary value (R600 8% opacity)
18
18
  danger: {
19
- value: '#E34935CC'
19
+ value: '#E3493514'
20
20
  }
21
21
  },
22
22
  background: {
@@ -12,11 +12,11 @@ var color = {
12
12
  },
13
13
  // @ts-ignore temporary value (B500 8% opacity)
14
14
  selected: {
15
- value: '#388BFFCC'
15
+ value: '#388BFF14'
16
16
  },
17
17
  // @ts-ignore temporary value (R500 8% opacity)
18
18
  danger: {
19
- value: '#EF5C48CC'
19
+ value: '#EF5C4814'
20
20
  }
21
21
  },
22
22
  background: {
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "0.9.2",
3
+ "version": "0.9.5",
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',
@@ -238,8 +240,8 @@ const defaultTokenValues = {
238
240
  'color.background.transparentNeutral.hover': '#091E420F',
239
241
  'color.background.transparentNeutral.pressed': '#091E4224',
240
242
  'color.blanket': '#091E427A',
241
- 'color.blanket.selected': '#388BFFCC',
242
- 'color.blanket.danger': '#EF5C48CC',
243
+ 'color.blanket.selected': '#388BFF14',
244
+ 'color.blanket.danger': '#EF5C4814',
243
245
  'color.interaction.hovered': '#ffffff33',
244
246
  'color.interaction.pressed': '#ffffff5c',
245
247
  'color.interaction.inverse.hovered': '#00000029',
@@ -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",
@@ -5338,7 +5341,7 @@ const tokens = [{
5338
5341
  "introduced": "0.6.0",
5339
5342
  "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
5340
5343
  },
5341
- "value": "#1D7AFCCC",
5344
+ "value": "#1D7AFC14",
5342
5345
  "filePath": "src/tokens/atlassian-dark/color/background.tsx",
5343
5346
  "isSource": true,
5344
5347
  "original": {
@@ -5348,7 +5351,7 @@ const tokens = [{
5348
5351
  "introduced": "0.6.0",
5349
5352
  "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
5350
5353
  },
5351
- "value": "#1D7AFCCC"
5354
+ "value": "#1D7AFC14"
5352
5355
  },
5353
5356
  "name": "color.blanket.selected",
5354
5357
  "path": ["color", "blanket", "selected"]
@@ -5359,7 +5362,7 @@ const tokens = [{
5359
5362
  "introduced": "0.6.0",
5360
5363
  "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
5361
5364
  },
5362
- "value": "#E34935CC",
5365
+ "value": "#E3493514",
5363
5366
  "filePath": "src/tokens/atlassian-dark/color/background.tsx",
5364
5367
  "isSource": true,
5365
5368
  "original": {
@@ -5369,7 +5372,7 @@ const tokens = [{
5369
5372
  "introduced": "0.6.0",
5370
5373
  "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
5371
5374
  },
5372
- "value": "#E34935CC"
5375
+ "value": "#E3493514"
5373
5376
  },
5374
5377
  "name": "color.blanket.danger",
5375
5378
  "path": ["color", "blanket", "danger"]
@@ -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",
@@ -5338,7 +5341,7 @@ const tokens = [{
5338
5341
  "introduced": "0.6.0",
5339
5342
  "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
5340
5343
  },
5341
- "value": "#388BFFCC",
5344
+ "value": "#388BFF14",
5342
5345
  "filePath": "src/tokens/atlassian-light/color/background.tsx",
5343
5346
  "isSource": true,
5344
5347
  "original": {
@@ -5348,7 +5351,7 @@ const tokens = [{
5348
5351
  "introduced": "0.6.0",
5349
5352
  "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
5350
5353
  },
5351
- "value": "#388BFFCC"
5354
+ "value": "#388BFF14"
5352
5355
  },
5353
5356
  "name": "color.blanket.selected",
5354
5357
  "path": ["color", "blanket", "selected"]
@@ -5359,7 +5362,7 @@ const tokens = [{
5359
5362
  "introduced": "0.6.0",
5360
5363
  "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
5361
5364
  },
5362
- "value": "#EF5C48CC",
5365
+ "value": "#EF5C4814",
5363
5366
  "filePath": "src/tokens/atlassian-light/color/background.tsx",
5364
5367
  "isSource": true,
5365
5368
  "original": {
@@ -5369,7 +5372,7 @@ const tokens = [{
5369
5372
  "introduced": "0.6.0",
5370
5373
  "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
5371
5374
  },
5372
- "value": "#EF5C48CC"
5375
+ "value": "#EF5C4814"
5373
5376
  },
5374
5377
  "name": "color.blanket.danger",
5375
5378
  "path": ["color", "blanket", "danger"]
@@ -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.2";
4
+ const version = "0.9.5";
5
5
 
6
6
  function token(path, fallback) {
7
7
  let token = tokens[path];
@@ -6,11 +6,11 @@ const color = {
6
6
  },
7
7
  // @ts-ignore temporary value (B600 8% opacity)
8
8
  selected: {
9
- value: '#1D7AFCCC'
9
+ value: '#1D7AFC14'
10
10
  },
11
11
  // @ts-ignore temporary value (R600 8% opacity)
12
12
  danger: {
13
- value: '#E34935CC'
13
+ value: '#E3493514'
14
14
  }
15
15
  },
16
16
  background: {
@@ -6,11 +6,11 @@ const color = {
6
6
  },
7
7
  // @ts-ignore temporary value (B500 8% opacity)
8
8
  selected: {
9
- value: '#388BFFCC'
9
+ value: '#388BFF14'
10
10
  },
11
11
  // @ts-ignore temporary value (R500 8% opacity)
12
12
  danger: {
13
- value: '#EF5C48CC'
13
+ value: '#EF5C4814'
14
14
  }
15
15
  },
16
16
  background: {
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "0.9.2",
3
+ "version": "0.9.5",
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',
@@ -238,8 +240,8 @@ var defaultTokenValues = {
238
240
  'color.background.transparentNeutral.hover': '#091E420F',
239
241
  'color.background.transparentNeutral.pressed': '#091E4224',
240
242
  'color.blanket': '#091E427A',
241
- 'color.blanket.selected': '#388BFFCC',
242
- 'color.blanket.danger': '#EF5C48CC',
243
+ 'color.blanket.selected': '#388BFF14',
244
+ 'color.blanket.danger': '#EF5C4814',
243
245
  'color.interaction.hovered': '#ffffff33',
244
246
  'color.interaction.pressed': '#ffffff5c',
245
247
  'color.interaction.inverse.hovered': '#00000029',
@@ -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",
@@ -5338,7 +5341,7 @@ var tokens = [{
5338
5341
  "introduced": "0.6.0",
5339
5342
  "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
5340
5343
  },
5341
- "value": "#1D7AFCCC",
5344
+ "value": "#1D7AFC14",
5342
5345
  "filePath": "src/tokens/atlassian-dark/color/background.tsx",
5343
5346
  "isSource": true,
5344
5347
  "original": {
@@ -5348,7 +5351,7 @@ var tokens = [{
5348
5351
  "introduced": "0.6.0",
5349
5352
  "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
5350
5353
  },
5351
- "value": "#1D7AFCCC"
5354
+ "value": "#1D7AFC14"
5352
5355
  },
5353
5356
  "name": "color.blanket.selected",
5354
5357
  "path": ["color", "blanket", "selected"]
@@ -5359,7 +5362,7 @@ var tokens = [{
5359
5362
  "introduced": "0.6.0",
5360
5363
  "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
5361
5364
  },
5362
- "value": "#E34935CC",
5365
+ "value": "#E3493514",
5363
5366
  "filePath": "src/tokens/atlassian-dark/color/background.tsx",
5364
5367
  "isSource": true,
5365
5368
  "original": {
@@ -5369,7 +5372,7 @@ var tokens = [{
5369
5372
  "introduced": "0.6.0",
5370
5373
  "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
5371
5374
  },
5372
- "value": "#E34935CC"
5375
+ "value": "#E3493514"
5373
5376
  },
5374
5377
  "name": "color.blanket.danger",
5375
5378
  "path": ["color", "blanket", "danger"]
@@ -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",
@@ -5338,7 +5341,7 @@ var tokens = [{
5338
5341
  "introduced": "0.6.0",
5339
5342
  "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
5340
5343
  },
5341
- "value": "#388BFFCC",
5344
+ "value": "#388BFF14",
5342
5345
  "filePath": "src/tokens/atlassian-light/color/background.tsx",
5343
5346
  "isSource": true,
5344
5347
  "original": {
@@ -5348,7 +5351,7 @@ var tokens = [{
5348
5351
  "introduced": "0.6.0",
5349
5352
  "description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
5350
5353
  },
5351
- "value": "#388BFFCC"
5354
+ "value": "#388BFF14"
5352
5355
  },
5353
5356
  "name": "color.blanket.selected",
5354
5357
  "path": ["color", "blanket", "selected"]
@@ -5359,7 +5362,7 @@ var tokens = [{
5359
5362
  "introduced": "0.6.0",
5360
5363
  "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
5361
5364
  },
5362
- "value": "#EF5C48CC",
5365
+ "value": "#EF5C4814",
5363
5366
  "filePath": "src/tokens/atlassian-light/color/background.tsx",
5364
5367
  "isSource": true,
5365
5368
  "original": {
@@ -5369,7 +5372,7 @@ var tokens = [{
5369
5372
  "introduced": "0.6.0",
5370
5373
  "description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
5371
5374
  },
5372
- "value": "#EF5C48CC"
5375
+ "value": "#EF5C4814"
5373
5376
  },
5374
5377
  "name": "color.blanket.danger",
5375
5378
  "path": ["color", "blanket", "danger"]
@@ -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.2";
4
+ var version = "0.9.5";
5
5
 
6
6
  function token(path, fallback) {
7
7
  var token = tokens[path];
@@ -6,11 +6,11 @@ var color = {
6
6
  },
7
7
  // @ts-ignore temporary value (B600 8% opacity)
8
8
  selected: {
9
- value: '#1D7AFCCC'
9
+ value: '#1D7AFC14'
10
10
  },
11
11
  // @ts-ignore temporary value (R600 8% opacity)
12
12
  danger: {
13
- value: '#E34935CC'
13
+ value: '#E3493514'
14
14
  }
15
15
  },
16
16
  background: {
@@ -6,11 +6,11 @@ var color = {
6
6
  },
7
7
  // @ts-ignore temporary value (B500 8% opacity)
8
8
  selected: {
9
- value: '#388BFFCC'
9
+ value: '#388BFF14'
10
10
  },
11
11
  // @ts-ignore temporary value (R500 8% opacity)
12
12
  danger: {
13
- value: '#EF5C48CC'
13
+ value: '#EF5C4814'
14
14
  }
15
15
  },
16
16
  background: {
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "0.9.2",
3
+ "version": "0.9.5",
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";
@@ -235,8 +240,8 @@ declare const defaultTokenValues: {
235
240
  readonly 'color.background.transparentNeutral.hover': "#091E420F";
236
241
  readonly 'color.background.transparentNeutral.pressed': "#091E4224";
237
242
  readonly 'color.blanket': "#091E427A";
238
- readonly 'color.blanket.selected': "#388BFFCC";
239
- readonly 'color.blanket.danger': "#EF5C48CC";
243
+ readonly 'color.blanket.selected': "#388BFF14";
244
+ readonly 'color.blanket.danger': "#EF5C4814";
240
245
  readonly 'color.interaction.hovered': "#ffffff33";
241
246
  readonly 'color.interaction.pressed': "#ffffff5c";
242
247
  readonly 'color.interaction.inverse.hovered': "#00000029";
@@ -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.2",
3
+ "version": "0.9.5",
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
  }