@atlaskit/tokens 8.1.0 → 8.3.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 (96) hide show
  1. package/CHANGELOG.md +43 -0
  2. package/dist/cjs/artifacts/generated-pairs.js +2 -2
  3. package/dist/cjs/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
  4. package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
  5. package/dist/cjs/artifacts/themes/atlassian-legacy-dark.js +2 -2
  6. package/dist/cjs/artifacts/themes/atlassian-legacy-light.js +2 -2
  7. package/dist/cjs/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
  8. package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
  9. package/dist/cjs/artifacts/token-default-values.js +21 -1
  10. package/dist/cjs/artifacts/token-names.js +21 -1
  11. package/dist/cjs/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +463 -23
  12. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +463 -23
  13. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +449 -9
  14. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +449 -9
  15. package/dist/cjs/artifacts/tokens-raw/atlassian-light-increased-contrast.js +449 -9
  16. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +449 -9
  17. package/dist/cjs/entry-points/token-metadata.codegen.js +105 -5
  18. package/dist/es2019/artifacts/generated-pairs.js +2 -2
  19. package/dist/es2019/artifacts/themes/atlassian-dark-increased-contrast.js +28 -8
  20. package/dist/es2019/artifacts/themes/atlassian-dark.js +28 -8
  21. package/dist/es2019/artifacts/themes/atlassian-legacy-dark.js +21 -1
  22. package/dist/es2019/artifacts/themes/atlassian-legacy-light.js +21 -1
  23. package/dist/es2019/artifacts/themes/atlassian-light-increased-contrast.js +21 -1
  24. package/dist/es2019/artifacts/themes/atlassian-light.js +21 -1
  25. package/dist/es2019/artifacts/token-default-values.js +21 -1
  26. package/dist/es2019/artifacts/token-names.js +21 -1
  27. package/dist/es2019/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +463 -23
  28. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +463 -23
  29. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +449 -9
  30. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +449 -9
  31. package/dist/es2019/artifacts/tokens-raw/atlassian-light-increased-contrast.js +449 -9
  32. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +449 -9
  33. package/dist/es2019/entry-points/token-metadata.codegen.js +105 -5
  34. package/dist/esm/artifacts/generated-pairs.js +2 -2
  35. package/dist/esm/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
  36. package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
  37. package/dist/esm/artifacts/themes/atlassian-legacy-dark.js +2 -2
  38. package/dist/esm/artifacts/themes/atlassian-legacy-light.js +2 -2
  39. package/dist/esm/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
  40. package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
  41. package/dist/esm/artifacts/token-default-values.js +21 -1
  42. package/dist/esm/artifacts/token-names.js +21 -1
  43. package/dist/esm/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +463 -23
  44. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +463 -23
  45. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +449 -9
  46. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +449 -9
  47. package/dist/esm/artifacts/tokens-raw/atlassian-light-increased-contrast.js +449 -9
  48. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +449 -9
  49. package/dist/esm/entry-points/token-metadata.codegen.js +105 -5
  50. package/dist/types/artifacts/generated-pairs.d.ts +1 -1
  51. package/dist/types/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
  52. package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
  53. package/dist/types/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
  54. package/dist/types/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
  55. package/dist/types/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
  56. package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
  57. package/dist/types/artifacts/token-default-values.d.ts +21 -1
  58. package/dist/types/artifacts/token-names.d.ts +41 -1
  59. package/dist/types/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
  60. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  61. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  62. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  63. package/dist/types/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
  64. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  65. package/dist/types/artifacts/types-internal.d.ts +2 -2
  66. package/dist/types/artifacts/types.d.ts +2 -2
  67. package/dist/types/entry-points/css-type-schema.codegen.d.ts +5 -5
  68. package/dist/types/entry-points/token-metadata.codegen.d.ts +1 -1
  69. package/dist/types/types.d.ts +42 -4
  70. package/dist/types-ts4.5/artifacts/generated-pairs.d.ts +1 -1
  71. package/dist/types-ts4.5/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
  72. package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
  73. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
  74. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
  75. package/dist/types-ts4.5/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
  76. package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
  77. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +21 -1
  78. package/dist/types-ts4.5/artifacts/token-names.d.ts +41 -1
  79. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
  80. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  81. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  82. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  83. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
  84. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  85. package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
  86. package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
  87. package/dist/types-ts4.5/entry-points/css-type-schema.codegen.d.ts +5 -5
  88. package/dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts +1 -1
  89. package/dist/types-ts4.5/types.d.ts +42 -4
  90. package/figma/atlassian-dark-increased-contrast.json +187 -7
  91. package/figma/atlassian-dark.json +187 -7
  92. package/figma/atlassian-legacy-dark.json +180 -0
  93. package/figma/atlassian-legacy-light.json +180 -0
  94. package/figma/atlassian-light-increased-contrast.json +180 -0
  95. package/figma/atlassian-light.json +180 -0
  96. package/package.json +5 -5
@@ -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::4523b5d42e03c857cdd658d2b6f32b35>>
3
+ * @codegen <<SignedSource::5fd6e7dca52924703fc975c6186a1364>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
@@ -35,11 +35,16 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
35
35
  --ds-text-selected: #CFE1FD;
36
36
  --ds-text-brand: #CFE1FD;
37
37
  --ds-text-danger: #FFD5D2;
38
+ --ds-text-danger-bolder: #FFECEB;
38
39
  --ds-text-warning: #FCE4A6;
39
40
  --ds-text-warning-inverse: #18191A;
41
+ --ds-text-warning-bolder: #FFF5DB;
40
42
  --ds-text-success: #BAF3DB;
43
+ --ds-text-success-bolder: #DCFFF1;
41
44
  --ds-text-discovery: #EED7FC;
45
+ --ds-text-discovery-bolder: #F8EEFE;
42
46
  --ds-text-information: #CFE1FD;
47
+ --ds-text-information-bolder: #E9F2FE;
43
48
  --ds-text-subtlest: #BFC1C4;
44
49
  --ds-text-subtle: #CECFD2;
45
50
  --ds-link: #CFE1FD;
@@ -92,7 +97,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
92
97
  --ds-border-discovery: #C97CF4;
93
98
  --ds-border-information: #8FB8F6;
94
99
  --ds-border-bold: #A9ABAF;
95
- --ds-background-accent-lime-subtlest: #37471F;
100
+ --ds-background-accent-lime-subtlest: #28311B;
96
101
  --ds-background-accent-lime-subtlest-hovered: #3F5224;
97
102
  --ds-background-accent-lime-subtlest-pressed: #3F5224;
98
103
  --ds-background-accent-lime-subtler: #37471F;
@@ -116,7 +121,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
116
121
  --ds-background-accent-red-bolder: #FFD5D2;
117
122
  --ds-background-accent-red-bolder-hovered: #FFECEB;
118
123
  --ds-background-accent-red-bolder-pressed: #FFB8B2;
119
- --ds-background-accent-orange-subtlest: #693200;
124
+ --ds-background-accent-orange-subtlest: #3A2C1F;
120
125
  --ds-background-accent-orange-subtlest-hovered: #7A3B00;
121
126
  --ds-background-accent-orange-subtlest-pressed: #7A3B00;
122
127
  --ds-background-accent-orange-subtler: #693200;
@@ -128,7 +133,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
128
133
  --ds-background-accent-orange-bolder: #FCE4A6;
129
134
  --ds-background-accent-orange-bolder-hovered: #FFF5DB;
130
135
  --ds-background-accent-orange-bolder-pressed: #FBD779;
131
- --ds-background-accent-yellow-subtlest: #533F04;
136
+ --ds-background-accent-yellow-subtlest: #332E1B;
132
137
  --ds-background-accent-yellow-subtlest-hovered: #614A05;
133
138
  --ds-background-accent-yellow-subtlest-pressed: #614A05;
134
139
  --ds-background-accent-yellow-subtler: #533F04;
@@ -140,7 +145,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
140
145
  --ds-background-accent-yellow-bolder: #F5E989;
141
146
  --ds-background-accent-yellow-bolder-hovered: #FEF7C8;
142
147
  --ds-background-accent-yellow-bolder-pressed: #EFDD4E;
143
- --ds-background-accent-green-subtlest: #164B35;
148
+ --ds-background-accent-green-subtlest: #1C3329;
144
149
  --ds-background-accent-green-subtlest-hovered: #19573D;
145
150
  --ds-background-accent-green-subtlest-pressed: #19573D;
146
151
  --ds-background-accent-green-subtler: #164B35;
@@ -152,7 +157,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
152
157
  --ds-background-accent-green-bolder: #BAF3DB;
153
158
  --ds-background-accent-green-bolder-hovered: #DCFFF1;
154
159
  --ds-background-accent-green-bolder-pressed: #97EDC9;
155
- --ds-background-accent-teal-subtlest: #164555;
160
+ --ds-background-accent-teal-subtlest: #1E3137;
156
161
  --ds-background-accent-teal-subtlest-hovered: #1A5265;
157
162
  --ds-background-accent-teal-subtlest-pressed: #1A5265;
158
163
  --ds-background-accent-teal-subtler: #164555;
@@ -176,7 +181,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
176
181
  --ds-background-accent-blue-bolder: #669DF1;
177
182
  --ds-background-accent-blue-bolder-hovered: #8FB8F6;
178
183
  --ds-background-accent-blue-bolder-pressed: #ADCBFB;
179
- --ds-background-accent-purple-subtlest: #48245D;
184
+ --ds-background-accent-purple-subtlest: #35243F;
180
185
  --ds-background-accent-purple-subtlest-hovered: #673286;
181
186
  --ds-background-accent-purple-subtlest-pressed: #673286;
182
187
  --ds-background-accent-purple-subtler: #48245D;
@@ -188,7 +193,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
188
193
  --ds-background-accent-purple-bolder: #EED7FC;
189
194
  --ds-background-accent-purple-bolder-hovered: #F8EEFE;
190
195
  --ds-background-accent-purple-bolder-pressed: #E3BDFA;
191
- --ds-background-accent-magenta-subtlest: #50253F;
196
+ --ds-background-accent-magenta-subtlest: #3D2232;
192
197
  --ds-background-accent-magenta-subtlest-hovered: #77325B;
193
198
  --ds-background-accent-magenta-subtlest-pressed: #77325B;
194
199
  --ds-background-accent-magenta-subtler: #50253F;
@@ -246,30 +251,45 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
246
251
  --ds-background-danger: #42221F;
247
252
  --ds-background-danger-hovered: #5D1F1A;
248
253
  --ds-background-danger-pressed: #872821;
254
+ --ds-background-danger-subtler: #5D1F1A;
255
+ --ds-background-danger-subtler-hovered: #872821;
256
+ --ds-background-danger-subtler-pressed: #AE2E24;
249
257
  --ds-background-danger-bold: #FFD5D2;
250
258
  --ds-background-danger-bold-hovered: #FFECEB;
251
259
  --ds-background-danger-bold-pressed: #E2E3E4;
252
260
  --ds-background-warning: #3A2C1F;
253
261
  --ds-background-warning-hovered: #693200;
254
262
  --ds-background-warning-pressed: #7A3B00;
263
+ --ds-background-warning-subtler: #693200;
264
+ --ds-background-warning-subtler-hovered: #7A3B00;
265
+ --ds-background-warning-subtler-pressed: #9E4C00;
255
266
  --ds-background-warning-bold: #F5E989;
256
267
  --ds-background-warning-bold-hovered: #FEF7C8;
257
268
  --ds-background-warning-bold-pressed: #E2E3E4;
258
269
  --ds-background-success: #28311B;
259
270
  --ds-background-success-hovered: #37471F;
260
271
  --ds-background-success-pressed: #3F5224;
272
+ --ds-background-success-subtler: #37471F;
273
+ --ds-background-success-subtler-hovered: #3F5224;
274
+ --ds-background-success-subtler-pressed: #4C6B1F;
261
275
  --ds-background-success-bold: #BAF3DB;
262
276
  --ds-background-success-bold-hovered: #DCFFF1;
263
277
  --ds-background-success-bold-pressed: #E2E3E4;
264
278
  --ds-background-discovery: #35243F;
265
279
  --ds-background-discovery-hovered: #48245D;
266
280
  --ds-background-discovery-pressed: #673286;
281
+ --ds-background-discovery-subtler: #48245D;
282
+ --ds-background-discovery-subtler-hovered: #673286;
283
+ --ds-background-discovery-subtler-pressed: #803FA5;
267
284
  --ds-background-discovery-bold: #EED7FC;
268
285
  --ds-background-discovery-bold-hovered: #F8EEFE;
269
286
  --ds-background-discovery-bold-pressed: #E2E3E4;
270
287
  --ds-background-information: #1C2B42;
271
288
  --ds-background-information-hovered: #123263;
272
289
  --ds-background-information-pressed: #144794;
290
+ --ds-background-information-subtler: #123263;
291
+ --ds-background-information-subtler-hovered: #144794;
292
+ --ds-background-information-subtler-pressed: #1558BC;
273
293
  --ds-background-information-bold: #CFE1FD;
274
294
  --ds-background-information-bold-hovered: #E9F2FE;
275
295
  --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::30e9acab7c72f6adea6c562bb2cefbe9>>
3
+ * @codegen <<SignedSource::9591765275ffd6069d6cb759b58549bc>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
@@ -33,11 +33,16 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
33
33
  --ds-text-selected: #669DF1;
34
34
  --ds-text-brand: #669DF1;
35
35
  --ds-text-danger: #FD9891;
36
+ --ds-text-danger-bolder: #FFD5D2;
36
37
  --ds-text-warning: #FBC828;
37
38
  --ds-text-warning-inverse: #1F1F21;
39
+ --ds-text-warning-bolder: #FCE4A6;
38
40
  --ds-text-success: #B3DF72;
41
+ --ds-text-success-bolder: #D3F1A7;
39
42
  --ds-text-discovery: #D8A0F7;
43
+ --ds-text-discovery-bolder: #EED7FC;
40
44
  --ds-text-information: #8FB8F6;
45
+ --ds-text-information-bolder: #CFE1FD;
41
46
  --ds-text-subtlest: #96999E;
42
47
  --ds-text-subtle: #A9ABAF;
43
48
  --ds-link: #669DF1;
@@ -90,7 +95,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
90
95
  --ds-border-discovery: #BF63F3;
91
96
  --ds-border-information: #4688EC;
92
97
  --ds-border-bold: #7E8188;
93
- --ds-background-accent-lime-subtlest: #37471F;
98
+ --ds-background-accent-lime-subtlest: #28311B;
94
99
  --ds-background-accent-lime-subtlest-hovered: #3F5224;
95
100
  --ds-background-accent-lime-subtlest-pressed: #3F5224;
96
101
  --ds-background-accent-lime-subtler: #37471F;
@@ -114,7 +119,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
114
119
  --ds-background-accent-red-bolder: #F87168;
115
120
  --ds-background-accent-red-bolder-hovered: #FD9891;
116
121
  --ds-background-accent-red-bolder-pressed: #FFB8B2;
117
- --ds-background-accent-orange-subtlest: #693200;
122
+ --ds-background-accent-orange-subtlest: #3A2C1F;
118
123
  --ds-background-accent-orange-subtlest-hovered: #7A3B00;
119
124
  --ds-background-accent-orange-subtlest-pressed: #7A3B00;
120
125
  --ds-background-accent-orange-subtler: #693200;
@@ -126,7 +131,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
126
131
  --ds-background-accent-orange-bolder: #FCA700;
127
132
  --ds-background-accent-orange-bolder-hovered: #FBC828;
128
133
  --ds-background-accent-orange-bolder-pressed: #FBD779;
129
- --ds-background-accent-yellow-subtlest: #533F04;
134
+ --ds-background-accent-yellow-subtlest: #332E1B;
130
135
  --ds-background-accent-yellow-subtlest-hovered: #614A05;
131
136
  --ds-background-accent-yellow-subtlest-pressed: #614A05;
132
137
  --ds-background-accent-yellow-subtler: #533F04;
@@ -138,7 +143,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
138
143
  --ds-background-accent-yellow-bolder: #DDB30E;
139
144
  --ds-background-accent-yellow-bolder-hovered: #EED12B;
140
145
  --ds-background-accent-yellow-bolder-pressed: #EFDD4E;
141
- --ds-background-accent-green-subtlest: #164B35;
146
+ --ds-background-accent-green-subtlest: #1C3329;
142
147
  --ds-background-accent-green-subtlest-hovered: #19573D;
143
148
  --ds-background-accent-green-subtlest-pressed: #19573D;
144
149
  --ds-background-accent-green-subtler: #164B35;
@@ -150,7 +155,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
150
155
  --ds-background-accent-green-bolder: #4BCE97;
151
156
  --ds-background-accent-green-bolder-hovered: #7EE2B8;
152
157
  --ds-background-accent-green-bolder-pressed: #97EDC9;
153
- --ds-background-accent-teal-subtlest: #164555;
158
+ --ds-background-accent-teal-subtlest: #1E3137;
154
159
  --ds-background-accent-teal-subtlest-hovered: #1A5265;
155
160
  --ds-background-accent-teal-subtlest-pressed: #1A5265;
156
161
  --ds-background-accent-teal-subtler: #164555;
@@ -174,7 +179,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
174
179
  --ds-background-accent-blue-bolder: #669DF1;
175
180
  --ds-background-accent-blue-bolder-hovered: #8FB8F6;
176
181
  --ds-background-accent-blue-bolder-pressed: #ADCBFB;
177
- --ds-background-accent-purple-subtlest: #48245D;
182
+ --ds-background-accent-purple-subtlest: #35243F;
178
183
  --ds-background-accent-purple-subtlest-hovered: #673286;
179
184
  --ds-background-accent-purple-subtlest-pressed: #673286;
180
185
  --ds-background-accent-purple-subtler: #48245D;
@@ -186,7 +191,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
186
191
  --ds-background-accent-purple-bolder: #C97CF4;
187
192
  --ds-background-accent-purple-bolder-hovered: #D8A0F7;
188
193
  --ds-background-accent-purple-bolder-pressed: #E3BDFA;
189
- --ds-background-accent-magenta-subtlest: #50253F;
194
+ --ds-background-accent-magenta-subtlest: #3D2232;
190
195
  --ds-background-accent-magenta-subtlest-hovered: #77325B;
191
196
  --ds-background-accent-magenta-subtlest-pressed: #77325B;
192
197
  --ds-background-accent-magenta-subtler: #50253F;
@@ -244,30 +249,45 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
244
249
  --ds-background-danger: #42221F;
245
250
  --ds-background-danger-hovered: #5D1F1A;
246
251
  --ds-background-danger-pressed: #872821;
252
+ --ds-background-danger-subtler: #5D1F1A;
253
+ --ds-background-danger-subtler-hovered: #872821;
254
+ --ds-background-danger-subtler-pressed: #AE2E24;
247
255
  --ds-background-danger-bold: #F87168;
248
256
  --ds-background-danger-bold-hovered: #FD9891;
249
257
  --ds-background-danger-bold-pressed: #FFB8B2;
250
258
  --ds-background-warning: #3A2C1F;
251
259
  --ds-background-warning-hovered: #693200;
252
260
  --ds-background-warning-pressed: #7A3B00;
261
+ --ds-background-warning-subtler: #693200;
262
+ --ds-background-warning-subtler-hovered: #7A3B00;
263
+ --ds-background-warning-subtler-pressed: #9E4C00;
253
264
  --ds-background-warning-bold: #FBC828;
254
265
  --ds-background-warning-bold-hovered: #FCA700;
255
266
  --ds-background-warning-bold-pressed: #F68909;
256
267
  --ds-background-success: #28311B;
257
268
  --ds-background-success-hovered: #37471F;
258
269
  --ds-background-success-pressed: #3F5224;
270
+ --ds-background-success-subtler: #37471F;
271
+ --ds-background-success-subtler-hovered: #3F5224;
272
+ --ds-background-success-subtler-pressed: #4C6B1F;
259
273
  --ds-background-success-bold: #94C748;
260
274
  --ds-background-success-bold-hovered: #B3DF72;
261
275
  --ds-background-success-bold-pressed: #BDE97C;
262
276
  --ds-background-discovery: #35243F;
263
277
  --ds-background-discovery-hovered: #48245D;
264
278
  --ds-background-discovery-pressed: #673286;
279
+ --ds-background-discovery-subtler: #48245D;
280
+ --ds-background-discovery-subtler-hovered: #673286;
281
+ --ds-background-discovery-subtler-pressed: #803FA5;
265
282
  --ds-background-discovery-bold: #C97CF4;
266
283
  --ds-background-discovery-bold-hovered: #D8A0F7;
267
284
  --ds-background-discovery-bold-pressed: #E3BDFA;
268
285
  --ds-background-information: #1C2B42;
269
286
  --ds-background-information-hovered: #123263;
270
287
  --ds-background-information-pressed: #144794;
288
+ --ds-background-information-subtler: #123263;
289
+ --ds-background-information-subtler-hovered: #144794;
290
+ --ds-background-information-subtler-pressed: #1558BC;
271
291
  --ds-background-information-bold: #669DF1;
272
292
  --ds-background-information-bold-hovered: #8FB8F6;
273
293
  --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::ea26b27692abe510181c1010fc4a804d>>
3
+ * @codegen <<SignedSource::c28a72f76c19bfcc43d0de8020b58d61>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
@@ -33,11 +33,16 @@ html[data-color-mode="dark"][data-theme~="dark:legacy-dark"] {
33
33
  --ds-text-selected: #0052CC;
34
34
  --ds-text-brand: #0052CC;
35
35
  --ds-text-danger: #FF5630;
36
+ --ds-text-danger-bolder: #FF7452;
36
37
  --ds-text-warning: #172B4D;
37
38
  --ds-text-warning-inverse: #0D1424;
39
+ --ds-text-warning-bolder: #253858;
38
40
  --ds-text-success: #36B37E;
41
+ --ds-text-success-bolder: #57D9A3;
39
42
  --ds-text-discovery: #6554C0;
43
+ --ds-text-discovery-bolder: #8777D9;
40
44
  --ds-text-information: #0065FF;
45
+ --ds-text-information-bolder: #2684FF;
41
46
  --ds-text-subtlest: #7988A3;
42
47
  --ds-text-subtle: #9FB0CC;
43
48
  --ds-link: #0052CC;
@@ -244,30 +249,45 @@ html[data-color-mode="dark"][data-theme~="dark:legacy-dark"] {
244
249
  --ds-background-danger: #FFEBE6;
245
250
  --ds-background-danger-hovered: #FFBDAD;
246
251
  --ds-background-danger-pressed: #FF8F73;
252
+ --ds-background-danger-subtler: #FFBDAD;
253
+ --ds-background-danger-subtler-hovered: #FF8F73;
254
+ --ds-background-danger-subtler-pressed: #FF7452;
247
255
  --ds-background-danger-bold: #FF5630;
248
256
  --ds-background-danger-bold-hovered: #FF7452;
249
257
  --ds-background-danger-bold-pressed: #DE350B;
250
258
  --ds-background-warning: #FFFAE6;
251
259
  --ds-background-warning-hovered: #FFF0B3;
252
260
  --ds-background-warning-pressed: #FFE380;
261
+ --ds-background-warning-subtler: #FFF0B3;
262
+ --ds-background-warning-subtler-hovered: #FFE380;
263
+ --ds-background-warning-subtler-pressed: #FFC400;
253
264
  --ds-background-warning-bold: #FFAB00;
254
265
  --ds-background-warning-bold-hovered: #FFC400;
255
266
  --ds-background-warning-bold-pressed: #FF991F;
256
267
  --ds-background-success: #E3FCEF;
257
268
  --ds-background-success-hovered: #ABF5D1;
258
269
  --ds-background-success-pressed: #79F2C0;
270
+ --ds-background-success-subtler: #ABF5D1;
271
+ --ds-background-success-subtler-hovered: #79F2C0;
272
+ --ds-background-success-subtler-pressed: #57D9A3;
259
273
  --ds-background-success-bold: #00875A;
260
274
  --ds-background-success-bold-hovered: #36B37E;
261
275
  --ds-background-success-bold-pressed: #006644;
262
276
  --ds-background-discovery: #EAE6FF;
263
277
  --ds-background-discovery-hovered: #C0B6F2;
264
278
  --ds-background-discovery-pressed: #998DD9;
279
+ --ds-background-discovery-subtler: #C0B6F2;
280
+ --ds-background-discovery-subtler-hovered: #998DD9;
281
+ --ds-background-discovery-subtler-pressed: #8777D9;
265
282
  --ds-background-discovery-bold: #5243AA;
266
283
  --ds-background-discovery-bold-hovered: #6554C0;
267
284
  --ds-background-discovery-bold-pressed: #403294;
268
285
  --ds-background-information: #DEEBFF;
269
286
  --ds-background-information-hovered: #B3D4FF;
270
287
  --ds-background-information-pressed: #4C9AFF;
288
+ --ds-background-information-subtler: #B3D4FF;
289
+ --ds-background-information-subtler-hovered: #4C9AFF;
290
+ --ds-background-information-subtler-pressed: #2684FF;
271
291
  --ds-background-information-bold: #0052CC;
272
292
  --ds-background-information-bold-hovered: #0065FF;
273
293
  --ds-background-information-bold-pressed: #0747A6;
@@ -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::cf534ea963ea88eda8addacd1f31b1c1>>
3
+ * @codegen <<SignedSource::3869c85b6345c7809be945c689ccd337>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
@@ -33,11 +33,16 @@ html[data-color-mode="dark"][data-theme~="dark:legacy-light"] {
33
33
  --ds-text-selected: #0052CC;
34
34
  --ds-text-brand: #0065FF;
35
35
  --ds-text-danger: #DE350B;
36
+ --ds-text-danger-bolder: #BF2600;
36
37
  --ds-text-warning: #974F0C;
37
38
  --ds-text-warning-inverse: #172B4D;
39
+ --ds-text-warning-bolder: #974F0C;
38
40
  --ds-text-success: #006644;
41
+ --ds-text-success-bolder: #006644;
39
42
  --ds-text-discovery: #403294;
43
+ --ds-text-discovery-bolder: #403294;
40
44
  --ds-text-information: #0052CC;
45
+ --ds-text-information-bolder: #0747A6;
41
46
  --ds-text-subtlest: #7A869A;
42
47
  --ds-text-subtle: #42526E;
43
48
  --ds-link: #0052CC;
@@ -244,30 +249,45 @@ html[data-color-mode="dark"][data-theme~="dark:legacy-light"] {
244
249
  --ds-background-danger: #FFEBE6;
245
250
  --ds-background-danger-hovered: #FFBDAD;
246
251
  --ds-background-danger-pressed: #FF8F73;
252
+ --ds-background-danger-subtler: #FFBDAD;
253
+ --ds-background-danger-subtler-hovered: #FF8F73;
254
+ --ds-background-danger-subtler-pressed: #FF7452;
247
255
  --ds-background-danger-bold: #DE350B;
248
256
  --ds-background-danger-bold-hovered: #FF5630;
249
257
  --ds-background-danger-bold-pressed: #BF2600;
250
258
  --ds-background-warning: #FFFAE6;
251
259
  --ds-background-warning-hovered: #FFF0B3;
252
260
  --ds-background-warning-pressed: #FFE380;
261
+ --ds-background-warning-subtler: #FFF0B3;
262
+ --ds-background-warning-subtler-hovered: #FFE380;
263
+ --ds-background-warning-subtler-pressed: #FFC400;
253
264
  --ds-background-warning-bold: #FFAB00;
254
265
  --ds-background-warning-bold-hovered: #FFC400;
255
266
  --ds-background-warning-bold-pressed: #FF991F;
256
267
  --ds-background-success: #E3FCEF;
257
268
  --ds-background-success-hovered: #ABF5D1;
258
269
  --ds-background-success-pressed: #79F2C0;
270
+ --ds-background-success-subtler: #ABF5D1;
271
+ --ds-background-success-subtler-hovered: #79F2C0;
272
+ --ds-background-success-subtler-pressed: #57D9A3;
259
273
  --ds-background-success-bold: #00875A;
260
274
  --ds-background-success-bold-hovered: #57D9A3;
261
275
  --ds-background-success-bold-pressed: #00875A;
262
276
  --ds-background-discovery: #EAE6FF;
263
277
  --ds-background-discovery-hovered: #C0B6F2;
264
278
  --ds-background-discovery-pressed: #998DD9;
279
+ --ds-background-discovery-subtler: #C0B6F2;
280
+ --ds-background-discovery-subtler-hovered: #998DD9;
281
+ --ds-background-discovery-subtler-pressed: #8777D9;
265
282
  --ds-background-discovery-bold: #5243AA;
266
283
  --ds-background-discovery-bold-hovered: #8777D9;
267
284
  --ds-background-discovery-bold-pressed: #5243AA;
268
285
  --ds-background-information: #DEEBFF;
269
286
  --ds-background-information-hovered: #B3D4FF;
270
287
  --ds-background-information-pressed: #4C9AFF;
288
+ --ds-background-information-subtler: #B3D4FF;
289
+ --ds-background-information-subtler-hovered: #4C9AFF;
290
+ --ds-background-information-subtler-pressed: #2684FF;
271
291
  --ds-background-information-bold: #0052CC;
272
292
  --ds-background-information-bold-hovered: #2684FF;
273
293
  --ds-background-information-bold-pressed: #0052CC;
@@ -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::6ed324ed0d532a9149bd7151005b30dc>>
3
+ * @codegen <<SignedSource::7f610dbd5ca5bb0c1a6954e538b79e1b>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
@@ -35,11 +35,16 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:light"
35
35
  --ds-text-selected: #123263;
36
36
  --ds-text-brand: #123263;
37
37
  --ds-text-danger: #5D1F1A;
38
+ --ds-text-danger-bolder: #42221F;
38
39
  --ds-text-warning: #693200;
39
40
  --ds-text-warning-inverse: #FFFFFF;
41
+ --ds-text-warning-bolder: #3A2C1F;
40
42
  --ds-text-success: #164B35;
43
+ --ds-text-success-bolder: #1C3329;
41
44
  --ds-text-discovery: #48245D;
45
+ --ds-text-discovery-bolder: #35243F;
42
46
  --ds-text-information: #123263;
47
+ --ds-text-information-bolder: #1C2B42;
43
48
  --ds-text-subtlest: #3B3D42;
44
49
  --ds-text-subtle: #292A2E;
45
50
  --ds-link: #123263;
@@ -246,30 +251,45 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:light"
246
251
  --ds-background-danger: #FFECEB;
247
252
  --ds-background-danger-hovered: #FFD5D2;
248
253
  --ds-background-danger-pressed: #FFB8B2;
254
+ --ds-background-danger-subtler: #FFD5D2;
255
+ --ds-background-danger-subtler-hovered: #FFB8B2;
256
+ --ds-background-danger-subtler-pressed: #FD9891;
249
257
  --ds-background-danger-bold: #5D1F1A;
250
258
  --ds-background-danger-bold-hovered: #42221F;
251
259
  --ds-background-danger-bold-pressed: #49120C;
252
260
  --ds-background-warning: #FFF5DB;
253
261
  --ds-background-warning-hovered: #FCE4A6;
254
262
  --ds-background-warning-pressed: #FBD779;
263
+ --ds-background-warning-subtler: #FCE4A6;
264
+ --ds-background-warning-subtler-hovered: #FBD779;
265
+ --ds-background-warning-subtler-pressed: #FBC828;
255
266
  --ds-background-warning-bold: #533F04;
256
267
  --ds-background-warning-bold-hovered: #332E1B;
257
268
  --ds-background-warning-bold-pressed: #342800;
258
269
  --ds-background-success: #EFFFD6;
259
270
  --ds-background-success-hovered: #D3F1A7;
260
271
  --ds-background-success-pressed: #BDE97C;
272
+ --ds-background-success-subtler: #D3F1A7;
273
+ --ds-background-success-subtler-hovered: #BDE97C;
274
+ --ds-background-success-subtler-pressed: #B3DF72;
261
275
  --ds-background-success-bold: #164B35;
262
276
  --ds-background-success-bold-hovered: #1C3329;
263
277
  --ds-background-success-bold-pressed: #0F3324;
264
278
  --ds-background-discovery: #F8EEFE;
265
279
  --ds-background-discovery-hovered: #EED7FC;
266
280
  --ds-background-discovery-pressed: #E3BDFA;
281
+ --ds-background-discovery-subtler: #EED7FC;
282
+ --ds-background-discovery-subtler-hovered: #E3BDFA;
283
+ --ds-background-discovery-subtler-pressed: #D8A0F7;
267
284
  --ds-background-discovery-bold: #48245D;
268
285
  --ds-background-discovery-bold-hovered: #35243F;
269
286
  --ds-background-discovery-bold-pressed: #211A47;
270
287
  --ds-background-information: #E9F2FE;
271
288
  --ds-background-information-hovered: #CFE1FD;
272
289
  --ds-background-information-pressed: #ADCBFB;
290
+ --ds-background-information-subtler: #CFE1FD;
291
+ --ds-background-information-subtler-hovered: #ADCBFB;
292
+ --ds-background-information-subtler-pressed: #8FB8F6;
273
293
  --ds-background-information-bold: #123263;
274
294
  --ds-background-information-bold-hovered: #1C2B42;
275
295
  --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::a1212518405bd0a7b9d3e1a92fc5fcdb>>
3
+ * @codegen <<SignedSource::1485915d3d417d606fec01461dcd40b6>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
@@ -33,11 +33,16 @@ html[data-color-mode="dark"][data-theme~="dark:light"] {
33
33
  --ds-text-selected: #1868DB;
34
34
  --ds-text-brand: #1868DB;
35
35
  --ds-text-danger: #AE2E24;
36
+ --ds-text-danger-bolder: #5D1F1A;
36
37
  --ds-text-warning: #9E4C00;
37
38
  --ds-text-warning-inverse: #292A2E;
39
+ --ds-text-warning-bolder: #693200;
38
40
  --ds-text-success: #4C6B1F;
41
+ --ds-text-success-bolder: #37471F;
39
42
  --ds-text-discovery: #803FA5;
43
+ --ds-text-discovery-bolder: #48245D;
40
44
  --ds-text-information: #1558BC;
45
+ --ds-text-information-bolder: #123263;
41
46
  --ds-text-subtlest: #6B6E76;
42
47
  --ds-text-subtle: #505258;
43
48
  --ds-link: #1868DB;
@@ -244,30 +249,45 @@ html[data-color-mode="dark"][data-theme~="dark:light"] {
244
249
  --ds-background-danger: #FFECEB;
245
250
  --ds-background-danger-hovered: #FFD5D2;
246
251
  --ds-background-danger-pressed: #FFB8B2;
252
+ --ds-background-danger-subtler: #FFD5D2;
253
+ --ds-background-danger-subtler-hovered: #FFB8B2;
254
+ --ds-background-danger-subtler-pressed: #FD9891;
247
255
  --ds-background-danger-bold: #C9372C;
248
256
  --ds-background-danger-bold-hovered: #AE2E24;
249
257
  --ds-background-danger-bold-pressed: #872821;
250
258
  --ds-background-warning: #FFF5DB;
251
259
  --ds-background-warning-hovered: #FCE4A6;
252
260
  --ds-background-warning-pressed: #FBD779;
261
+ --ds-background-warning-subtler: #FCE4A6;
262
+ --ds-background-warning-subtler-hovered: #FBD779;
263
+ --ds-background-warning-subtler-pressed: #FBC828;
253
264
  --ds-background-warning-bold: #FBC828;
254
265
  --ds-background-warning-bold-hovered: #FCA700;
255
266
  --ds-background-warning-bold-pressed: #F68909;
256
267
  --ds-background-success: #EFFFD6;
257
268
  --ds-background-success-hovered: #D3F1A7;
258
269
  --ds-background-success-pressed: #BDE97C;
270
+ --ds-background-success-subtler: #D3F1A7;
271
+ --ds-background-success-subtler-hovered: #BDE97C;
272
+ --ds-background-success-subtler-pressed: #B3DF72;
259
273
  --ds-background-success-bold: #5B7F24;
260
274
  --ds-background-success-bold-hovered: #4C6B1F;
261
275
  --ds-background-success-bold-pressed: #3F5224;
262
276
  --ds-background-discovery: #F8EEFE;
263
277
  --ds-background-discovery-hovered: #EED7FC;
264
278
  --ds-background-discovery-pressed: #E3BDFA;
279
+ --ds-background-discovery-subtler: #EED7FC;
280
+ --ds-background-discovery-subtler-hovered: #E3BDFA;
281
+ --ds-background-discovery-subtler-pressed: #D8A0F7;
265
282
  --ds-background-discovery-bold: #964AC0;
266
283
  --ds-background-discovery-bold-hovered: #803FA5;
267
284
  --ds-background-discovery-bold-pressed: #673286;
268
285
  --ds-background-information: #E9F2FE;
269
286
  --ds-background-information-hovered: #CFE1FD;
270
287
  --ds-background-information-pressed: #ADCBFB;
288
+ --ds-background-information-subtler: #CFE1FD;
289
+ --ds-background-information-subtler-hovered: #ADCBFB;
290
+ --ds-background-information-subtler-pressed: #8FB8F6;
271
291
  --ds-background-information-bold: #1868DB;
272
292
  --ds-background-information-bold-hovered: #1558BC;
273
293
  --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::7ecefbff90126ac89577f21a766e8181>>
10
+ * @codegen <<SignedSource::749aeca73ed1fdc5f662a020f301e63b>>
11
11
  * @codegenCommand yarn build tokens
12
12
  */
13
13
  const defaultTokenValues = {
@@ -37,11 +37,16 @@ const defaultTokenValues = {
37
37
  'color.text.selected': '#1868DB',
38
38
  'color.text.brand': '#1868DB',
39
39
  'color.text.danger': '#AE2E24',
40
+ 'color.text.danger.bolder': '#5D1F1A',
40
41
  'color.text.warning': '#9E4C00',
41
42
  'color.text.warning.inverse': '#292A2E',
43
+ 'color.text.warning.bolder': '#693200',
42
44
  'color.text.success': '#4C6B1F',
45
+ 'color.text.success.bolder': '#37471F',
43
46
  'color.text.discovery': '#803FA5',
47
+ 'color.text.discovery.bolder': '#48245D',
44
48
  'color.text.information': '#1558BC',
49
+ 'color.text.information.bolder': '#123263',
45
50
  'color.text.subtlest': '#6B6E76',
46
51
  'color.text.subtle': '#505258',
47
52
  'color.link': '#1868DB',
@@ -248,30 +253,45 @@ const defaultTokenValues = {
248
253
  'color.background.danger': '#FFECEB',
249
254
  'color.background.danger.hovered': '#FFD5D2',
250
255
  'color.background.danger.pressed': '#FFB8B2',
256
+ 'color.background.danger.subtler': '#FFD5D2',
257
+ 'color.background.danger.subtler.hovered': '#FFB8B2',
258
+ 'color.background.danger.subtler.pressed': '#FD9891',
251
259
  'color.background.danger.bold': '#C9372C',
252
260
  'color.background.danger.bold.hovered': '#AE2E24',
253
261
  'color.background.danger.bold.pressed': '#872821',
254
262
  'color.background.warning': '#FFF5DB',
255
263
  'color.background.warning.hovered': '#FCE4A6',
256
264
  'color.background.warning.pressed': '#FBD779',
265
+ 'color.background.warning.subtler': '#FCE4A6',
266
+ 'color.background.warning.subtler.hovered': '#FBD779',
267
+ 'color.background.warning.subtler.pressed': '#FBC828',
257
268
  'color.background.warning.bold': '#FBC828',
258
269
  'color.background.warning.bold.hovered': '#FCA700',
259
270
  'color.background.warning.bold.pressed': '#F68909',
260
271
  'color.background.success': '#EFFFD6',
261
272
  'color.background.success.hovered': '#D3F1A7',
262
273
  'color.background.success.pressed': '#BDE97C',
274
+ 'color.background.success.subtler': '#D3F1A7',
275
+ 'color.background.success.subtler.hovered': '#BDE97C',
276
+ 'color.background.success.subtler.pressed': '#B3DF72',
263
277
  'color.background.success.bold': '#5B7F24',
264
278
  'color.background.success.bold.hovered': '#4C6B1F',
265
279
  'color.background.success.bold.pressed': '#3F5224',
266
280
  'color.background.discovery': '#F8EEFE',
267
281
  'color.background.discovery.hovered': '#EED7FC',
268
282
  'color.background.discovery.pressed': '#E3BDFA',
283
+ 'color.background.discovery.subtler': '#EED7FC',
284
+ 'color.background.discovery.subtler.hovered': '#E3BDFA',
285
+ 'color.background.discovery.subtler.pressed': '#D8A0F7',
269
286
  'color.background.discovery.bold': '#964AC0',
270
287
  'color.background.discovery.bold.hovered': '#803FA5',
271
288
  'color.background.discovery.bold.pressed': '#673286',
272
289
  'color.background.information': '#E9F2FE',
273
290
  'color.background.information.hovered': '#CFE1FD',
274
291
  'color.background.information.pressed': '#ADCBFB',
292
+ 'color.background.information.subtler': '#CFE1FD',
293
+ 'color.background.information.subtler.hovered': '#ADCBFB',
294
+ 'color.background.information.subtler.pressed': '#8FB8F6',
275
295
  'color.background.information.bold': '#1868DB',
276
296
  'color.background.information.bold.hovered': '#1558BC',
277
297
  'color.background.information.bold.pressed': '#144794',