@atlaskit/tokens 13.1.1 → 13.2.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 (75) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/codemods/css-to-design-tokens/lib/legacy-colors.tsx +0 -1
  3. package/dist/cjs/artifacts/generated-pairs.js +2 -2
  4. package/dist/cjs/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
  5. package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
  6. package/dist/cjs/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
  7. package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
  8. package/dist/cjs/artifacts/token-default-values.js +21 -1
  9. package/dist/cjs/artifacts/token-names.js +21 -1
  10. package/dist/cjs/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +471 -31
  11. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +471 -31
  12. package/dist/cjs/artifacts/tokens-raw/atlassian-light-increased-contrast.js +471 -31
  13. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +471 -31
  14. package/dist/cjs/entry-points/token-metadata.codegen.js +196 -16
  15. package/dist/es2019/artifacts/generated-pairs.js +2 -2
  16. package/dist/es2019/artifacts/themes/atlassian-dark-increased-contrast.js +21 -1
  17. package/dist/es2019/artifacts/themes/atlassian-dark.js +21 -1
  18. package/dist/es2019/artifacts/themes/atlassian-light-increased-contrast.js +21 -1
  19. package/dist/es2019/artifacts/themes/atlassian-light.js +21 -1
  20. package/dist/es2019/artifacts/token-default-values.js +21 -1
  21. package/dist/es2019/artifacts/token-names.js +21 -1
  22. package/dist/es2019/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +471 -31
  23. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +471 -31
  24. package/dist/es2019/artifacts/tokens-raw/atlassian-light-increased-contrast.js +471 -31
  25. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +471 -31
  26. package/dist/es2019/entry-points/token-metadata.codegen.js +196 -16
  27. package/dist/esm/artifacts/generated-pairs.js +2 -2
  28. package/dist/esm/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
  29. package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
  30. package/dist/esm/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
  31. package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
  32. package/dist/esm/artifacts/token-default-values.js +21 -1
  33. package/dist/esm/artifacts/token-names.js +21 -1
  34. package/dist/esm/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +471 -31
  35. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +471 -31
  36. package/dist/esm/artifacts/tokens-raw/atlassian-light-increased-contrast.js +471 -31
  37. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +471 -31
  38. package/dist/esm/entry-points/token-metadata.codegen.js +196 -16
  39. package/dist/types/artifacts/generated-pairs.d.ts +1 -1
  40. package/dist/types/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
  41. package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
  42. package/dist/types/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
  43. package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
  44. package/dist/types/artifacts/token-default-values.d.ts +21 -1
  45. package/dist/types/artifacts/token-names.d.ts +41 -1
  46. package/dist/types/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
  47. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  48. package/dist/types/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
  49. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  50. package/dist/types/artifacts/types-internal.d.ts +2 -2
  51. package/dist/types/artifacts/types.d.ts +2 -2
  52. package/dist/types/entry-points/css-type-schema.codegen.d.ts +3 -3
  53. package/dist/types/entry-points/token-metadata.codegen.d.ts +1 -1
  54. package/dist/types/types.d.ts +75 -15
  55. package/dist/types-ts4.5/artifacts/generated-pairs.d.ts +1 -1
  56. package/dist/types-ts4.5/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
  57. package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
  58. package/dist/types-ts4.5/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
  59. package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
  60. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +21 -1
  61. package/dist/types-ts4.5/artifacts/token-names.d.ts +41 -1
  62. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
  63. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  64. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
  65. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  66. package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
  67. package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
  68. package/dist/types-ts4.5/entry-points/css-type-schema.codegen.d.ts +3 -3
  69. package/dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts +1 -1
  70. package/dist/types-ts4.5/types.d.ts +75 -15
  71. package/figma/atlassian-dark-increased-contrast.json +180 -0
  72. package/figma/atlassian-dark.json +180 -0
  73. package/figma/atlassian-light-increased-contrast.json +180 -0
  74. package/figma/atlassian-light.json +180 -0
  75. package/package.json +4 -4
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::0c49cd7b99ff49fecf0ecfa056c603c4>>
3
+ * @codegen <<SignedSource::c9806433eb5f20f1291768b3b482aff0>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
@@ -76,15 +76,25 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
76
76
  --ds-icon-subtle: #BFC1C4;
77
77
  --ds-border: #E9F0FB5C;
78
78
  --ds-border-accent-lime: #B3DF72;
79
+ --ds-border-accent-lime-subtle: #4C6B1F;
79
80
  --ds-border-accent-red: #FD9891;
81
+ --ds-border-accent-red-subtle: #AE2E24;
80
82
  --ds-border-accent-orange: #FBC828;
83
+ --ds-border-accent-orange-subtle: #9E4C00;
81
84
  --ds-border-accent-yellow: #EED12B;
85
+ --ds-border-accent-yellow-subtle: #7F5F01;
82
86
  --ds-border-accent-green: #7EE2B8;
87
+ --ds-border-accent-green-subtle: #216E4E;
83
88
  --ds-border-accent-teal: #9DD9EE;
89
+ --ds-border-accent-teal-subtle: #206A83;
84
90
  --ds-border-accent-blue: #8FB8F6;
91
+ --ds-border-accent-blue-subtle: #1558BC;
85
92
  --ds-border-accent-purple: #D8A0F7;
93
+ --ds-border-accent-purple-subtle: #803FA5;
86
94
  --ds-border-accent-magenta: #F797D2;
95
+ --ds-border-accent-magenta-subtle: #943D73;
87
96
  --ds-border-accent-gray: #A9ABAF;
97
+ --ds-border-accent-gray-subtle: #4B4D51;
88
98
  --ds-border-disabled: #E3E4F21F;
89
99
  --ds-border-focused: #8FB8F6;
90
100
  --ds-border-input: #A9ABAF;
@@ -92,10 +102,15 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
92
102
  --ds-border-selected: #8FB8F6;
93
103
  --ds-border-brand: #8FB8F6;
94
104
  --ds-border-danger: #F87168;
105
+ --ds-border-danger-subtle: #AE2E24;
95
106
  --ds-border-warning: #FBC828;
107
+ --ds-border-warning-subtle: #9E4C00;
96
108
  --ds-border-success: #7EE2B8;
109
+ --ds-border-success-subtle: #4C6B1F;
97
110
  --ds-border-discovery: #C97CF4;
111
+ --ds-border-discovery-subtle: #803FA5;
98
112
  --ds-border-information: #8FB8F6;
113
+ --ds-border-information-subtle: #1558BC;
99
114
  --ds-border-bold: #A9ABAF;
100
115
  --ds-background-accent-lime-subtlest: #28311B;
101
116
  --ds-background-accent-lime-subtlest-hovered: #37471F;
@@ -254,6 +269,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
254
269
  --ds-background-danger-subtler: #5D1F1A;
255
270
  --ds-background-danger-subtler-hovered: #872821;
256
271
  --ds-background-danger-subtler-pressed: #AE2E24;
272
+ --ds-background-danger-subtle: #AE2E24;
257
273
  --ds-background-danger-bold: #FFD5D2;
258
274
  --ds-background-danger-bold-hovered: #FFECEB;
259
275
  --ds-background-danger-bold-pressed: #E2E3E4;
@@ -263,6 +279,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
263
279
  --ds-background-warning-subtler: #693200;
264
280
  --ds-background-warning-subtler-hovered: #7A3B00;
265
281
  --ds-background-warning-subtler-pressed: #9E4C00;
282
+ --ds-background-warning-subtle: #9E4C00;
266
283
  --ds-background-warning-bold: #F5E989;
267
284
  --ds-background-warning-bold-hovered: #FEF7C8;
268
285
  --ds-background-warning-bold-pressed: #E2E3E4;
@@ -272,6 +289,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
272
289
  --ds-background-success-subtler: #37471F;
273
290
  --ds-background-success-subtler-hovered: #3F5224;
274
291
  --ds-background-success-subtler-pressed: #4C6B1F;
292
+ --ds-background-success-subtle: #4C6B1F;
275
293
  --ds-background-success-bold: #BAF3DB;
276
294
  --ds-background-success-bold-hovered: #DCFFF1;
277
295
  --ds-background-success-bold-pressed: #E2E3E4;
@@ -281,6 +299,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
281
299
  --ds-background-discovery-subtler: #48245D;
282
300
  --ds-background-discovery-subtler-hovered: #673286;
283
301
  --ds-background-discovery-subtler-pressed: #803FA5;
302
+ --ds-background-discovery-subtle: #803FA5;
284
303
  --ds-background-discovery-bold: #EED7FC;
285
304
  --ds-background-discovery-bold-hovered: #F8EEFE;
286
305
  --ds-background-discovery-bold-pressed: #E2E3E4;
@@ -290,6 +309,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
290
309
  --ds-background-information-subtler: #123263;
291
310
  --ds-background-information-subtler-hovered: #144794;
292
311
  --ds-background-information-subtler-pressed: #1558BC;
312
+ --ds-background-information-subtle: #1558BC;
293
313
  --ds-background-information-bold: #CFE1FD;
294
314
  --ds-background-information-bold-hovered: #E9F2FE;
295
315
  --ds-background-information-bold-pressed: #E2E3E4;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::6a88711e8d5dd6de9d76ab46c744e2d5>>
3
+ * @codegen <<SignedSource::ab655110f796c3743fb92d2b347b3524>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
@@ -74,15 +74,25 @@ html[data-color-mode="dark"][data-theme~="dark:dark"], [data-subtree-theme][data
74
74
  --ds-icon-subtle: #A9ABAF;
75
75
  --ds-border: #E3E4F21F;
76
76
  --ds-border-accent-lime: #82B536;
77
+ --ds-border-accent-lime-subtle: #4C6B1F;
77
78
  --ds-border-accent-red: #F15B50;
79
+ --ds-border-accent-red-subtle: #AE2E24;
78
80
  --ds-border-accent-orange: #F68909;
81
+ --ds-border-accent-orange-subtle: #9E4C00;
79
82
  --ds-border-accent-yellow: #CF9F02;
83
+ --ds-border-accent-yellow-subtle: #7F5F01;
80
84
  --ds-border-accent-green: #2ABB7F;
85
+ --ds-border-accent-green-subtle: #216E4E;
81
86
  --ds-border-accent-teal: #42B2D7;
87
+ --ds-border-accent-teal-subtle: #206A83;
82
88
  --ds-border-accent-blue: #4688EC;
89
+ --ds-border-accent-blue-subtle: #1558BC;
83
90
  --ds-border-accent-purple: #BF63F3;
91
+ --ds-border-accent-purple-subtle: #803FA5;
84
92
  --ds-border-accent-magenta: #DA62AC;
93
+ --ds-border-accent-magenta-subtle: #943D73;
85
94
  --ds-border-accent-gray: #7E8188;
95
+ --ds-border-accent-gray-subtle: #4B4D51;
86
96
  --ds-border-disabled: #CECED912;
87
97
  --ds-border-focused: #8FB8F6;
88
98
  --ds-border-input: #7E8188;
@@ -90,10 +100,15 @@ html[data-color-mode="dark"][data-theme~="dark:dark"], [data-subtree-theme][data
90
100
  --ds-border-selected: #669DF1;
91
101
  --ds-border-brand: #669DF1;
92
102
  --ds-border-danger: #F15B50;
103
+ --ds-border-danger-subtle: #AE2E24;
93
104
  --ds-border-warning: #F68909;
105
+ --ds-border-warning-subtle: #9E4C00;
94
106
  --ds-border-success: #82B536;
107
+ --ds-border-success-subtle: #4C6B1F;
95
108
  --ds-border-discovery: #BF63F3;
109
+ --ds-border-discovery-subtle: #803FA5;
96
110
  --ds-border-information: #4688EC;
111
+ --ds-border-information-subtle: #1558BC;
97
112
  --ds-border-bold: #7E8188;
98
113
  --ds-background-accent-lime-subtlest: #28311B;
99
114
  --ds-background-accent-lime-subtlest-hovered: #37471F;
@@ -252,6 +267,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"], [data-subtree-theme][data
252
267
  --ds-background-danger-subtler: #5D1F1A;
253
268
  --ds-background-danger-subtler-hovered: #872821;
254
269
  --ds-background-danger-subtler-pressed: #AE2E24;
270
+ --ds-background-danger-subtle: #AE2E24;
255
271
  --ds-background-danger-bold: #F87168;
256
272
  --ds-background-danger-bold-hovered: #FD9891;
257
273
  --ds-background-danger-bold-pressed: #FFB8B2;
@@ -261,6 +277,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"], [data-subtree-theme][data
261
277
  --ds-background-warning-subtler: #693200;
262
278
  --ds-background-warning-subtler-hovered: #7A3B00;
263
279
  --ds-background-warning-subtler-pressed: #9E4C00;
280
+ --ds-background-warning-subtle: #9E4C00;
264
281
  --ds-background-warning-bold: #FBC828;
265
282
  --ds-background-warning-bold-hovered: #FCA700;
266
283
  --ds-background-warning-bold-pressed: #F68909;
@@ -270,6 +287,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"], [data-subtree-theme][data
270
287
  --ds-background-success-subtler: #37471F;
271
288
  --ds-background-success-subtler-hovered: #3F5224;
272
289
  --ds-background-success-subtler-pressed: #4C6B1F;
290
+ --ds-background-success-subtle: #4C6B1F;
273
291
  --ds-background-success-bold: #94C748;
274
292
  --ds-background-success-bold-hovered: #B3DF72;
275
293
  --ds-background-success-bold-pressed: #BDE97C;
@@ -279,6 +297,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"], [data-subtree-theme][data
279
297
  --ds-background-discovery-subtler: #48245D;
280
298
  --ds-background-discovery-subtler-hovered: #673286;
281
299
  --ds-background-discovery-subtler-pressed: #803FA5;
300
+ --ds-background-discovery-subtle: #803FA5;
282
301
  --ds-background-discovery-bold: #C97CF4;
283
302
  --ds-background-discovery-bold-hovered: #D8A0F7;
284
303
  --ds-background-discovery-bold-pressed: #E3BDFA;
@@ -288,6 +307,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"], [data-subtree-theme][data
288
307
  --ds-background-information-subtler: #123263;
289
308
  --ds-background-information-subtler-hovered: #144794;
290
309
  --ds-background-information-subtler-pressed: #1558BC;
310
+ --ds-background-information-subtle: #1558BC;
291
311
  --ds-background-information-bold: #669DF1;
292
312
  --ds-background-information-bold-hovered: #8FB8F6;
293
313
  --ds-background-information-bold-pressed: #ADCBFB;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::a39eb39f9384da933a5aaeef2d1f5211>>
3
+ * @codegen <<SignedSource::78efd7ab2ea3efca65b6c576b4042cd1>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
@@ -76,15 +76,25 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:light"
76
76
  --ds-icon-subtle: #3B3D42;
77
77
  --ds-border: #E9F0FB5C;
78
78
  --ds-border-accent-lime: #4C6B1F;
79
+ --ds-border-accent-lime-subtle: #B3DF72;
79
80
  --ds-border-accent-red: #AE2E24;
81
+ --ds-border-accent-red-subtle: #FD9891;
80
82
  --ds-border-accent-orange: #9E4C00;
83
+ --ds-border-accent-orange-subtle: #FBC828;
81
84
  --ds-border-accent-yellow: #7F5F01;
85
+ --ds-border-accent-yellow-subtle: #EED12B;
82
86
  --ds-border-accent-green: #216E4E;
87
+ --ds-border-accent-green-subtle: #7EE2B8;
83
88
  --ds-border-accent-teal: #206A83;
89
+ --ds-border-accent-teal-subtle: #9DD9EE;
84
90
  --ds-border-accent-blue: #1558BC;
91
+ --ds-border-accent-blue-subtle: #8FB8F6;
85
92
  --ds-border-accent-purple: #803FA5;
93
+ --ds-border-accent-purple-subtle: #D8A0F7;
86
94
  --ds-border-accent-magenta: #943D73;
95
+ --ds-border-accent-magenta-subtle: #F797D2;
87
96
  --ds-border-accent-gray: #505258;
97
+ --ds-border-accent-gray-subtle: #DDDEE1;
88
98
  --ds-border-disabled: #0B120E24;
89
99
  --ds-border-focused: #1558BC;
90
100
  --ds-border-input: #505258;
@@ -92,10 +102,15 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:light"
92
102
  --ds-border-selected: #1558BC;
93
103
  --ds-border-brand: #1558BC;
94
104
  --ds-border-danger: #C9372C;
105
+ --ds-border-danger-subtle: #FD9891;
95
106
  --ds-border-warning: #9E4C00;
107
+ --ds-border-warning-subtle: #FBC828;
96
108
  --ds-border-success: #216E4E;
109
+ --ds-border-success-subtle: #B3DF72;
97
110
  --ds-border-discovery: #964AC0;
111
+ --ds-border-discovery-subtle: #D8A0F7;
98
112
  --ds-border-information: #1558BC;
113
+ --ds-border-information-subtle: #8FB8F6;
99
114
  --ds-border-bold: #505258;
100
115
  --ds-background-accent-lime-subtlest: #EFFFD6;
101
116
  --ds-background-accent-lime-subtlest-hovered: #D3F1A7;
@@ -254,6 +269,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:light"
254
269
  --ds-background-danger-subtler: #FFD5D2;
255
270
  --ds-background-danger-subtler-hovered: #FFB8B2;
256
271
  --ds-background-danger-subtler-pressed: #FD9891;
272
+ --ds-background-danger-subtle: #FD9891;
257
273
  --ds-background-danger-bold: #5D1F1A;
258
274
  --ds-background-danger-bold-hovered: #42221F;
259
275
  --ds-background-danger-bold-pressed: #49120C;
@@ -263,6 +279,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:light"
263
279
  --ds-background-warning-subtler: #FCE4A6;
264
280
  --ds-background-warning-subtler-hovered: #FBD779;
265
281
  --ds-background-warning-subtler-pressed: #FBC828;
282
+ --ds-background-warning-subtle: #FBD779;
266
283
  --ds-background-warning-bold: #533F04;
267
284
  --ds-background-warning-bold-hovered: #332E1B;
268
285
  --ds-background-warning-bold-pressed: #342800;
@@ -272,6 +289,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:light"
272
289
  --ds-background-success-subtler: #D3F1A7;
273
290
  --ds-background-success-subtler-hovered: #BDE97C;
274
291
  --ds-background-success-subtler-pressed: #B3DF72;
292
+ --ds-background-success-subtle: #B3DF72;
275
293
  --ds-background-success-bold: #164B35;
276
294
  --ds-background-success-bold-hovered: #1C3329;
277
295
  --ds-background-success-bold-pressed: #0F3324;
@@ -281,6 +299,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:light"
281
299
  --ds-background-discovery-subtler: #EED7FC;
282
300
  --ds-background-discovery-subtler-hovered: #E3BDFA;
283
301
  --ds-background-discovery-subtler-pressed: #D8A0F7;
302
+ --ds-background-discovery-subtle: #D8A0F7;
284
303
  --ds-background-discovery-bold: #48245D;
285
304
  --ds-background-discovery-bold-hovered: #35243F;
286
305
  --ds-background-discovery-bold-pressed: #211A47;
@@ -290,6 +309,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:light"
290
309
  --ds-background-information-subtler: #CFE1FD;
291
310
  --ds-background-information-subtler-hovered: #ADCBFB;
292
311
  --ds-background-information-subtler-pressed: #8FB8F6;
312
+ --ds-background-information-subtle: #8FB8F6;
293
313
  --ds-background-information-bold: #123263;
294
314
  --ds-background-information-bold-hovered: #1C2B42;
295
315
  --ds-background-information-bold-pressed: #022353;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::2aeda6082601f2aa47e90f990174849f>>
3
+ * @codegen <<SignedSource::35263052ba5c34e96e725556ee7b9f9d>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
@@ -74,15 +74,25 @@ html[data-color-mode="dark"][data-theme~="dark:light"], [data-subtree-theme][dat
74
74
  --ds-icon-subtle: #505258;
75
75
  --ds-border: #0B120E24;
76
76
  --ds-border-accent-lime: #6A9A23;
77
+ --ds-border-accent-lime-subtle: #B3DF72;
77
78
  --ds-border-accent-red: #E2483D;
79
+ --ds-border-accent-red-subtle: #FD9891;
78
80
  --ds-border-accent-orange: #E06C00;
81
+ --ds-border-accent-orange-subtle: #FBC828;
79
82
  --ds-border-accent-yellow: #B38600;
83
+ --ds-border-accent-yellow-subtle: #EED12B;
80
84
  --ds-border-accent-green: #22A06B;
85
+ --ds-border-accent-green-subtle: #7EE2B8;
81
86
  --ds-border-accent-teal: #2898BD;
87
+ --ds-border-accent-teal-subtle: #9DD9EE;
82
88
  --ds-border-accent-blue: #357DE8;
89
+ --ds-border-accent-blue-subtle: #8FB8F6;
83
90
  --ds-border-accent-purple: #AF59E1;
91
+ --ds-border-accent-purple-subtle: #D8A0F7;
84
92
  --ds-border-accent-magenta: #CD519D;
93
+ --ds-border-accent-magenta-subtle: #F797D2;
85
94
  --ds-border-accent-gray: #7D818A;
95
+ --ds-border-accent-gray-subtle: #DDDEE1;
86
96
  --ds-border-disabled: #0515240F;
87
97
  --ds-border-focused: #4688EC;
88
98
  --ds-border-input: #8C8F97;
@@ -90,10 +100,15 @@ html[data-color-mode="dark"][data-theme~="dark:light"], [data-subtree-theme][dat
90
100
  --ds-border-selected: #1868DB;
91
101
  --ds-border-brand: #1868DB;
92
102
  --ds-border-danger: #E2483D;
103
+ --ds-border-danger-subtle: #FD9891;
93
104
  --ds-border-warning: #E06C00;
105
+ --ds-border-warning-subtle: #FBC828;
94
106
  --ds-border-success: #6A9A23;
107
+ --ds-border-success-subtle: #B3DF72;
95
108
  --ds-border-discovery: #AF59E1;
109
+ --ds-border-discovery-subtle: #D8A0F7;
96
110
  --ds-border-information: #357DE8;
111
+ --ds-border-information-subtle: #8FB8F6;
97
112
  --ds-border-bold: #7D818A;
98
113
  --ds-background-accent-lime-subtlest: #EFFFD6;
99
114
  --ds-background-accent-lime-subtlest-hovered: #D3F1A7;
@@ -252,6 +267,7 @@ html[data-color-mode="dark"][data-theme~="dark:light"], [data-subtree-theme][dat
252
267
  --ds-background-danger-subtler: #FFD5D2;
253
268
  --ds-background-danger-subtler-hovered: #FFB8B2;
254
269
  --ds-background-danger-subtler-pressed: #FD9891;
270
+ --ds-background-danger-subtle: #FD9891;
255
271
  --ds-background-danger-bold: #C9372C;
256
272
  --ds-background-danger-bold-hovered: #AE2E24;
257
273
  --ds-background-danger-bold-pressed: #872821;
@@ -261,6 +277,7 @@ html[data-color-mode="dark"][data-theme~="dark:light"], [data-subtree-theme][dat
261
277
  --ds-background-warning-subtler: #FCE4A6;
262
278
  --ds-background-warning-subtler-hovered: #FBD779;
263
279
  --ds-background-warning-subtler-pressed: #FBC828;
280
+ --ds-background-warning-subtle: #FBD779;
264
281
  --ds-background-warning-bold: #FBC828;
265
282
  --ds-background-warning-bold-hovered: #FCA700;
266
283
  --ds-background-warning-bold-pressed: #F68909;
@@ -270,6 +287,7 @@ html[data-color-mode="dark"][data-theme~="dark:light"], [data-subtree-theme][dat
270
287
  --ds-background-success-subtler: #D3F1A7;
271
288
  --ds-background-success-subtler-hovered: #BDE97C;
272
289
  --ds-background-success-subtler-pressed: #B3DF72;
290
+ --ds-background-success-subtle: #B3DF72;
273
291
  --ds-background-success-bold: #5B7F24;
274
292
  --ds-background-success-bold-hovered: #4C6B1F;
275
293
  --ds-background-success-bold-pressed: #3F5224;
@@ -279,6 +297,7 @@ html[data-color-mode="dark"][data-theme~="dark:light"], [data-subtree-theme][dat
279
297
  --ds-background-discovery-subtler: #EED7FC;
280
298
  --ds-background-discovery-subtler-hovered: #E3BDFA;
281
299
  --ds-background-discovery-subtler-pressed: #D8A0F7;
300
+ --ds-background-discovery-subtle: #D8A0F7;
282
301
  --ds-background-discovery-bold: #964AC0;
283
302
  --ds-background-discovery-bold-hovered: #803FA5;
284
303
  --ds-background-discovery-bold-pressed: #673286;
@@ -288,6 +307,7 @@ html[data-color-mode="dark"][data-theme~="dark:light"], [data-subtree-theme][dat
288
307
  --ds-background-information-subtler: #CFE1FD;
289
308
  --ds-background-information-subtler-hovered: #ADCBFB;
290
309
  --ds-background-information-subtler-pressed: #8FB8F6;
310
+ --ds-background-information-subtle: #8FB8F6;
291
311
  --ds-background-information-bold: #1868DB;
292
312
  --ds-background-information-bold-hovered: #1558BC;
293
313
  --ds-background-information-bold-pressed: #144794;
@@ -7,7 +7,7 @@
7
7
  * Token names mapped to their value in the default Atlassian themes ('light').
8
8
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
9
9
  *
10
- * @codegen <<SignedSource::3873b297b6131bf7b9da06afc874cd80>>
10
+ * @codegen <<SignedSource::3d08d4b0456b1b53e7340723d2713f41>>
11
11
  * @codegenCommand yarn build tokens
12
12
  */
13
13
  const defaultTokenValues = {
@@ -127,15 +127,25 @@ const defaultTokenValues = {
127
127
  'color.icon.subtle': '#505258',
128
128
  'color.border': '#0B120E24',
129
129
  'color.border.accent.lime': '#6A9A23',
130
+ 'color.border.accent.lime.subtle': '#B3DF72',
130
131
  'color.border.accent.red': '#E2483D',
132
+ 'color.border.accent.red.subtle': '#FD9891',
131
133
  'color.border.accent.orange': '#E06C00',
134
+ 'color.border.accent.orange.subtle': '#FBC828',
132
135
  'color.border.accent.yellow': '#B38600',
136
+ 'color.border.accent.yellow.subtle': '#EED12B',
133
137
  'color.border.accent.green': '#22A06B',
138
+ 'color.border.accent.green.subtle': '#7EE2B8',
134
139
  'color.border.accent.teal': '#2898BD',
140
+ 'color.border.accent.teal.subtle': '#9DD9EE',
135
141
  'color.border.accent.blue': '#357DE8',
142
+ 'color.border.accent.blue.subtle': '#8FB8F6',
136
143
  'color.border.accent.purple': '#AF59E1',
144
+ 'color.border.accent.purple.subtle': '#D8A0F7',
137
145
  'color.border.accent.magenta': '#CD519D',
146
+ 'color.border.accent.magenta.subtle': '#F797D2',
138
147
  'color.border.accent.gray': '#7D818A',
148
+ 'color.border.accent.gray.subtle': '#DDDEE1',
139
149
  'color.border.disabled': '#0515240F',
140
150
  'color.border.focused': '#4688EC',
141
151
  'color.border.input': '#8C8F97',
@@ -143,10 +153,15 @@ const defaultTokenValues = {
143
153
  'color.border.selected': '#1868DB',
144
154
  'color.border.brand': '#1868DB',
145
155
  'color.border.danger': '#E2483D',
156
+ 'color.border.danger.subtle': '#FD9891',
146
157
  'color.border.warning': '#E06C00',
158
+ 'color.border.warning.subtle': '#FBC828',
147
159
  'color.border.success': '#6A9A23',
160
+ 'color.border.success.subtle': '#B3DF72',
148
161
  'color.border.discovery': '#AF59E1',
162
+ 'color.border.discovery.subtle': '#D8A0F7',
149
163
  'color.border.information': '#357DE8',
164
+ 'color.border.information.subtle': '#8FB8F6',
150
165
  'color.border.bold': '#7D818A',
151
166
  'color.background.accent.lime.subtlest': '#EFFFD6',
152
167
  'color.background.accent.lime.subtlest.hovered': '#D3F1A7',
@@ -305,6 +320,7 @@ const defaultTokenValues = {
305
320
  'color.background.danger.subtler': '#FFD5D2',
306
321
  'color.background.danger.subtler.hovered': '#FFB8B2',
307
322
  'color.background.danger.subtler.pressed': '#FD9891',
323
+ 'color.background.danger.subtle': '#FD9891',
308
324
  'color.background.danger.bold': '#C9372C',
309
325
  'color.background.danger.bold.hovered': '#AE2E24',
310
326
  'color.background.danger.bold.pressed': '#872821',
@@ -314,6 +330,7 @@ const defaultTokenValues = {
314
330
  'color.background.warning.subtler': '#FCE4A6',
315
331
  'color.background.warning.subtler.hovered': '#FBD779',
316
332
  'color.background.warning.subtler.pressed': '#FBC828',
333
+ 'color.background.warning.subtle': '#FBD779',
317
334
  'color.background.warning.bold': '#FBC828',
318
335
  'color.background.warning.bold.hovered': '#FCA700',
319
336
  'color.background.warning.bold.pressed': '#F68909',
@@ -323,6 +340,7 @@ const defaultTokenValues = {
323
340
  'color.background.success.subtler': '#D3F1A7',
324
341
  'color.background.success.subtler.hovered': '#BDE97C',
325
342
  'color.background.success.subtler.pressed': '#B3DF72',
343
+ 'color.background.success.subtle': '#B3DF72',
326
344
  'color.background.success.bold': '#5B7F24',
327
345
  'color.background.success.bold.hovered': '#4C6B1F',
328
346
  'color.background.success.bold.pressed': '#3F5224',
@@ -332,6 +350,7 @@ const defaultTokenValues = {
332
350
  'color.background.discovery.subtler': '#EED7FC',
333
351
  'color.background.discovery.subtler.hovered': '#E3BDFA',
334
352
  'color.background.discovery.subtler.pressed': '#D8A0F7',
353
+ 'color.background.discovery.subtle': '#D8A0F7',
335
354
  'color.background.discovery.bold': '#964AC0',
336
355
  'color.background.discovery.bold.hovered': '#803FA5',
337
356
  'color.background.discovery.bold.pressed': '#673286',
@@ -341,6 +360,7 @@ const defaultTokenValues = {
341
360
  'color.background.information.subtler': '#CFE1FD',
342
361
  'color.background.information.subtler.hovered': '#ADCBFB',
343
362
  'color.background.information.subtler.pressed': '#8FB8F6',
363
+ 'color.background.information.subtle': '#8FB8F6',
344
364
  'color.background.information.bold': '#1868DB',
345
365
  'color.background.information.bold.hovered': '#1558BC',
346
366
  'color.background.information.bold.pressed': '#144794',
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::a1de8a9439d40392e3e4945ecf9d9214>>
3
+ * @codegen <<SignedSource::1db5eee8d8c450108c066b819290d824>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  const tokens = {
@@ -120,15 +120,25 @@ const tokens = {
120
120
  'color.icon.subtle': '--ds-icon-subtle',
121
121
  'color.border': '--ds-border',
122
122
  'color.border.accent.lime': '--ds-border-accent-lime',
123
+ 'color.border.accent.lime.subtle': '--ds-border-accent-lime-subtle',
123
124
  'color.border.accent.red': '--ds-border-accent-red',
125
+ 'color.border.accent.red.subtle': '--ds-border-accent-red-subtle',
124
126
  'color.border.accent.orange': '--ds-border-accent-orange',
127
+ 'color.border.accent.orange.subtle': '--ds-border-accent-orange-subtle',
125
128
  'color.border.accent.yellow': '--ds-border-accent-yellow',
129
+ 'color.border.accent.yellow.subtle': '--ds-border-accent-yellow-subtle',
126
130
  'color.border.accent.green': '--ds-border-accent-green',
131
+ 'color.border.accent.green.subtle': '--ds-border-accent-green-subtle',
127
132
  'color.border.accent.teal': '--ds-border-accent-teal',
133
+ 'color.border.accent.teal.subtle': '--ds-border-accent-teal-subtle',
128
134
  'color.border.accent.blue': '--ds-border-accent-blue',
135
+ 'color.border.accent.blue.subtle': '--ds-border-accent-blue-subtle',
129
136
  'color.border.accent.purple': '--ds-border-accent-purple',
137
+ 'color.border.accent.purple.subtle': '--ds-border-accent-purple-subtle',
130
138
  'color.border.accent.magenta': '--ds-border-accent-magenta',
139
+ 'color.border.accent.magenta.subtle': '--ds-border-accent-magenta-subtle',
131
140
  'color.border.accent.gray': '--ds-border-accent-gray',
141
+ 'color.border.accent.gray.subtle': '--ds-border-accent-gray-subtle',
132
142
  'color.border.disabled': '--ds-border-disabled',
133
143
  'color.border.focused': '--ds-border-focused',
134
144
  'color.border.input': '--ds-border-input',
@@ -136,10 +146,15 @@ const tokens = {
136
146
  'color.border.selected': '--ds-border-selected',
137
147
  'color.border.brand': '--ds-border-brand',
138
148
  'color.border.danger': '--ds-border-danger',
149
+ 'color.border.danger.subtle': '--ds-border-danger-subtle',
139
150
  'color.border.warning': '--ds-border-warning',
151
+ 'color.border.warning.subtle': '--ds-border-warning-subtle',
140
152
  'color.border.success': '--ds-border-success',
153
+ 'color.border.success.subtle': '--ds-border-success-subtle',
141
154
  'color.border.discovery': '--ds-border-discovery',
155
+ 'color.border.discovery.subtle': '--ds-border-discovery-subtle',
142
156
  'color.border.information': '--ds-border-information',
157
+ 'color.border.information.subtle': '--ds-border-information-subtle',
143
158
  'color.border.bold': '--ds-border-bold',
144
159
  'color.background.accent.lime.subtlest': '--ds-background-accent-lime-subtlest',
145
160
  'color.background.accent.lime.subtlest.hovered': '--ds-background-accent-lime-subtlest-hovered',
@@ -298,6 +313,7 @@ const tokens = {
298
313
  'color.background.danger.subtler': '--ds-background-danger-subtler',
299
314
  'color.background.danger.subtler.hovered': '--ds-background-danger-subtler-hovered',
300
315
  'color.background.danger.subtler.pressed': '--ds-background-danger-subtler-pressed',
316
+ 'color.background.danger.subtle': '--ds-background-danger-subtle',
301
317
  'color.background.danger.bold': '--ds-background-danger-bold',
302
318
  'color.background.danger.bold.hovered': '--ds-background-danger-bold-hovered',
303
319
  'color.background.danger.bold.pressed': '--ds-background-danger-bold-pressed',
@@ -307,6 +323,7 @@ const tokens = {
307
323
  'color.background.warning.subtler': '--ds-background-warning-subtler',
308
324
  'color.background.warning.subtler.hovered': '--ds-background-warning-subtler-hovered',
309
325
  'color.background.warning.subtler.pressed': '--ds-background-warning-subtler-pressed',
326
+ 'color.background.warning.subtle': '--ds-background-warning-subtle',
310
327
  'color.background.warning.bold': '--ds-background-warning-bold',
311
328
  'color.background.warning.bold.hovered': '--ds-background-warning-bold-hovered',
312
329
  'color.background.warning.bold.pressed': '--ds-background-warning-bold-pressed',
@@ -316,6 +333,7 @@ const tokens = {
316
333
  'color.background.success.subtler': '--ds-background-success-subtler',
317
334
  'color.background.success.subtler.hovered': '--ds-background-success-subtler-hovered',
318
335
  'color.background.success.subtler.pressed': '--ds-background-success-subtler-pressed',
336
+ 'color.background.success.subtle': '--ds-background-success-subtle',
319
337
  'color.background.success.bold': '--ds-background-success-bold',
320
338
  'color.background.success.bold.hovered': '--ds-background-success-bold-hovered',
321
339
  'color.background.success.bold.pressed': '--ds-background-success-bold-pressed',
@@ -325,6 +343,7 @@ const tokens = {
325
343
  'color.background.discovery.subtler': '--ds-background-discovery-subtler',
326
344
  'color.background.discovery.subtler.hovered': '--ds-background-discovery-subtler-hovered',
327
345
  'color.background.discovery.subtler.pressed': '--ds-background-discovery-subtler-pressed',
346
+ 'color.background.discovery.subtle': '--ds-background-discovery-subtle',
328
347
  'color.background.discovery.bold': '--ds-background-discovery-bold',
329
348
  'color.background.discovery.bold.hovered': '--ds-background-discovery-bold-hovered',
330
349
  'color.background.discovery.bold.pressed': '--ds-background-discovery-bold-pressed',
@@ -334,6 +353,7 @@ const tokens = {
334
353
  'color.background.information.subtler': '--ds-background-information-subtler',
335
354
  'color.background.information.subtler.hovered': '--ds-background-information-subtler-hovered',
336
355
  'color.background.information.subtler.pressed': '--ds-background-information-subtler-pressed',
356
+ 'color.background.information.subtle': '--ds-background-information-subtle',
337
357
  'color.background.information.bold': '--ds-background-information-bold',
338
358
  'color.background.information.bold.hovered': '--ds-background-information-bold-hovered',
339
359
  'color.background.information.bold.pressed': '--ds-background-information-bold-pressed',