@times-design-system/theme-scss 2.3.1 → 2.5.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 (40) hide show
  1. package/dist/palettes/business-dark.scss +46 -20
  2. package/dist/palettes/business-light.scss +37 -11
  3. package/dist/palettes/comment-dark.scss +46 -20
  4. package/dist/palettes/comment-light.scss +37 -11
  5. package/dist/palettes/core-dark.scss +51 -25
  6. package/dist/palettes/core-light.scss +26 -0
  7. package/dist/palettes/culture-dark.scss +46 -20
  8. package/dist/palettes/culture-light.scss +37 -11
  9. package/dist/palettes/home-dark.scss +46 -20
  10. package/dist/palettes/home-light.scss +37 -11
  11. package/dist/palettes/ireland-dark.scss +42 -16
  12. package/dist/palettes/ireland-light.scss +37 -11
  13. package/dist/palettes/lifeAndStyle-dark.scss +46 -20
  14. package/dist/palettes/lifeAndStyle-light.scss +30 -4
  15. package/dist/palettes/magazineLuxx-dark.scss +35 -9
  16. package/dist/palettes/magazineLuxx-light.scss +26 -0
  17. package/dist/palettes/magazineSundayTimes-dark.scss +35 -9
  18. package/dist/palettes/magazineSundayTimes-light.scss +26 -0
  19. package/dist/palettes/magazineTimes-dark.scss +35 -9
  20. package/dist/palettes/magazineTimes-light.scss +26 -0
  21. package/dist/palettes/money-dark.scss +46 -20
  22. package/dist/palettes/money-light.scss +37 -11
  23. package/dist/palettes/obituaries-dark.scss +46 -20
  24. package/dist/palettes/obituaries-light.scss +37 -11
  25. package/dist/palettes/puzzles-dark.scss +46 -20
  26. package/dist/palettes/puzzles-light.scss +30 -4
  27. package/dist/palettes/sport-dark.scss +46 -20
  28. package/dist/palettes/sport-light.scss +37 -11
  29. package/dist/palettes/timesEvents-dark.scss +330 -0
  30. package/dist/palettes/timesEvents-light.scss +330 -0
  31. package/dist/palettes/timesPlus-dark.scss +35 -9
  32. package/dist/palettes/timesPlus-light.scss +26 -0
  33. package/dist/palettes/travel-dark.scss +46 -20
  34. package/dist/palettes/travel-light.scss +37 -11
  35. package/dist/palettes/uk-dark.scss +46 -20
  36. package/dist/palettes/uk-light.scss +37 -11
  37. package/dist/palettes/world-dark.scss +46 -20
  38. package/dist/palettes/world-light.scss +37 -11
  39. package/dist/tds-layout.scss +8 -4
  40. package/package.json +2 -2
package/dist/palettes/business-dark.scss CHANGED
@@ -17,37 +17,39 @@ $dark-business-surface-static-light: #ffffff;
17
17
  $dark-business-surface-inverse: #ffffff;
18
18
  $dark-business-text-primary: #ffffff;
19
19
  $dark-business-text-secondary: #d9d9d9;
20
- $dark-business-text-tertiary: #a6a6a6;
21
- $dark-business-text-channel-primary: #6093b6;
22
- $dark-business-text-channel-secondary: #4786ac;
23
- $dark-business-text-channel-tertiary: #1d658d;
20
+ $dark-business-text-tertiary: #737373;
21
+ $dark-business-text-channel-primary: #94b9ce;
22
+ $dark-business-text-channel-secondary: #7eaac5;
23
+ $dark-business-text-channel-tertiary: #538eb1;
24
24
  $dark-business-text-static-dark: #000000;
25
25
  $dark-business-text-static-light: #ffffff;
26
26
  $dark-business-text-inverse: #000000;
27
27
  $dark-business-icon-primary: #ffffff;
28
28
  $dark-business-icon-secondary: #d9d9d9;
29
- $dark-business-icon-tertiary: #a6a6a6;
29
+ $dark-business-icon-tertiary: #737373;
30
30
  $dark-business-icon-channel-primary: #21709c;
31
31
  $dark-business-icon-channel-secondary: #3b7fa7;
32
- $dark-business-icon-channel-tertiary: #1d658d;
32
+ $dark-business-icon-channel-tertiary: #538eb1;
33
33
  $dark-business-icon-inverse: #000000;
34
+ $dark-business-icon-static-light: #ffffff;
35
+ $dark-business-icon-static-dark: #000000;
34
36
  $dark-business-border-primary: #575757;
35
37
  $dark-business-border-secondary: #333333;
36
38
  $dark-business-border-tertiary: #1a1a1a;
37
- $dark-business-border-channel-primary: #1d658d;
38
- $dark-business-border-channel-secondary: #13435e;
39
- $dark-business-border-channel-tertiary: #0f2c3f;
39
+ $dark-business-border-channel-primary: #6093b6;
40
+ $dark-business-border-channel-secondary: #4786ac;
41
+ $dark-business-border-channel-tertiary: #2e77a2;
40
42
  $dark-business-border-elevation: #333333;
41
43
  $dark-business-border-static-dark: #000000;
42
44
  $dark-business-border-static-light: #ffffff;
43
45
  $dark-business-input-fill-default: #000000;
44
- $dark-business-input-fill-error: #670909;
46
+ $dark-business-input-fill-error: #410805;
45
47
  $dark-business-input-fill-hover: #0d0d0d;
46
48
  $dark-business-input-fill-active: #000000;
47
49
  $dark-business-input-fill-completed: #000000;
48
- $dark-business-input-fill-success: #1b5339;
49
- $dark-business-input-fill-warning: #664109;
50
- $dark-business-input-fill-info: #08295a;
50
+ $dark-business-input-fill-success: #153928;
51
+ $dark-business-input-fill-warning: #412809;
52
+ $dark-business-input-fill-info: #0a1f45;
51
53
  $dark-business-input-border-default: #737373;
52
54
  $dark-business-input-border-error: #ff7268;
53
55
  $dark-business-input-border-hover: #6d6d6d;
@@ -56,7 +58,7 @@ $dark-business-input-border-completed: #d9d9d9;
56
58
  $dark-business-input-border-success: #80c4a1;
57
59
  $dark-business-input-border-warning: #ffc77f;
58
60
  $dark-business-input-border-info: #466fb5;
59
- $dark-business-input-text-default: #a6a6a6;
61
+ $dark-business-input-text-default: #737373;
60
62
  $dark-business-input-text-error: #ffffff;
61
63
  $dark-business-input-text-hover: #d9d9d9;
62
64
  $dark-business-input-text-active: #ffffff;
@@ -118,6 +120,18 @@ $dark-business-interactive-secondary-text-pressed: #ffffff;
118
120
  $dark-business-interactive-secondary-icon-default: #ffffff;
119
121
  $dark-business-interactive-secondary-icon-hover: #ffffff;
120
122
  $dark-business-interactive-secondary-icon-pressed: #ffffff;
123
+ $dark-business-interactive-listItem-fill-default: #1a1a1a;
124
+ $dark-business-interactive-listItem-fill-hover: #262626;
125
+ $dark-business-interactive-listItem-fill-pressed: #333333;
126
+ $dark-business-interactive-listItem-text-default: #ffffff;
127
+ $dark-business-interactive-listItem-text-hover: #ffffff;
128
+ $dark-business-interactive-listItem-text-pressed: #ffffff;
129
+ $dark-business-interactive-listItem-icon-default: #d9d9d9;
130
+ $dark-business-interactive-listItem-icon-hover: #dfdfdf;
131
+ $dark-business-interactive-listItem-icon-pressed: #e1e1e1;
132
+ $dark-business-interactive-listItem-border-default: #333333;
133
+ $dark-business-interactive-listItem-border-hover: #525252;
134
+ $dark-business-interactive-listItem-border-pressed: #5c5c5c;
121
135
  $dark-business-interactive-disabled-a: #262626;
122
136
  $dark-business-interactive-disabled-b: #404040;
123
137
  $dark-business-interactive-disabled-c: #575757;
@@ -193,12 +207,12 @@ $dark-business-interactive-chip-secondary-on-icon-pressed: #cccccc;
193
207
  $dark-business-interactive-chip-secondary-off-fill-default: #262626;
194
208
  $dark-business-interactive-chip-secondary-off-fill-hover: #202020;
195
209
  $dark-business-interactive-chip-secondary-off-fill-pressed: #1e1e1e;
196
- $dark-business-interactive-chip-secondary-off-text-default: #a6a6a6;
197
- $dark-business-interactive-chip-secondary-off-text-hover: #8d8d8d;
198
- $dark-business-interactive-chip-secondary-off-text-pressed: #858585;
199
- $dark-business-interactive-chip-secondary-off-icon-default: #a6a6a6;
200
- $dark-business-interactive-chip-secondary-off-icon-hover: #8d8d8d;
201
- $dark-business-interactive-chip-secondary-off-icon-pressed: #858585;
210
+ $dark-business-interactive-chip-secondary-off-text-default: #737373;
211
+ $dark-business-interactive-chip-secondary-off-text-hover: #626262;
212
+ $dark-business-interactive-chip-secondary-off-text-pressed: #5c5c5c;
213
+ $dark-business-interactive-chip-secondary-off-icon-default: #737373;
214
+ $dark-business-interactive-chip-secondary-off-icon-hover: #626262;
215
+ $dark-business-interactive-chip-secondary-off-icon-pressed: #5c5c5c;
202
216
  $dark-business-interactive-chip-channel-secondary-off-fill-default: #0f2c3f;
203
217
  $dark-business-interactive-chip-channel-secondary-off-fill-hover: #0d2536;
204
218
  $dark-business-interactive-chip-channel-secondary-off-fill-pressed: #0c2332;
@@ -251,6 +265,18 @@ $dark-business-interactive-tab-icon-default: #ffffff;
251
265
  $dark-business-interactive-tab-icon-hover: #d9d9d9;
252
266
  $dark-business-interactive-tab-icon-pressed: #d9d9d9;
253
267
  $dark-business-interactive-tab-selected-border-default: #ffffff;
268
+ $dark-business-interactive-switch-off-fill-default: #737373;
269
+ $dark-business-interactive-switch-off-fill-hover: #626262;
270
+ $dark-business-interactive-switch-off-fill-pressed: #5c5c5c;
271
+ $dark-business-interactive-switch-off-control-border-default: #000000;
272
+ $dark-business-interactive-switch-off-control-border-hover: rgba(255, 255, 255, 0.25);
273
+ $dark-business-interactive-switch-off-control-border-pressed: rgba(255, 255, 255, 0.3);
274
+ $dark-business-interactive-switch-on-fill-default: #2c9365;
275
+ $dark-business-interactive-switch-on-fill-hover: #257d55;
276
+ $dark-business-interactive-switch-on-fill-pressed: #237651;
277
+ $dark-business-interactive-switch-on-control-border-default: #2c9365;
278
+ $dark-business-interactive-switch-on-control-border-hover: #257d55;
279
+ $dark-business-interactive-switch-on-control-border-pressed: #237651;
254
280
  $dark-business-toast-fill-info: #0f4aa2;
255
281
  $dark-business-toast-fill-success: #2c865b;
256
282
  $dark-business-toast-fill-warning: #e49307;
package/dist/palettes/business-light.scss CHANGED
@@ -6,8 +6,8 @@ $light-business-surface-level-2: #ffffff;
6
6
  $light-business-surface-level-3: #ffffff;
7
7
  $light-business-surface-level-4: #ffffff;
8
8
  $light-business-surface-overlay: rgba(0, 0, 0, 0.45);
9
- $light-business-surface-channel-50: #f9fdfc;
10
- $light-business-surface-channel-100: #eff5f8;
9
+ $light-business-surface-channel-50: #f4f7fa;
10
+ $light-business-surface-channel-100: #e4edf3;
11
11
  $light-business-surface-channel-200: #b6cddd;
12
12
  $light-business-surface-channel-300: #21709c;
13
13
  $light-business-surface-channel-400: #1a4e6e;
@@ -31,6 +31,8 @@ $light-business-icon-channel-primary: #21709c;
31
31
  $light-business-icon-channel-secondary: #347ca4;
32
32
  $light-business-icon-channel-tertiary: #6093b6;
33
33
  $light-business-icon-inverse: #ffffff;
34
+ $light-business-icon-static-light: #ffffff;
35
+ $light-business-icon-static-dark: #000000;
34
36
  $light-business-border-primary: #b3b3b3;
35
37
  $light-business-border-secondary: #cccccc;
36
38
  $light-business-border-tertiary: #e6e6e6;
@@ -93,6 +95,18 @@ $light-business-interactive-secondary-text-pressed: #151515;
93
95
  $light-business-interactive-secondary-icon-default: #1a1a1a;
94
96
  $light-business-interactive-secondary-icon-hover: #161616;
95
97
  $light-business-interactive-secondary-icon-pressed: #111111;
98
+ $light-business-interactive-listItem-fill-default: #ffffff;
99
+ $light-business-interactive-listItem-fill-hover: #f2f2f2;
100
+ $light-business-interactive-listItem-fill-pressed: #e6e6e6;
101
+ $light-business-interactive-listItem-text-default: #1a1a1a;
102
+ $light-business-interactive-listItem-text-hover: #161616;
103
+ $light-business-interactive-listItem-text-pressed: #151515;
104
+ $light-business-interactive-listItem-icon-default: #404040;
105
+ $light-business-interactive-listItem-icon-hover: #363636;
106
+ $light-business-interactive-listItem-icon-pressed: #333333;
107
+ $light-business-interactive-listItem-border-default: #cccccc;
108
+ $light-business-interactive-listItem-border-hover: #adadad;
109
+ $light-business-interactive-listItem-border-pressed: #a3a3a3;
96
110
  $light-business-interactive-disabled-a: #d9d9d9;
97
111
  $light-business-interactive-disabled-b: #bfbfbf;
98
112
  $light-business-interactive-disabled-c: #a8a8a8;
@@ -174,9 +188,9 @@ $light-business-interactive-chip-secondary-off-text-pressed: #333333;
174
188
  $light-business-interactive-chip-secondary-off-icon-default: #404040;
175
189
  $light-business-interactive-chip-secondary-off-icon-hover: #363636;
176
190
  $light-business-interactive-chip-secondary-off-icon-pressed: #333333;
177
- $light-business-interactive-chip-channel-secondary-on-fill-default: #f9fdfc;
178
- $light-business-interactive-chip-channel-secondary-on-fill-hover: #c1eae0;
179
- $light-business-interactive-chip-channel-secondary-on-fill-pressed: #aee4d6;
191
+ $light-business-interactive-chip-channel-secondary-on-fill-default: #f4f7fa;
192
+ $light-business-interactive-chip-channel-secondary-on-fill-hover: #c1d2e3;
193
+ $light-business-interactive-chip-channel-secondary-on-fill-pressed: #b0c6db;
180
194
  $light-business-interactive-chip-channel-secondary-on-text-default: #21709c;
181
195
  $light-business-interactive-chip-channel-secondary-on-text-hover: #1c6085;
182
196
  $light-business-interactive-chip-channel-secondary-on-text-pressed: #1a5a7d;
@@ -186,9 +200,9 @@ $light-business-interactive-chip-channel-secondary-on-icon-pressed: #1a5a7d;
186
200
  $light-business-interactive-chip-channel-secondary-on-border-default: #21709c;
187
201
  $light-business-interactive-chip-channel-secondary-on-border-hover: #1c6085;
188
202
  $light-business-interactive-chip-channel-secondary-on-border-pressed: #1a5a7d;
189
- $light-business-interactive-chip-channel-secondary-off-fill-default: #eff5f8;
190
- $light-business-interactive-chip-channel-secondary-off-fill-hover: #bcd5e2;
191
- $light-business-interactive-chip-channel-secondary-off-fill-pressed: #abcbda;
203
+ $light-business-interactive-chip-channel-secondary-off-fill-default: #e4edf3;
204
+ $light-business-interactive-chip-channel-secondary-off-fill-hover: #b3ccdd;
205
+ $light-business-interactive-chip-channel-secondary-off-fill-pressed: #a3c2d6;
192
206
  $light-business-interactive-chip-channel-secondary-off-text-default: #1a4e6e;
193
207
  $light-business-interactive-chip-channel-secondary-off-text-hover: #16425e;
194
208
  $light-business-interactive-chip-channel-secondary-off-text-pressed: #153e58;
@@ -204,9 +218,9 @@ $light-business-interactive-chip-channel-primary-on-text-pressed: #cccccc;
204
218
  $light-business-interactive-chip-channel-primary-on-icon-default: #ffffff;
205
219
  $light-business-interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
206
220
  $light-business-interactive-chip-channel-primary-on-icon-pressed: #cccccc;
207
- $light-business-interactive-chip-channel-primary-off-fill-default: #eff5f8;
208
- $light-business-interactive-chip-channel-primary-off-fill-hover: #bcd5e2;
209
- $light-business-interactive-chip-channel-primary-off-fill-pressed: #abcbda;
221
+ $light-business-interactive-chip-channel-primary-off-fill-default: #e4edf3;
222
+ $light-business-interactive-chip-channel-primary-off-fill-hover: #b3ccdd;
223
+ $light-business-interactive-chip-channel-primary-off-fill-pressed: #a3c2d6;
210
224
  $light-business-interactive-chip-channel-primary-off-text-default: #10394e;
211
225
  $light-business-interactive-chip-channel-primary-off-text-hover: #0e3142;
212
226
  $light-business-interactive-chip-channel-primary-off-text-pressed: #0d2e3e;
@@ -226,6 +240,18 @@ $light-business-interactive-tab-icon-default: #1a1a1a;
226
240
  $light-business-interactive-tab-icon-hover: #404040;
227
241
  $light-business-interactive-tab-icon-pressed: #404040;
228
242
  $light-business-interactive-tab-selected-border-default: #000000;
243
+ $light-business-interactive-switch-off-fill-default: #8c8c8c;
244
+ $light-business-interactive-switch-off-fill-hover: #777777;
245
+ $light-business-interactive-switch-off-fill-pressed: #707070;
246
+ $light-business-interactive-switch-off-control-border-default: #000000;
247
+ $light-business-interactive-switch-off-control-border-hover: rgba(0, 0, 0, 0.25);
248
+ $light-business-interactive-switch-off-control-border-pressed: rgba(0, 0, 0, 0.3);
249
+ $light-business-interactive-switch-on-fill-default: #298458;
250
+ $light-business-interactive-switch-on-fill-hover: #23704b;
251
+ $light-business-interactive-switch-on-fill-pressed: #216946;
252
+ $light-business-interactive-switch-on-control-border-default: #95ceb1;
253
+ $light-business-interactive-switch-on-control-border-hover: #71bd96;
254
+ $light-business-interactive-switch-on-control-border-pressed: #64b88d;
229
255
  $light-business-active-fill: #000000;
230
256
  $light-business-active-text: #ffffff;
231
257
  $light-business-active-border: #000000;
package/dist/palettes/comment-dark.scss CHANGED
@@ -17,37 +17,39 @@ $dark-comment-surface-static-light: #ffffff;
17
17
  $dark-comment-surface-inverse: #ffffff;
18
18
  $dark-comment-text-primary: #ffffff;
19
19
  $dark-comment-text-secondary: #d9d9d9;
20
- $dark-comment-text-tertiary: #a6a6a6;
21
- $dark-comment-text-channel-primary: #c47c8f;
22
- $dark-comment-text-channel-secondary: #bb677d;
23
- $dark-comment-text-channel-tertiary: #aa4361;
20
+ $dark-comment-text-tertiary: #737373;
21
+ $dark-comment-text-channel-primary: #d091a4;
22
+ $dark-comment-text-channel-secondary: #c47c8f;
23
+ $dark-comment-text-channel-tertiary: #b24e6b;
24
24
  $dark-comment-text-static-dark: #000000;
25
25
  $dark-comment-text-static-light: #ffffff;
26
26
  $dark-comment-text-inverse: #000000;
27
27
  $dark-comment-icon-primary: #ffffff;
28
28
  $dark-comment-icon-secondary: #d9d9d9;
29
- $dark-comment-icon-tertiary: #a6a6a6;
29
+ $dark-comment-icon-tertiary: #737373;
30
30
  $dark-comment-icon-channel-primary: #6c1730;
31
31
  $dark-comment-icon-channel-secondary: #8b1c3f;
32
- $dark-comment-icon-channel-tertiary: #aa4361;
32
+ $dark-comment-icon-channel-tertiary: #b24e6b;
33
33
  $dark-comment-icon-inverse: #000000;
34
+ $dark-comment-icon-static-light: #ffffff;
35
+ $dark-comment-icon-static-dark: #000000;
34
36
  $dark-comment-border-primary: #575757;
35
37
  $dark-comment-border-secondary: #333333;
36
38
  $dark-comment-border-tertiary: #1a1a1a;
37
- $dark-comment-border-channel-primary: #8b1c3f;
38
- $dark-comment-border-channel-secondary: #5c1328;
39
- $dark-comment-border-channel-tertiary: #3d0e1c;
39
+ $dark-comment-border-channel-primary: #b75c75;
40
+ $dark-comment-border-channel-secondary: #aa4361;
41
+ $dark-comment-border-channel-tertiary: #a12c4f;
40
42
  $dark-comment-border-elevation: #333333;
41
43
  $dark-comment-border-static-dark: #000000;
42
44
  $dark-comment-border-static-light: #ffffff;
43
45
  $dark-comment-input-fill-default: #000000;
44
- $dark-comment-input-fill-error: #670909;
46
+ $dark-comment-input-fill-error: #410805;
45
47
  $dark-comment-input-fill-hover: #0d0d0d;
46
48
  $dark-comment-input-fill-active: #000000;
47
49
  $dark-comment-input-fill-completed: #000000;
48
- $dark-comment-input-fill-success: #1b5339;
49
- $dark-comment-input-fill-warning: #664109;
50
- $dark-comment-input-fill-info: #08295a;
50
+ $dark-comment-input-fill-success: #153928;
51
+ $dark-comment-input-fill-warning: #412809;
52
+ $dark-comment-input-fill-info: #0a1f45;
51
53
  $dark-comment-input-border-default: #737373;
52
54
  $dark-comment-input-border-error: #ff7268;
53
55
  $dark-comment-input-border-hover: #6d6d6d;
@@ -56,7 +58,7 @@ $dark-comment-input-border-completed: #d9d9d9;
56
58
  $dark-comment-input-border-success: #80c4a1;
57
59
  $dark-comment-input-border-warning: #ffc77f;
58
60
  $dark-comment-input-border-info: #466fb5;
59
- $dark-comment-input-text-default: #a6a6a6;
61
+ $dark-comment-input-text-default: #737373;
60
62
  $dark-comment-input-text-error: #ffffff;
61
63
  $dark-comment-input-text-hover: #d9d9d9;
62
64
  $dark-comment-input-text-active: #ffffff;
@@ -118,6 +120,18 @@ $dark-comment-interactive-secondary-text-pressed: #ffffff;
118
120
  $dark-comment-interactive-secondary-icon-default: #ffffff;
119
121
  $dark-comment-interactive-secondary-icon-hover: #ffffff;
120
122
  $dark-comment-interactive-secondary-icon-pressed: #ffffff;
123
+ $dark-comment-interactive-listItem-fill-default: #1a1a1a;
124
+ $dark-comment-interactive-listItem-fill-hover: #262626;
125
+ $dark-comment-interactive-listItem-fill-pressed: #333333;
126
+ $dark-comment-interactive-listItem-text-default: #ffffff;
127
+ $dark-comment-interactive-listItem-text-hover: #ffffff;
128
+ $dark-comment-interactive-listItem-text-pressed: #ffffff;
129
+ $dark-comment-interactive-listItem-icon-default: #d9d9d9;
130
+ $dark-comment-interactive-listItem-icon-hover: #dfdfdf;
131
+ $dark-comment-interactive-listItem-icon-pressed: #e1e1e1;
132
+ $dark-comment-interactive-listItem-border-default: #333333;
133
+ $dark-comment-interactive-listItem-border-hover: #525252;
134
+ $dark-comment-interactive-listItem-border-pressed: #5c5c5c;
121
135
  $dark-comment-interactive-disabled-a: #262626;
122
136
  $dark-comment-interactive-disabled-b: #404040;
123
137
  $dark-comment-interactive-disabled-c: #575757;
@@ -193,12 +207,12 @@ $dark-comment-interactive-chip-secondary-on-icon-pressed: #cccccc;
193
207
  $dark-comment-interactive-chip-secondary-off-fill-default: #262626;
194
208
  $dark-comment-interactive-chip-secondary-off-fill-hover: #202020;
195
209
  $dark-comment-interactive-chip-secondary-off-fill-pressed: #1e1e1e;
196
- $dark-comment-interactive-chip-secondary-off-text-default: #a6a6a6;
197
- $dark-comment-interactive-chip-secondary-off-text-hover: #8d8d8d;
198
- $dark-comment-interactive-chip-secondary-off-text-pressed: #858585;
199
- $dark-comment-interactive-chip-secondary-off-icon-default: #a6a6a6;
200
- $dark-comment-interactive-chip-secondary-off-icon-hover: #8d8d8d;
201
- $dark-comment-interactive-chip-secondary-off-icon-pressed: #858585;
210
+ $dark-comment-interactive-chip-secondary-off-text-default: #737373;
211
+ $dark-comment-interactive-chip-secondary-off-text-hover: #626262;
212
+ $dark-comment-interactive-chip-secondary-off-text-pressed: #5c5c5c;
213
+ $dark-comment-interactive-chip-secondary-off-icon-default: #737373;
214
+ $dark-comment-interactive-chip-secondary-off-icon-hover: #626262;
215
+ $dark-comment-interactive-chip-secondary-off-icon-pressed: #5c5c5c;
202
216
  $dark-comment-interactive-chip-channel-secondary-off-fill-default: #3d0e1c;
203
217
  $dark-comment-interactive-chip-channel-secondary-off-fill-hover: #340c18;
204
218
  $dark-comment-interactive-chip-channel-secondary-off-fill-pressed: #310b17;
@@ -251,6 +265,18 @@ $dark-comment-interactive-tab-icon-default: #ffffff;
251
265
  $dark-comment-interactive-tab-icon-hover: #d9d9d9;
252
266
  $dark-comment-interactive-tab-icon-pressed: #d9d9d9;
253
267
  $dark-comment-interactive-tab-selected-border-default: #ffffff;
268
+ $dark-comment-interactive-switch-off-fill-default: #737373;
269
+ $dark-comment-interactive-switch-off-fill-hover: #626262;
270
+ $dark-comment-interactive-switch-off-fill-pressed: #5c5c5c;
271
+ $dark-comment-interactive-switch-off-control-border-default: #000000;
272
+ $dark-comment-interactive-switch-off-control-border-hover: rgba(255, 255, 255, 0.25);
273
+ $dark-comment-interactive-switch-off-control-border-pressed: rgba(255, 255, 255, 0.3);
274
+ $dark-comment-interactive-switch-on-fill-default: #2c9365;
275
+ $dark-comment-interactive-switch-on-fill-hover: #257d55;
276
+ $dark-comment-interactive-switch-on-fill-pressed: #237651;
277
+ $dark-comment-interactive-switch-on-control-border-default: #2c9365;
278
+ $dark-comment-interactive-switch-on-control-border-hover: #257d55;
279
+ $dark-comment-interactive-switch-on-control-border-pressed: #237651;
254
280
  $dark-comment-toast-fill-info: #0f4aa2;
255
281
  $dark-comment-toast-fill-success: #2c865b;
256
282
  $dark-comment-toast-fill-warning: #e49307;
package/dist/palettes/comment-light.scss CHANGED
@@ -6,8 +6,8 @@ $light-comment-surface-level-2: #ffffff;
6
6
  $light-comment-surface-level-3: #ffffff;
7
7
  $light-comment-surface-level-4: #ffffff;
8
8
  $light-comment-surface-overlay: rgba(0, 0, 0, 0.45);
9
- $light-comment-surface-channel-50: #fdfafa;
10
- $light-comment-surface-channel-100: #f9eff2;
9
+ $light-comment-surface-channel-50: #fbf5f5;
10
+ $light-comment-surface-channel-100: #f2e5e8;
11
11
  $light-comment-surface-channel-200: #e0b3bf;
12
12
  $light-comment-surface-channel-300: #9b1f45;
13
13
  $light-comment-surface-channel-400: #6c1730;
@@ -31,6 +31,8 @@ $light-comment-icon-channel-primary: #9b1f45;
31
31
  $light-comment-icon-channel-secondary: #aa4361;
32
32
  $light-comment-icon-channel-tertiary: #c06f85;
33
33
  $light-comment-icon-inverse: #ffffff;
34
+ $light-comment-icon-static-light: #ffffff;
35
+ $light-comment-icon-static-dark: #000000;
34
36
  $light-comment-border-primary: #b3b3b3;
35
37
  $light-comment-border-secondary: #cccccc;
36
38
  $light-comment-border-tertiary: #e6e6e6;
@@ -93,6 +95,18 @@ $light-comment-interactive-secondary-text-pressed: #151515;
93
95
  $light-comment-interactive-secondary-icon-default: #1a1a1a;
94
96
  $light-comment-interactive-secondary-icon-hover: #161616;
95
97
  $light-comment-interactive-secondary-icon-pressed: #111111;
98
+ $light-comment-interactive-listItem-fill-default: #ffffff;
99
+ $light-comment-interactive-listItem-fill-hover: #f2f2f2;
100
+ $light-comment-interactive-listItem-fill-pressed: #e6e6e6;
101
+ $light-comment-interactive-listItem-text-default: #1a1a1a;
102
+ $light-comment-interactive-listItem-text-hover: #161616;
103
+ $light-comment-interactive-listItem-text-pressed: #151515;
104
+ $light-comment-interactive-listItem-icon-default: #404040;
105
+ $light-comment-interactive-listItem-icon-hover: #363636;
106
+ $light-comment-interactive-listItem-icon-pressed: #333333;
107
+ $light-comment-interactive-listItem-border-default: #cccccc;
108
+ $light-comment-interactive-listItem-border-hover: #adadad;
109
+ $light-comment-interactive-listItem-border-pressed: #a3a3a3;
96
110
  $light-comment-interactive-disabled-a: #d9d9d9;
97
111
  $light-comment-interactive-disabled-b: #bfbfbf;
98
112
  $light-comment-interactive-disabled-c: #a8a8a8;
@@ -174,9 +188,9 @@ $light-comment-interactive-chip-secondary-off-text-pressed: #333333;
174
188
  $light-comment-interactive-chip-secondary-off-icon-default: #404040;
175
189
  $light-comment-interactive-chip-secondary-off-icon-hover: #363636;
176
190
  $light-comment-interactive-chip-secondary-off-icon-pressed: #333333;
177
- $light-comment-interactive-chip-channel-secondary-on-fill-default: #fdfafa;
178
- $light-comment-interactive-chip-channel-secondary-on-fill-hover: #e7c4c4;
179
- $light-comment-interactive-chip-channel-secondary-on-fill-pressed: #e0b2b2;
191
+ $light-comment-interactive-chip-channel-secondary-on-fill-default: #fbf5f5;
192
+ $light-comment-interactive-chip-channel-secondary-on-fill-hover: #e6c0c0;
193
+ $light-comment-interactive-chip-channel-secondary-on-fill-pressed: #dfaeae;
180
194
  $light-comment-interactive-chip-channel-secondary-on-text-default: #9b1f45;
181
195
  $light-comment-interactive-chip-channel-secondary-on-text-hover: #841a3a;
182
196
  $light-comment-interactive-chip-channel-secondary-on-text-pressed: #7c1937;
@@ -186,9 +200,9 @@ $light-comment-interactive-chip-channel-secondary-on-icon-pressed: #7c1937;
186
200
  $light-comment-interactive-chip-channel-secondary-on-border-default: #9b1f45;
187
201
  $light-comment-interactive-chip-channel-secondary-on-border-hover: #841a3a;
188
202
  $light-comment-interactive-chip-channel-secondary-on-border-pressed: #7c1937;
189
- $light-comment-interactive-chip-channel-secondary-off-fill-default: #f9eff2;
190
- $light-comment-interactive-chip-channel-secondary-off-fill-hover: #e5bac7;
191
- $light-comment-interactive-chip-channel-secondary-off-fill-pressed: #e0b2b2;
203
+ $light-comment-interactive-chip-channel-secondary-off-fill-default: #f2e5e8;
204
+ $light-comment-interactive-chip-channel-secondary-off-fill-hover: #dab6be;
205
+ $light-comment-interactive-chip-channel-secondary-off-fill-pressed: #dfaeae;
192
206
  $light-comment-interactive-chip-channel-secondary-off-text-default: #6c1730;
193
207
  $light-comment-interactive-chip-channel-secondary-off-text-hover: #5c1429;
194
208
  $light-comment-interactive-chip-channel-secondary-off-text-pressed: #561227;
@@ -204,9 +218,9 @@ $light-comment-interactive-chip-channel-primary-on-text-pressed: #cccccc;
204
218
  $light-comment-interactive-chip-channel-primary-on-icon-default: #ffffff;
205
219
  $light-comment-interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
206
220
  $light-comment-interactive-chip-channel-primary-on-icon-pressed: #cccccc;
207
- $light-comment-interactive-chip-channel-primary-off-fill-default: #f9eff2;
208
- $light-comment-interactive-chip-channel-primary-off-fill-hover: #e5bac7;
209
- $light-comment-interactive-chip-channel-primary-off-fill-pressed: #dea8b8;
221
+ $light-comment-interactive-chip-channel-primary-off-fill-default: #f2e5e8;
222
+ $light-comment-interactive-chip-channel-primary-off-fill-hover: #dab6be;
223
+ $light-comment-interactive-chip-channel-primary-off-fill-pressed: #d3a6b1;
210
224
  $light-comment-interactive-chip-channel-primary-off-text-default: #4e0f24;
211
225
  $light-comment-interactive-chip-channel-primary-off-text-hover: #420d1f;
212
226
  $light-comment-interactive-chip-channel-primary-off-text-pressed: #3e0c1d;
@@ -226,6 +240,18 @@ $light-comment-interactive-tab-icon-default: #1a1a1a;
226
240
  $light-comment-interactive-tab-icon-hover: #404040;
227
241
  $light-comment-interactive-tab-icon-pressed: #404040;
228
242
  $light-comment-interactive-tab-selected-border-default: #000000;
243
+ $light-comment-interactive-switch-off-fill-default: #8c8c8c;
244
+ $light-comment-interactive-switch-off-fill-hover: #777777;
245
+ $light-comment-interactive-switch-off-fill-pressed: #707070;
246
+ $light-comment-interactive-switch-off-control-border-default: #000000;
247
+ $light-comment-interactive-switch-off-control-border-hover: rgba(0, 0, 0, 0.25);
248
+ $light-comment-interactive-switch-off-control-border-pressed: rgba(0, 0, 0, 0.3);
249
+ $light-comment-interactive-switch-on-fill-default: #298458;
250
+ $light-comment-interactive-switch-on-fill-hover: #23704b;
251
+ $light-comment-interactive-switch-on-fill-pressed: #216946;
252
+ $light-comment-interactive-switch-on-control-border-default: #95ceb1;
253
+ $light-comment-interactive-switch-on-control-border-hover: #71bd96;
254
+ $light-comment-interactive-switch-on-control-border-pressed: #64b88d;
229
255
  $light-comment-active-fill: #000000;
230
256
  $light-comment-active-text: #ffffff;
231
257
  $light-comment-active-border: #000000;
package/dist/palettes/core-dark.scss CHANGED
@@ -18,7 +18,7 @@ $dark-core-surface-static-light: #ffffff;
18
18
  $dark-core-text-primary: #ffffff;
19
19
  $dark-core-text-inverse: #000000;
20
20
  $dark-core-text-secondary: #d9d9d9;
21
- $dark-core-text-tertiary: #a6a6a6;
21
+ $dark-core-text-tertiary: #737373;
22
22
  $dark-core-text-channel-primary: #999999;
23
23
  $dark-core-text-channel-secondary: #808080;
24
24
  $dark-core-text-channel-tertiary: #666666;
@@ -27,10 +27,12 @@ $dark-core-text-static-light: #ffffff;
27
27
  $dark-core-icon-primary: #ffffff;
28
28
  $dark-core-icon-inverse: #000000;
29
29
  $dark-core-icon-secondary: #d9d9d9;
30
- $dark-core-icon-tertiary: #a6a6a6;
30
+ $dark-core-icon-tertiary: #737373;
31
31
  $dark-core-icon-channel-primary: #666666;
32
32
  $dark-core-icon-channel-secondary: #808080;
33
33
  $dark-core-icon-channel-tertiary: #666666;
34
+ $dark-core-icon-static-light: #ffffff;
35
+ $dark-core-icon-static-dark: #000000;
34
36
  $dark-core-border-primary: #575757;
35
37
  $dark-core-border-secondary: #333333;
36
38
  $dark-core-border-tertiary: #1a1a1a;
@@ -41,13 +43,13 @@ $dark-core-border-elevation: #333333;
41
43
  $dark-core-border-static-dark: #000000;
42
44
  $dark-core-border-static-light: #ffffff;
43
45
  $dark-core-input-fill-default: #000000;
44
- $dark-core-input-fill-error: #670909;
46
+ $dark-core-input-fill-error: #410805;
45
47
  $dark-core-input-fill-hover: #0d0d0d;
46
48
  $dark-core-input-fill-active: #000000;
47
49
  $dark-core-input-fill-completed: #000000;
48
- $dark-core-input-fill-success: #1b5339;
49
- $dark-core-input-fill-warning: #664109;
50
- $dark-core-input-fill-info: #08295a;
50
+ $dark-core-input-fill-success: #153928;
51
+ $dark-core-input-fill-warning: #412809;
52
+ $dark-core-input-fill-info: #0a1f45;
51
53
  $dark-core-input-border-default: #737373;
52
54
  $dark-core-input-border-error: #ff7268;
53
55
  $dark-core-input-border-hover: #6d6d6d;
@@ -56,7 +58,7 @@ $dark-core-input-border-completed: #d9d9d9;
56
58
  $dark-core-input-border-success: #80c4a1;
57
59
  $dark-core-input-border-warning: #ffc77f;
58
60
  $dark-core-input-border-info: #466fb5;
59
- $dark-core-input-text-default: #a6a6a6;
61
+ $dark-core-input-text-default: #737373;
60
62
  $dark-core-input-text-error: #ffffff;
61
63
  $dark-core-input-text-hover: #d9d9d9;
62
64
  $dark-core-input-text-active: #ffffff;
@@ -117,6 +119,18 @@ $dark-core-interactive-secondary-text-pressed: #ffffff;
117
119
  $dark-core-interactive-secondary-icon-default: #ffffff;
118
120
  $dark-core-interactive-secondary-icon-hover: #ffffff;
119
121
  $dark-core-interactive-secondary-icon-pressed: #ffffff;
122
+ $dark-core-interactive-listItem-fill-default: #1a1a1a;
123
+ $dark-core-interactive-listItem-fill-hover: #262626;
124
+ $dark-core-interactive-listItem-fill-pressed: #333333;
125
+ $dark-core-interactive-listItem-text-default: #ffffff;
126
+ $dark-core-interactive-listItem-text-hover: #ffffff;
127
+ $dark-core-interactive-listItem-text-pressed: #ffffff;
128
+ $dark-core-interactive-listItem-icon-default: #d9d9d9;
129
+ $dark-core-interactive-listItem-icon-hover: #dfdfdf;
130
+ $dark-core-interactive-listItem-icon-pressed: #e1e1e1;
131
+ $dark-core-interactive-listItem-border-default: #333333;
132
+ $dark-core-interactive-listItem-border-hover: #525252;
133
+ $dark-core-interactive-listItem-border-pressed: #5c5c5c;
120
134
  $dark-core-interactive-disabled-a: #262626;
121
135
  $dark-core-interactive-disabled-b: #404040;
122
136
  $dark-core-interactive-disabled-c: #575757;
@@ -132,18 +146,18 @@ $dark-core-interactive-negative-text-pressed: #f50700;
132
146
  $dark-core-interactive-negative-icon-default: #ff3933;
133
147
  $dark-core-interactive-negative-icon-hover: #ff0c05;
134
148
  $dark-core-interactive-negative-icon-pressed: #f50700;
135
- $dark-core-interactive-link-secondary-text-default: #737373;
136
- $dark-core-interactive-link-secondary-text-hover: #626262;
137
- $dark-core-interactive-link-secondary-text-pressed: #5c5c5c;
138
- $dark-core-interactive-link-secondary-text-visited: #858585;
139
- $dark-core-interactive-link-secondary-icon-default: #737373;
140
- $dark-core-interactive-link-secondary-icon-hover: #626262;
141
- $dark-core-interactive-link-secondary-icon-pressed: #5c5c5c;
142
- $dark-core-interactive-link-secondary-icon-visited: #858585;
143
- $dark-core-interactive-link-secondary-underline-default: #737373;
144
- $dark-core-interactive-link-secondary-underline-hover: #888888;
145
- $dark-core-interactive-link-secondary-underline-pressed: #8f8f8f;
146
- $dark-core-interactive-link-secondary-underline-visited: #686868;
149
+ $dark-core-interactive-link-secondary-text-default: #8c8c8c;
150
+ $dark-core-interactive-link-secondary-text-hover: #777777;
151
+ $dark-core-interactive-link-secondary-text-pressed: #707070;
152
+ $dark-core-interactive-link-secondary-text-visited: #9a9a9a;
153
+ $dark-core-interactive-link-secondary-icon-default: #8c8c8c;
154
+ $dark-core-interactive-link-secondary-icon-hover: #777777;
155
+ $dark-core-interactive-link-secondary-icon-pressed: #707070;
156
+ $dark-core-interactive-link-secondary-icon-visited: #9a9a9a;
157
+ $dark-core-interactive-link-secondary-underline-default: #8c8c8c;
158
+ $dark-core-interactive-link-secondary-underline-hover: #9d9d9d;
159
+ $dark-core-interactive-link-secondary-underline-pressed: #a3a3a3;
160
+ $dark-core-interactive-link-secondary-underline-visited: #7e7e7e;
147
161
  $dark-core-interactive-link-primary-text-default: #ffffff;
148
162
  $dark-core-interactive-link-primary-text-hover: #d9d9d9;
149
163
  $dark-core-interactive-link-primary-text-pressed: #cccccc;
@@ -192,12 +206,12 @@ $dark-core-interactive-chip-secondary-on-icon-pressed: #cccccc;
192
206
  $dark-core-interactive-chip-secondary-off-fill-default: #262626;
193
207
  $dark-core-interactive-chip-secondary-off-fill-hover: #202020;
194
208
  $dark-core-interactive-chip-secondary-off-fill-pressed: #1e1e1e;
195
- $dark-core-interactive-chip-secondary-off-text-default: #a6a6a6;
196
- $dark-core-interactive-chip-secondary-off-text-hover: #8d8d8d;
197
- $dark-core-interactive-chip-secondary-off-text-pressed: #858585;
198
- $dark-core-interactive-chip-secondary-off-icon-default: #a6a6a6;
199
- $dark-core-interactive-chip-secondary-off-icon-hover: #8d8d8d;
200
- $dark-core-interactive-chip-secondary-off-icon-pressed: #858585;
209
+ $dark-core-interactive-chip-secondary-off-text-default: #737373;
210
+ $dark-core-interactive-chip-secondary-off-text-hover: #626262;
211
+ $dark-core-interactive-chip-secondary-off-text-pressed: #5c5c5c;
212
+ $dark-core-interactive-chip-secondary-off-icon-default: #737373;
213
+ $dark-core-interactive-chip-secondary-off-icon-hover: #626262;
214
+ $dark-core-interactive-chip-secondary-off-icon-pressed: #5c5c5c;
201
215
  $dark-core-interactive-chip-channel-secondary-off-fill-default: #0d0d0d;
202
216
  $dark-core-interactive-chip-channel-secondary-off-fill-hover: #0b0b0b;
203
217
  $dark-core-interactive-chip-channel-secondary-off-fill-pressed: #0a0a0a;
@@ -250,6 +264,18 @@ $dark-core-interactive-tab-icon-default: #ffffff;
250
264
  $dark-core-interactive-tab-icon-hover: #d9d9d9;
251
265
  $dark-core-interactive-tab-icon-pressed: #d9d9d9;
252
266
  $dark-core-interactive-tab-selected-border-default: #8c8c8c;
267
+ $dark-core-interactive-switch-off-fill-default: #737373;
268
+ $dark-core-interactive-switch-off-fill-hover: #626262;
269
+ $dark-core-interactive-switch-off-fill-pressed: #5c5c5c;
270
+ $dark-core-interactive-switch-off-control-border-default: #000000;
271
+ $dark-core-interactive-switch-off-control-border-hover: rgba(255, 255, 255, 0.25);
272
+ $dark-core-interactive-switch-off-control-border-pressed: rgba(255, 255, 255, 0.3);
273
+ $dark-core-interactive-switch-on-fill-default: #2c9365;
274
+ $dark-core-interactive-switch-on-fill-hover: #257d55;
275
+ $dark-core-interactive-switch-on-fill-pressed: #237651;
276
+ $dark-core-interactive-switch-on-control-border-default: #2c9365;
277
+ $dark-core-interactive-switch-on-control-border-hover: #257d55;
278
+ $dark-core-interactive-switch-on-control-border-pressed: #237651;
253
279
  $dark-core-active-fill: #ffffff;
254
280
  $dark-core-active-text: #000000;
255
281
  $dark-core-active-border: #8c8c8c;
package/dist/palettes/core-light.scss CHANGED
@@ -31,6 +31,8 @@ $light-core-icon-tertiary: #737373;
31
31
  $light-core-icon-channel-primary: #4d4d4d;
32
32
  $light-core-icon-channel-secondary: #666666;
33
33
  $light-core-icon-channel-tertiary: #8c8c8c;
34
+ $light-core-icon-static-light: #ffffff;
35
+ $light-core-icon-static-dark: #000000;
34
36
  $light-core-border-primary: #b3b3b3;
35
37
  $light-core-border-secondary: #cccccc;
36
38
  $light-core-border-tertiary: #e6e6e6;
@@ -117,6 +119,18 @@ $light-core-interactive-secondary-text-pressed: #151515;
117
119
  $light-core-interactive-secondary-icon-default: #1a1a1a;
118
120
  $light-core-interactive-secondary-icon-hover: #161616;
119
121
  $light-core-interactive-secondary-icon-pressed: #111111;
122
+ $light-core-interactive-listItem-fill-default: #ffffff;
123
+ $light-core-interactive-listItem-fill-hover: #f2f2f2;
124
+ $light-core-interactive-listItem-fill-pressed: #e6e6e6;
125
+ $light-core-interactive-listItem-text-default: #1a1a1a;
126
+ $light-core-interactive-listItem-text-hover: #161616;
127
+ $light-core-interactive-listItem-text-pressed: #151515;
128
+ $light-core-interactive-listItem-icon-default: #404040;
129
+ $light-core-interactive-listItem-icon-hover: #363636;
130
+ $light-core-interactive-listItem-icon-pressed: #333333;
131
+ $light-core-interactive-listItem-border-default: #cccccc;
132
+ $light-core-interactive-listItem-border-hover: #adadad;
133
+ $light-core-interactive-listItem-border-pressed: #a3a3a3;
120
134
  $light-core-interactive-disabled-a: #d9d9d9;
121
135
  $light-core-interactive-disabled-b: #bfbfbf;
122
136
  $light-core-interactive-disabled-c: #a8a8a8;
@@ -250,6 +264,18 @@ $light-core-interactive-tab-icon-default: #1a1a1a;
250
264
  $light-core-interactive-tab-icon-hover: #404040;
251
265
  $light-core-interactive-tab-icon-pressed: #404040;
252
266
  $light-core-interactive-tab-selected-border-default: #000000;
267
+ $light-core-interactive-switch-off-fill-default: #8c8c8c;
268
+ $light-core-interactive-switch-off-fill-hover: #777777;
269
+ $light-core-interactive-switch-off-fill-pressed: #707070;
270
+ $light-core-interactive-switch-off-control-border-default: #000000;
271
+ $light-core-interactive-switch-off-control-border-hover: rgba(0, 0, 0, 0.25);
272
+ $light-core-interactive-switch-off-control-border-pressed: rgba(0, 0, 0, 0.3);
273
+ $light-core-interactive-switch-on-fill-default: #298458;
274
+ $light-core-interactive-switch-on-fill-hover: #23704b;
275
+ $light-core-interactive-switch-on-fill-pressed: #216946;
276
+ $light-core-interactive-switch-on-control-border-default: #95ceb1;
277
+ $light-core-interactive-switch-on-control-border-hover: #71bd96;
278
+ $light-core-interactive-switch-on-control-border-pressed: #64b88d;
253
279
  $light-core-active-fill: #000000;
254
280
  $light-core-active-text: #ffffff;
255
281
  $light-core-active-border: #000000;