@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/travel-light.scss CHANGED
@@ -6,8 +6,8 @@ $light-travel-surface-level-2: #ffffff;
6
6
  $light-travel-surface-level-3: #ffffff;
7
7
  $light-travel-surface-level-4: #ffffff;
8
8
  $light-travel-surface-overlay: rgba(0, 0, 0, 0.45);
9
- $light-travel-surface-channel-50: #f9fdfc;
10
- $light-travel-surface-channel-100: #eff5f8;
9
+ $light-travel-surface-channel-50: #f4f7fa;
10
+ $light-travel-surface-channel-100: #e7edf6;
11
11
  $light-travel-surface-channel-200: #b8cfe2;
12
12
  $light-travel-surface-channel-300: #2c79ad;
13
13
  $light-travel-surface-channel-400: #1e5578;
@@ -31,6 +31,8 @@ $light-travel-icon-channel-primary: #2c79ad;
31
31
  $light-travel-icon-channel-secondary: #266d9d;
32
32
  $light-travel-icon-channel-tertiary: #4f8eb9;
33
33
  $light-travel-icon-inverse: #ffffff;
34
+ $light-travel-icon-static-light: #ffffff;
35
+ $light-travel-icon-static-dark: #000000;
34
36
  $light-travel-border-primary: #b3b3b3;
35
37
  $light-travel-border-secondary: #cccccc;
36
38
  $light-travel-border-tertiary: #e6e6e6;
@@ -93,6 +95,18 @@ $light-travel-interactive-secondary-text-pressed: #151515;
93
95
  $light-travel-interactive-secondary-icon-default: #1a1a1a;
94
96
  $light-travel-interactive-secondary-icon-hover: #161616;
95
97
  $light-travel-interactive-secondary-icon-pressed: #111111;
98
+ $light-travel-interactive-listItem-fill-default: #ffffff;
99
+ $light-travel-interactive-listItem-fill-hover: #f2f2f2;
100
+ $light-travel-interactive-listItem-fill-pressed: #e6e6e6;
101
+ $light-travel-interactive-listItem-text-default: #1a1a1a;
102
+ $light-travel-interactive-listItem-text-hover: #161616;
103
+ $light-travel-interactive-listItem-text-pressed: #151515;
104
+ $light-travel-interactive-listItem-icon-default: #404040;
105
+ $light-travel-interactive-listItem-icon-hover: #363636;
106
+ $light-travel-interactive-listItem-icon-pressed: #333333;
107
+ $light-travel-interactive-listItem-border-default: #cccccc;
108
+ $light-travel-interactive-listItem-border-hover: #adadad;
109
+ $light-travel-interactive-listItem-border-pressed: #a3a3a3;
96
110
  $light-travel-interactive-disabled-a: #d9d9d9;
97
111
  $light-travel-interactive-disabled-b: #bfbfbf;
98
112
  $light-travel-interactive-disabled-c: #a8a8a8;
@@ -174,9 +188,9 @@ $light-travel-interactive-chip-secondary-off-text-pressed: #333333;
174
188
  $light-travel-interactive-chip-secondary-off-icon-default: #404040;
175
189
  $light-travel-interactive-chip-secondary-off-icon-hover: #363636;
176
190
  $light-travel-interactive-chip-secondary-off-icon-pressed: #333333;
177
- $light-travel-interactive-chip-channel-secondary-on-fill-default: #f9fdfc;
178
- $light-travel-interactive-chip-channel-secondary-on-fill-hover: #c1eae0;
179
- $light-travel-interactive-chip-channel-secondary-on-fill-pressed: #aee4d6;
191
+ $light-travel-interactive-chip-channel-secondary-on-fill-default: #f4f7fa;
192
+ $light-travel-interactive-chip-channel-secondary-on-fill-hover: #c1d2e3;
193
+ $light-travel-interactive-chip-channel-secondary-on-fill-pressed: #b0c6db;
180
194
  $light-travel-interactive-chip-channel-secondary-on-text-default: #2c79ad;
181
195
  $light-travel-interactive-chip-channel-secondary-on-text-hover: #256793;
182
196
  $light-travel-interactive-chip-channel-secondary-on-text-pressed: #23618a;
@@ -186,9 +200,9 @@ $light-travel-interactive-chip-channel-secondary-on-icon-pressed: #23618a;
186
200
  $light-travel-interactive-chip-channel-secondary-on-border-default: #2c79ad;
187
201
  $light-travel-interactive-chip-channel-secondary-on-border-hover: #256793;
188
202
  $light-travel-interactive-chip-channel-secondary-on-border-pressed: #23618a;
189
- $light-travel-interactive-chip-channel-secondary-off-fill-default: #eff5f8;
190
- $light-travel-interactive-chip-channel-secondary-off-fill-hover: #bcd5e2;
191
- $light-travel-interactive-chip-channel-secondary-off-fill-pressed: #abcbda;
203
+ $light-travel-interactive-chip-channel-secondary-off-fill-default: #e7edf6;
204
+ $light-travel-interactive-chip-channel-secondary-off-fill-hover: #b3c6e3;
205
+ $light-travel-interactive-chip-channel-secondary-off-fill-pressed: #a2b9dc;
192
206
  $light-travel-interactive-chip-channel-secondary-off-text-default: #1e5578;
193
207
  $light-travel-interactive-chip-channel-secondary-off-text-hover: #1a4966;
194
208
  $light-travel-interactive-chip-channel-secondary-off-text-pressed: #184460;
@@ -204,9 +218,9 @@ $light-travel-interactive-chip-channel-primary-on-text-pressed: #cccccc;
204
218
  $light-travel-interactive-chip-channel-primary-on-icon-default: #ffffff;
205
219
  $light-travel-interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
206
220
  $light-travel-interactive-chip-channel-primary-on-icon-pressed: #cccccc;
207
- $light-travel-interactive-chip-channel-primary-off-fill-default: #eff5f8;
208
- $light-travel-interactive-chip-channel-primary-off-fill-hover: #bcd5e2;
209
- $light-travel-interactive-chip-channel-primary-off-fill-pressed: #abcbda;
221
+ $light-travel-interactive-chip-channel-primary-off-fill-default: #e7edf6;
222
+ $light-travel-interactive-chip-channel-primary-off-fill-hover: #b3c6e3;
223
+ $light-travel-interactive-chip-channel-primary-off-fill-pressed: #a2b9dc;
210
224
  $light-travel-interactive-chip-channel-primary-off-text-default: #183b56;
211
225
  $light-travel-interactive-chip-channel-primary-off-text-hover: #143249;
212
226
  $light-travel-interactive-chip-channel-primary-off-text-pressed: #132f45;
@@ -226,6 +240,18 @@ $light-travel-interactive-tab-icon-default: #1a1a1a;
226
240
  $light-travel-interactive-tab-icon-hover: #404040;
227
241
  $light-travel-interactive-tab-icon-pressed: #404040;
228
242
  $light-travel-interactive-tab-selected-border-default: #000000;
243
+ $light-travel-interactive-switch-off-fill-default: #8c8c8c;
244
+ $light-travel-interactive-switch-off-fill-hover: #777777;
245
+ $light-travel-interactive-switch-off-fill-pressed: #707070;
246
+ $light-travel-interactive-switch-off-control-border-default: #000000;
247
+ $light-travel-interactive-switch-off-control-border-hover: rgba(0, 0, 0, 0.25);
248
+ $light-travel-interactive-switch-off-control-border-pressed: rgba(0, 0, 0, 0.3);
249
+ $light-travel-interactive-switch-on-fill-default: #298458;
250
+ $light-travel-interactive-switch-on-fill-hover: #23704b;
251
+ $light-travel-interactive-switch-on-fill-pressed: #216946;
252
+ $light-travel-interactive-switch-on-control-border-default: #95ceb1;
253
+ $light-travel-interactive-switch-on-control-border-hover: #71bd96;
254
+ $light-travel-interactive-switch-on-control-border-pressed: #64b88d;
229
255
  $light-travel-active-fill: #000000;
230
256
  $light-travel-active-text: #ffffff;
231
257
  $light-travel-active-border: #000000;
package/dist/palettes/uk-dark.scss CHANGED
@@ -17,37 +17,39 @@ $dark-uk-surface-static-light: #ffffff;
17
17
  $dark-uk-surface-inverse: #ffffff;
18
18
  $dark-uk-text-primary: #ffffff;
19
19
  $dark-uk-text-secondary: #d9d9d9;
20
- $dark-uk-text-tertiary: #a6a6a6;
21
- $dark-uk-text-channel-primary: #7095b0;
22
- $dark-uk-text-channel-secondary: #5d86a6;
23
- $dark-uk-text-channel-tertiary: #3b6488;
20
+ $dark-uk-text-tertiary: #737373;
21
+ $dark-uk-text-channel-primary: #a1b8cb;
22
+ $dark-uk-text-channel-secondary: #8fa9c2;
23
+ $dark-uk-text-channel-tertiary: #698dab;
24
24
  $dark-uk-text-static-dark: #000000;
25
25
  $dark-uk-text-static-light: #ffffff;
26
26
  $dark-uk-text-inverse: #000000;
27
27
  $dark-uk-icon-primary: #ffffff;
28
28
  $dark-uk-icon-secondary: #d9d9d9;
29
- $dark-uk-icon-tertiary: #a6a6a6;
29
+ $dark-uk-icon-tertiary: #737373;
30
30
  $dark-uk-icon-channel-primary: #3b6488;
31
31
  $dark-uk-icon-channel-secondary: #49799c;
32
- $dark-uk-icon-channel-tertiary: #3b6488;
32
+ $dark-uk-icon-channel-tertiary: #698dab;
33
33
  $dark-uk-icon-inverse: #000000;
34
+ $dark-uk-icon-static-light: #ffffff;
35
+ $dark-uk-icon-static-dark: #000000;
34
36
  $dark-uk-border-primary: #575757;
35
37
  $dark-uk-border-secondary: #333333;
36
38
  $dark-uk-border-tertiary: #1a1a1a;
37
- $dark-uk-border-channel-primary: #3b6488;
38
- $dark-uk-border-channel-secondary: #28435b;
39
- $dark-uk-border-channel-tertiary: #1a2e3c;
39
+ $dark-uk-border-channel-primary: #7095b0;
40
+ $dark-uk-border-channel-secondary: #5d86a6;
41
+ $dark-uk-border-channel-tertiary: #49799c;
40
42
  $dark-uk-border-elevation: #333333;
41
43
  $dark-uk-border-static-dark: #000000;
42
44
  $dark-uk-border-static-light: #ffffff;
43
45
  $dark-uk-input-fill-default: #000000;
44
- $dark-uk-input-fill-error: #670909;
46
+ $dark-uk-input-fill-error: #410805;
45
47
  $dark-uk-input-fill-hover: #0d0d0d;
46
48
  $dark-uk-input-fill-active: #000000;
47
49
  $dark-uk-input-fill-completed: #000000;
48
- $dark-uk-input-fill-success: #1b5339;
49
- $dark-uk-input-fill-warning: #664109;
50
- $dark-uk-input-fill-info: #08295a;
50
+ $dark-uk-input-fill-success: #153928;
51
+ $dark-uk-input-fill-warning: #412809;
52
+ $dark-uk-input-fill-info: #0a1f45;
51
53
  $dark-uk-input-border-default: #737373;
52
54
  $dark-uk-input-border-error: #ff7268;
53
55
  $dark-uk-input-border-hover: #6d6d6d;
@@ -56,7 +58,7 @@ $dark-uk-input-border-completed: #d9d9d9;
56
58
  $dark-uk-input-border-success: #80c4a1;
57
59
  $dark-uk-input-border-warning: #ffc77f;
58
60
  $dark-uk-input-border-info: #466fb5;
59
- $dark-uk-input-text-default: #a6a6a6;
61
+ $dark-uk-input-text-default: #737373;
60
62
  $dark-uk-input-text-error: #ffffff;
61
63
  $dark-uk-input-text-hover: #d9d9d9;
62
64
  $dark-uk-input-text-active: #ffffff;
@@ -118,6 +120,18 @@ $dark-uk-interactive-secondary-text-pressed: #ffffff;
118
120
  $dark-uk-interactive-secondary-icon-default: #ffffff;
119
121
  $dark-uk-interactive-secondary-icon-hover: #ffffff;
120
122
  $dark-uk-interactive-secondary-icon-pressed: #ffffff;
123
+ $dark-uk-interactive-listItem-fill-default: #1a1a1a;
124
+ $dark-uk-interactive-listItem-fill-hover: #262626;
125
+ $dark-uk-interactive-listItem-fill-pressed: #333333;
126
+ $dark-uk-interactive-listItem-text-default: #ffffff;
127
+ $dark-uk-interactive-listItem-text-hover: #ffffff;
128
+ $dark-uk-interactive-listItem-text-pressed: #ffffff;
129
+ $dark-uk-interactive-listItem-icon-default: #d9d9d9;
130
+ $dark-uk-interactive-listItem-icon-hover: #dfdfdf;
131
+ $dark-uk-interactive-listItem-icon-pressed: #e1e1e1;
132
+ $dark-uk-interactive-listItem-border-default: #333333;
133
+ $dark-uk-interactive-listItem-border-hover: #525252;
134
+ $dark-uk-interactive-listItem-border-pressed: #5c5c5c;
121
135
  $dark-uk-interactive-disabled-a: #262626;
122
136
  $dark-uk-interactive-disabled-b: #404040;
123
137
  $dark-uk-interactive-disabled-c: #575757;
@@ -193,12 +207,12 @@ $dark-uk-interactive-chip-secondary-on-icon-pressed: #cccccc;
193
207
  $dark-uk-interactive-chip-secondary-off-fill-default: #262626;
194
208
  $dark-uk-interactive-chip-secondary-off-fill-hover: #202020;
195
209
  $dark-uk-interactive-chip-secondary-off-fill-pressed: #1e1e1e;
196
- $dark-uk-interactive-chip-secondary-off-text-default: #a6a6a6;
197
- $dark-uk-interactive-chip-secondary-off-text-hover: #8d8d8d;
198
- $dark-uk-interactive-chip-secondary-off-text-pressed: #858585;
199
- $dark-uk-interactive-chip-secondary-off-icon-default: #a6a6a6;
200
- $dark-uk-interactive-chip-secondary-off-icon-hover: #8d8d8d;
201
- $dark-uk-interactive-chip-secondary-off-icon-pressed: #858585;
210
+ $dark-uk-interactive-chip-secondary-off-text-default: #737373;
211
+ $dark-uk-interactive-chip-secondary-off-text-hover: #626262;
212
+ $dark-uk-interactive-chip-secondary-off-text-pressed: #5c5c5c;
213
+ $dark-uk-interactive-chip-secondary-off-icon-default: #737373;
214
+ $dark-uk-interactive-chip-secondary-off-icon-hover: #626262;
215
+ $dark-uk-interactive-chip-secondary-off-icon-pressed: #5c5c5c;
202
216
  $dark-uk-interactive-chip-channel-secondary-off-fill-default: #1a2e3c;
203
217
  $dark-uk-interactive-chip-channel-secondary-off-fill-hover: #162733;
204
218
  $dark-uk-interactive-chip-channel-secondary-off-fill-pressed: #152530;
@@ -251,6 +265,18 @@ $dark-uk-interactive-tab-icon-default: #ffffff;
251
265
  $dark-uk-interactive-tab-icon-hover: #d9d9d9;
252
266
  $dark-uk-interactive-tab-icon-pressed: #d9d9d9;
253
267
  $dark-uk-interactive-tab-selected-border-default: #ffffff;
268
+ $dark-uk-interactive-switch-off-fill-default: #737373;
269
+ $dark-uk-interactive-switch-off-fill-hover: #626262;
270
+ $dark-uk-interactive-switch-off-fill-pressed: #5c5c5c;
271
+ $dark-uk-interactive-switch-off-control-border-default: #000000;
272
+ $dark-uk-interactive-switch-off-control-border-hover: rgba(255, 255, 255, 0.25);
273
+ $dark-uk-interactive-switch-off-control-border-pressed: rgba(255, 255, 255, 0.3);
274
+ $dark-uk-interactive-switch-on-fill-default: #2c9365;
275
+ $dark-uk-interactive-switch-on-fill-hover: #257d55;
276
+ $dark-uk-interactive-switch-on-fill-pressed: #237651;
277
+ $dark-uk-interactive-switch-on-control-border-default: #2c9365;
278
+ $dark-uk-interactive-switch-on-control-border-hover: #257d55;
279
+ $dark-uk-interactive-switch-on-control-border-pressed: #237651;
254
280
  $dark-uk-toast-fill-info: #0f4aa2;
255
281
  $dark-uk-toast-fill-success: #2c865b;
256
282
  $dark-uk-toast-fill-warning: #e49307;
package/dist/palettes/uk-light.scss CHANGED
@@ -6,8 +6,8 @@ $light-uk-surface-level-2: #ffffff;
6
6
  $light-uk-surface-level-3: #ffffff;
7
7
  $light-uk-surface-level-4: #ffffff;
8
8
  $light-uk-surface-overlay: rgba(0, 0, 0, 0.45);
9
- $light-uk-surface-channel-50: #f9fdfc;
10
- $light-uk-surface-channel-100: #f2f5f8;
9
+ $light-uk-surface-channel-50: #f4f7fa;
10
+ $light-uk-surface-channel-100: #e7edf3;
11
11
  $light-uk-surface-channel-200: #bccdda;
12
12
  $light-uk-surface-channel-300: #407196;
13
13
  $light-uk-surface-channel-400: #2e5068;
@@ -31,6 +31,8 @@ $light-uk-icon-channel-primary: #407196;
31
31
  $light-uk-icon-channel-secondary: #5d86a6;
32
32
  $light-uk-icon-channel-tertiary: #7095b0;
33
33
  $light-uk-icon-inverse: #ffffff;
34
+ $light-uk-icon-static-light: #ffffff;
35
+ $light-uk-icon-static-dark: #000000;
34
36
  $light-uk-border-primary: #b3b3b3;
35
37
  $light-uk-border-secondary: #cccccc;
36
38
  $light-uk-border-tertiary: #e6e6e6;
@@ -93,6 +95,18 @@ $light-uk-interactive-secondary-text-pressed: #151515;
93
95
  $light-uk-interactive-secondary-icon-default: #1a1a1a;
94
96
  $light-uk-interactive-secondary-icon-hover: #161616;
95
97
  $light-uk-interactive-secondary-icon-pressed: #111111;
98
+ $light-uk-interactive-listItem-fill-default: #ffffff;
99
+ $light-uk-interactive-listItem-fill-hover: #f2f2f2;
100
+ $light-uk-interactive-listItem-fill-pressed: #e6e6e6;
101
+ $light-uk-interactive-listItem-text-default: #1a1a1a;
102
+ $light-uk-interactive-listItem-text-hover: #161616;
103
+ $light-uk-interactive-listItem-text-pressed: #151515;
104
+ $light-uk-interactive-listItem-icon-default: #404040;
105
+ $light-uk-interactive-listItem-icon-hover: #363636;
106
+ $light-uk-interactive-listItem-icon-pressed: #333333;
107
+ $light-uk-interactive-listItem-border-default: #cccccc;
108
+ $light-uk-interactive-listItem-border-hover: #adadad;
109
+ $light-uk-interactive-listItem-border-pressed: #a3a3a3;
96
110
  $light-uk-interactive-disabled-a: #d9d9d9;
97
111
  $light-uk-interactive-disabled-b: #bfbfbf;
98
112
  $light-uk-interactive-disabled-c: #a8a8a8;
@@ -174,9 +188,9 @@ $light-uk-interactive-chip-secondary-off-text-pressed: #333333;
174
188
  $light-uk-interactive-chip-secondary-off-icon-default: #404040;
175
189
  $light-uk-interactive-chip-secondary-off-icon-hover: #363636;
176
190
  $light-uk-interactive-chip-secondary-off-icon-pressed: #333333;
177
- $light-uk-interactive-chip-channel-secondary-on-fill-default: #f9fdfc;
178
- $light-uk-interactive-chip-channel-secondary-on-fill-hover: #c1eae0;
179
- $light-uk-interactive-chip-channel-secondary-on-fill-pressed: #aee4d6;
191
+ $light-uk-interactive-chip-channel-secondary-on-fill-default: #f4f7fa;
192
+ $light-uk-interactive-chip-channel-secondary-on-fill-hover: #c1d2e3;
193
+ $light-uk-interactive-chip-channel-secondary-on-fill-pressed: #b0c6db;
180
194
  $light-uk-interactive-chip-channel-secondary-on-text-default: #407196;
181
195
  $light-uk-interactive-chip-channel-secondary-on-text-hover: #366080;
182
196
  $light-uk-interactive-chip-channel-secondary-on-text-pressed: #335a78;
@@ -186,9 +200,9 @@ $light-uk-interactive-chip-channel-secondary-on-icon-pressed: #335a78;
186
200
  $light-uk-interactive-chip-channel-secondary-on-border-default: #407196;
187
201
  $light-uk-interactive-chip-channel-secondary-on-border-hover: #366080;
188
202
  $light-uk-interactive-chip-channel-secondary-on-border-pressed: #335a78;
189
- $light-uk-interactive-chip-channel-secondary-off-fill-default: #f2f5f8;
190
- $light-uk-interactive-chip-channel-secondary-off-fill-hover: #c2d0de;
191
- $light-uk-interactive-chip-channel-secondary-off-fill-pressed: #b2c4d6;
203
+ $light-uk-interactive-chip-channel-secondary-off-fill-default: #e7edf3;
204
+ $light-uk-interactive-chip-channel-secondary-off-fill-hover: #b8c9db;
205
+ $light-uk-interactive-chip-channel-secondary-off-fill-pressed: #a8bed3;
192
206
  $light-uk-interactive-chip-channel-secondary-off-text-default: #2e5068;
193
207
  $light-uk-interactive-chip-channel-secondary-off-text-hover: #274458;
194
208
  $light-uk-interactive-chip-channel-secondary-off-text-pressed: #254053;
@@ -204,9 +218,9 @@ $light-uk-interactive-chip-channel-primary-on-text-pressed: #cccccc;
204
218
  $light-uk-interactive-chip-channel-primary-on-icon-default: #ffffff;
205
219
  $light-uk-interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
206
220
  $light-uk-interactive-chip-channel-primary-on-icon-pressed: #cccccc;
207
- $light-uk-interactive-chip-channel-primary-off-fill-default: #f2f5f8;
208
- $light-uk-interactive-chip-channel-primary-off-fill-hover: #c2d0de;
209
- $light-uk-interactive-chip-channel-primary-off-fill-pressed: #b2c4d6;
221
+ $light-uk-interactive-chip-channel-primary-off-fill-default: #e7edf3;
222
+ $light-uk-interactive-chip-channel-primary-off-fill-hover: #b8c9db;
223
+ $light-uk-interactive-chip-channel-primary-off-fill-pressed: #a8bed3;
210
224
  $light-uk-interactive-chip-channel-primary-off-text-default: #21394c;
211
225
  $light-uk-interactive-chip-channel-primary-off-text-hover: #1c3041;
212
226
  $light-uk-interactive-chip-channel-primary-off-text-pressed: #1a2d3d;
@@ -226,6 +240,18 @@ $light-uk-interactive-tab-icon-default: #1a1a1a;
226
240
  $light-uk-interactive-tab-icon-hover: #404040;
227
241
  $light-uk-interactive-tab-icon-pressed: #404040;
228
242
  $light-uk-interactive-tab-selected-border-default: #000000;
243
+ $light-uk-interactive-switch-off-fill-default: #8c8c8c;
244
+ $light-uk-interactive-switch-off-fill-hover: #777777;
245
+ $light-uk-interactive-switch-off-fill-pressed: #707070;
246
+ $light-uk-interactive-switch-off-control-border-default: #000000;
247
+ $light-uk-interactive-switch-off-control-border-hover: rgba(0, 0, 0, 0.25);
248
+ $light-uk-interactive-switch-off-control-border-pressed: rgba(0, 0, 0, 0.3);
249
+ $light-uk-interactive-switch-on-fill-default: #298458;
250
+ $light-uk-interactive-switch-on-fill-hover: #23704b;
251
+ $light-uk-interactive-switch-on-fill-pressed: #216946;
252
+ $light-uk-interactive-switch-on-control-border-default: #95ceb1;
253
+ $light-uk-interactive-switch-on-control-border-hover: #71bd96;
254
+ $light-uk-interactive-switch-on-control-border-pressed: #64b88d;
229
255
  $light-uk-active-fill: #000000;
230
256
  $light-uk-active-text: #ffffff;
231
257
  $light-uk-active-border: #000000;
package/dist/palettes/world-dark.scss CHANGED
@@ -17,37 +17,39 @@ $dark-world-surface-static-light: #ffffff;
17
17
  $dark-world-surface-inverse: #ffffff;
18
18
  $dark-world-text-primary: #ffffff;
19
19
  $dark-world-text-secondary: #d9d9d9;
20
- $dark-world-text-tertiary: #a6a6a6;
21
- $dark-world-text-channel-primary: #559b9d;
22
- $dark-world-text-channel-secondary: #3c8b90;
23
- $dark-world-text-channel-tertiary: #016d6f;
20
+ $dark-world-text-tertiary: #737373;
21
+ $dark-world-text-channel-primary: #90bbbe;
22
+ $dark-world-text-channel-secondary: #79afb1;
23
+ $dark-world-text-channel-tertiary: #499398;
24
24
  $dark-world-text-static-dark: #000000;
25
25
  $dark-world-text-static-light: #ffffff;
26
26
  $dark-world-text-inverse: #000000;
27
27
  $dark-world-icon-primary: #ffffff;
28
28
  $dark-world-icon-secondary: #d9d9d9;
29
- $dark-world-icon-tertiary: #a6a6a6;
29
+ $dark-world-icon-tertiary: #737373;
30
30
  $dark-world-icon-channel-primary: #016d6f;
31
31
  $dark-world-icon-channel-secondary: #1c7f83;
32
- $dark-world-icon-channel-tertiary: #016d6f;
32
+ $dark-world-icon-channel-tertiary: #499398;
33
33
  $dark-world-icon-inverse: #000000;
34
+ $dark-world-icon-static-light: #ffffff;
35
+ $dark-world-icon-static-dark: #000000;
34
36
  $dark-world-border-primary: #575757;
35
37
  $dark-world-border-secondary: #333333;
36
38
  $dark-world-border-tertiary: #1a1a1a;
37
- $dark-world-border-channel-primary: #016d6f;
38
- $dark-world-border-channel-secondary: #07494b;
39
- $dark-world-border-channel-tertiary: #073131;
39
+ $dark-world-border-channel-primary: #559b9d;
40
+ $dark-world-border-channel-secondary: #3c8b90;
41
+ $dark-world-border-channel-tertiary: #1c7f83;
40
42
  $dark-world-border-elevation: #333333;
41
43
  $dark-world-border-static-dark: #000000;
42
44
  $dark-world-border-static-light: #ffffff;
43
45
  $dark-world-input-fill-default: #000000;
44
- $dark-world-input-fill-error: #670909;
46
+ $dark-world-input-fill-error: #410805;
45
47
  $dark-world-input-fill-hover: #0d0d0d;
46
48
  $dark-world-input-fill-active: #000000;
47
49
  $dark-world-input-fill-completed: #000000;
48
- $dark-world-input-fill-success: #1b5339;
49
- $dark-world-input-fill-warning: #664109;
50
- $dark-world-input-fill-info: #08295a;
50
+ $dark-world-input-fill-success: #153928;
51
+ $dark-world-input-fill-warning: #412809;
52
+ $dark-world-input-fill-info: #0a1f45;
51
53
  $dark-world-input-border-default: #737373;
52
54
  $dark-world-input-border-error: #ff7268;
53
55
  $dark-world-input-border-hover: #6d6d6d;
@@ -56,7 +58,7 @@ $dark-world-input-border-completed: #d9d9d9;
56
58
  $dark-world-input-border-success: #80c4a1;
57
59
  $dark-world-input-border-warning: #ffc77f;
58
60
  $dark-world-input-border-info: #466fb5;
59
- $dark-world-input-text-default: #a6a6a6;
61
+ $dark-world-input-text-default: #737373;
60
62
  $dark-world-input-text-error: #ffffff;
61
63
  $dark-world-input-text-hover: #d9d9d9;
62
64
  $dark-world-input-text-active: #ffffff;
@@ -118,6 +120,18 @@ $dark-world-interactive-secondary-text-pressed: #ffffff;
118
120
  $dark-world-interactive-secondary-icon-default: #ffffff;
119
121
  $dark-world-interactive-secondary-icon-hover: #ffffff;
120
122
  $dark-world-interactive-secondary-icon-pressed: #ffffff;
123
+ $dark-world-interactive-listItem-fill-default: #1a1a1a;
124
+ $dark-world-interactive-listItem-fill-hover: #262626;
125
+ $dark-world-interactive-listItem-fill-pressed: #333333;
126
+ $dark-world-interactive-listItem-text-default: #ffffff;
127
+ $dark-world-interactive-listItem-text-hover: #ffffff;
128
+ $dark-world-interactive-listItem-text-pressed: #ffffff;
129
+ $dark-world-interactive-listItem-icon-default: #d9d9d9;
130
+ $dark-world-interactive-listItem-icon-hover: #dfdfdf;
131
+ $dark-world-interactive-listItem-icon-pressed: #e1e1e1;
132
+ $dark-world-interactive-listItem-border-default: #333333;
133
+ $dark-world-interactive-listItem-border-hover: #525252;
134
+ $dark-world-interactive-listItem-border-pressed: #5c5c5c;
121
135
  $dark-world-interactive-disabled-a: #262626;
122
136
  $dark-world-interactive-disabled-b: #404040;
123
137
  $dark-world-interactive-disabled-c: #575757;
@@ -193,12 +207,12 @@ $dark-world-interactive-chip-secondary-on-icon-pressed: #cccccc;
193
207
  $dark-world-interactive-chip-secondary-off-fill-default: #262626;
194
208
  $dark-world-interactive-chip-secondary-off-fill-hover: #202020;
195
209
  $dark-world-interactive-chip-secondary-off-fill-pressed: #1e1e1e;
196
- $dark-world-interactive-chip-secondary-off-text-default: #a6a6a6;
197
- $dark-world-interactive-chip-secondary-off-text-hover: #8d8d8d;
198
- $dark-world-interactive-chip-secondary-off-text-pressed: #858585;
199
- $dark-world-interactive-chip-secondary-off-icon-default: #a6a6a6;
200
- $dark-world-interactive-chip-secondary-off-icon-hover: #8d8d8d;
201
- $dark-world-interactive-chip-secondary-off-icon-pressed: #858585;
210
+ $dark-world-interactive-chip-secondary-off-text-default: #737373;
211
+ $dark-world-interactive-chip-secondary-off-text-hover: #626262;
212
+ $dark-world-interactive-chip-secondary-off-text-pressed: #5c5c5c;
213
+ $dark-world-interactive-chip-secondary-off-icon-default: #737373;
214
+ $dark-world-interactive-chip-secondary-off-icon-hover: #626262;
215
+ $dark-world-interactive-chip-secondary-off-icon-pressed: #5c5c5c;
202
216
  $dark-world-interactive-chip-channel-secondary-off-fill-default: #073131;
203
217
  $dark-world-interactive-chip-channel-secondary-off-fill-hover: #062a2a;
204
218
  $dark-world-interactive-chip-channel-secondary-off-fill-pressed: #062727;
@@ -251,6 +265,18 @@ $dark-world-interactive-tab-icon-default: #ffffff;
251
265
  $dark-world-interactive-tab-icon-hover: #d9d9d9;
252
266
  $dark-world-interactive-tab-icon-pressed: #d9d9d9;
253
267
  $dark-world-interactive-tab-selected-border-default: #ffffff;
268
+ $dark-world-interactive-switch-off-fill-default: #737373;
269
+ $dark-world-interactive-switch-off-fill-hover: #626262;
270
+ $dark-world-interactive-switch-off-fill-pressed: #5c5c5c;
271
+ $dark-world-interactive-switch-off-control-border-default: #000000;
272
+ $dark-world-interactive-switch-off-control-border-hover: rgba(255, 255, 255, 0.25);
273
+ $dark-world-interactive-switch-off-control-border-pressed: rgba(255, 255, 255, 0.3);
274
+ $dark-world-interactive-switch-on-fill-default: #2c9365;
275
+ $dark-world-interactive-switch-on-fill-hover: #257d55;
276
+ $dark-world-interactive-switch-on-fill-pressed: #237651;
277
+ $dark-world-interactive-switch-on-control-border-default: #2c9365;
278
+ $dark-world-interactive-switch-on-control-border-hover: #257d55;
279
+ $dark-world-interactive-switch-on-control-border-pressed: #237651;
254
280
  $dark-world-toast-fill-info: #0f4aa2;
255
281
  $dark-world-toast-fill-success: #2c865b;
256
282
  $dark-world-toast-fill-warning: #e49307;
package/dist/palettes/world-light.scss CHANGED
@@ -6,8 +6,8 @@ $light-world-surface-level-2: #ffffff;
6
6
  $light-world-surface-level-3: #ffffff;
7
7
  $light-world-surface-level-4: #ffffff;
8
8
  $light-world-surface-overlay: rgba(0, 0, 0, 0.45);
9
- $light-world-surface-channel-50: #f9fdfc;
10
- $light-world-surface-channel-100: #eff5f5;
9
+ $light-world-surface-channel-50: #f4f7f7;
10
+ $light-world-surface-channel-100: #e4edf0;
11
11
  $light-world-surface-channel-200: #b2cfd2;
12
12
  $light-world-surface-channel-300: #00787c;
13
13
  $light-world-surface-channel-400: #085358;
@@ -31,6 +31,8 @@ $light-world-icon-channel-primary: #00787c;
31
31
  $light-world-icon-channel-secondary: #3c8b90;
32
32
  $light-world-icon-channel-tertiary: #559b9d;
33
33
  $light-world-icon-inverse: #ffffff;
34
+ $light-world-icon-static-light: #ffffff;
35
+ $light-world-icon-static-dark: #000000;
34
36
  $light-world-border-primary: #b3b3b3;
35
37
  $light-world-border-secondary: #cccccc;
36
38
  $light-world-border-tertiary: #e6e6e6;
@@ -93,6 +95,18 @@ $light-world-interactive-secondary-text-pressed: #151515;
93
95
  $light-world-interactive-secondary-icon-default: #1a1a1a;
94
96
  $light-world-interactive-secondary-icon-hover: #161616;
95
97
  $light-world-interactive-secondary-icon-pressed: #111111;
98
+ $light-world-interactive-listItem-fill-default: #ffffff;
99
+ $light-world-interactive-listItem-fill-hover: #f2f2f2;
100
+ $light-world-interactive-listItem-fill-pressed: #e6e6e6;
101
+ $light-world-interactive-listItem-text-default: #1a1a1a;
102
+ $light-world-interactive-listItem-text-hover: #161616;
103
+ $light-world-interactive-listItem-text-pressed: #151515;
104
+ $light-world-interactive-listItem-icon-default: #404040;
105
+ $light-world-interactive-listItem-icon-hover: #363636;
106
+ $light-world-interactive-listItem-icon-pressed: #333333;
107
+ $light-world-interactive-listItem-border-default: #cccccc;
108
+ $light-world-interactive-listItem-border-hover: #adadad;
109
+ $light-world-interactive-listItem-border-pressed: #a3a3a3;
96
110
  $light-world-interactive-disabled-a: #d9d9d9;
97
111
  $light-world-interactive-disabled-b: #bfbfbf;
98
112
  $light-world-interactive-disabled-c: #a8a8a8;
@@ -174,9 +188,9 @@ $light-world-interactive-chip-secondary-off-text-pressed: #333333;
174
188
  $light-world-interactive-chip-secondary-off-icon-default: #404040;
175
189
  $light-world-interactive-chip-secondary-off-icon-hover: #363636;
176
190
  $light-world-interactive-chip-secondary-off-icon-pressed: #333333;
177
- $light-world-interactive-chip-channel-secondary-on-fill-default: #f9fdfc;
178
- $light-world-interactive-chip-channel-secondary-on-fill-hover: #c1eae0;
179
- $light-world-interactive-chip-channel-secondary-on-fill-pressed: #aee4d6;
191
+ $light-world-interactive-chip-channel-secondary-on-fill-default: #f4f7f7;
192
+ $light-world-interactive-chip-channel-secondary-on-fill-hover: #c9d8d8;
193
+ $light-world-interactive-chip-channel-secondary-on-fill-pressed: #bbcece;
180
194
  $light-world-interactive-chip-channel-secondary-on-text-default: #00787c;
181
195
  $light-world-interactive-chip-channel-secondary-on-text-hover: #00666a;
182
196
  $light-world-interactive-chip-channel-secondary-on-text-pressed: #006063;
@@ -186,9 +200,9 @@ $light-world-interactive-chip-channel-secondary-on-icon-pressed: #006063;
186
200
  $light-world-interactive-chip-channel-secondary-on-border-default: #00787c;
187
201
  $light-world-interactive-chip-channel-secondary-on-border-hover: #00666a;
188
202
  $light-world-interactive-chip-channel-secondary-on-border-pressed: #006063;
189
- $light-world-interactive-chip-channel-secondary-off-fill-default: #eff5f5;
190
- $light-world-interactive-chip-channel-secondary-off-fill-hover: #c2d9d9;
191
- $light-world-interactive-chip-channel-secondary-off-fill-pressed: #b3d0d0;
203
+ $light-world-interactive-chip-channel-secondary-off-fill-default: #e4edf0;
204
+ $light-world-interactive-chip-channel-secondary-off-fill-hover: #b7cfd7;
205
+ $light-world-interactive-chip-channel-secondary-off-fill-pressed: #a8c5cf;
192
206
  $light-world-interactive-chip-channel-secondary-off-text-default: #085358;
193
207
  $light-world-interactive-chip-channel-secondary-off-text-hover: #07464b;
194
208
  $light-world-interactive-chip-channel-secondary-off-text-pressed: #064247;
@@ -204,9 +218,9 @@ $light-world-interactive-chip-channel-primary-on-text-pressed: #cccccc;
204
218
  $light-world-interactive-chip-channel-primary-on-icon-default: #ffffff;
205
219
  $light-world-interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
206
220
  $light-world-interactive-chip-channel-primary-on-icon-pressed: #cccccc;
207
- $light-world-interactive-chip-channel-primary-off-fill-default: #eff5f5;
208
- $light-world-interactive-chip-channel-primary-off-fill-hover: #c2d9d9;
209
- $light-world-interactive-chip-channel-primary-off-fill-pressed: #b3d0d0;
221
+ $light-world-interactive-chip-channel-primary-off-fill-default: #e4edf0;
222
+ $light-world-interactive-chip-channel-primary-off-fill-hover: #b7cfd7;
223
+ $light-world-interactive-chip-channel-primary-off-fill-pressed: #a8c5cf;
210
224
  $light-world-interactive-chip-channel-primary-off-text-default: #083c3e;
211
225
  $light-world-interactive-chip-channel-primary-off-text-hover: #073335;
212
226
  $light-world-interactive-chip-channel-primary-off-text-pressed: #063032;
@@ -226,6 +240,18 @@ $light-world-interactive-tab-icon-default: #1a1a1a;
226
240
  $light-world-interactive-tab-icon-hover: #404040;
227
241
  $light-world-interactive-tab-icon-pressed: #404040;
228
242
  $light-world-interactive-tab-selected-border-default: #000000;
243
+ $light-world-interactive-switch-off-fill-default: #8c8c8c;
244
+ $light-world-interactive-switch-off-fill-hover: #777777;
245
+ $light-world-interactive-switch-off-fill-pressed: #707070;
246
+ $light-world-interactive-switch-off-control-border-default: #000000;
247
+ $light-world-interactive-switch-off-control-border-hover: rgba(0, 0, 0, 0.25);
248
+ $light-world-interactive-switch-off-control-border-pressed: rgba(0, 0, 0, 0.3);
249
+ $light-world-interactive-switch-on-fill-default: #298458;
250
+ $light-world-interactive-switch-on-fill-hover: #23704b;
251
+ $light-world-interactive-switch-on-fill-pressed: #216946;
252
+ $light-world-interactive-switch-on-control-border-default: #95ceb1;
253
+ $light-world-interactive-switch-on-control-border-hover: #71bd96;
254
+ $light-world-interactive-switch-on-control-border-pressed: #64b88d;
229
255
  $light-world-active-fill: #000000;
230
256
  $light-world-active-text: #ffffff;
231
257
  $light-world-active-border: #000000;
package/dist/tds-layout.scss CHANGED
@@ -42,10 +42,10 @@ $breakpoint-xLarge: 1440px;
42
42
  grid-template-columns: repeat(4, 1fr);
43
43
  grid-gap: 24px;
44
44
  margin-inline: 20px;
45
- max-width: 393px;
45
+ max-width: 100%;
46
46
 
47
47
  // Medium breakpoint
48
- @media (min-width: $breakpoint-medium) {
48
+ @media (min-width: 768px) {
49
49
  grid-template-columns: repeat(12, 1fr);
50
50
  grid-gap: 32px;
51
51
  margin-inline: 24px;
@@ -53,12 +53,12 @@ max-width: 768px;
53
53
  }
54
54
 
55
55
  // Large breakpoint
56
- @media (min-width: $breakpoint-large) {
56
+ @media (min-width: 1024px) {
57
57
  max-width: 1024px;
58
58
  }
59
59
 
60
60
  // XLarge breakpoint
61
- @media (min-width: $breakpoint-xLarge) {
61
+ @media (min-width: 1144px) {
62
62
  max-width: 1144px;
63
63
  }
64
64
  }
@@ -66,4 +66,8 @@ max-width: 768px;
66
66
  .tds-grid {
67
67
  display: grid;
68
68
  @include responsive-tds-grid();
69
+
70
+ &.tds-grid--full-width {
71
+ max-width: 100%;
72
+ }
69
73
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@times-design-system/theme-scss",
3
- "version": "2.3.1",
3
+ "version": "2.5.0",
4
4
  "type": "module",
5
5
  "description": "Times Design System theme package - pre-resolved color tokens for React",
6
6
  "keywords": [
@@ -44,5 +44,5 @@
44
44
  "url": "https://github.com/newsuk/times-design-system/issues"
45
45
  },
46
46
  "homepage": "https://github.com/newsuk/times-design-system#readme",
47
- "gitHead": "e274405b62c84bc5f65655ece8c601a875deebee"
47
+ "gitHead": "f20b4e90db9654cc22a107e4ad46c77c8b23b40e"
48
48
  }