@times-design-system/theme-scss 1.7.0 → 1.8.1-alpha.23

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 (41) hide show
  1. package/LICENSE +29 -0
  2. package/README.md +1 -1
  3. package/dist/palettes/_business-dark.scss +286 -272
  4. package/dist/palettes/_business-light.scss +286 -272
  5. package/dist/palettes/_channels-dark.scss +315 -315
  6. package/dist/palettes/_channels-light.scss +315 -315
  7. package/dist/palettes/_comment-dark.scss +286 -272
  8. package/dist/palettes/_comment-light.scss +286 -272
  9. package/dist/palettes/_core-dark.scss +286 -272
  10. package/dist/palettes/_core-light.scss +286 -272
  11. package/dist/palettes/_culture-dark.scss +286 -272
  12. package/dist/palettes/_culture-light.scss +286 -272
  13. package/dist/palettes/_home-dark.scss +286 -272
  14. package/dist/palettes/_home-light.scss +286 -272
  15. package/dist/palettes/_ireland-dark.scss +286 -272
  16. package/dist/palettes/_ireland-light.scss +286 -272
  17. package/dist/palettes/_lifeAndStyle-dark.scss +286 -272
  18. package/dist/palettes/_lifeAndStyle-light.scss +286 -272
  19. package/dist/palettes/_money-dark.scss +286 -272
  20. package/dist/palettes/_money-light.scss +286 -272
  21. package/dist/palettes/_obituaries-dark.scss +286 -272
  22. package/dist/palettes/_obituaries-light.scss +286 -272
  23. package/dist/palettes/_puzzles-dark.scss +286 -272
  24. package/dist/palettes/_puzzles-light.scss +286 -272
  25. package/dist/palettes/_sport-dark.scss +286 -272
  26. package/dist/palettes/_sport-light.scss +286 -272
  27. package/dist/palettes/_travel-dark.scss +286 -272
  28. package/dist/palettes/_travel-light.scss +286 -272
  29. package/dist/palettes/_uk-dark.scss +286 -272
  30. package/dist/palettes/_uk-light.scss +286 -272
  31. package/dist/palettes/_world-dark.scss +286 -272
  32. package/dist/palettes/_world-light.scss +286 -272
  33. package/dist/tds-layout.scss +98 -75
  34. package/dist/tds-typography.scss +218 -303
  35. package/package.json +2 -2
  36. package/dist/palettes/_brand-dark.scss +0 -140
  37. package/dist/palettes/_brand-light.scss +0 -140
  38. package/dist/palettes/_dataVisualisation-dark.scss +0 -196
  39. package/dist/palettes/_dataVisualisation-light.scss +0 -196
  40. package/dist/palettes/_marketing-dark.scss +0 -10
  41. package/dist/palettes/_marketing-light.scss +0 -10
package/LICENSE ADDED
@@ -0,0 +1,29 @@
1
+ BSD 3-Clause License
2
+
3
+ Copyright (c) 2017, News UK & Ireland Ltd
4
+ All rights reserved.
5
+
6
+ Redistribution and use in source and binary forms, with or without
7
+ modification, are permitted provided that the following conditions are met:
8
+
9
+ * Redistributions of source code must retain the above copyright notice, this
10
+ list of conditions and the following disclaimer.
11
+
12
+ * Redistributions in binary form must reproduce the above copyright notice,
13
+ this list of conditions and the following disclaimer in the documentation
14
+ and/or other materials provided with the distribution.
15
+
16
+ * Neither the name of the copyright holder nor the names of its
17
+ contributors may be used to endorse or promote products derived from
18
+ this software without specific prior written permission.
19
+
20
+ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
21
+ AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
22
+ IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
23
+ DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
24
+ FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
25
+ DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
26
+ SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
27
+ CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
28
+ OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
29
+ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # @times-design-system/theme-scss
2
2
 
3
- Times Design System SCSS theme package with pre-compiled palette files and utility functions for designing themed SCSS applications.
3
+ Times Design System SCSS theme package with pre-compiled palette files and utility functions for designing themed SCSS applications. Pending review
4
4
 
5
5
  ## Installation
6
6
 
@@ -1,272 +1,286 @@
1
- $tds-surface-undercanvas: #1a1a1a;
2
- $tds-surface-canvas: #000000;
3
- $tds-surface-level-1: #0d0d0d;
4
- $tds-surface-level-2: #1a1a1a;
5
- $tds-surface-level-3: #262626;
6
- $tds-surface-level-4: #1a1a1a;
7
- $tds-surface-overlay: rgba(0, 0, 0, 0.55);
8
- $tds-surface-channel-50: #08161f;
9
- $tds-surface-channel-100: #0f2d3e;
10
- $tds-surface-channel-200: #1b5a7d;
11
- $tds-surface-channel-300: #4886ab;
12
- $tds-surface-channel-400: #74a1be;
13
- $tds-surface-channel-500: #95b8ce;
14
- $tds-surface-static-dark: #000000;
15
- $tds-surface-static-light: #ffffff;
16
- $tds-text-primary: #ffffff;
17
- $tds-text-secondary: #d9d9d9;
18
- $tds-text-tertiary: #a6a6a6;
19
- $tds-text-channel-primary: #74a1be;
20
- $tds-text-channel-secondary: #4886ab;
21
- $tds-text-static-dark: #000000;
22
- $tds-text-static-light: #ffffff;
23
- $tds-icon-primary: #ffffff;
24
- $tds-icon-secondary: #d9d9d9;
25
- $tds-icon-tertiary: #a6a6a6;
26
- $tds-icon-channel-primary: #21709c;
27
- $tds-icon-channel-secondary: #3c7ea6;
28
- $tds-border-primary: #585858;
29
- $tds-border-secondary: #333333;
30
- $tds-border-tertiary: #1a1a1a;
31
- $tds-border-channel-primary: #1e658c;
32
- $tds-border-channel-secondary: #15435e;
33
- $tds-border-channel-tertiary: #0f2d3e;
34
- $tds-border-elevation: #333333;
35
- $tds-border-static-dark: #000000;
36
- $tds-border-static-light: #ffffff;
37
- $tds-input-fill-default: #000000;
38
- $tds-input-fill-error: #400806;
39
- $tds-input-fill-hover: #1a1a1a;
40
- $tds-input-fill-active: #262626;
41
- $tds-input-fill-completed: #b3dbc6;
42
- $tds-input-fill-success: #133927;
43
- $tds-input-fill-warning: #402908;
44
- $tds-input-fill-info: #081f45;
45
- $tds-input-border-default: #8c8c8c;
46
- $tds-input-border-error: #ff7069;
47
- $tds-input-border-hover: #585858;
48
- $tds-input-border-active: #737373;
49
- $tds-input-border-completed: #72bd97;
50
- $tds-input-border-success: #81c4a1;
51
- $tds-input-border-warning: #ffc372;
52
- $tds-input-border-info: #6f8ec6;
53
- $tds-input-text-default: #a6a6a6;
54
- $tds-input-text-error: #ff7069;
55
- $tds-input-text-hover: #ffffff;
56
- $tds-input-text-active: #ffffff;
57
- $tds-input-text-completed: #17462f;
58
- $tds-input-text-success: #81c4a1;
59
- $tds-input-text-warning: #ffc372;
60
- $tds-input-text-info: #6f8ec6;
61
- $tds-input-icon-default: #a6a6a6;
62
- $tds-input-icon-hover: #ffffff;
63
- $tds-input-icon-active: #ffffff;
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;
85
- $tds-active-fill: #ffffff;
86
- $tds-active-text: #000000;
87
- $tds-active-border: #ffffff;
88
- $tds-active-icon: #000000;
89
- $tds-focus-border: #8c8c8c;
90
- $tds-label-primary: #ffffff;
91
- $tds-label-secondary: #d9d9d9;
92
- $tds-label-channel: #4886ab;
93
- $tds-label-callout: #b90806;
94
- $tds-flag-primary-fill: #ffffff;
95
- $tds-flag-primary-text: #0d0d0d;
96
- $tds-flag-primary-icon: #0d0d0d;
97
- $tds-flag-secondary-text: #ffffff;
98
- $tds-flag-secondary-icon: #ffffff;
99
- $tds-flag-channel-fill: #1b5a7d;
100
- $tds-flag-channel-text: #95b8ce;
101
- $tds-flag-channel-icon: #95b8ce;
102
- $tds-flag-callout-fill: #b90806;
103
- $tds-flag-callout-text: #ffffff;
104
- $tds-flag-callout-icon: #ffffff;
105
- $tds-interactive-primary-fill-default: #ffffff;
106
- $tds-interactive-primary-fill-hover: #ffffff;
107
- $tds-interactive-primary-fill-pressed: #ffffff;
108
- $tds-interactive-primary-text-default: #000000;
109
- $tds-interactive-primary-text-hover: #000000;
110
- $tds-interactive-primary-text-pressed: #000000;
111
- $tds-interactive-primary-icon-default: #000000;
112
- $tds-interactive-primary-icon-hover: #000000;
113
- $tds-interactive-primary-icon-pressed: #000000;
114
- $tds-interactive-secondary-fill-default: #000000;
115
- $tds-interactive-secondary-fill-hover: #000000;
116
- $tds-interactive-secondary-fill-pressed: #000000;
117
- $tds-interactive-secondary-border-default: #8c8c8c;
118
- $tds-interactive-secondary-border-hover: #8c8c8c;
119
- $tds-interactive-secondary-border-pressed: #8c8c8c;
120
- $tds-interactive-secondary-text-default: #ffffff;
121
- $tds-interactive-secondary-text-hover: #ffffff;
122
- $tds-interactive-secondary-text-pressed: #ffffff;
123
- $tds-interactive-secondary-icon-default: #ffffff;
124
- $tds-interactive-secondary-icon-hover: #ffffff;
125
- $tds-interactive-secondary-icon-pressed: #ffffff;
126
- $tds-interactive-disabled-a: #262626;
127
- $tds-interactive-disabled-b: #404040;
128
- $tds-interactive-disabled-c: #585858;
129
- $tds-interactive-negative-fill-default: #000000;
130
- $tds-interactive-negative-fill-hover: #000000;
131
- $tds-interactive-negative-fill-pressed: #000000;
132
- $tds-interactive-negative-border-default: #e60403;
133
- $tds-interactive-negative-border-hover: #e60403;
134
- $tds-interactive-negative-border-pressed: #e60403;
135
- $tds-interactive-negative-text-default: #e60403;
136
- $tds-interactive-negative-text-hover: #e60403;
137
- $tds-interactive-negative-text-pressed: #e60403;
138
- $tds-interactive-negative-icon-default: #e60403;
139
- $tds-interactive-negative-icon-hover: #e60403;
140
- $tds-interactive-negative-icon-pressed: #e60403;
141
- $tds-interactive-link-secondary-text-default: #8c8c8c;
142
- $tds-interactive-link-secondary-text-hover: #8c8c8c;
143
- $tds-interactive-link-secondary-text-pressed: #8c8c8c;
144
- $tds-interactive-link-secondary-text-visited: #8c8c8c;
145
- $tds-interactive-link-secondary-icon-default: #8c8c8c;
146
- $tds-interactive-link-secondary-icon-hover: #8c8c8c;
147
- $tds-interactive-link-secondary-icon-pressed: #8c8c8c;
148
- $tds-interactive-link-secondary-icon-visited: #8c8c8c;
149
- $tds-interactive-link-secondary-underline-default: #8c8c8c;
150
- $tds-interactive-link-secondary-underline-hover: #8c8c8c;
151
- $tds-interactive-link-secondary-underline-pressed: #8c8c8c;
152
- $tds-interactive-link-secondary-underline-visited: #8c8c8c;
153
- $tds-interactive-link-primary-text-default: #ffffff;
154
- $tds-interactive-link-primary-text-hover: #ffffff;
155
- $tds-interactive-link-primary-text-pressed: #ffffff;
156
- $tds-interactive-link-primary-text-visited: #ffffff;
157
- $tds-interactive-link-primary-icon-default: #ffffff;
158
- $tds-interactive-link-primary-icon-hover: #ffffff;
159
- $tds-interactive-link-primary-icon-pressed: #ffffff;
160
- $tds-interactive-link-primary-icon-visited: #ffffff;
161
- $tds-interactive-link-primary-underline-default: #ffffff;
162
- $tds-interactive-link-primary-underline-hover: #ffffff;
163
- $tds-interactive-link-primary-underline-pressed: #ffffff;
164
- $tds-interactive-link-primary-underline-visited: #ffffff;
165
- $tds-interactive-chip-primary-on-fill-default: #ffffff;
166
- $tds-interactive-chip-primary-on-fill-hover: #ffffff;
167
- $tds-interactive-chip-primary-on-fill-pressed: #ffffff;
168
- $tds-interactive-chip-primary-on-text-default: #000000;
169
- $tds-interactive-chip-primary-on-text-hover: #000000;
170
- $tds-interactive-chip-primary-on-text-pressed: #000000;
171
- $tds-interactive-chip-primary-on-icon-default: #000000;
172
- $tds-interactive-chip-primary-on-icon-hover: #000000;
173
- $tds-interactive-chip-primary-on-icon-pressed: #000000;
174
- $tds-interactive-chip-primary-off-fill-default: #000000;
175
- $tds-interactive-chip-primary-off-fill-hover: #000000;
176
- $tds-interactive-chip-primary-off-fill-pressed: #000000;
177
- $tds-interactive-chip-primary-off-text-default: #ffffff;
178
- $tds-interactive-chip-primary-off-text-hover: #ffffff;
179
- $tds-interactive-chip-primary-off-text-pressed: #ffffff;
180
- $tds-interactive-chip-primary-off-icon-default: #ffffff;
181
- $tds-interactive-chip-primary-off-icon-hover: #ffffff;
182
- $tds-interactive-chip-primary-off-icon-pressed: #ffffff;
183
- $tds-interactive-chip-primary-off-border-default: #ffffff;
184
- $tds-interactive-chip-primary-off-border-hover: #ffffff;
185
- $tds-interactive-chip-primary-off-border-pressed: #ffffff;
186
- $tds-interactive-chip-secondary-on-text-default: #ffffff;
187
- $tds-interactive-chip-secondary-on-text-hover: #ffffff;
188
- $tds-interactive-chip-secondary-on-text-pressed: #ffffff;
189
- $tds-interactive-chip-secondary-on-fill-default: #262626;
190
- $tds-interactive-chip-secondary-on-fill-hover: #262626;
191
- $tds-interactive-chip-secondary-on-fill-pressed: #262626;
192
- $tds-interactive-chip-secondary-on-border-default: #8c8c8c;
193
- $tds-interactive-chip-secondary-on-border-hover: #8c8c8c;
194
- $tds-interactive-chip-secondary-on-border-pressed: #8c8c8c;
195
- $tds-interactive-chip-secondary-on-icon-default: #ffffff;
196
- $tds-interactive-chip-secondary-on-icon-hover: #ffffff;
197
- $tds-interactive-chip-secondary-on-icon-pressed: #ffffff;
198
- $tds-interactive-chip-secondary-off-fill-default: #262626;
199
- $tds-interactive-chip-secondary-off-fill-hover: #262626;
200
- $tds-interactive-chip-secondary-off-fill-pressed: #262626;
201
- $tds-interactive-chip-secondary-off-text-default: #a6a6a6;
202
- $tds-interactive-chip-secondary-off-text-hover: #a6a6a6;
203
- $tds-interactive-chip-secondary-off-text-pressed: #a6a6a6;
204
- $tds-interactive-chip-secondary-off-icon-default: #a6a6a6;
205
- $tds-interactive-chip-secondary-off-icon-hover: #a6a6a6;
206
- $tds-interactive-chip-secondary-off-icon-pressed: #a6a6a6;
207
- $tds-interactive-chip-channel-secondary-off-fill-default: #0f2d3e;
208
- $tds-interactive-chip-channel-secondary-off-fill-hover: #0f2d3e;
209
- $tds-interactive-chip-channel-secondary-off-fill-pressed: #0f2d3e;
210
- $tds-interactive-chip-channel-secondary-off-text-default: #74a1be;
211
- $tds-interactive-chip-channel-secondary-off-text-hover: #74a1be;
212
- $tds-interactive-chip-channel-secondary-off-text-pressed: #74a1be;
213
- $tds-interactive-chip-channel-secondary-off-icon-default: #74a1be;
214
- $tds-interactive-chip-channel-secondary-off-icon-hover: #74a1be;
215
- $tds-interactive-chip-channel-secondary-off-icon-pressed: #74a1be;
216
- $tds-interactive-chip-channel-secondary-on-border-default: #74a1be;
217
- $tds-interactive-chip-channel-secondary-on-border-hover: #74a1be;
218
- $tds-interactive-chip-channel-secondary-on-border-pressed: #74a1be;
219
- $tds-interactive-chip-channel-secondary-on-fill-default: #0f2d3e;
220
- $tds-interactive-chip-channel-secondary-on-fill-hover: #0f2d3e;
221
- $tds-interactive-chip-channel-secondary-on-fill-pressed: #0f2d3e;
222
- $tds-interactive-chip-channel-secondary-on-text-default: #ffffff;
223
- $tds-interactive-chip-channel-secondary-on-text-hover: #ffffff;
224
- $tds-interactive-chip-channel-secondary-on-text-pressed: #ffffff;
225
- $tds-interactive-chip-channel-secondary-on-icon-default: #ffffff;
226
- $tds-interactive-chip-channel-secondary-on-icon-hover: #ffffff;
227
- $tds-interactive-chip-channel-secondary-on-icon-pressed: #ffffff;
228
- $tds-interactive-chip-channel-primary-off-fill-default: #08161f;
229
- $tds-interactive-chip-channel-primary-off-fill-hover: #08161f;
230
- $tds-interactive-chip-channel-primary-off-fill-pressed: #08161f;
231
- $tds-interactive-chip-channel-primary-off-text-default: #95b8ce;
232
- $tds-interactive-chip-channel-primary-off-text-hover: #95b8ce;
233
- $tds-interactive-chip-channel-primary-off-text-pressed: #95b8ce;
234
- $tds-interactive-chip-channel-primary-off-icon-default: #95b8ce;
235
- $tds-interactive-chip-channel-primary-off-icon-hover: #95b8ce;
236
- $tds-interactive-chip-channel-primary-off-icon-pressed: #95b8ce;
237
- $tds-interactive-chip-channel-primary-off-border-default: #1b5a7d;
238
- $tds-interactive-chip-channel-primary-off-border-hover: #1b5a7d;
239
- $tds-interactive-chip-channel-primary-off-border-pressed: #1b5a7d;
240
- $tds-interactive-chip-channel-primary-on-fill-default: #1b5a7d;
241
- $tds-interactive-chip-channel-primary-on-fill-hover: #1b5a7d;
242
- $tds-interactive-chip-channel-primary-on-fill-pressed: #1b5a7d;
243
- $tds-interactive-chip-channel-primary-on-text-default: #ffffff;
244
- $tds-interactive-chip-channel-primary-on-text-hover: #ffffff;
245
- $tds-interactive-chip-channel-primary-on-text-pressed: #ffffff;
246
- $tds-interactive-chip-channel-primary-on-icon-default: #ffffff;
247
- $tds-interactive-chip-channel-primary-on-icon-hover: #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;
1
+ $surface-undercanvas: #e6e5e6;
2
+ $surface-canvas: #ffffff;
3
+ $surface-level-1: #f2f2f2;
4
+ $surface-level-2: #e6e5e6;
5
+ $surface-level-3: #d9d9d9;
6
+ $surface-level-4: #e6e5e6;
7
+ $surface-overlay: rgba(0, 0, 0, 0.55);
8
+ $surface-channel-50: #f5f8fa;
9
+ $surface-channel-100: #e5edf3;
10
+ $surface-channel-200: #a0bfd3;
11
+ $surface-channel-300: #367ba4;
12
+ $surface-channel-400: #184e6d;
13
+ $surface-channel-500: #0f2d3e;
14
+ $surface-static-dark: #ffffff;
15
+ $surface-static-light: #000000;
16
+ $surface-inverse: #000000;
17
+ $text-primary: #000000;
18
+ $text-secondary: #262626;
19
+ $text-tertiary: #595959;
20
+ $text-channel-primary: #184e6d;
21
+ $text-channel-secondary: #367ba4;
22
+ $text-static-dark: #ffffff;
23
+ $text-static-light: #000000;
24
+ $text-inverse: #ffffff;
25
+ $icon-primary: #000000;
26
+ $icon-secondary: #262626;
27
+ $icon-tertiary: #595959;
28
+ $icon-channel-primary: #74a1be;
29
+ $icon-channel-secondary: #4886ab;
30
+ $icon-inverse: #ffffff;
31
+ $border-primary: #a7a7a7;
32
+ $border-secondary: #cccccc;
33
+ $border-tertiary: #e6e5e6;
34
+ $border-channel-primary: #8bb1c9;
35
+ $border-channel-secondary: #cadbe7;
36
+ $border-channel-tertiary: #e5edf3;
37
+ $border-elevation: #cccccc;
38
+ $border-static-dark: #ffffff;
39
+ $border-static-light: #000000;
40
+ $input-fill-default: #ffffff;
41
+ $input-fill-error: #ffefee;
42
+ $input-fill-hover: #f2f2f2;
43
+ $input-fill-active: #ffffff;
44
+ $input-fill-completed: #ffffff;
45
+ $input-fill-success: #f1f8f4;
46
+ $input-fill-warning: #fff8ef;
47
+ $input-fill-info: #eef1f8;
48
+ $input-border-default: #8c8c8c;
49
+ $input-border-error: #e60403;
50
+ $input-border-hover: #d9d9d9;
51
+ $input-border-active: #595959;
52
+ $input-border-completed: #262626;
53
+ $input-border-success: #2d9464;
54
+ $input-border-warning: #cc8207;
55
+ $input-border-info: #2558a9;
56
+ $input-text-default: #595959;
57
+ $input-text-error: #000000;
58
+ $input-text-hover: #262626;
59
+ $input-text-active: #000000;
60
+ $input-text-completed: #000000;
61
+ $input-text-success: #000000;
62
+ $input-text-warning: #000000;
63
+ $input-text-info: #000000;
64
+ $input-icon-default: #8c8c8c;
65
+ $input-icon-hover: #d9d9d9;
66
+ $input-icon-active: #595959;
67
+ $input-icon-completed: #262626;
68
+ $input-icon-error: #e60403;
69
+ $input-icon-success: #2d9464;
70
+ $input-icon-warning: #cc8207;
71
+ $input-icon-info: #2558a9;
72
+ $active-fill: #000000;
73
+ $active-text: #ffffff;
74
+ $active-border: #000000;
75
+ $active-icon: #ffffff;
76
+ $focus-border: #737373;
77
+ $label-primary: #000000;
78
+ $label-secondary: #262626;
79
+ $label-channel: #367ba4;
80
+ $label-callout: #ffb4b0;
81
+ $flag-primary-fill: #000000;
82
+ $flag-primary-text: #f2f2f2;
83
+ $flag-primary-icon: #f2f2f2;
84
+ $flag-secondary-text: #000000;
85
+ $flag-secondary-icon: #000000;
86
+ $flag-channel-fill: #a0bfd3;
87
+ $flag-channel-text: #0f2d3e;
88
+ $flag-channel-icon: #0f2d3e;
89
+ $flag-callout-fill: #ffb4b0;
90
+ $flag-callout-text: #000000;
91
+ $flag-callout-icon: #000000;
92
+ $interactive-primary-fill-default: #000000;
93
+ $interactive-primary-fill-hover: #ffffff;
94
+ $interactive-primary-fill-pressed: #ffffff;
95
+ $interactive-primary-text-default: #ffffff;
96
+ $interactive-primary-text-hover: #ffffff;
97
+ $interactive-primary-text-pressed: #ffffff;
98
+ $interactive-primary-icon-default: #ffffff;
99
+ $interactive-primary-icon-hover: #ffffff;
100
+ $interactive-primary-icon-pressed: #ffffff;
101
+ $interactive-secondary-fill-default: #ffffff;
102
+ $interactive-secondary-fill-hover: #ffffff;
103
+ $interactive-secondary-fill-pressed: #ffffff;
104
+ $interactive-secondary-border-default: #737373;
105
+ $interactive-secondary-border-hover: #ffffff;
106
+ $interactive-secondary-border-pressed: #ffffff;
107
+ $interactive-secondary-text-default: #000000;
108
+ $interactive-secondary-text-hover: #ffffff;
109
+ $interactive-secondary-text-pressed: #ffffff;
110
+ $interactive-secondary-icon-default: #000000;
111
+ $interactive-secondary-icon-hover: #d9d9d9;
112
+ $interactive-secondary-icon-pressed: #ffffff;
113
+ $interactive-disabled-a: #d9d9d9;
114
+ $interactive-disabled-b: #bfbfbf;
115
+ $interactive-disabled-c: #a7a7a7;
116
+ $interactive-negative-fill-default: #ffffff;
117
+ $interactive-negative-fill-hover: #d9d9d9;
118
+ $interactive-negative-fill-pressed: #cccccc;
119
+ $interactive-negative-border-default: #ff8882;
120
+ $interactive-negative-border-hover: #d90000;
121
+ $interactive-negative-border-pressed: #cc0000;
122
+ $interactive-negative-text-default: #ff8882;
123
+ $interactive-negative-text-hover: #d90000;
124
+ $interactive-negative-text-pressed: #cc0000;
125
+ $interactive-negative-icon-default: #ff8882;
126
+ $interactive-negative-icon-hover: #d90000;
127
+ $interactive-negative-icon-pressed: #cc0000;
128
+ $interactive-link-secondary-text-default: #737373;
129
+ $interactive-link-secondary-text-hover: #d9d9d9;
130
+ $interactive-link-secondary-text-pressed: #cccccc;
131
+ $interactive-link-secondary-text-visited: #ffffff;
132
+ $interactive-link-secondary-icon-default: #737373;
133
+ $interactive-link-secondary-icon-hover: #d9d9d9;
134
+ $interactive-link-secondary-icon-pressed: #cccccc;
135
+ $interactive-link-secondary-icon-visited: #ffffff;
136
+ $interactive-link-secondary-underline-default: #737373;
137
+ $interactive-link-secondary-underline-hover: #ffffff;
138
+ $interactive-link-secondary-underline-pressed: #ffffff;
139
+ $interactive-link-secondary-underline-visited: #e6e6e6;
140
+ $interactive-link-primary-text-default: #000000;
141
+ $interactive-link-primary-text-hover: #d9d9d9;
142
+ $interactive-link-primary-text-pressed: #cccccc;
143
+ $interactive-link-primary-text-visited: #ffffff;
144
+ $interactive-link-primary-icon-default: #000000;
145
+ $interactive-link-primary-icon-hover: #d9d9d9;
146
+ $interactive-link-primary-icon-pressed: #cccccc;
147
+ $interactive-link-primary-icon-visited: #ffffff;
148
+ $interactive-link-primary-underline-default: #000000;
149
+ $interactive-link-primary-underline-hover: #ffffff;
150
+ $interactive-link-primary-underline-pressed: #ffffff;
151
+ $interactive-link-primary-underline-visited: #e6e6e6;
152
+ $interactive-chip-primary-on-fill-default: #000000;
153
+ $interactive-chip-primary-on-fill-hover: #d9d9d9;
154
+ $interactive-chip-primary-on-fill-pressed: #cccccc;
155
+ $interactive-chip-primary-on-text-default: #ffffff;
156
+ $interactive-chip-primary-on-text-hover: #d9d9d9;
157
+ $interactive-chip-primary-on-text-pressed: #cccccc;
158
+ $interactive-chip-primary-on-icon-default: #ffffff;
159
+ $interactive-chip-primary-on-icon-hover: #d9d9d9;
160
+ $interactive-chip-primary-on-icon-pressed: #cccccc;
161
+ $interactive-chip-primary-off-fill-default: #ffffff;
162
+ $interactive-chip-primary-off-fill-hover: #d9d9d9;
163
+ $interactive-chip-primary-off-fill-pressed: #cccccc;
164
+ $interactive-chip-primary-off-text-default: #000000;
165
+ $interactive-chip-primary-off-text-hover: #d9d9d9;
166
+ $interactive-chip-primary-off-text-pressed: #cccccc;
167
+ $interactive-chip-primary-off-icon-default: #000000;
168
+ $interactive-chip-primary-off-icon-hover: #d9d9d9;
169
+ $interactive-chip-primary-off-icon-pressed: #cccccc;
170
+ $interactive-chip-primary-off-border-default: #000000;
171
+ $interactive-chip-primary-off-border-hover: #d9d9d9;
172
+ $interactive-chip-primary-off-border-pressed: #cccccc;
173
+ $interactive-chip-secondary-on-text-default: #000000;
174
+ $interactive-chip-secondary-on-text-hover: #d9d9d9;
175
+ $interactive-chip-secondary-on-text-pressed: #cccccc;
176
+ $interactive-chip-secondary-on-fill-default: #d9d9d9;
177
+ $interactive-chip-secondary-on-fill-hover: #d9d9d9;
178
+ $interactive-chip-secondary-on-fill-pressed: #cccccc;
179
+ $interactive-chip-secondary-on-border-default: #737373;
180
+ $interactive-chip-secondary-on-border-hover: #d9d9d9;
181
+ $interactive-chip-secondary-on-border-pressed: #cccccc;
182
+ $interactive-chip-secondary-on-icon-default: #000000;
183
+ $interactive-chip-secondary-on-icon-hover: #d9d9d9;
184
+ $interactive-chip-secondary-on-icon-pressed: #cccccc;
185
+ $interactive-chip-secondary-off-fill-default: #d9d9d9;
186
+ $interactive-chip-secondary-off-fill-hover: #d9d9d9;
187
+ $interactive-chip-secondary-off-fill-pressed: #cccccc;
188
+ $interactive-chip-secondary-off-text-default: #595959;
189
+ $interactive-chip-secondary-off-text-hover: #d9d9d9;
190
+ $interactive-chip-secondary-off-text-pressed: #cccccc;
191
+ $interactive-chip-secondary-off-icon-default: #595959;
192
+ $interactive-chip-secondary-off-icon-hover: #d9d9d9;
193
+ $interactive-chip-secondary-off-icon-pressed: #cccccc;
194
+ $interactive-chip-channel-secondary-off-fill-default: #e5edf3;
195
+ $interactive-chip-channel-secondary-off-fill-hover: #1c5f85;
196
+ $interactive-chip-channel-secondary-off-fill-pressed: #1a5a7d;
197
+ $interactive-chip-channel-secondary-off-text-default: #184e6d;
198
+ $interactive-chip-channel-secondary-off-text-hover: #1c5f85;
199
+ $interactive-chip-channel-secondary-off-text-pressed: #1a5a7d;
200
+ $interactive-chip-channel-secondary-off-icon-default: #184e6d;
201
+ $interactive-chip-channel-secondary-off-icon-hover: #1c5f85;
202
+ $interactive-chip-channel-secondary-off-icon-pressed: #1a5a7d;
203
+ $interactive-chip-channel-secondary-on-border-default: #184e6d;
204
+ $interactive-chip-channel-secondary-on-border-hover: #1c5f85;
205
+ $interactive-chip-channel-secondary-on-border-pressed: #1a5a7d;
206
+ $interactive-chip-channel-secondary-on-fill-default: #e5edf3;
207
+ $interactive-chip-channel-secondary-on-fill-hover: #1c5f85;
208
+ $interactive-chip-channel-secondary-on-fill-pressed: #1a5a7d;
209
+ $interactive-chip-channel-secondary-on-text-default: #000000;
210
+ $interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
211
+ $interactive-chip-channel-secondary-on-text-pressed: #cccccc;
212
+ $interactive-chip-channel-secondary-on-icon-default: #000000;
213
+ $interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
214
+ $interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
215
+ $interactive-chip-channel-primary-off-fill-default: #f5f8fa;
216
+ $interactive-chip-channel-primary-off-fill-hover: #1c5f85;
217
+ $interactive-chip-channel-primary-off-fill-pressed: #1a5a7d;
218
+ $interactive-chip-channel-primary-off-text-default: #0f2d3e;
219
+ $interactive-chip-channel-primary-off-text-hover: #1c5f85;
220
+ $interactive-chip-channel-primary-off-text-pressed: #1a5a7d;
221
+ $interactive-chip-channel-primary-off-icon-default: #0f2d3e;
222
+ $interactive-chip-channel-primary-off-icon-hover: #1c5f85;
223
+ $interactive-chip-channel-primary-off-icon-pressed: #1a5a7d;
224
+ $interactive-chip-channel-primary-off-border-default: #a0bfd3;
225
+ $interactive-chip-channel-primary-off-border-hover: #1c5f85;
226
+ $interactive-chip-channel-primary-off-border-pressed: #1a5a7d;
227
+ $interactive-chip-channel-primary-on-fill-default: #a0bfd3;
228
+ $interactive-chip-channel-primary-on-fill-hover: #1c5f85;
229
+ $interactive-chip-channel-primary-on-fill-pressed: #1a5a7d;
230
+ $interactive-chip-channel-primary-on-text-default: #000000;
231
+ $interactive-chip-channel-primary-on-text-hover: #d9d9d9;
232
+ $interactive-chip-channel-primary-on-text-pressed: #cccccc;
233
+ $interactive-chip-channel-primary-on-icon-default: #000000;
234
+ $interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
235
+ $interactive-chip-channel-primary-on-icon-pressed: #cccccc;
236
+ $toast-fill-info: #6788c3;
237
+ $toast-fill-success: #aad6bf;
238
+ $toast-fill-warning: #ffcd8a;
239
+ $toast-fill-error: #ff9e99;
240
+ $toast-icon-info: #0b2c61;
241
+ $toast-icon-success: #1a5238;
242
+ $toast-icon-warning: #80520a;
243
+ $toast-icon-error: #660907;
244
+ $toast-text-info: #000000;
245
+ $toast-text-success: #000000;
246
+ $toast-text-error: #000000;
247
+ $toast-text-warning: #ffffff;
248
+ $toast-link-info-default: #000000;
249
+ $toast-link-info-hover: #d9d9d9;
250
+ $toast-link-info-pressed: #cccccc;
251
+ $toast-link-success-default: #000000;
252
+ $toast-link-success-hover: #d9d9d9;
253
+ $toast-link-success-pressed: #cccccc;
254
+ $toast-link-error-default: #000000;
255
+ $toast-link-error-hover: #d9d9d9;
256
+ $toast-link-error-pressed: #cccccc;
257
+ $toast-link-warning-default: #ffffff;
258
+ $toast-link-warning-hover: #d9d9d9;
259
+ $toast-link-warning-pressed: #cccccc;
260
+ $messaging-fill-error: #ffefee;
261
+ $messaging-fill-success: #f1f8f4;
262
+ $messaging-fill-warning: #fff8ef;
263
+ $messaging-fill-info: #eef1f8;
264
+ $messaging-border-error: #e60403;
265
+ $messaging-border-success: #2d9464;
266
+ $messaging-border-warning: #ffba5c;
267
+ $messaging-border-info: #0e4392;
268
+ $messaging-icon-error: #e60403;
269
+ $messaging-icon-success: #2d9464;
270
+ $messaging-icon-warning: #ffba5c;
271
+ $messaging-icon-info: #0e4392;
272
+ $messaging-link-text-default: #000000;
273
+ $messaging-link-text-hover: #d9d9d9;
274
+ $messaging-link-text-pressed: #cccccc;
275
+ $messaging-link-text-visited: #ffffff;
276
+ $messaging-link-icon-default: #000000;
277
+ $messaging-link-icon-hover: #d9d9d9;
278
+ $messaging-link-icon-pressed: #cccccc;
279
+ $messaging-link-icon-visited: #ffffff;
280
+ $messaging-link-underline-default: #000000;
281
+ $messaging-link-underline-hover: #ffffff;
282
+ $messaging-link-underline-pressed: #ffffff;
283
+ $messaging-link-underline-visited: #e6e6e6;
284
+ $tooltip-fill: #000000;
285
+ $tooltip-text: #ffffff;
286
+ $tooltip-icon: #ffffff;