@atlassian/aui 9.9.3 → 9.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/dist/aui/aui-prototyping-design-tokens-api-full.js +2 -2
  2. package/dist/aui/aui-prototyping-design-tokens-api-full.js.map +1 -1
  3. package/dist/aui/aui-prototyping-design-tokens-api.js +2 -2
  4. package/dist/aui/aui-prototyping-design-tokens-api.js.map +1 -1
  5. package/dist/aui/aui-prototyping-design-tokens-base-themes-css.css +2 -2
  6. package/dist/aui/aui-prototyping-design-tokens-base-themes-css.css.map +1 -1
  7. package/dist/aui/aui-prototyping-design-tokens-base-themes-css.js +1 -1
  8. package/dist/aui/aui-prototyping-design-tokens-base-themes.js +2 -2
  9. package/dist/aui/aui-prototyping-design-tokens-base-themes.js.map +1 -1
  10. package/dist/aui/aui-prototyping.css +1 -1
  11. package/dist/aui/aui-prototyping.css.map +1 -1
  12. package/dist/aui/aui-prototyping.js +3 -3
  13. package/dist/aui/aui-prototyping.js.map +1 -1
  14. package/dist/aui/aui-prototyping.nodeps.css +1 -1
  15. package/dist/aui/aui-prototyping.nodeps.js +2 -2
  16. package/dist/aui/aui-prototyping.nodeps.js.map +1 -1
  17. package/dist/aui/themes/dark-future.js +2 -0
  18. package/dist/aui/themes/dark-future.js.map +1 -0
  19. package/dist/aui/themes/dark.js +1 -1
  20. package/dist/aui/themes/dark.js.map +1 -1
  21. package/dist/aui/themes/legacy-dark.js +1 -1
  22. package/dist/aui/themes/legacy-dark.js.map +1 -1
  23. package/dist/aui/themes/legacy-light.js +1 -1
  24. package/dist/aui/themes/legacy-light.js.map +1 -1
  25. package/dist/aui/themes/light-future.js +2 -0
  26. package/dist/aui/themes/light-future.js.map +1 -0
  27. package/dist/aui/themes/light.js +1 -1
  28. package/dist/aui/themes/light.js.map +1 -1
  29. package/dist/aui/themes/spacing.js +1 -1
  30. package/dist/aui/themes/spacing.js.map +1 -1
  31. package/dist/aui/themes/typography-adg3.js +1 -1
  32. package/dist/aui/themes/typography-adg3.js.map +1 -1
  33. package/dist/aui/themes/typography-minor3.js +1 -1
  34. package/dist/aui/themes/typography-minor3.js.map +1 -1
  35. package/entry/token-themes-generated/npm/aui-prototyping-design-tokens-base-themes.css +282 -268
  36. package/entry/token-themes-generated/npm/aui-prototyping-design-tokens-theme-import-map.js +8 -4
  37. package/entry/token-themes-generated/npm/themes/dark-future.js +7 -0
  38. package/entry/token-themes-generated/npm/themes/dark.js +109 -108
  39. package/entry/token-themes-generated/npm/themes/legacy-dark.js +1 -0
  40. package/entry/token-themes-generated/npm/themes/legacy-light.js +1 -0
  41. package/entry/token-themes-generated/npm/themes/light-future.js +7 -0
  42. package/entry/token-themes-generated/npm/themes/light.js +101 -100
  43. package/entry/token-themes-generated/npm/themes/spacing.js +9 -0
  44. package/entry/token-themes-generated/npm/themes/typography-adg3.js +16 -14
  45. package/entry/token-themes-generated/npm/themes/typography-minor3.js +23 -15
  46. package/entry/token-themes-generated/p2/aui-prototyping-design-tokens-theme-import-map.js +8 -4
  47. package/entry/token-themes-generated/p2/aui-prototyping-design-tokens-theme.css +282 -268
  48. package/entry/token-themes-generated/p2/themes/dark-future.js +7 -0
  49. package/entry/token-themes-generated/p2/themes/dark.js +109 -108
  50. package/entry/token-themes-generated/p2/themes/legacy-dark.js +1 -0
  51. package/entry/token-themes-generated/p2/themes/legacy-light.js +1 -0
  52. package/entry/token-themes-generated/p2/themes/light-future.js +7 -0
  53. package/entry/token-themes-generated/p2/themes/light.js +101 -100
  54. package/entry/token-themes-generated/p2/themes/spacing.js +9 -0
  55. package/entry/token-themes-generated/p2/themes/typography-adg3.js +16 -14
  56. package/entry/token-themes-generated/p2/themes/typography-minor3.js +23 -15
  57. package/package.json +3 -3
  58. package/src/js/aui/internal/i18n/aui.js +5 -0
  59. package/src/js/aui/messages.js +102 -49
  60. package/dist/aui/themes/typography.js +0 -2
  61. package/dist/aui/themes/typography.js.map +0 -1
  62. package/entry/token-themes-generated/npm/themes/typography.js +0 -27
  63. package/entry/token-themes-generated/p2/themes/typography.js +0 -27
@@ -9,16 +9,16 @@ html[data-color-mode="dark"][data-theme~="dark:light"] {
9
9
  --ds-text: #172B4D;
10
10
  --ds-text-accent-lime: #4C6B1F;
11
11
  --ds-text-accent-lime-bolder: #37471F;
12
- --ds-text-accent-red: #AE2A19;
13
- --ds-text-accent-red-bolder: #601E16;
14
- --ds-text-accent-orange: #974F0C;
15
- --ds-text-accent-orange-bolder: #5F3811;
12
+ --ds-text-accent-red: #AE2E24;
13
+ --ds-text-accent-red-bolder: #5D1F1A;
14
+ --ds-text-accent-orange: #A54800;
15
+ --ds-text-accent-orange-bolder: #702E00;
16
16
  --ds-text-accent-yellow: #7F5F01;
17
17
  --ds-text-accent-yellow-bolder: #533F04;
18
18
  --ds-text-accent-green: #216E4E;
19
19
  --ds-text-accent-green-bolder: #164B35;
20
- --ds-text-accent-teal: #206B74;
21
- --ds-text-accent-teal-bolder: #1D474C;
20
+ --ds-text-accent-teal: #206A83;
21
+ --ds-text-accent-teal-bolder: #164555;
22
22
  --ds-text-accent-blue: #0055CC;
23
23
  --ds-text-accent-blue-bolder: #09326C;
24
24
  --ds-text-accent-purple: #5E4DB2;
@@ -31,8 +31,8 @@ html[data-color-mode="dark"][data-theme~="dark:light"] {
31
31
  --ds-text-inverse: #FFFFFF;
32
32
  --ds-text-selected: #0C66E4;
33
33
  --ds-text-brand: #0C66E4;
34
- --ds-text-danger: #AE2A19;
35
- --ds-text-warning: #974F0C;
34
+ --ds-text-danger: #AE2E24;
35
+ --ds-text-warning: #A54800;
36
36
  --ds-text-warning-inverse: #172B4D;
37
37
  --ds-text-success: #216E4E;
38
38
  --ds-text-discovery: #5E4DB2;
@@ -41,13 +41,14 @@ html[data-color-mode="dark"][data-theme~="dark:light"] {
41
41
  --ds-text-subtle: #44546F;
42
42
  --ds-link: #0C66E4;
43
43
  --ds-link-pressed: #0055CC;
44
+ --ds-link-visited: #5E4DB2;
44
45
  --ds-icon: #44546F;
45
46
  --ds-icon-accent-lime: #6A9A23;
46
- --ds-icon-accent-red: #E34935;
47
- --ds-icon-accent-orange: #D97008;
47
+ --ds-icon-accent-red: #C9372C;
48
+ --ds-icon-accent-orange: #E56910;
48
49
  --ds-icon-accent-yellow: #B38600;
49
50
  --ds-icon-accent-green: #22A06B;
50
- --ds-icon-accent-teal: #1D9AAA;
51
+ --ds-icon-accent-teal: #2898BD;
51
52
  --ds-icon-accent-blue: #1D7AFC;
52
53
  --ds-icon-accent-purple: #8270DB;
53
54
  --ds-icon-accent-magenta: #CD519D;
@@ -56,8 +57,8 @@ html[data-color-mode="dark"][data-theme~="dark:light"] {
56
57
  --ds-icon-inverse: #FFFFFF;
57
58
  --ds-icon-selected: #0C66E4;
58
59
  --ds-icon-brand: #0C66E4;
59
- --ds-icon-danger: #E34935;
60
- --ds-icon-warning: #D97008;
60
+ --ds-icon-danger: #C9372C;
61
+ --ds-icon-warning: #E56910;
61
62
  --ds-icon-warning-inverse: #172B4D;
62
63
  --ds-icon-success: #22A06B;
63
64
  --ds-icon-discovery: #8270DB;
@@ -65,11 +66,11 @@ html[data-color-mode="dark"][data-theme~="dark:light"] {
65
66
  --ds-icon-subtle: #626F86;
66
67
  --ds-border: #091E4224;
67
68
  --ds-border-accent-lime: #6A9A23;
68
- --ds-border-accent-red: #E34935;
69
- --ds-border-accent-orange: #D97008;
69
+ --ds-border-accent-red: #E2483D;
70
+ --ds-border-accent-orange: #E56910;
70
71
  --ds-border-accent-yellow: #B38600;
71
72
  --ds-border-accent-green: #22A06B;
72
- --ds-border-accent-teal: #1D9AAA;
73
+ --ds-border-accent-teal: #2898BD;
73
74
  --ds-border-accent-blue: #1D7AFC;
74
75
  --ds-border-accent-purple: #8270DB;
75
76
  --ds-border-accent-magenta: #CD519D;
@@ -80,13 +81,13 @@ html[data-color-mode="dark"][data-theme~="dark:light"] {
80
81
  --ds-border-inverse: #FFFFFF;
81
82
  --ds-border-selected: #0C66E4;
82
83
  --ds-border-brand: #0C66E4;
83
- --ds-border-danger: #E34935;
84
- --ds-border-warning: #D97008;
84
+ --ds-border-danger: #E2483D;
85
+ --ds-border-warning: #E56910;
85
86
  --ds-border-success: #22A06B;
86
87
  --ds-border-discovery: #8270DB;
87
88
  --ds-border-information: #1D7AFC;
88
89
  --ds-border-bold: #758195;
89
- --ds-background-accent-lime-subtlest: #EEFBDA;
90
+ --ds-background-accent-lime-subtlest: #EFFFD6;
90
91
  --ds-background-accent-lime-subtlest-hovered: #D3F1A7;
91
92
  --ds-background-accent-lime-subtlest-pressed: #B3DF72;
92
93
  --ds-background-accent-lime-subtler: #D3F1A7;
@@ -98,43 +99,43 @@ html[data-color-mode="dark"][data-theme~="dark:light"] {
98
99
  --ds-background-accent-lime-bolder: #5B7F24;
99
100
  --ds-background-accent-lime-bolder-hovered: #4C6B1F;
100
101
  --ds-background-accent-lime-bolder-pressed: #37471F;
101
- --ds-background-accent-red-subtlest: #FFEDEB;
102
- --ds-background-accent-red-subtlest-hovered: #FFD2CC;
103
- --ds-background-accent-red-subtlest-pressed: #FF9C8F;
104
- --ds-background-accent-red-subtler: #FFD2CC;
105
- --ds-background-accent-red-subtler-hovered: #FF9C8F;
106
- --ds-background-accent-red-subtler-pressed: #F87462;
107
- --ds-background-accent-red-subtle: #F87462;
108
- --ds-background-accent-red-subtle-hovered: #FF9C8F;
109
- --ds-background-accent-red-subtle-pressed: #FFD2CC;
110
- --ds-background-accent-red-bolder: #CA3521;
111
- --ds-background-accent-red-bolder-hovered: #AE2A19;
112
- --ds-background-accent-red-bolder-pressed: #601E16;
113
- --ds-background-accent-orange-subtlest: #FFF4E5;
114
- --ds-background-accent-orange-subtlest-hovered: #FFE2BD;
115
- --ds-background-accent-orange-subtlest-pressed: #FEC57B;
116
- --ds-background-accent-orange-subtler: #FFE2BD;
117
- --ds-background-accent-orange-subtler-hovered: #FEC57B;
118
- --ds-background-accent-orange-subtler-pressed: #FAA53D;
119
- --ds-background-accent-orange-subtle: #FAA53D;
120
- --ds-background-accent-orange-subtle-hovered: #FEC57B;
121
- --ds-background-accent-orange-subtle-pressed: #FFE2BD;
122
- --ds-background-accent-orange-bolder: #B65C02;
123
- --ds-background-accent-orange-bolder-hovered: #974F0C;
124
- --ds-background-accent-orange-bolder-pressed: #5F3811;
102
+ --ds-background-accent-red-subtlest: #FFECEB;
103
+ --ds-background-accent-red-subtlest-hovered: #FFD5D2;
104
+ --ds-background-accent-red-subtlest-pressed: #FD9891;
105
+ --ds-background-accent-red-subtler: #FFD5D2;
106
+ --ds-background-accent-red-subtler-hovered: #FD9891;
107
+ --ds-background-accent-red-subtler-pressed: #F87168;
108
+ --ds-background-accent-red-subtle: #F87168;
109
+ --ds-background-accent-red-subtle-hovered: #FD9891;
110
+ --ds-background-accent-red-subtle-pressed: #FFD5D2;
111
+ --ds-background-accent-red-bolder: #C9372C;
112
+ --ds-background-accent-red-bolder-hovered: #AE2E24;
113
+ --ds-background-accent-red-bolder-pressed: #5D1F1A;
114
+ --ds-background-accent-orange-subtlest: #FFF3EB;
115
+ --ds-background-accent-orange-subtlest-hovered: #FEDEC8;
116
+ --ds-background-accent-orange-subtlest-pressed: #FEC195;
117
+ --ds-background-accent-orange-subtler: #FEDEC8;
118
+ --ds-background-accent-orange-subtler-hovered: #FEC195;
119
+ --ds-background-accent-orange-subtler-pressed: #FEA362;
120
+ --ds-background-accent-orange-subtle: #FEA362;
121
+ --ds-background-accent-orange-subtle-hovered: #FEC195;
122
+ --ds-background-accent-orange-subtle-pressed: #FEDEC8;
123
+ --ds-background-accent-orange-bolder: #C25100;
124
+ --ds-background-accent-orange-bolder-hovered: #A54800;
125
+ --ds-background-accent-orange-bolder-pressed: #702E00;
125
126
  --ds-background-accent-yellow-subtlest: #FFF7D6;
126
127
  --ds-background-accent-yellow-subtlest-hovered: #F8E6A0;
127
128
  --ds-background-accent-yellow-subtlest-pressed: #F5CD47;
128
129
  --ds-background-accent-yellow-subtler: #F8E6A0;
129
130
  --ds-background-accent-yellow-subtler-hovered: #F5CD47;
130
131
  --ds-background-accent-yellow-subtler-pressed: #E2B203;
131
- --ds-background-accent-yellow-subtle: #E2B203;
132
- --ds-background-accent-yellow-subtle-hovered: #F5CD47;
133
- --ds-background-accent-yellow-subtle-pressed: #F8E6A0;
132
+ --ds-background-accent-yellow-subtle: #F5CD47;
133
+ --ds-background-accent-yellow-subtle-hovered: #E2B203;
134
+ --ds-background-accent-yellow-subtle-pressed: #CF9F02;
134
135
  --ds-background-accent-yellow-bolder: #946F00;
135
136
  --ds-background-accent-yellow-bolder-hovered: #7F5F01;
136
137
  --ds-background-accent-yellow-bolder-pressed: #533F04;
137
- --ds-background-accent-green-subtlest: #DFFCF0;
138
+ --ds-background-accent-green-subtlest: #DCFFF1;
138
139
  --ds-background-accent-green-subtlest-hovered: #BAF3DB;
139
140
  --ds-background-accent-green-subtlest-pressed: #7EE2B8;
140
141
  --ds-background-accent-green-subtler: #BAF3DB;
@@ -146,18 +147,18 @@ html[data-color-mode="dark"][data-theme~="dark:light"] {
146
147
  --ds-background-accent-green-bolder: #1F845A;
147
148
  --ds-background-accent-green-bolder-hovered: #216E4E;
148
149
  --ds-background-accent-green-bolder-pressed: #164B35;
149
- --ds-background-accent-teal-subtlest: #E3FAFC;
150
- --ds-background-accent-teal-subtlest-hovered: #C1F0F5;
151
- --ds-background-accent-teal-subtlest-pressed: #8BDBE5;
152
- --ds-background-accent-teal-subtler: #C1F0F5;
153
- --ds-background-accent-teal-subtler-hovered: #8BDBE5;
154
- --ds-background-accent-teal-subtler-pressed: #60C6D2;
155
- --ds-background-accent-teal-subtle: #60C6D2;
156
- --ds-background-accent-teal-subtle-hovered: #8BDBE5;
157
- --ds-background-accent-teal-subtle-pressed: #C1F0F5;
158
- --ds-background-accent-teal-bolder: #1D7F8C;
159
- --ds-background-accent-teal-bolder-hovered: #206B74;
160
- --ds-background-accent-teal-bolder-pressed: #1D474C;
150
+ --ds-background-accent-teal-subtlest: #E7F9FF;
151
+ --ds-background-accent-teal-subtlest-hovered: #C6EDFB;
152
+ --ds-background-accent-teal-subtlest-pressed: #9DD9EE;
153
+ --ds-background-accent-teal-subtler: #C6EDFB;
154
+ --ds-background-accent-teal-subtler-hovered: #9DD9EE;
155
+ --ds-background-accent-teal-subtler-pressed: #6CC3E0;
156
+ --ds-background-accent-teal-subtle: #6CC3E0;
157
+ --ds-background-accent-teal-subtle-hovered: #9DD9EE;
158
+ --ds-background-accent-teal-subtle-pressed: #C6EDFB;
159
+ --ds-background-accent-teal-bolder: #227D9B;
160
+ --ds-background-accent-teal-bolder-hovered: #206A83;
161
+ --ds-background-accent-teal-bolder-pressed: #164555;
161
162
  --ds-background-accent-blue-subtlest: #E9F2FF;
162
163
  --ds-background-accent-blue-subtlest-hovered: #CCE0FF;
163
164
  --ds-background-accent-blue-subtlest-pressed: #85B8FF;
@@ -234,22 +235,22 @@ html[data-color-mode="dark"][data-theme~="dark:light"] {
234
235
  --ds-background-brand-bold: #0C66E4;
235
236
  --ds-background-brand-bold-hovered: #0055CC;
236
237
  --ds-background-brand-bold-pressed: #09326C;
237
- --ds-background-brand-boldest: #092957;
238
+ --ds-background-brand-boldest: #1C2B41;
238
239
  --ds-background-brand-boldest-hovered: #09326C;
239
240
  --ds-background-brand-boldest-pressed: #0055CC;
240
- --ds-background-danger: #FFEDEB;
241
- --ds-background-danger-hovered: #FFD2CC;
242
- --ds-background-danger-pressed: #FF9C8F;
243
- --ds-background-danger-bold: #CA3521;
244
- --ds-background-danger-bold-hovered: #AE2A19;
245
- --ds-background-danger-bold-pressed: #601E16;
241
+ --ds-background-danger: #FFECEB;
242
+ --ds-background-danger-hovered: #FFD5D2;
243
+ --ds-background-danger-pressed: #FD9891;
244
+ --ds-background-danger-bold: #C9372C;
245
+ --ds-background-danger-bold-hovered: #AE2E24;
246
+ --ds-background-danger-bold-pressed: #5D1F1A;
246
247
  --ds-background-warning: #FFF7D6;
247
248
  --ds-background-warning-hovered: #F8E6A0;
248
249
  --ds-background-warning-pressed: #F5CD47;
249
- --ds-background-warning-bold: #E2B203;
250
- --ds-background-warning-bold-hovered: #CF9F02;
251
- --ds-background-warning-bold-pressed: #B38600;
252
- --ds-background-success: #DFFCF0;
250
+ --ds-background-warning-bold: #F5CD47;
251
+ --ds-background-warning-bold-hovered: #E2B203;
252
+ --ds-background-warning-bold-pressed: #CF9F02;
253
+ --ds-background-success: #DCFFF1;
253
254
  --ds-background-success-hovered: #BAF3DB;
254
255
  --ds-background-success-pressed: #7EE2B8;
255
256
  --ds-background-success-bold: #1F845A;
@@ -274,22 +275,22 @@ html[data-color-mode="dark"][data-theme~="dark:light"] {
274
275
  --ds-interaction-pressed: #00000052;
275
276
  --ds-skeleton: #091E420F;
276
277
  --ds-skeleton-subtle: #091E4208;
277
- --ds-chart-categorical-1: #1D9AAA;
278
- --ds-chart-categorical-1-hovered: #1D7F8C;
278
+ --ds-chart-categorical-1: #2898BD;
279
+ --ds-chart-categorical-1-hovered: #227D9B;
279
280
  --ds-chart-categorical-2: #5E4DB2;
280
281
  --ds-chart-categorical-2-hovered: #352C63;
281
- --ds-chart-categorical-3: #D97008;
282
- --ds-chart-categorical-3-hovered: #B65C02;
282
+ --ds-chart-categorical-3: #E56910;
283
+ --ds-chart-categorical-3-hovered: #C25100;
283
284
  --ds-chart-categorical-4: #943D73;
284
285
  --ds-chart-categorical-4-hovered: #50253F;
285
286
  --ds-chart-categorical-5: #09326C;
286
- --ds-chart-categorical-5-hovered: #092957;
287
+ --ds-chart-categorical-5-hovered: #1C2B41;
287
288
  --ds-chart-categorical-6: #8F7EE7;
288
289
  --ds-chart-categorical-6-hovered: #8270DB;
289
290
  --ds-chart-categorical-7: #50253F;
290
- --ds-chart-categorical-7-hovered: #421F34;
291
- --ds-chart-categorical-8: #974F0C;
292
- --ds-chart-categorical-8-hovered: #5F3811;
291
+ --ds-chart-categorical-7-hovered: #3D2232;
292
+ --ds-chart-categorical-8: #A54800;
293
+ --ds-chart-categorical-8-hovered: #702E00;
293
294
  --ds-chart-lime-bold: #6A9A23;
294
295
  --ds-chart-lime-bold-hovered: #5B7F24;
295
296
  --ds-chart-lime-bolder: #5B7F24;
@@ -298,18 +299,18 @@ html[data-color-mode="dark"][data-theme~="dark:light"] {
298
299
  --ds-chart-lime-boldest-hovered: #37471F;
299
300
  --ds-chart-neutral: #8590A2;
300
301
  --ds-chart-neutral-hovered: #758195;
301
- --ds-chart-red-bold: #EF5C48;
302
- --ds-chart-red-bold-hovered: #E34935;
303
- --ds-chart-red-bolder: #E34935;
304
- --ds-chart-red-bolder-hovered: #CA3521;
305
- --ds-chart-red-boldest: #AE2A19;
306
- --ds-chart-red-boldest-hovered: #601E16;
307
- --ds-chart-orange-bold: #D97008;
308
- --ds-chart-orange-bold-hovered: #B65C02;
309
- --ds-chart-orange-bolder: #B65C02;
310
- --ds-chart-orange-bolder-hovered: #974F0C;
311
- --ds-chart-orange-boldest: #974F0C;
312
- --ds-chart-orange-boldest-hovered: #5F3811;
302
+ --ds-chart-red-bold: #F15B50;
303
+ --ds-chart-red-bold-hovered: #E2483D;
304
+ --ds-chart-red-bolder: #E2483D;
305
+ --ds-chart-red-bolder-hovered: #C9372C;
306
+ --ds-chart-red-boldest: #AE2E24;
307
+ --ds-chart-red-boldest-hovered: #5D1F1A;
308
+ --ds-chart-orange-bold: #E56910;
309
+ --ds-chart-orange-bold-hovered: #C25100;
310
+ --ds-chart-orange-bolder: #C25100;
311
+ --ds-chart-orange-bolder-hovered: #A54800;
312
+ --ds-chart-orange-boldest: #A54800;
313
+ --ds-chart-orange-boldest-hovered: #702E00;
313
314
  --ds-chart-yellow-bold: #B38600;
314
315
  --ds-chart-yellow-bold-hovered: #946F00;
315
316
  --ds-chart-yellow-bolder: #946F00;
@@ -322,12 +323,12 @@ html[data-color-mode="dark"][data-theme~="dark:light"] {
322
323
  --ds-chart-green-bolder-hovered: #216E4E;
323
324
  --ds-chart-green-boldest: #216E4E;
324
325
  --ds-chart-green-boldest-hovered: #164B35;
325
- --ds-chart-teal-bold: #1D9AAA;
326
- --ds-chart-teal-bold-hovered: #1D7F8C;
327
- --ds-chart-teal-bolder: #1D7F8C;
328
- --ds-chart-teal-bolder-hovered: #206B74;
329
- --ds-chart-teal-boldest: #206B74;
330
- --ds-chart-teal-boldest-hovered: #1D474C;
326
+ --ds-chart-teal-bold: #2898BD;
327
+ --ds-chart-teal-bold-hovered: #227D9B;
328
+ --ds-chart-teal-bolder: #227D9B;
329
+ --ds-chart-teal-bolder-hovered: #206A83;
330
+ --ds-chart-teal-boldest: #206A83;
331
+ --ds-chart-teal-boldest-hovered: #164555;
331
332
  --ds-chart-blue-bold: #388BFF;
332
333
  --ds-chart-blue-bold-hovered: #1D7AFC;
333
334
  --ds-chart-blue-bolder: #1D7AFC;
@@ -354,10 +355,10 @@ html[data-color-mode="dark"][data-theme~="dark:light"] {
354
355
  --ds-chart-gray-boldest-hovered: #2C3E5D;
355
356
  --ds-chart-brand: #1D7AFC;
356
357
  --ds-chart-brand-hovered: #0C66E4;
357
- --ds-chart-danger: #EF5C48;
358
- --ds-chart-danger-hovered: #E34935;
359
- --ds-chart-danger-bold: #AE2A19;
360
- --ds-chart-danger-bold-hovered: #601E16;
358
+ --ds-chart-danger: #F15B50;
359
+ --ds-chart-danger-hovered: #E2483D;
360
+ --ds-chart-danger-bold: #AE2E24;
361
+ --ds-chart-danger-bold-hovered: #5D1F1A;
361
362
  --ds-chart-warning: #B38600;
362
363
  --ds-chart-warning-hovered: #946F00;
363
364
  --ds-chart-warning-bold: #7F5F01;
@@ -397,6 +398,17 @@ html[data-color-mode="dark"][data-theme~="dark:light"] {
397
398
 
398
399
 
399
400
 
401
+ /* ------ THEME: light-future ------ */
402
+
403
+
404
+ html[data-color-mode="light"][data-theme~="light:light"],
405
+ html[data-color-mode="dark"][data-theme~="dark:light"] {
406
+ color-scheme: light;
407
+ --ds-background-disabled: #28311B;
408
+ }
409
+
410
+
411
+
400
412
  /* ------ THEME: dark ------ */
401
413
 
402
414
 
@@ -406,16 +418,16 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
406
418
  --ds-text: #B6C2CF;
407
419
  --ds-text-accent-lime: #B3DF72;
408
420
  --ds-text-accent-lime-bolder: #D3F1A7;
409
- --ds-text-accent-red: #FF9C8F;
410
- --ds-text-accent-red-bolder: #FFD2CC;
411
- --ds-text-accent-orange: #FEC57B;
412
- --ds-text-accent-orange-bolder: #FFE2BD;
421
+ --ds-text-accent-red: #FD9891;
422
+ --ds-text-accent-red-bolder: #FFD5D2;
423
+ --ds-text-accent-orange: #FEC195;
424
+ --ds-text-accent-orange-bolder: #FEDEC8;
413
425
  --ds-text-accent-yellow: #F5CD47;
414
426
  --ds-text-accent-yellow-bolder: #F8E6A0;
415
427
  --ds-text-accent-green: #7EE2B8;
416
428
  --ds-text-accent-green-bolder: #BAF3DB;
417
- --ds-text-accent-teal: #8BDBE5;
418
- --ds-text-accent-teal-bolder: #C1F0F5;
429
+ --ds-text-accent-teal: #9DD9EE;
430
+ --ds-text-accent-teal-bolder: #C6EDFB;
419
431
  --ds-text-accent-blue: #85B8FF;
420
432
  --ds-text-accent-blue-bolder: #CCE0FF;
421
433
  --ds-text-accent-purple: #B8ACF6;
@@ -428,7 +440,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
428
440
  --ds-text-inverse: #1D2125;
429
441
  --ds-text-selected: #579DFF;
430
442
  --ds-text-brand: #579DFF;
431
- --ds-text-danger: #FF9C8F;
443
+ --ds-text-danger: #FD9891;
432
444
  --ds-text-warning: #F5CD47;
433
445
  --ds-text-warning-inverse: #1D2125;
434
446
  --ds-text-success: #7EE2B8;
@@ -438,13 +450,14 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
438
450
  --ds-text-subtle: #9FADBC;
439
451
  --ds-link: #579DFF;
440
452
  --ds-link-pressed: #85B8FF;
453
+ --ds-link-visited: #B8ACF6;
441
454
  --ds-icon: #9FADBC;
442
455
  --ds-icon-accent-lime: #82B536;
443
- --ds-icon-accent-red: #EF5C48;
444
- --ds-icon-accent-orange: #F18D13;
445
- --ds-icon-accent-yellow: #CF9F02;
456
+ --ds-icon-accent-red: #E2483D;
457
+ --ds-icon-accent-orange: #F38A3F;
458
+ --ds-icon-accent-yellow: #F5CD47;
446
459
  --ds-icon-accent-green: #2ABB7F;
447
- --ds-icon-accent-teal: #37B4C3;
460
+ --ds-icon-accent-teal: #42B2D7;
448
461
  --ds-icon-accent-blue: #388BFF;
449
462
  --ds-icon-accent-purple: #8F7EE7;
450
463
  --ds-icon-accent-magenta: #DA62AC;
@@ -453,8 +466,8 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
453
466
  --ds-icon-inverse: #1D2125;
454
467
  --ds-icon-selected: #579DFF;
455
468
  --ds-icon-brand: #579DFF;
456
- --ds-icon-danger: #EF5C48;
457
- --ds-icon-warning: #CF9F02;
469
+ --ds-icon-danger: #F15B50;
470
+ --ds-icon-warning: #F5CD47;
458
471
  --ds-icon-warning-inverse: #1D2125;
459
472
  --ds-icon-success: #2ABB7F;
460
473
  --ds-icon-discovery: #8F7EE7;
@@ -462,11 +475,11 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
462
475
  --ds-icon-subtle: #8C9BAB;
463
476
  --ds-border: #A6C5E229;
464
477
  --ds-border-accent-lime: #82B536;
465
- --ds-border-accent-red: #EF5C48;
466
- --ds-border-accent-orange: #F18D13;
478
+ --ds-border-accent-red: #F15B50;
479
+ --ds-border-accent-orange: #F38A3F;
467
480
  --ds-border-accent-yellow: #CF9F02;
468
481
  --ds-border-accent-green: #2ABB7F;
469
- --ds-border-accent-teal: #37B4C3;
482
+ --ds-border-accent-teal: #42B2D7;
470
483
  --ds-border-accent-blue: #388BFF;
471
484
  --ds-border-accent-purple: #8F7EE7;
472
485
  --ds-border-accent-magenta: #DA62AC;
@@ -477,13 +490,13 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
477
490
  --ds-border-inverse: #161A1D;
478
491
  --ds-border-selected: #579DFF;
479
492
  --ds-border-brand: #579DFF;
480
- --ds-border-danger: #EF5C48;
493
+ --ds-border-danger: #F15B50;
481
494
  --ds-border-warning: #CF9F02;
482
495
  --ds-border-success: #2ABB7F;
483
496
  --ds-border-discovery: #8F7EE7;
484
497
  --ds-border-information: #388BFF;
485
498
  --ds-border-bold: #738496;
486
- --ds-background-accent-lime-subtlest: #2A3818;
499
+ --ds-background-accent-lime-subtlest: #28311B;
487
500
  --ds-background-accent-lime-subtlest-hovered: #37471F;
488
501
  --ds-background-accent-lime-subtlest-pressed: #4C6B1F;
489
502
  --ds-background-accent-lime-subtler: #37471F;
@@ -491,35 +504,35 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
491
504
  --ds-background-accent-lime-subtler-pressed: #5B7F24;
492
505
  --ds-background-accent-lime-subtle: #4C6B1F;
493
506
  --ds-background-accent-lime-subtle-hovered: #37471F;
494
- --ds-background-accent-lime-subtle-pressed: #2A3818;
507
+ --ds-background-accent-lime-subtle-pressed: #28311B;
495
508
  --ds-background-accent-lime-bolder: #94C748;
496
509
  --ds-background-accent-lime-bolder-hovered: #B3DF72;
497
510
  --ds-background-accent-lime-bolder-pressed: #D3F1A7;
498
- --ds-background-accent-red-subtlest: #4F1C16;
499
- --ds-background-accent-red-subtlest-hovered: #601E16;
500
- --ds-background-accent-red-subtlest-pressed: #AE2A19;
501
- --ds-background-accent-red-subtler: #601E16;
502
- --ds-background-accent-red-subtler-hovered: #AE2A19;
503
- --ds-background-accent-red-subtler-pressed: #CA3521;
504
- --ds-background-accent-red-subtle: #AE2A19;
505
- --ds-background-accent-red-subtle-hovered: #601E16;
506
- --ds-background-accent-red-subtle-pressed: #4F1C16;
507
- --ds-background-accent-red-bolder: #F87462;
508
- --ds-background-accent-red-bolder-hovered: #FF9C8F;
509
- --ds-background-accent-red-bolder-pressed: #FFD2CC;
510
- --ds-background-accent-orange-subtlest: #4A2B0F;
511
- --ds-background-accent-orange-subtlest-hovered: #5F3811;
512
- --ds-background-accent-orange-subtlest-pressed: #974F0C;
513
- --ds-background-accent-orange-subtler: #5F3811;
514
- --ds-background-accent-orange-subtler-hovered: #974F0C;
515
- --ds-background-accent-orange-subtler-pressed: #B65C02;
516
- --ds-background-accent-orange-subtle: #974F0C;
517
- --ds-background-accent-orange-subtle-hovered: #5F3811;
518
- --ds-background-accent-orange-subtle-pressed: #4A2B0F;
519
- --ds-background-accent-orange-bolder: #FAA53D;
520
- --ds-background-accent-orange-bolder-hovered: #FEC57B;
521
- --ds-background-accent-orange-bolder-pressed: #FFE2BD;
522
- --ds-background-accent-yellow-subtlest: #3F3102;
511
+ --ds-background-accent-red-subtlest: #42221F;
512
+ --ds-background-accent-red-subtlest-hovered: #5D1F1A;
513
+ --ds-background-accent-red-subtlest-pressed: #AE2E24;
514
+ --ds-background-accent-red-subtler: #5D1F1A;
515
+ --ds-background-accent-red-subtler-hovered: #AE2E24;
516
+ --ds-background-accent-red-subtler-pressed: #C9372C;
517
+ --ds-background-accent-red-subtle: #AE2E24;
518
+ --ds-background-accent-red-subtle-hovered: #5D1F1A;
519
+ --ds-background-accent-red-subtle-pressed: #42221F;
520
+ --ds-background-accent-red-bolder: #F87168;
521
+ --ds-background-accent-red-bolder-hovered: #FD9891;
522
+ --ds-background-accent-red-bolder-pressed: #FFD5D2;
523
+ --ds-background-accent-orange-subtlest: #38291E;
524
+ --ds-background-accent-orange-subtlest-hovered: #702E00;
525
+ --ds-background-accent-orange-subtlest-pressed: #A54800;
526
+ --ds-background-accent-orange-subtler: #702E00;
527
+ --ds-background-accent-orange-subtler-hovered: #A54800;
528
+ --ds-background-accent-orange-subtler-pressed: #C25100;
529
+ --ds-background-accent-orange-subtle: #A54800;
530
+ --ds-background-accent-orange-subtle-hovered: #702E00;
531
+ --ds-background-accent-orange-subtle-pressed: #38291E;
532
+ --ds-background-accent-orange-bolder: #FEA362;
533
+ --ds-background-accent-orange-bolder-hovered: #FEC195;
534
+ --ds-background-accent-orange-bolder-pressed: #FEDEC8;
535
+ --ds-background-accent-yellow-subtlest: #332E1B;
523
536
  --ds-background-accent-yellow-subtlest-hovered: #533F04;
524
537
  --ds-background-accent-yellow-subtlest-pressed: #7F5F01;
525
538
  --ds-background-accent-yellow-subtler: #533F04;
@@ -527,11 +540,11 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
527
540
  --ds-background-accent-yellow-subtler-pressed: #946F00;
528
541
  --ds-background-accent-yellow-subtle: #7F5F01;
529
542
  --ds-background-accent-yellow-subtle-hovered: #533F04;
530
- --ds-background-accent-yellow-subtle-pressed: #3F3102;
543
+ --ds-background-accent-yellow-subtle-pressed: #332E1B;
531
544
  --ds-background-accent-yellow-bolder: #E2B203;
532
545
  --ds-background-accent-yellow-bolder-hovered: #F5CD47;
533
546
  --ds-background-accent-yellow-bolder-pressed: #F8E6A0;
534
- --ds-background-accent-green-subtlest: #143C2B;
547
+ --ds-background-accent-green-subtlest: #1C3329;
535
548
  --ds-background-accent-green-subtlest-hovered: #164B35;
536
549
  --ds-background-accent-green-subtlest-pressed: #216E4E;
537
550
  --ds-background-accent-green-subtler: #164B35;
@@ -539,23 +552,23 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
539
552
  --ds-background-accent-green-subtler-pressed: #1F845A;
540
553
  --ds-background-accent-green-subtle: #216E4E;
541
554
  --ds-background-accent-green-subtle-hovered: #164B35;
542
- --ds-background-accent-green-subtle-pressed: #143C2B;
555
+ --ds-background-accent-green-subtle-pressed: #1C3329;
543
556
  --ds-background-accent-green-bolder: #4BCE97;
544
557
  --ds-background-accent-green-bolder-hovered: #7EE2B8;
545
558
  --ds-background-accent-green-bolder-pressed: #BAF3DB;
546
- --ds-background-accent-teal-subtlest: #15373B;
547
- --ds-background-accent-teal-subtlest-hovered: #1D474C;
548
- --ds-background-accent-teal-subtlest-pressed: #206B74;
549
- --ds-background-accent-teal-subtler: #1D474C;
550
- --ds-background-accent-teal-subtler-hovered: #206B74;
551
- --ds-background-accent-teal-subtler-pressed: #1D7F8C;
552
- --ds-background-accent-teal-subtle: #206B74;
553
- --ds-background-accent-teal-subtle-hovered: #1D474C;
554
- --ds-background-accent-teal-subtle-pressed: #15373B;
555
- --ds-background-accent-teal-bolder: #60C6D2;
556
- --ds-background-accent-teal-bolder-hovered: #8BDBE5;
557
- --ds-background-accent-teal-bolder-pressed: #C1F0F5;
558
- --ds-background-accent-blue-subtlest: #092957;
559
+ --ds-background-accent-teal-subtlest: #1E3137;
560
+ --ds-background-accent-teal-subtlest-hovered: #164555;
561
+ --ds-background-accent-teal-subtlest-pressed: #206A83;
562
+ --ds-background-accent-teal-subtler: #164555;
563
+ --ds-background-accent-teal-subtler-hovered: #206A83;
564
+ --ds-background-accent-teal-subtler-pressed: #227D9B;
565
+ --ds-background-accent-teal-subtle: #206A83;
566
+ --ds-background-accent-teal-subtle-hovered: #164555;
567
+ --ds-background-accent-teal-subtle-pressed: #1E3137;
568
+ --ds-background-accent-teal-bolder: #6CC3E0;
569
+ --ds-background-accent-teal-bolder-hovered: #9DD9EE;
570
+ --ds-background-accent-teal-bolder-pressed: #C6EDFB;
571
+ --ds-background-accent-blue-subtlest: #1C2B41;
559
572
  --ds-background-accent-blue-subtlest-hovered: #09326C;
560
573
  --ds-background-accent-blue-subtlest-pressed: #0055CC;
561
574
  --ds-background-accent-blue-subtler: #09326C;
@@ -563,11 +576,11 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
563
576
  --ds-background-accent-blue-subtler-pressed: #0C66E4;
564
577
  --ds-background-accent-blue-subtle: #0055CC;
565
578
  --ds-background-accent-blue-subtle-hovered: #09326C;
566
- --ds-background-accent-blue-subtle-pressed: #092957;
579
+ --ds-background-accent-blue-subtle-pressed: #1C2B41;
567
580
  --ds-background-accent-blue-bolder: #579DFF;
568
581
  --ds-background-accent-blue-bolder-hovered: #85B8FF;
569
582
  --ds-background-accent-blue-bolder-pressed: #CCE0FF;
570
- --ds-background-accent-purple-subtlest: #2B2451;
583
+ --ds-background-accent-purple-subtlest: #2B273F;
571
584
  --ds-background-accent-purple-subtlest-hovered: #352C63;
572
585
  --ds-background-accent-purple-subtlest-pressed: #5E4DB2;
573
586
  --ds-background-accent-purple-subtler: #352C63;
@@ -575,11 +588,11 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
575
588
  --ds-background-accent-purple-subtler-pressed: #6E5DC6;
576
589
  --ds-background-accent-purple-subtle: #5E4DB2;
577
590
  --ds-background-accent-purple-subtle-hovered: #352C63;
578
- --ds-background-accent-purple-subtle-pressed: #2B2451;
591
+ --ds-background-accent-purple-subtle-pressed: #2B273F;
579
592
  --ds-background-accent-purple-bolder: #9F8FEF;
580
593
  --ds-background-accent-purple-bolder-hovered: #B8ACF6;
581
594
  --ds-background-accent-purple-bolder-pressed: #DFD8FD;
582
- --ds-background-accent-magenta-subtlest: #421F34;
595
+ --ds-background-accent-magenta-subtlest: #3D2232;
583
596
  --ds-background-accent-magenta-subtlest-hovered: #50253F;
584
597
  --ds-background-accent-magenta-subtlest-pressed: #943D73;
585
598
  --ds-background-accent-magenta-subtler: #50253F;
@@ -587,7 +600,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
587
600
  --ds-background-accent-magenta-subtler-pressed: #AE4787;
588
601
  --ds-background-accent-magenta-subtle: #943D73;
589
602
  --ds-background-accent-magenta-subtle-hovered: #50253F;
590
- --ds-background-accent-magenta-subtle-pressed: #421F34;
603
+ --ds-background-accent-magenta-subtle-pressed: #3D2232;
591
604
  --ds-background-accent-magenta-bolder: #E774BB;
592
605
  --ds-background-accent-magenta-bolder-hovered: #F797D2;
593
606
  --ds-background-accent-magenta-bolder-pressed: #FDD0EC;
@@ -619,13 +632,13 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
619
632
  --ds-background-neutral-bold: #9FADBC;
620
633
  --ds-background-neutral-bold-hovered: #B6C2CF;
621
634
  --ds-background-neutral-bold-pressed: #C7D1DB;
622
- --ds-background-selected: #092957;
635
+ --ds-background-selected: #1C2B41;
623
636
  --ds-background-selected-hovered: #09326C;
624
637
  --ds-background-selected-pressed: #0055CC;
625
638
  --ds-background-selected-bold: #579DFF;
626
639
  --ds-background-selected-bold-hovered: #85B8FF;
627
640
  --ds-background-selected-bold-pressed: #CCE0FF;
628
- --ds-background-brand-subtlest: #092957;
641
+ --ds-background-brand-subtlest: #1C2B41;
629
642
  --ds-background-brand-subtlest-hovered: #09326C;
630
643
  --ds-background-brand-subtlest-pressed: #0055CC;
631
644
  --ds-background-brand-bold: #579DFF;
@@ -634,31 +647,31 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
634
647
  --ds-background-brand-boldest: #E9F2FF;
635
648
  --ds-background-brand-boldest-hovered: #CCE0FF;
636
649
  --ds-background-brand-boldest-pressed: #85B8FF;
637
- --ds-background-danger: #4F1C16;
638
- --ds-background-danger-hovered: #601E16;
639
- --ds-background-danger-pressed: #AE2A19;
640
- --ds-background-danger-bold: #F87462;
641
- --ds-background-danger-bold-hovered: #FF9C8F;
642
- --ds-background-danger-bold-pressed: #FFD2CC;
643
- --ds-background-warning: #3F3102;
650
+ --ds-background-danger: #42221F;
651
+ --ds-background-danger-hovered: #5D1F1A;
652
+ --ds-background-danger-pressed: #AE2E24;
653
+ --ds-background-danger-bold: #F87168;
654
+ --ds-background-danger-bold-hovered: #FD9891;
655
+ --ds-background-danger-bold-pressed: #FFD5D2;
656
+ --ds-background-warning: #332E1B;
644
657
  --ds-background-warning-hovered: #533F04;
645
658
  --ds-background-warning-pressed: #7F5F01;
646
- --ds-background-warning-bold: #E2B203;
647
- --ds-background-warning-bold-hovered: #F5CD47;
648
- --ds-background-warning-bold-pressed: #F8E6A0;
649
- --ds-background-success: #143C2B;
659
+ --ds-background-warning-bold: #F5CD47;
660
+ --ds-background-warning-bold-hovered: #E2B203;
661
+ --ds-background-warning-bold-pressed: #CF9F02;
662
+ --ds-background-success: #1C3329;
650
663
  --ds-background-success-hovered: #164B35;
651
664
  --ds-background-success-pressed: #216E4E;
652
665
  --ds-background-success-bold: #4BCE97;
653
666
  --ds-background-success-bold-hovered: #7EE2B8;
654
667
  --ds-background-success-bold-pressed: #BAF3DB;
655
- --ds-background-discovery: #2B2451;
668
+ --ds-background-discovery: #2B273F;
656
669
  --ds-background-discovery-hovered: #352C63;
657
670
  --ds-background-discovery-pressed: #5E4DB2;
658
671
  --ds-background-discovery-bold: #9F8FEF;
659
672
  --ds-background-discovery-bold-hovered: #B8ACF6;
660
673
  --ds-background-discovery-bold-pressed: #DFD8FD;
661
- --ds-background-information: #092957;
674
+ --ds-background-information: #1C2B41;
662
675
  --ds-background-information-hovered: #09326C;
663
676
  --ds-background-information-pressed: #0055CC;
664
677
  --ds-background-information-bold: #579DFF;
@@ -671,12 +684,12 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
671
684
  --ds-interaction-pressed: #ffffff5c;
672
685
  --ds-skeleton: #A1BDD914;
673
686
  --ds-skeleton-subtle: #BCD6F00A;
674
- --ds-chart-categorical-1: #1D9AAA;
675
- --ds-chart-categorical-1-hovered: #37B4C3;
687
+ --ds-chart-categorical-1: #2898BD;
688
+ --ds-chart-categorical-1-hovered: #42B2D7;
676
689
  --ds-chart-categorical-2: #B8ACF6;
677
690
  --ds-chart-categorical-2-hovered: #DFD8FD;
678
- --ds-chart-categorical-3: #D97008;
679
- --ds-chart-categorical-3-hovered: #F18D13;
691
+ --ds-chart-categorical-3: #E56910;
692
+ --ds-chart-categorical-3-hovered: #F38A3F;
680
693
  --ds-chart-categorical-4: #F797D2;
681
694
  --ds-chart-categorical-4-hovered: #FDD0EC;
682
695
  --ds-chart-categorical-5: #CCE0FF;
@@ -685,8 +698,8 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
685
698
  --ds-chart-categorical-6-hovered: #8F7EE7;
686
699
  --ds-chart-categorical-7: #FDD0EC;
687
700
  --ds-chart-categorical-7-hovered: #FFECF8;
688
- --ds-chart-categorical-8: #FEC57B;
689
- --ds-chart-categorical-8-hovered: #FFE2BD;
701
+ --ds-chart-categorical-8: #FEC195;
702
+ --ds-chart-categorical-8-hovered: #FEDEC8;
690
703
  --ds-chart-lime-bold: #82B536;
691
704
  --ds-chart-lime-bold-hovered: #94C748;
692
705
  --ds-chart-lime-bolder: #94C748;
@@ -695,18 +708,18 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
695
708
  --ds-chart-lime-boldest-hovered: #D3F1A7;
696
709
  --ds-chart-neutral: #738496;
697
710
  --ds-chart-neutral-hovered: #8C9BAB;
698
- --ds-chart-red-bold: #E34935;
699
- --ds-chart-red-bold-hovered: #EF5C48;
700
- --ds-chart-red-bolder: #EF5C48;
701
- --ds-chart-red-bolder-hovered: #F87462;
702
- --ds-chart-red-boldest: #FF9C8F;
703
- --ds-chart-red-boldest-hovered: #FFD2CC;
704
- --ds-chart-orange-bold: #F18D13;
705
- --ds-chart-orange-bold-hovered: #FAA53D;
706
- --ds-chart-orange-bolder: #FAA53D;
707
- --ds-chart-orange-bolder-hovered: #FEC57B;
708
- --ds-chart-orange-boldest: #FEC57B;
709
- --ds-chart-orange-boldest-hovered: #FFE2BD;
711
+ --ds-chart-red-bold: #E2483D;
712
+ --ds-chart-red-bold-hovered: #F15B50;
713
+ --ds-chart-red-bolder: #F15B50;
714
+ --ds-chart-red-bolder-hovered: #F87168;
715
+ --ds-chart-red-boldest: #FD9891;
716
+ --ds-chart-red-boldest-hovered: #FFD5D2;
717
+ --ds-chart-orange-bold: #F38A3F;
718
+ --ds-chart-orange-bold-hovered: #FEA362;
719
+ --ds-chart-orange-bolder: #FEA362;
720
+ --ds-chart-orange-bolder-hovered: #FEC195;
721
+ --ds-chart-orange-boldest: #FEC195;
722
+ --ds-chart-orange-boldest-hovered: #FEDEC8;
710
723
  --ds-chart-yellow-bold: #CF9F02;
711
724
  --ds-chart-yellow-bold-hovered: #E2B203;
712
725
  --ds-chart-yellow-bolder: #E2B203;
@@ -719,12 +732,12 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
719
732
  --ds-chart-green-bolder-hovered: #7EE2B8;
720
733
  --ds-chart-green-boldest: #7EE2B8;
721
734
  --ds-chart-green-boldest-hovered: #BAF3DB;
722
- --ds-chart-teal-bold: #37B4C3;
723
- --ds-chart-teal-bold-hovered: #60C6D2;
724
- --ds-chart-teal-bolder: #60C6D2;
725
- --ds-chart-teal-bolder-hovered: #8BDBE5;
726
- --ds-chart-teal-boldest: #8BDBE5;
727
- --ds-chart-teal-boldest-hovered: #C1F0F5;
735
+ --ds-chart-teal-bold: #42B2D7;
736
+ --ds-chart-teal-bold-hovered: #6CC3E0;
737
+ --ds-chart-teal-bolder: #6CC3E0;
738
+ --ds-chart-teal-bolder-hovered: #9DD9EE;
739
+ --ds-chart-teal-boldest: #9DD9EE;
740
+ --ds-chart-teal-boldest-hovered: #C6EDFB;
728
741
  --ds-chart-blue-bold: #1D7AFC;
729
742
  --ds-chart-blue-bold-hovered: #388BFF;
730
743
  --ds-chart-blue-bolder: #388BFF;
@@ -751,10 +764,10 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
751
764
  --ds-chart-gray-boldest-hovered: #B6C2CF;
752
765
  --ds-chart-brand: #388BFF;
753
766
  --ds-chart-brand-hovered: #579DFF;
754
- --ds-chart-danger: #E34935;
755
- --ds-chart-danger-hovered: #EF5C48;
756
- --ds-chart-danger-bold: #FF9C8F;
757
- --ds-chart-danger-bold-hovered: #FFD2CC;
767
+ --ds-chart-danger: #E2483D;
768
+ --ds-chart-danger-hovered: #F15B50;
769
+ --ds-chart-danger-bold: #FD9891;
770
+ --ds-chart-danger-bold-hovered: #FFD5D2;
758
771
  --ds-chart-warning: #CF9F02;
759
772
  --ds-chart-warning-hovered: #E2B203;
760
773
  --ds-chart-warning-bold: #F5CD47;
@@ -794,6 +807,17 @@ html[data-color-mode="dark"][data-theme~="dark:dark"] {
794
807
 
795
808
 
796
809
 
810
+ /* ------ THEME: dark-future ------ */
811
+
812
+
813
+ html[data-color-mode="light"][data-theme~="light:light"],
814
+ html[data-color-mode="dark"][data-theme~="dark:light"] {
815
+ color-scheme: dark;
816
+ --ds-background-disabled: #B3DF72;
817
+ }
818
+
819
+
820
+
797
821
  /* ------ THEME: legacy-light ------ */
798
822
 
799
823
 
@@ -835,6 +859,7 @@ html[data-color-mode="dark"][data-theme~="dark:legacy-light"] {
835
859
  --ds-text-subtle: #42526E;
836
860
  --ds-link: #0052CC;
837
861
  --ds-link-pressed: #0747A6;
862
+ --ds-link-visited: #403294;
838
863
  --ds-icon: #505F79;
839
864
  --ds-icon-accent-lime: #6A9A23;
840
865
  --ds-icon-accent-red: #FF5630;
@@ -1232,6 +1257,7 @@ html[data-color-mode="dark"][data-theme~="dark:legacy-dark"] {
1232
1257
  --ds-text-subtle: #9FB0CC;
1233
1258
  --ds-link: #0052CC;
1234
1259
  --ds-link-pressed: #0065FF;
1260
+ --ds-link-visited: #6554C0;
1235
1261
  --ds-icon: #DCE5F5;
1236
1262
  --ds-icon-accent-lime: #6A9A23;
1237
1263
  --ds-icon-accent-red: #BF2600;
@@ -1606,37 +1632,15 @@ html[data-theme~="spacing:spacing"] {
1606
1632
  --ds-space-600: 3rem;
1607
1633
  --ds-space-800: 4rem;
1608
1634
  --ds-space-1000: 5rem;
1609
- }
1610
-
1611
-
1612
-
1613
- /* ------ THEME: typography ------ */
1614
-
1615
-
1616
- html[data-theme~="typography:typography"] {
1617
- --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-sans);
1618
- --ds-font-body-lg: normal 400 1rem/1.5rem var(--ds-font-family-sans);
1619
- --ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-sans);
1620
- --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);
1621
- --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-sans);
1622
- --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-sans);
1623
- --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-sans);
1624
- --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-sans);
1625
- --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-sans);
1626
- --ds-font-heading-xxl: normal 700 2.25rem/2.5rem var(--ds-font-family-sans);
1627
- --ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-sans);
1628
- --ds-font-letterSpacing-0: 0;
1629
- --ds-font-letterSpacing-100: 0;
1630
- --ds-font-letterSpacing-200: 0;
1631
- --ds-font-letterSpacing-300: 0;
1632
- --ds-font-letterSpacing-400: 0;
1633
- --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-sans);
1634
- --ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-sans);
1635
- --ds-font-family-code: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
1636
- --ds-font-family-monospace: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
1637
- --ds-font-family-product: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
1638
- --ds-font-family-sans: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
1639
- --ds-font-family-brand: Charlie Sans;
1635
+ --ds-space-negative-025: -0.125rem;
1636
+ --ds-space-negative-050: -0.25rem;
1637
+ --ds-space-negative-075: -0.375rem;
1638
+ --ds-space-negative-100: -0.5rem;
1639
+ --ds-space-negative-150: -0.75rem;
1640
+ --ds-space-negative-200: -1rem;
1641
+ --ds-space-negative-250: -1.25rem;
1642
+ --ds-space-negative-300: -1.5rem;
1643
+ --ds-space-negative-400: -2rem;
1640
1644
  }
1641
1645
 
1642
1646
 
@@ -1664,27 +1668,29 @@ html[data-theme~="shape:shape"] {
1664
1668
 
1665
1669
 
1666
1670
  html[data-theme~="typography:typography-adg3"] {
1667
- --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-product);
1668
- --ds-font-body-lg: normal 400 1rem/1.5rem var(--ds-font-family-product);
1669
- --ds-font-body-sm: normal 400 0.6875rem/1.25rem var(--ds-font-family-product);
1670
- --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);
1671
- --ds-font-heading-lg: normal 500 1.5rem/1.75rem var(--ds-font-family-product);
1672
- --ds-font-heading-md: normal 500 1.25rem/1.5rem var(--ds-font-family-product);
1673
- --ds-font-heading-sm: normal 600 1rem/1.25rem var(--ds-font-family-product);
1674
- --ds-font-heading-xl: normal 600 1.8125rem/2rem var(--ds-font-family-product);
1675
- --ds-font-heading-xs: normal 600 0.875rem/1rem var(--ds-font-family-product);
1676
- --ds-font-heading-xxl: normal 500 2.1875rem/2.5rem var(--ds-font-family-product);
1677
- --ds-font-heading-xxs: normal 600 0.75rem/1rem var(--ds-font-family-product);
1671
+ --ds-UNSAFE-textTransformUppercase: uppercase;
1672
+ --ds-font-heading-xxlarge: normal 500 2.1875rem/2.5rem var(--ds-font-family-heading);
1673
+ --ds-font-heading-xlarge: normal 600 1.8125rem/2rem var(--ds-font-family-heading);
1674
+ --ds-font-heading-large: normal 500 1.5rem/1.75rem var(--ds-font-family-heading);
1675
+ --ds-font-heading-medium: normal 500 1.25rem/1.5rem var(--ds-font-family-heading);
1676
+ --ds-font-heading-small: normal 600 1rem/1.25rem var(--ds-font-family-heading);
1677
+ --ds-font-heading-xsmall: normal 600 0.875rem/1rem var(--ds-font-family-heading);
1678
+ --ds-font-heading-xxsmall: normal 600 0.75rem/1rem var(--ds-font-family-heading);
1679
+ --ds-font-body-large: normal 400 1rem/1.5rem var(--ds-font-family-body);
1680
+ --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);
1681
+ --ds-font-body-small: normal 400 0.6875rem/1rem var(--ds-font-family-body);
1682
+ --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);
1683
+ --ds-font-ui-small: normal 400 0.6875rem/1 var(--ds-font-family-body);
1684
+ --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);
1678
1685
  --ds-font-letterSpacing-0: 0;
1679
1686
  --ds-font-letterSpacing-100: -0.003em;
1680
1687
  --ds-font-letterSpacing-200: -0.006em;
1681
1688
  --ds-font-letterSpacing-300: -0.008em;
1682
1689
  --ds-font-letterSpacing-400: -0.01em;
1683
- --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-product);
1684
- --ds-font-ui-sm: normal 400 0.6875rem/1 var(--ds-font-family-product);
1690
+ --ds-font-family-body: ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
1685
1691
  --ds-font-family-code: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
1692
+ --ds-font-family-heading: ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
1686
1693
  --ds-font-family-monospace: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
1687
- --ds-font-family-product: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
1688
1694
  --ds-font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
1689
1695
  --ds-font-family-brand: Charlie Sans;
1690
1696
  --ds-font-size-050: 0.6875rem;
@@ -1714,29 +1720,37 @@ html[data-theme~="typography:typography-adg3"] {
1714
1720
 
1715
1721
 
1716
1722
  html[data-theme~="typography:typography-minor3"] {
1717
- --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-sans);
1718
- --ds-font-body-lg: normal 400 1rem/1.5rem var(--ds-font-family-sans);
1719
- --ds-font-body-sm: normal 400 0.75rem/1.25rem var(--ds-font-family-sans);
1720
- --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-monospace);
1721
- --ds-font-heading-lg: normal 700 1.5rem/1.75rem var(--ds-font-family-sans);
1722
- --ds-font-heading-md: normal 700 1.25rem/1.5rem var(--ds-font-family-sans);
1723
- --ds-font-heading-sm: normal 700 1rem/1.25rem var(--ds-font-family-sans);
1724
- --ds-font-heading-xl: normal 700 1.75rem/2rem var(--ds-font-family-sans);
1725
- --ds-font-heading-xs: normal 700 0.875rem/1rem var(--ds-font-family-sans);
1726
- --ds-font-heading-xxl: normal 700 2rem/2.25rem var(--ds-font-family-sans);
1727
- --ds-font-heading-xxs: normal 700 0.75rem/1rem var(--ds-font-family-sans);
1723
+ --ds-UNSAFE-textTransformUppercase: uppercase;
1724
+ --ds-font-heading-xxlarge: normal 700 2rem/2.25rem var(--ds-font-family-heading);
1725
+ --ds-font-heading-xlarge: normal 700 1.75rem/2rem var(--ds-font-family-heading);
1726
+ --ds-font-heading-large: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);
1727
+ --ds-font-heading-medium: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);
1728
+ --ds-font-heading-small: normal 700 1rem/1.25rem var(--ds-font-family-heading);
1729
+ --ds-font-heading-xsmall: normal 700 0.875rem/1rem var(--ds-font-family-heading);
1730
+ --ds-font-heading-xxsmall: normal 700 0.75rem/1rem var(--ds-font-family-heading);
1731
+ --ds-font-body-large: normal 400 1rem/1.5rem var(--ds-font-family-body);
1732
+ --ds-font-body: normal 400 0.875rem/1.25rem var(--ds-font-family-body);
1733
+ --ds-font-body-small: normal 400 0.75rem/1rem var(--ds-font-family-body);
1734
+ --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-body);
1735
+ --ds-font-ui-small: normal 400 0.75rem/1 var(--ds-font-family-body);
1736
+ --ds-font-code: normal 400 0.875em/1 var(--ds-font-family-code);
1728
1737
  --ds-font-letterSpacing-0: 0;
1729
1738
  --ds-font-letterSpacing-100: 0;
1730
1739
  --ds-font-letterSpacing-200: 0;
1731
1740
  --ds-font-letterSpacing-300: 0;
1732
1741
  --ds-font-letterSpacing-400: 0;
1733
- --ds-font-ui: normal 400 0.875rem/1 var(--ds-font-family-sans);
1734
- --ds-font-ui-sm: normal 400 0.75rem/1 var(--ds-font-family-sans);
1742
+ --ds-font-family-body: ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
1735
1743
  --ds-font-family-code: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
1744
+ --ds-font-family-heading: ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
1736
1745
  --ds-font-family-monospace: ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace;
1737
- --ds-font-family-product: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
1738
- --ds-font-family-sans: ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif;
1746
+ --ds-font-family-sans: ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif;
1739
1747
  --ds-font-family-brand: Charlie Sans;
1748
+ @media not all and (min-width: 64rem) {
1749
+ --ds-font-heading-xxlarge: normal 700 1.75rem/2rem var(--ds-font-family-heading);
1750
+ --ds-font-heading-xlarge: normal 700 1.5rem/1.75rem var(--ds-font-family-heading);
1751
+ --ds-font-heading-large: normal 700 1.25rem/1.5rem var(--ds-font-family-heading);
1752
+ --ds-font-heading-medium: normal 700 1rem/1.25rem var(--ds-font-family-heading);
1753
+ }
1740
1754
  }
1741
1755
 
1742
1756