@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/_ireland-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: #040c0b;
10
9
  $tds-surface-channel-100: #071816;
@@ -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: #65807d;
23
20
  $tds-text-channel-secondary: #375a56;
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: #0e3732;
32
27
  $tds-icon-channel-secondary: #1d4742;
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: #0e3732;
39
32
  $tds-border-channel-secondary: #0a2522;
40
33
  $tds-border-channel-tertiary: #071816;
@@ -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: #375a56;
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: #0d312d;
107
100
  $tds-flag-channel-text: #8a9e9c;
108
101
  $tds-flag-channel-icon: #8a9e9c;
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/_ireland-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: #f9fafa;
10
9
  $tds-surface-channel-100: #eef0f0;
@@ -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: #0b2b27;
23
20
  $tds-text-channel-secondary: #0f3d38;
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: #0f3d38;
32
27
  $tds-icon-channel-secondary: #375a56;
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: #244c47;
39
32
  $tds-border-channel-secondary: #65807d;
40
33
  $tds-border-channel-tertiary: #adbbb9;
@@ -252,4 +245,28 @@ $tds-flag-channel-text: #091f1c;
252
245
  $tds-flag-channel-icon: #091f1c;
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/_lifeAndStyle-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: #082024;
10
9
  $tds-surface-channel-100: #0e4048;
@@ -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: #77c0cf;
23
20
  $tds-text-channel-secondary: #49aec0;
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: #49aec0;
32
27
  $tds-icon-channel-secondary: #62b7c8;
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: #148fa3;
39
32
  $tds-border-channel-secondary: #115f6d;
40
33
  $tds-border-channel-tertiary: #0e4048;
@@ -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: #49aec0;
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: #137f91;
107
100
  $tds-flag-channel-text: #99cfda;
108
101
  $tds-flag-channel-icon: #99cfda;
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/_lifeAndStyle-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: #f8fdfe;
10
9
  $tds-surface-channel-100: #dcf7fb;
@@ -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: #1e6d7b;
23
20
  $tds-text-channel-secondary: #149fb5;
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: #149fb5;
32
27
  $tds-icon-channel-secondary: #1d7d8e;
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: #39a6ba;
39
32
  $tds-border-channel-secondary: #48d5eb;
40
33
  $tds-border-channel-tertiary: #9ee8f4;
@@ -252,4 +245,28 @@ $tds-flag-channel-text: #1c4d57;
252
245
  $tds-flag-channel-icon: #1c4d57;
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/_money-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: #12211b;
10
9
  $tds-surface-channel-100: #244135;
@@ -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: #94c3af;
23
20
  $tds-text-channel-secondary: #73b197;
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: #538db0;
32
27
  $tds-icon-channel-secondary: #4886ab;
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: #1e658c;
39
32
  $tds-border-channel-secondary: #15435e;
40
33
  $tds-border-channel-tertiary: #0f2d3e;
@@ -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: #000000;
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: #73b197;
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: #47826a;
107
100
  $tds-flag-channel-text: #aed1c2;
108
101
  $tds-flag-channel-icon: #aed1c2;
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;