@times-design-system/theme-scss 1.6.0 → 1.7.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 (30) hide show
  1. package/dist/palettes/_business-dark.scss +63 -46
  2. package/dist/palettes/_business-light.scss +25 -8
  3. package/dist/palettes/_comment-dark.scss +63 -46
  4. package/dist/palettes/_comment-light.scss +25 -8
  5. package/dist/palettes/_core-dark.scss +84 -67
  6. package/dist/palettes/_core-light.scss +25 -8
  7. package/dist/palettes/_culture-dark.scss +63 -46
  8. package/dist/palettes/_culture-light.scss +25 -8
  9. package/dist/palettes/_home-dark.scss +63 -46
  10. package/dist/palettes/_home-light.scss +25 -8
  11. package/dist/palettes/_ireland-dark.scss +63 -46
  12. package/dist/palettes/_ireland-light.scss +25 -8
  13. package/dist/palettes/_lifeAndStyle-dark.scss +63 -46
  14. package/dist/palettes/_lifeAndStyle-light.scss +25 -8
  15. package/dist/palettes/_money-dark.scss +63 -46
  16. package/dist/palettes/_money-light.scss +25 -8
  17. package/dist/palettes/_obituaries-dark.scss +63 -46
  18. package/dist/palettes/_obituaries-light.scss +25 -8
  19. package/dist/palettes/_puzzles-dark.scss +63 -46
  20. package/dist/palettes/_puzzles-light.scss +25 -8
  21. package/dist/palettes/_sport-dark.scss +63 -46
  22. package/dist/palettes/_sport-light.scss +25 -8
  23. package/dist/palettes/_travel-dark.scss +63 -46
  24. package/dist/palettes/_travel-light.scss +25 -8
  25. package/dist/palettes/_uk-dark.scss +63 -46
  26. package/dist/palettes/_uk-light.scss +25 -8
  27. package/dist/palettes/_world-dark.scss +63 -46
  28. package/dist/palettes/_world-light.scss +25 -8
  29. package/dist/tds-layout.scss +45 -137
  30. package/package.json +2 -2
package/dist/palettes/_sport-dark.scss CHANGED
@@ -4,7 +4,6 @@ $tds-surface-level-1: #0d0d0d;
4
4
  $tds-surface-level-2: #1a1a1a;
5
5
  $tds-surface-level-3: #262626;
6
6
  $tds-surface-level-4: #1a1a1a;
7
- $tds-surface-inverse: #ffffff;
8
7
  $tds-surface-overlay: rgba(0, 0, 0, 0.55);
9
8
  $tds-surface-channel-50: #06180d;
10
9
  $tds-surface-channel-100: #083119;
@@ -17,8 +16,6 @@ $tds-surface-static-light: #ffffff;
17
16
  $tds-text-primary: #ffffff;
18
17
  $tds-text-secondary: #d9d9d9;
19
18
  $tds-text-tertiary: #a6a6a6;
20
- $tds-text-inverse-primary: #000000;
21
- $tds-text-inverse-secondary: #737373;
22
19
  $tds-text-channel-primary: #6da882;
23
20
  $tds-text-channel-secondary: #3c8e5d;
24
21
  $tds-text-static-dark: #000000;
@@ -26,15 +23,11 @@ $tds-text-static-light: #ffffff;
26
23
  $tds-icon-primary: #ffffff;
27
24
  $tds-icon-secondary: #d9d9d9;
28
25
  $tds-icon-tertiary: #a6a6a6;
29
- $tds-icon-inverse-primary: #000000;
30
- $tds-icon-inverse-secondary: #737373;
31
26
  $tds-icon-channel-primary: #007a3f;
32
27
  $tds-icon-channel-secondary: #2e8753;
33
28
  $tds-border-primary: #585858;
34
29
  $tds-border-secondary: #333333;
35
30
  $tds-border-tertiary: #1a1a1a;
36
- $tds-border-inverse-primary: #000000;
37
- $tds-border-inverse-secondary: #737373;
38
31
  $tds-border-channel-primary: #036e39;
39
32
  $tds-border-channel-secondary: #084926;
40
33
  $tds-border-channel-tertiary: #083119;
@@ -42,53 +35,53 @@ $tds-border-elevation: #333333;
42
35
  $tds-border-static-dark: #000000;
43
36
  $tds-border-static-light: #ffffff;
44
37
  $tds-input-fill-default: #000000;
45
- $tds-input-fill-error: #1a0403;
38
+ $tds-input-fill-error: #400806;
46
39
  $tds-input-fill-hover: #1a1a1a;
47
40
  $tds-input-fill-active: #262626;
48
- $tds-input-fill-completed: #8cc9a9;
49
- $tds-input-fill-success: #07100b;
50
- $tds-input-fill-warning: #1a1004;
51
- $tds-input-fill-info: #030710;
41
+ $tds-input-fill-completed: #b3dbc6;
42
+ $tds-input-fill-success: #133927;
43
+ $tds-input-fill-warning: #402908;
44
+ $tds-input-fill-info: #081f45;
52
45
  $tds-input-border-default: #8c8c8c;
53
- $tds-input-border-error: #ff5a53;
46
+ $tds-input-border-error: #ff7069;
54
47
  $tds-input-border-hover: #585858;
55
48
  $tds-input-border-active: #737373;
56
- $tds-input-border-completed: #62b68c;
57
- $tds-input-border-success: #6dbb93;
58
- $tds-input-border-warning: #ffba5c;
59
- $tds-input-border-info: #5177ba;
49
+ $tds-input-border-completed: #72bd97;
50
+ $tds-input-border-success: #81c4a1;
51
+ $tds-input-border-warning: #ffc372;
52
+ $tds-input-border-info: #6f8ec6;
60
53
  $tds-input-text-default: #a6a6a6;
61
- $tds-input-text-error: #ff5a53;
54
+ $tds-input-text-error: #ff7069;
62
55
  $tds-input-text-hover: #ffffff;
63
56
  $tds-input-text-active: #ffffff;
64
- $tds-input-text-completed: #0c2116;
65
- $tds-input-text-success: #6dbb93;
66
- $tds-input-text-warning: #ffba5c;
67
- $tds-input-text-info: #5177ba;
57
+ $tds-input-text-completed: #17462f;
58
+ $tds-input-text-success: #81c4a1;
59
+ $tds-input-text-warning: #ffc372;
60
+ $tds-input-text-info: #6f8ec6;
68
61
  $tds-input-icon-default: #a6a6a6;
69
62
  $tds-input-icon-hover: #ffffff;
70
63
  $tds-input-icon-active: #ffffff;
71
- $tds-input-icon-completed: #0c2116;
72
- $tds-input-icon-error: #ff5a53;
73
- $tds-input-icon-success: #6dbb93;
74
- $tds-input-icon-warning: #ffba5c;
75
- $tds-input-icon-info: #5177ba;
76
- $tds-feedback-fill-error: #1a0403;
77
- $tds-feedback-fill-success: #07100b;
78
- $tds-feedback-fill-warning: #1a1004;
79
- $tds-feedback-fill-info: #030710;
80
- $tds-feedback-text-error: #ff5a53;
81
- $tds-feedback-text-success: #6dbb93;
82
- $tds-feedback-text-warning: #ffba5c;
83
- $tds-feedback-text-info: #5177ba;
84
- $tds-feedback-border-error: #ff5a53;
85
- $tds-feedback-border-success: #6dbb93;
86
- $tds-feedback-border-warning: #ffba5c;
87
- $tds-feedback-border-info: #5177ba;
88
- $tds-feedback-icon-error: #ff5a53;
89
- $tds-feedback-icon-success: #6dbb93;
90
- $tds-feedback-icon-warning: #ffba5c;
91
- $tds-feedback-icon-info: #5177ba;
64
+ $tds-input-icon-completed: #17462f;
65
+ $tds-input-icon-error: #ff7069;
66
+ $tds-input-icon-success: #81c4a1;
67
+ $tds-input-icon-warning: #ffc372;
68
+ $tds-input-icon-info: #6f8ec6;
69
+ $tds-feedback-fill-error: #400806;
70
+ $tds-feedback-fill-success: #133927;
71
+ $tds-feedback-fill-warning: #402908;
72
+ $tds-feedback-fill-info: #081f45;
73
+ $tds-feedback-text-error: #ff7069;
74
+ $tds-feedback-text-success: #81c4a1;
75
+ $tds-feedback-text-warning: #ffc372;
76
+ $tds-feedback-text-info: #6f8ec6;
77
+ $tds-feedback-border-error: #ff7069;
78
+ $tds-feedback-border-success: #81c4a1;
79
+ $tds-feedback-border-warning: #ffc372;
80
+ $tds-feedback-border-info: #6f8ec6;
81
+ $tds-feedback-icon-error: #ff7069;
82
+ $tds-feedback-icon-success: #81c4a1;
83
+ $tds-feedback-icon-warning: #ffc372;
84
+ $tds-feedback-icon-info: #6f8ec6;
92
85
  $tds-active-fill: #ffffff;
93
86
  $tds-active-text: #000000;
94
87
  $tds-active-border: #ffffff;
@@ -97,7 +90,7 @@ $tds-focus-border: #8c8c8c;
97
90
  $tds-label-primary: #ffffff;
98
91
  $tds-label-secondary: #d9d9d9;
99
92
  $tds-label-channel: #3c8e5d;
100
- $tds-label-callout: #b30906;
93
+ $tds-label-callout: #b90806;
101
94
  $tds-flag-primary-fill: #ffffff;
102
95
  $tds-flag-primary-text: #0d0d0d;
103
96
  $tds-flag-primary-icon: #0d0d0d;
@@ -106,7 +99,7 @@ $tds-flag-secondary-icon: #ffffff;
106
99
  $tds-flag-channel-fill: #066232;
107
100
  $tds-flag-channel-text: #90bda0;
108
101
  $tds-flag-channel-icon: #90bda0;
109
- $tds-flag-callout-fill: #b30906;
102
+ $tds-flag-callout-fill: #b90806;
110
103
  $tds-flag-callout-text: #ffffff;
111
104
  $tds-flag-callout-icon: #ffffff;
112
105
  $tds-interactive-primary-fill-default: #ffffff;
@@ -252,4 +245,28 @@ $tds-interactive-chip-channel-primary-on-text-hover: #ffffff;
252
245
  $tds-interactive-chip-channel-primary-on-text-pressed: #ffffff;
253
246
  $tds-interactive-chip-channel-primary-on-icon-default: #ffffff;
254
247
  $tds-interactive-chip-channel-primary-on-icon-hover: #ffffff;
255
- $tds-interactive-chip-channel-primary-on-icon-pressed: #ffffff;
248
+ $tds-interactive-chip-channel-primary-on-icon-pressed: #ffffff;
249
+ $tds-toast-fill-info: #0f4aa2;
250
+ $tds-toast-fill-success: #29875c;
251
+ $tds-toast-fill-warning: #e69304;
252
+ $tds-toast-fill-error: #cc0705;
253
+ $tds-toast-icon-info: #a9bbdd;
254
+ $tds-toast-icon-success: #c2e2d1;
255
+ $tds-toast-icon-warning: #ffddb0;
256
+ $tds-toast-icon-error: #ffbfbb;
257
+ $tds-toast-text-info: #ffffff;
258
+ $tds-toast-text-success: #ffffff;
259
+ $tds-toast-text-error: #ffffff;
260
+ $tds-toast-text-warning: #000000;
261
+ $tds-toast-link-info-default: #ffffff;
262
+ $tds-toast-link-info-hover: #ffffff;
263
+ $tds-toast-link-info-pressed: #ffffff;
264
+ $tds-toast-link-success-default: #ffffff;
265
+ $tds-toast-link-success-hover: #ffffff;
266
+ $tds-toast-link-success-pressed: #ffffff;
267
+ $tds-toast-link-error-default: #ffffff;
268
+ $tds-toast-link-error-hover: #ffffff;
269
+ $tds-toast-link-error-pressed: #ffffff;
270
+ $tds-toast-link-warning-default: #000000;
271
+ $tds-toast-link-warning-hover: #000000;
272
+ $tds-toast-link-warning-pressed: #000000;
package/dist/palettes/_sport-light.scss CHANGED
@@ -4,7 +4,6 @@ $tds-surface-level-1: #ffffff;
4
4
  $tds-surface-level-2: #ffffff;
5
5
  $tds-surface-level-3: #ffffff;
6
6
  $tds-surface-level-4: #ffffff;
7
- $tds-surface-inverse: #000000;
8
7
  $tds-surface-overlay: rgba(0, 0, 0, 0.45);
9
8
  $tds-surface-channel-50: #fafcfa;
10
9
  $tds-surface-channel-100: #eff5f1;
@@ -17,8 +16,6 @@ $tds-surface-static-light: #ffffff;
17
16
  $tds-text-primary: #1a191a;
18
17
  $tds-text-secondary: #404040;
19
18
  $tds-text-tertiary: #737373;
20
- $tds-text-inverse-primary: #ffffff;
21
- $tds-text-inverse-secondary: #8c8c8c;
22
19
  $tds-text-channel-primary: #07552c;
23
20
  $tds-text-channel-secondary: #007a3f;
24
21
  $tds-text-static-dark: #000000;
@@ -26,15 +23,11 @@ $tds-text-static-light: #ffffff;
26
23
  $tds-icon-primary: #1a191a;
27
24
  $tds-icon-secondary: #404040;
28
25
  $tds-icon-tertiary: #737373;
29
- $tds-icon-inverse-primary: #ffffff;
30
- $tds-icon-inverse-secondary: #8c8c8c;
31
26
  $tds-icon-channel-primary: #007a3f;
32
27
  $tds-icon-channel-secondary: #26844e;
33
28
  $tds-border-primary: #a7a7a7;
34
29
  $tds-border-secondary: #cccccc;
35
30
  $tds-border-tertiary: #e6e5e6;
36
- $tds-border-inverse-primary: #ffffff;
37
- $tds-border-inverse-secondary: #8c8c8c;
38
31
  $tds-border-channel-primary: #26844e;
39
32
  $tds-border-channel-secondary: #6da882;
40
33
  $tds-border-channel-tertiary: #b2d1bc;
@@ -252,4 +245,28 @@ $tds-flag-channel-text: #083d20;
252
245
  $tds-flag-channel-icon: #083d20;
253
246
  $tds-flag-callout-fill: #b30906;
254
247
  $tds-flag-callout-text: #ffffff;
255
- $tds-flag-callout-icon: #ffffff;
248
+ $tds-flag-callout-icon: #ffffff;
249
+ $tds-toast-fill-info: #0c3471;
250
+ $tds-toast-fill-success: #24734e;
251
+ $tds-toast-fill-warning: #e69304;
252
+ $tds-toast-fill-error: #cc0705;
253
+ $tds-toast-icon-info: #97aed6;
254
+ $tds-toast-icon-success: #aad6bf;
255
+ $tds-toast-icon-warning: #ffdfb5;
256
+ $tds-toast-icon-error: #ffb4b0;
257
+ $tds-toast-text-info: #ffffff;
258
+ $tds-toast-text-success: #ffffff;
259
+ $tds-toast-text-error: #ffffff;
260
+ $tds-toast-text-warning: #000000;
261
+ $tds-toast-link-info-default: #ffffff;
262
+ $tds-toast-link-info-hover: #ffffff;
263
+ $tds-toast-link-info-pressed: #ffffff;
264
+ $tds-toast-link-success-default: #ffffff;
265
+ $tds-toast-link-success-hover: #ffffff;
266
+ $tds-toast-link-success-pressed: #ffffff;
267
+ $tds-toast-link-error-default: #ffffff;
268
+ $tds-toast-link-error-hover: #ffffff;
269
+ $tds-toast-link-error-pressed: #ffffff;
270
+ $tds-toast-link-warning-default: #000000;
271
+ $tds-toast-link-warning-hover: #000000;
272
+ $tds-toast-link-warning-pressed: #000000;
package/dist/palettes/_travel-dark.scss CHANGED
@@ -4,7 +4,6 @@ $tds-surface-level-1: #0d0d0d;
4
4
  $tds-surface-level-2: #1a1a1a;
5
5
  $tds-surface-level-3: #262626;
6
6
  $tds-surface-level-4: #1a1a1a;
7
- $tds-surface-inverse: #ffffff;
8
7
  $tds-surface-overlay: rgba(0, 0, 0, 0.55);
9
8
  $tds-surface-channel-50: #0a1823;
10
9
  $tds-surface-channel-100: #133045;
@@ -17,8 +16,6 @@ $tds-surface-static-light: #ffffff;
17
16
  $tds-text-primary: #ffffff;
18
17
  $tds-text-secondary: #d9d9d9;
19
18
  $tds-text-tertiary: #a6a6a6;
20
- $tds-text-inverse-primary: #000000;
21
- $tds-text-inverse-secondary: #737373;
22
19
  $tds-text-channel-primary: #79a7ca;
23
20
  $tds-text-channel-secondary: #508dba;
24
21
  $tds-text-static-dark: #000000;
@@ -26,15 +23,11 @@ $tds-text-static-light: #ffffff;
26
23
  $tds-icon-primary: #ffffff;
27
24
  $tds-icon-secondary: #d9d9d9;
28
25
  $tds-icon-tertiary: #a6a6a6;
29
- $tds-icon-inverse-primary: #000000;
30
- $tds-icon-inverse-secondary: #737373;
31
26
  $tds-icon-channel-primary: #3980b1;
32
27
  $tds-icon-channel-secondary: #508dba;
33
28
  $tds-border-primary: #585858;
34
29
  $tds-border-secondary: #333333;
35
30
  $tds-border-tertiary: #1a1a1a;
36
- $tds-border-inverse-primary: #000000;
37
- $tds-border-inverse-secondary: #737373;
38
31
  $tds-border-channel-primary: #286d9c;
39
32
  $tds-border-channel-secondary: #1b4968;
40
33
  $tds-border-channel-tertiary: #133045;
@@ -42,53 +35,53 @@ $tds-border-elevation: #333333;
42
35
  $tds-border-static-dark: #000000;
43
36
  $tds-border-static-light: #ffffff;
44
37
  $tds-input-fill-default: #000000;
45
- $tds-input-fill-error: #1a0403;
38
+ $tds-input-fill-error: #400806;
46
39
  $tds-input-fill-hover: #1a1a1a;
47
40
  $tds-input-fill-active: #262626;
48
- $tds-input-fill-completed: #8cc9a9;
49
- $tds-input-fill-success: #07100b;
50
- $tds-input-fill-warning: #1a1004;
51
- $tds-input-fill-info: #030710;
41
+ $tds-input-fill-completed: #b3dbc6;
42
+ $tds-input-fill-success: #133927;
43
+ $tds-input-fill-warning: #402908;
44
+ $tds-input-fill-info: #081f45;
52
45
  $tds-input-border-default: #8c8c8c;
53
- $tds-input-border-error: #ff5a53;
46
+ $tds-input-border-error: #ff7069;
54
47
  $tds-input-border-hover: #585858;
55
48
  $tds-input-border-active: #737373;
56
- $tds-input-border-completed: #62b68c;
57
- $tds-input-border-success: #6dbb93;
58
- $tds-input-border-warning: #ffba5c;
59
- $tds-input-border-info: #5177ba;
49
+ $tds-input-border-completed: #72bd97;
50
+ $tds-input-border-success: #81c4a1;
51
+ $tds-input-border-warning: #ffc372;
52
+ $tds-input-border-info: #6f8ec6;
60
53
  $tds-input-text-default: #a6a6a6;
61
- $tds-input-text-error: #ff5a53;
54
+ $tds-input-text-error: #ff7069;
62
55
  $tds-input-text-hover: #ffffff;
63
56
  $tds-input-text-active: #ffffff;
64
- $tds-input-text-completed: #0c2116;
65
- $tds-input-text-success: #6dbb93;
66
- $tds-input-text-warning: #ffba5c;
67
- $tds-input-text-info: #5177ba;
57
+ $tds-input-text-completed: #17462f;
58
+ $tds-input-text-success: #81c4a1;
59
+ $tds-input-text-warning: #ffc372;
60
+ $tds-input-text-info: #6f8ec6;
68
61
  $tds-input-icon-default: #a6a6a6;
69
62
  $tds-input-icon-hover: #ffffff;
70
63
  $tds-input-icon-active: #ffffff;
71
- $tds-input-icon-completed: #0c2116;
72
- $tds-input-icon-error: #ff5a53;
73
- $tds-input-icon-success: #6dbb93;
74
- $tds-input-icon-warning: #ffba5c;
75
- $tds-input-icon-info: #5177ba;
76
- $tds-feedback-fill-error: #1a0403;
77
- $tds-feedback-fill-success: #07100b;
78
- $tds-feedback-fill-warning: #1a1004;
79
- $tds-feedback-fill-info: #030710;
80
- $tds-feedback-text-error: #ff5a53;
81
- $tds-feedback-text-success: #6dbb93;
82
- $tds-feedback-text-warning: #ffba5c;
83
- $tds-feedback-text-info: #5177ba;
84
- $tds-feedback-border-error: #ff5a53;
85
- $tds-feedback-border-success: #6dbb93;
86
- $tds-feedback-border-warning: #ffba5c;
87
- $tds-feedback-border-info: #5177ba;
88
- $tds-feedback-icon-error: #ff5a53;
89
- $tds-feedback-icon-success: #6dbb93;
90
- $tds-feedback-icon-warning: #ffba5c;
91
- $tds-feedback-icon-info: #5177ba;
64
+ $tds-input-icon-completed: #17462f;
65
+ $tds-input-icon-error: #ff7069;
66
+ $tds-input-icon-success: #81c4a1;
67
+ $tds-input-icon-warning: #ffc372;
68
+ $tds-input-icon-info: #6f8ec6;
69
+ $tds-feedback-fill-error: #400806;
70
+ $tds-feedback-fill-success: #133927;
71
+ $tds-feedback-fill-warning: #402908;
72
+ $tds-feedback-fill-info: #081f45;
73
+ $tds-feedback-text-error: #ff7069;
74
+ $tds-feedback-text-success: #81c4a1;
75
+ $tds-feedback-text-warning: #ffc372;
76
+ $tds-feedback-text-info: #6f8ec6;
77
+ $tds-feedback-border-error: #ff7069;
78
+ $tds-feedback-border-success: #81c4a1;
79
+ $tds-feedback-border-warning: #ffc372;
80
+ $tds-feedback-border-info: #6f8ec6;
81
+ $tds-feedback-icon-error: #ff7069;
82
+ $tds-feedback-icon-success: #81c4a1;
83
+ $tds-feedback-icon-warning: #ffc372;
84
+ $tds-feedback-icon-info: #6f8ec6;
92
85
  $tds-active-fill: #ffffff;
93
86
  $tds-active-text: #000000;
94
87
  $tds-active-border: #ffffff;
@@ -97,7 +90,7 @@ $tds-focus-border: #8c8c8c;
97
90
  $tds-label-primary: #ffffff;
98
91
  $tds-label-secondary: #d9d9d9;
99
92
  $tds-label-channel: #508dba;
100
- $tds-label-callout: #b30906;
93
+ $tds-label-callout: #b90806;
101
94
  $tds-flag-primary-fill: #ffffff;
102
95
  $tds-flag-primary-text: #0d0d0d;
103
96
  $tds-flag-primary-icon: #0d0d0d;
@@ -106,7 +99,7 @@ $tds-flag-secondary-icon: #ffffff;
106
99
  $tds-flag-channel-fill: #24618a;
107
100
  $tds-flag-channel-text: #9abcd6;
108
101
  $tds-flag-channel-icon: #9abcd6;
109
- $tds-flag-callout-fill: #b30906;
102
+ $tds-flag-callout-fill: #b90806;
110
103
  $tds-flag-callout-text: #ffffff;
111
104
  $tds-flag-callout-icon: #ffffff;
112
105
  $tds-interactive-primary-fill-default: #ffffff;
@@ -252,4 +245,28 @@ $tds-interactive-chip-channel-primary-on-text-hover: #ffffff;
252
245
  $tds-interactive-chip-channel-primary-on-text-pressed: #ffffff;
253
246
  $tds-interactive-chip-channel-primary-on-icon-default: #ffffff;
254
247
  $tds-interactive-chip-channel-primary-on-icon-hover: #ffffff;
255
- $tds-interactive-chip-channel-primary-on-icon-pressed: #ffffff;
248
+ $tds-interactive-chip-channel-primary-on-icon-pressed: #ffffff;
249
+ $tds-toast-fill-info: #0f4aa2;
250
+ $tds-toast-fill-success: #29875c;
251
+ $tds-toast-fill-warning: #e69304;
252
+ $tds-toast-fill-error: #cc0705;
253
+ $tds-toast-icon-info: #a9bbdd;
254
+ $tds-toast-icon-success: #c2e2d1;
255
+ $tds-toast-icon-warning: #ffddb0;
256
+ $tds-toast-icon-error: #ffbfbb;
257
+ $tds-toast-text-info: #ffffff;
258
+ $tds-toast-text-success: #ffffff;
259
+ $tds-toast-text-error: #ffffff;
260
+ $tds-toast-text-warning: #000000;
261
+ $tds-toast-link-info-default: #ffffff;
262
+ $tds-toast-link-info-hover: #ffffff;
263
+ $tds-toast-link-info-pressed: #ffffff;
264
+ $tds-toast-link-success-default: #ffffff;
265
+ $tds-toast-link-success-hover: #ffffff;
266
+ $tds-toast-link-success-pressed: #ffffff;
267
+ $tds-toast-link-error-default: #ffffff;
268
+ $tds-toast-link-error-hover: #ffffff;
269
+ $tds-toast-link-error-pressed: #ffffff;
270
+ $tds-toast-link-warning-default: #000000;
271
+ $tds-toast-link-warning-hover: #000000;
272
+ $tds-toast-link-warning-pressed: #000000;
package/dist/palettes/_travel-light.scss CHANGED
@@ -4,7 +4,6 @@ $tds-surface-level-1: #ffffff;
4
4
  $tds-surface-level-2: #ffffff;
5
5
  $tds-surface-level-3: #ffffff;
6
6
  $tds-surface-level-4: #ffffff;
7
- $tds-surface-inverse: #000000;
8
7
  $tds-surface-overlay: rgba(0, 0, 0, 0.45);
9
8
  $tds-surface-channel-50: #fafcfd;
10
9
  $tds-surface-channel-100: #f0f5f9;
@@ -17,8 +16,6 @@ $tds-surface-static-light: #ffffff;
17
16
  $tds-text-primary: #1a191a;
18
17
  $tds-text-secondary: #404040;
19
18
  $tds-text-tertiary: #737373;
20
- $tds-text-inverse-primary: #ffffff;
21
- $tds-text-inverse-secondary: #8c8c8c;
22
19
  $tds-text-channel-primary: #205579;
23
20
  $tds-text-channel-secondary: #2c79ad;
24
21
  $tds-text-static-dark: #000000;
@@ -26,15 +23,11 @@ $tds-text-static-light: #ffffff;
26
23
  $tds-icon-primary: #1a191a;
27
24
  $tds-icon-secondary: #404040;
28
25
  $tds-icon-tertiary: #737373;
29
- $tds-icon-inverse-primary: #ffffff;
30
- $tds-icon-inverse-secondary: #8c8c8c;
31
26
  $tds-icon-channel-primary: #2c79ad;
32
27
  $tds-icon-channel-secondary: #286d9c;
33
28
  $tds-border-primary: #a7a7a7;
34
29
  $tds-border-secondary: #cccccc;
35
30
  $tds-border-tertiary: #e6e5e6;
36
- $tds-border-inverse-primary: #ffffff;
37
- $tds-border-inverse-secondary: #8c8c8c;
38
31
  $tds-border-channel-primary: #3f83b3;
39
32
  $tds-border-channel-secondary: #79a7ca;
40
33
  $tds-border-channel-tertiary: #b8d0e3;
@@ -252,4 +245,28 @@ $tds-flag-channel-text: #173d57;
252
245
  $tds-flag-channel-icon: #173d57;
253
246
  $tds-flag-callout-fill: #b30906;
254
247
  $tds-flag-callout-text: #ffffff;
255
- $tds-flag-callout-icon: #ffffff;
248
+ $tds-flag-callout-icon: #ffffff;
249
+ $tds-toast-fill-info: #0c3471;
250
+ $tds-toast-fill-success: #24734e;
251
+ $tds-toast-fill-warning: #e69304;
252
+ $tds-toast-fill-error: #cc0705;
253
+ $tds-toast-icon-info: #97aed6;
254
+ $tds-toast-icon-success: #aad6bf;
255
+ $tds-toast-icon-warning: #ffdfb5;
256
+ $tds-toast-icon-error: #ffb4b0;
257
+ $tds-toast-text-info: #ffffff;
258
+ $tds-toast-text-success: #ffffff;
259
+ $tds-toast-text-error: #ffffff;
260
+ $tds-toast-text-warning: #000000;
261
+ $tds-toast-link-info-default: #ffffff;
262
+ $tds-toast-link-info-hover: #ffffff;
263
+ $tds-toast-link-info-pressed: #ffffff;
264
+ $tds-toast-link-success-default: #ffffff;
265
+ $tds-toast-link-success-hover: #ffffff;
266
+ $tds-toast-link-success-pressed: #ffffff;
267
+ $tds-toast-link-error-default: #ffffff;
268
+ $tds-toast-link-error-hover: #ffffff;
269
+ $tds-toast-link-error-pressed: #ffffff;
270
+ $tds-toast-link-warning-default: #000000;
271
+ $tds-toast-link-warning-hover: #000000;
272
+ $tds-toast-link-warning-pressed: #000000;
package/dist/palettes/_uk-dark.scss CHANGED
@@ -4,7 +4,6 @@ $tds-surface-level-1: #0d0d0d;
4
4
  $tds-surface-level-2: #1a1a1a;
5
5
  $tds-surface-level-3: #262626;
6
6
  $tds-surface-level-4: #1a1a1a;
7
- $tds-surface-inverse: #ffffff;
8
7
  $tds-surface-overlay: rgba(0, 0, 0, 0.55);
9
8
  $tds-surface-channel-50: #111619;
10
9
  $tds-surface-channel-100: #222c33;
@@ -17,8 +16,6 @@ $tds-surface-static-light: #ffffff;
17
16
  $tds-text-primary: #ffffff;
18
17
  $tds-text-secondary: #d9d9d9;
19
18
  $tds-text-tertiary: #a6a6a6;
20
- $tds-text-inverse-primary: #000000;
21
- $tds-text-inverse-secondary: #737373;
22
19
  $tds-text-channel-primary: #909fab;
23
20
  $tds-text-channel-secondary: #6f8392;
24
21
  $tds-text-static-dark: #000000;
@@ -26,15 +23,11 @@ $tds-text-static-light: #ffffff;
26
23
  $tds-icon-primary: #ffffff;
27
24
  $tds-icon-secondary: #d9d9d9;
28
25
  $tds-icon-tertiary: #a6a6a6;
29
- $tds-icon-inverse-primary: #000000;
30
- $tds-icon-inverse-secondary: #737373;
31
26
  $tds-icon-channel-primary: #4d6272;
32
27
  $tds-icon-channel-secondary: #5e7485;
33
28
  $tds-border-primary: #585858;
34
29
  $tds-border-secondary: #333333;
35
30
  $tds-border-tertiary: #1a1a1a;
36
- $tds-border-inverse-primary: #000000;
37
- $tds-border-inverse-secondary: #737373;
38
31
  $tds-border-channel-primary: #4d6272;
39
32
  $tds-border-channel-secondary: #33414c;
40
33
  $tds-border-channel-tertiary: #222c33;
@@ -42,53 +35,53 @@ $tds-border-elevation: #333333;
42
35
  $tds-border-static-dark: #000000;
43
36
  $tds-border-static-light: #ffffff;
44
37
  $tds-input-fill-default: #000000;
45
- $tds-input-fill-error: #1a0403;
38
+ $tds-input-fill-error: #400806;
46
39
  $tds-input-fill-hover: #1a1a1a;
47
40
  $tds-input-fill-active: #262626;
48
- $tds-input-fill-completed: #8cc9a9;
49
- $tds-input-fill-success: #07100b;
50
- $tds-input-fill-warning: #1a1004;
51
- $tds-input-fill-info: #030710;
41
+ $tds-input-fill-completed: #b3dbc6;
42
+ $tds-input-fill-success: #133927;
43
+ $tds-input-fill-warning: #402908;
44
+ $tds-input-fill-info: #081f45;
52
45
  $tds-input-border-default: #8c8c8c;
53
- $tds-input-border-error: #ff5a53;
46
+ $tds-input-border-error: #ff7069;
54
47
  $tds-input-border-hover: #585858;
55
48
  $tds-input-border-active: #737373;
56
- $tds-input-border-completed: #62b68c;
57
- $tds-input-border-success: #6dbb93;
58
- $tds-input-border-warning: #ffba5c;
59
- $tds-input-border-info: #5177ba;
49
+ $tds-input-border-completed: #72bd97;
50
+ $tds-input-border-success: #81c4a1;
51
+ $tds-input-border-warning: #ffc372;
52
+ $tds-input-border-info: #6f8ec6;
60
53
  $tds-input-text-default: #a6a6a6;
61
- $tds-input-text-error: #ff5a53;
54
+ $tds-input-text-error: #ff7069;
62
55
  $tds-input-text-hover: #ffffff;
63
56
  $tds-input-text-active: #ffffff;
64
- $tds-input-text-completed: #0c2116;
65
- $tds-input-text-success: #6dbb93;
66
- $tds-input-text-warning: #ffba5c;
67
- $tds-input-text-info: #5177ba;
57
+ $tds-input-text-completed: #17462f;
58
+ $tds-input-text-success: #81c4a1;
59
+ $tds-input-text-warning: #ffc372;
60
+ $tds-input-text-info: #6f8ec6;
68
61
  $tds-input-icon-default: #a6a6a6;
69
62
  $tds-input-icon-hover: #ffffff;
70
63
  $tds-input-icon-active: #ffffff;
71
- $tds-input-icon-completed: #0c2116;
72
- $tds-input-icon-error: #ff5a53;
73
- $tds-input-icon-success: #6dbb93;
74
- $tds-input-icon-warning: #ffba5c;
75
- $tds-input-icon-info: #5177ba;
76
- $tds-feedback-fill-error: #1a0403;
77
- $tds-feedback-fill-success: #07100b;
78
- $tds-feedback-fill-warning: #1a1004;
79
- $tds-feedback-fill-info: #030710;
80
- $tds-feedback-text-error: #ff5a53;
81
- $tds-feedback-text-success: #6dbb93;
82
- $tds-feedback-text-warning: #ffba5c;
83
- $tds-feedback-text-info: #5177ba;
84
- $tds-feedback-border-error: #ff5a53;
85
- $tds-feedback-border-success: #6dbb93;
86
- $tds-feedback-border-warning: #ffba5c;
87
- $tds-feedback-border-info: #5177ba;
88
- $tds-feedback-icon-error: #ff5a53;
89
- $tds-feedback-icon-success: #6dbb93;
90
- $tds-feedback-icon-warning: #ffba5c;
91
- $tds-feedback-icon-info: #5177ba;
64
+ $tds-input-icon-completed: #17462f;
65
+ $tds-input-icon-error: #ff7069;
66
+ $tds-input-icon-success: #81c4a1;
67
+ $tds-input-icon-warning: #ffc372;
68
+ $tds-input-icon-info: #6f8ec6;
69
+ $tds-feedback-fill-error: #400806;
70
+ $tds-feedback-fill-success: #133927;
71
+ $tds-feedback-fill-warning: #402908;
72
+ $tds-feedback-fill-info: #081f45;
73
+ $tds-feedback-text-error: #ff7069;
74
+ $tds-feedback-text-success: #81c4a1;
75
+ $tds-feedback-text-warning: #ffc372;
76
+ $tds-feedback-text-info: #6f8ec6;
77
+ $tds-feedback-border-error: #ff7069;
78
+ $tds-feedback-border-success: #81c4a1;
79
+ $tds-feedback-border-warning: #ffc372;
80
+ $tds-feedback-border-info: #6f8ec6;
81
+ $tds-feedback-icon-error: #ff7069;
82
+ $tds-feedback-icon-success: #81c4a1;
83
+ $tds-feedback-icon-warning: #ffc372;
84
+ $tds-feedback-icon-info: #6f8ec6;
92
85
  $tds-active-fill: #ffffff;
93
86
  $tds-active-text: #000000;
94
87
  $tds-active-border: #ffffff;
@@ -97,7 +90,7 @@ $tds-focus-border: #8c8c8c;
97
90
  $tds-label-primary: #ffffff;
98
91
  $tds-label-secondary: #d9d9d9;
99
92
  $tds-label-channel: #6f8392;
100
- $tds-label-callout: #b30906;
93
+ $tds-label-callout: #b90806;
101
94
  $tds-flag-primary-fill: #ffffff;
102
95
  $tds-flag-primary-text: #0d0d0d;
103
96
  $tds-flag-primary-icon: #0d0d0d;
@@ -106,7 +99,7 @@ $tds-flag-secondary-icon: #ffffff;
106
99
  $tds-flag-channel-fill: #445766;
107
100
  $tds-flag-channel-text: #aab6bf;
108
101
  $tds-flag-channel-icon: #aab6bf;
109
- $tds-flag-callout-fill: #b30906;
102
+ $tds-flag-callout-fill: #b90806;
110
103
  $tds-flag-callout-text: #ffffff;
111
104
  $tds-flag-callout-icon: #ffffff;
112
105
  $tds-interactive-primary-fill-default: #ffffff;
@@ -252,4 +245,28 @@ $tds-interactive-chip-channel-primary-on-text-hover: #ffffff;
252
245
  $tds-interactive-chip-channel-primary-on-text-pressed: #ffffff;
253
246
  $tds-interactive-chip-channel-primary-on-icon-default: #ffffff;
254
247
  $tds-interactive-chip-channel-primary-on-icon-hover: #ffffff;
255
- $tds-interactive-chip-channel-primary-on-icon-pressed: #ffffff;
248
+ $tds-interactive-chip-channel-primary-on-icon-pressed: #ffffff;
249
+ $tds-toast-fill-info: #0f4aa2;
250
+ $tds-toast-fill-success: #29875c;
251
+ $tds-toast-fill-warning: #e69304;
252
+ $tds-toast-fill-error: #cc0705;
253
+ $tds-toast-icon-info: #a9bbdd;
254
+ $tds-toast-icon-success: #c2e2d1;
255
+ $tds-toast-icon-warning: #ffddb0;
256
+ $tds-toast-icon-error: #ffbfbb;
257
+ $tds-toast-text-info: #ffffff;
258
+ $tds-toast-text-success: #ffffff;
259
+ $tds-toast-text-error: #ffffff;
260
+ $tds-toast-text-warning: #000000;
261
+ $tds-toast-link-info-default: #ffffff;
262
+ $tds-toast-link-info-hover: #ffffff;
263
+ $tds-toast-link-info-pressed: #ffffff;
264
+ $tds-toast-link-success-default: #ffffff;
265
+ $tds-toast-link-success-hover: #ffffff;
266
+ $tds-toast-link-success-pressed: #ffffff;
267
+ $tds-toast-link-error-default: #ffffff;
268
+ $tds-toast-link-error-hover: #ffffff;
269
+ $tds-toast-link-error-pressed: #ffffff;
270
+ $tds-toast-link-warning-default: #000000;
271
+ $tds-toast-link-warning-hover: #000000;
272
+ $tds-toast-link-warning-pressed: #000000;