@baloise/ds-styles 19.7.1 → 19.8.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 (31) hide show
  1. package/css/all.css +16 -12
  2. package/css/all.css.map +1 -1
  3. package/css/all.min.css +1 -1
  4. package/css/baloise-design-system.css +16 -12
  5. package/css/baloise-design-system.css.map +1 -1
  6. package/css/baloise-design-system.min.css +1 -1
  7. package/css/basic.css +16 -12
  8. package/css/basic.css.map +1 -1
  9. package/css/basic.min.css +1 -1
  10. package/css/core.css +16 -12
  11. package/css/core.css.map +1 -1
  12. package/css/core.min.css +1 -1
  13. package/css/themes/future.css +360 -0
  14. package/css/themes/future.css.map +1 -0
  15. package/css/themes/future.min.css +1 -0
  16. package/css/themes/santander.css +268 -0
  17. package/css/themes/santander.css.map +1 -0
  18. package/css/themes/santander.min.css +1 -0
  19. package/css/themes/tcs.css +191 -15
  20. package/css/themes/tcs.css.map +1 -1
  21. package/css/themes/tcs.min.css +1 -1
  22. package/package.json +3 -3
  23. package/sass/themes/future.sass +366 -0
  24. package/sass/themes/santander.sass +302 -0
  25. package/sass/themes/tcs.sass +223 -15
  26. package/src/core/form/button.sass +5 -5
  27. package/src/core/list copy.sass +52 -0
  28. package/src/core/list.sass +2 -0
  29. package/src/core/vars/button.vars.sass +7 -7
  30. package/src/core/vars/list.vars.sass +2 -0
  31. package/src/mixins/svg.mixin.sass +7 -0
package/css/themes/santander.css ADDED
@@ -0,0 +1,268 @@
1
+ @font-face {
2
+ font-family: "Santander Headline Bold";
3
+ src: url("/assets/fonts/partners/SantanderHeadlineW05-Bold.eot");
4
+ src: url("/assets/fonts/partners/SantanderHeadlineW05-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/partners/SantanderHeadlineW05-Bold.otf") format("opentype"), url("/assets/fonts/partners/SantanderHeadlineW05-Bold.svg") format("svg"), url("/assets/fonts/partners/SantanderHeadlineW05-Bold.ttf") format("truetype"), url("/assets/fonts/partners/SantanderHeadlineW05-Bold.woff") format("woff"), url("/assets/fonts/partners/SantanderHeadlineW05-Bold.woff2") format("woff2");
5
+ font-weight: normal;
6
+ font-style: normal;
7
+ }
8
+ @font-face {
9
+ font-family: "Santander Headline";
10
+ src: url("/assets/fonts/partners/SantanderHeadlineW05-RG.eot");
11
+ src: url("/assets/fonts/partners/SantanderHeadlineW05-RG.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/partners/SantanderHeadlineW05-RG.otf") format("opentype"), url("/assets/fonts/partners/SantanderHeadlineW05-RG.svg") format("svg"), url("/assets/fonts/partners/SantanderHeadlineW05-RG.ttf") format("truetype"), url("/assets/fonts/partners/SantanderHeadlineW05-RG.woff") format("woff"), url("/assets/fonts/partners/SantanderHeadlineW05-RG.woff2") format("woff2");
12
+ font-weight: normal;
13
+ font-style: normal;
14
+ }
15
+ :root {
16
+ --san-color-font: #333;
17
+ --san-background-color: #eff6f9;
18
+ --bal-font-family-text: "Santander Headline", sans-serif;
19
+ --bal-font-family-title: "Santander Headline Bold", sans-serif;
20
+ --bal-body-color: var(--san-color-font);
21
+ --bal-color-primary: #ec0001;
22
+ --bal-color-primary-1: #fdf0e7;
23
+ --bal-color-primary-2: #fce0d1;
24
+ --bal-color-primary-3: #f39575;
25
+ --bal-color-primary-4: #ec0001;
26
+ --bal-color-primary-5: #cb0404;
27
+ --bal-color-primary-6: #af000f;
28
+ --bal-color-primary-6: #990001;
29
+ --bal-color-red: var(--bal-color-primary);
30
+ --bal-color-red-1: #fbcccc;
31
+ --bal-color-red-2: #f79999;
32
+ --bal-color-red-3: #f24d4d;
33
+ --bal-color-red-4: var(--bal-color-primary);
34
+ --bal-color-red-5: #a50001;
35
+ --bal-color-red-6: #5e0000;
36
+ --bal-color-yellow-1: #fbf1ea;
37
+ --bal-color-danger: var(--bal-color-primary);
38
+ --bal-color-danger-1: #fbcccc;
39
+ --bal-color-danger-2: #f79999;
40
+ --bal-color-danger-3: #f24d4d;
41
+ --bal-color-danger-4: var(--bal-color-primary);
42
+ --bal-color-danger-5: #a50001;
43
+ --bal-color-danger-6: #5e0000;
44
+ --bal-color-info-1: #e7f8ff;
45
+ --bal-color-purple-1: #edf6f8;
46
+ --bal-color-purple-2: #c3dee7;
47
+ --bal-color-purple-3: #9bc3d3;
48
+ --bal-color-purple-4: #015a7f;
49
+ --bal-color-purple-5: #01364c;
50
+ --bal-color-purple-6: #002433;
51
+ --bal-color-green: #127277;
52
+ --bal-color-green-1: #e7f1f1;
53
+ --bal-color-green-2: #a0c7c9;
54
+ --bal-color-green-3: #599ca0;
55
+ --bal-color-green-4: #127277;
56
+ --bal-color-green-5: #0e5b5f;
57
+ --bal-color-green-6: #0b4447;
58
+ --bal-color-text-primary: var(--bal-color-green-4);
59
+ --bal-color-text-primary-hovered: var(--bal-color-green-5);
60
+ --bal-color-text-primary-pressed: var(--bal-color-green-6);
61
+ --bal-color-info-1: #cedee7;
62
+ --bal-color-grey-3: #949494;
63
+ --bal-color-grey-4: #767676;
64
+ --bal-color-grey-5: #5b5a5b;
65
+ --bal-color-grey-6: #333;
66
+ --bal-link-color: var(--bal-color-green-4);
67
+ --bal-link-color-hover: var(--bal-color-green-5);
68
+ --bal-link-color-active: var(--bal-color-green-6);
69
+ --bal-description-list-term-color: var(--bal-color-text-primary);
70
+ --bal-description-list-detail-color: var(--bal-body-color);
71
+ --bal-button-radius: var(--bal-radius-rounded);
72
+ --bal-button-background: white;
73
+ --bal-button-color: var(--bal-color-green-4);
74
+ --bal-button-color-hover: var(--bal-color-green-5);
75
+ --bal-button-color-active: var(--bal-color-green-6);
76
+ --bal-button-border-color: var(--bal-color-primary);
77
+ --bal-button-background-hover: var(--bal-color-grey-1);
78
+ --bal-button-background-active: var(--bal-color-grey-2);
79
+ --bal-button-border-color-hover: var(--bal-color-primary-4);
80
+ --bal-button-border-color-active: var(--bal-color-primary-5);
81
+ --bal-button-primary-background: var(--bal-color-primary);
82
+ --bal-button-primary-background-hover: var(--bal-color-primary-5);
83
+ --bal-button-primary-background-active: var(--bal-color-primary-6);
84
+ --bal-button-primary-border-color: var(--bal-color-primary);
85
+ --bal-button-primary-border-color-hover: var(--bal-color-primary-5);
86
+ --bal-button-primary-border-color-active: var(--bal-color-primary-6);
87
+ --bal-button-text-border-color-hover: var(--bal-color-green-1);
88
+ --bal-button-text-border-color-active: var(--bal-color-green-1);
89
+ --bal-button-text-background-hover: var(--bal-color-green-1);
90
+ --bal-button-text-background-active: var(--bal-color-green-1);
91
+ --bal-button-tertiary-purple-background: var(--bal-color-green-4);
92
+ --bal-button-tertiary-purple-background-hover: var(--bal-color-green-5);
93
+ --bal-button-tertiary-purple-background-active: var(--bal-color-green-6);
94
+ --bal-button-tertiary-purple-border-color: var(--bal-color-green-4);
95
+ --bal-button-tertiary-purple-border-color-hover: var(--bal-color-green-5);
96
+ --bal-button-tertiary-purple-border-color-active: var(--bal-color-green-6);
97
+ --bal-button-tertiary-purple-color: white;
98
+ --bal-button-tertiary-purple-color-hover: white;
99
+ --bal-button-tertiary-purple-color-hover: white;
100
+ --bal-button-tertiary-purple-color-active: white;
101
+ --bal-button-disabled-color: var(--bal-color-grey-3);
102
+ --bal-button-disabled-border-color: var(--bal-color-grey-2);
103
+ --bal-button-disabled-background: var(--bal-color-grey-2);
104
+ --bal-form-field-control-color: black;
105
+ --bal-form-field-message-color: var(--bal-color-grey-6);
106
+ --bal-form-field-control-border-color-active: var(--bal-color-green);
107
+ --bal-form-field-control-placeholder-color: var(--bal-color-grey-4);
108
+ --bal-icon-color-primary: var(--bal-color-green);
109
+ --bal-icon-color-primary-dark: var(--bal-color-green-5);
110
+ --bal-hint-icon-color-hover: var(--bal-color-green-5);
111
+ --bal-segment-item-indicator-background: var(--bal-color-green);
112
+ --bal-segment-item-divider-background: var(--bal-color-grey-3);
113
+ --bal-segment-item-text-color: var(--bal-color-grey-6);
114
+ --bal-segment-item-text-color-hovered: black;
115
+ --bal-segment-item-text-color-pressed: black;
116
+ --bal-segment-item-text-color-checked: white;
117
+ --bal-segment-item-text-color-checked-hovered: white;
118
+ --bal-segment-item-text-color-checked-pressed: white;
119
+ --bal-select-control-border-color-focused: var(--bal-color-green);
120
+ --bal-select-control-border-color-focus-within: var(--bal-color-green);
121
+ --bal-select-control-input-option-background-selected: var(--bal-color-green-2);
122
+ --bal-select-control-input-option-background-focused: var(--bal-color-grey-2);
123
+ --bal-select-control-input-option-background-hover: var(--bal-color-grey-2);
124
+ --bal-select-control-input-option-background-active: var(--bal-color-grey-3);
125
+ --bal-option-background-selected: var(--bal-color-green-2);
126
+ --bal-option-background-hovered: var(--bal-color-grey-2);
127
+ --bal-option-background-pressed: var(--bal-color-grey-2);
128
+ --bal-option-background-selected-hovered: var(--bal-color-grey-2);
129
+ --bal-option-background-selected-pressed: var(--bal-color-grey-2);
130
+ --bal-option-text-hovered: black;
131
+ --bal-check-border-color: var(--bal-color-green);
132
+ --bal-check-border-color-hovered: var(--bal-color-green-4);
133
+ --bal-check-border-color-pressed: var(--bal-color-green-5);
134
+ --bal-check-background-checked: var(--bal-color-green);
135
+ --bal-check-background-checked-hovered: var(--bal-color-green-4);
136
+ --bal-check-background-checked-pressed: var(--bal-color-green-5);
137
+ --bal-check-border-color-checked: var(--bal-color-green);
138
+ --bal-check-border-color-checked-hovered: var(--bal-color-green-4);
139
+ --bal-check-border-color-checked-pressed: var(--bal-color-green-5);
140
+ --bal-checkbox-switch-label-background-before: var(--bal-color-green-1);
141
+ --bal-checkbox-switch-label-background-after: var(--bal-color-green);
142
+ --bal-checkbox-switch-label-background-hover-after: var(--bal-color-green-5);
143
+ --bal-checkbox-switch-label-background-pressed-after: var(--bal-color-green-6);
144
+ --bal-checkbox-switch-label-background-checked-before: var(--bal-color-green);
145
+ --bal-checkbox-switch-label-background-checked-hover-before: var(--bal-color-green);
146
+ --bal-checkbox-switch-label-background-checked-pressed-before: var(--bal-color-green-6);
147
+ --bal-radio-icon-background-checked: var(--bal-color-green);
148
+ --bal-radio-icon-background-checked-hovered: var(--bal-color-green-5);
149
+ --bal-radio-icon-background-checked-pressed: var(--bal-color-green-6);
150
+ --bal-radio-icon-border-color: var(--bal-color-green);
151
+ --bal-radio-icon-border-color-hovered: var(--bal-color-green-5);
152
+ --bal-radio-icon-border-color-pressed: var(--bal-color-green-6);
153
+ --bal-radio-icon-border-color-checked: var(--bal-color-green);
154
+ --bal-radio-icon-border-color-checked-hovered: var(--bal-color-green-5);
155
+ --bal-radio-icon-border-color-checked-pressed: var(--bal-color-green-6);
156
+ --bal-steps-step-border-color-done: var(--bal-color-primary);
157
+ --bal-steps-step-border-color-done: var(--bal-color-primary);
158
+ --bal-steps-step-icon-background-done: var(--bal-color-primary);
159
+ --bal-steps-step-label-text-color-done: var(--bal-color-grey-6);
160
+ --bal-steps-step-label-text-color: var(--bal-color-grey-6);
161
+ --bal-steps-step-label-text-color-active: black;
162
+ --bal-steps-step-icon-text-color: black;
163
+ --bal-steps-step-border-color: var(--bal-color-info-1);
164
+ --bal-steps-step-button-progress-line-background: var(--bal-color-info-1);
165
+ --bal-steps-step-border-color-active: var(--bal-color-primary);
166
+ --bal-steps-step-icon-background-active: var(--bal-color-primary);
167
+ --bal-steps-step-button-passed-background: var(--bal-color-primary);
168
+ --bal-pagination-small-background: var(--bal-color-info-1);
169
+ --bal-pagination-small-radius: 20px;
170
+ --bal-tabs-tab-nav-border-background: var(--bal-color-info-1);
171
+ --bal-tabs-tab-label-text-color: var(--bal-grey-6);
172
+ --bal-tabs-tab-label-text-color-active: var(--bal-color-primary);
173
+ --bal-tabs-tab-button-label-text-color-hover: var(--bal-color-primary-5);
174
+ --bal-tabs-tab-button-label-text-color-active: var(--bal-color-primary-6);
175
+ --bal-tabs-tab-label-text-color-disabled: var(--bal-color-grey-3);
176
+ --bal-toast-color: var(--bal-color-grey-6);
177
+ --bal-toast-color-info: var(--bal-color-grey-6);
178
+ --bal-toast-color-success: var(--bal-color-grey-6);
179
+ --bal-toast-color-warning: var(--bal-color-grey-6);
180
+ --bal-toast-color-danger: var(--bal-color-grey-6);
181
+ --bal-notification-color: var(--bal-color-grey-6);
182
+ --bal-notification-color-info: var(--bal-color-grey-6);
183
+ --bal-notification-color-success: var(--bal-color-grey-6);
184
+ --bal-notification-color-warning: var(--bal-color-grey-6);
185
+ --bal-notification-color-danger: var(--bal-color-grey-6);
186
+ --bal-tag-background: var(--bal-color-info-1);
187
+ --bal-tag-text: var(--bal-color-black);
188
+ --bal-tag-text-warning: var(--bal-color-black);
189
+ --bal-tag-text-yellow: var(--bal-color-white);
190
+ --bal-tag-text-green: var(--bal-color-white);
191
+ --bal-tag-text-purple-light: var(--bal-color-black);
192
+ --bal-tag-text-red-light: var(--bal-color-black);
193
+ --bal-tag-text-green-light: var(--bal-color-black);
194
+ --bal-tag-text-yellow-light: var(--bal-color-black);
195
+ --bal-tag-background-disabled: var(--bal-color-grey-2);
196
+ --bal-tag-border-disabled-color: var(--bal-color-grey-2);
197
+ --bal-tag-text-disabled: var(--bal-color-grey-4);
198
+ --bal-spinner-circle-background: var(--bal-color-info-1);
199
+ --bal-spinner-circle-progress: var(--bal-color-green);
200
+ --bal-spinner-circle-progress-inverted: var(--bal-color-primary);
201
+ --bal-footer-background: var(--bal-color-primary-5);
202
+ --bal-footer-language-color: var(--bal-color-text-white);
203
+ --bal-footer-language-color-hover: var(--bal-color-grey-1);
204
+ --bal-footer-language-color-active: var(--bal-color-grey-1);
205
+ --bal-footer-language-background: var(--bal-color-text-white);
206
+ --bal-footer-language-background-hover: var(--bal-color-grey-1);
207
+ --bal-footer-language-background-active: var(--bal-color-grey-1);
208
+ --bal-footer-logo-image-max-height: 64px;
209
+ --bal-modal-backdrop-background: var(--bal-color-grey-6);
210
+ }
211
+
212
+ body {
213
+ -webkit-text-size-adjust: 100%;
214
+ }
215
+
216
+ footer .link,
217
+ footer a.link {
218
+ color: white !important;
219
+ }
220
+ footer .link:hover,
221
+ footer a.link:hover {
222
+ color: white !important;
223
+ }
224
+ footer .link:active,
225
+ footer a.link:active {
226
+ color: white !important;
227
+ }
228
+
229
+ .button {
230
+ padding: 6px 30px 7px;
231
+ min-height: 32px;
232
+ }
233
+
234
+ button.is-info,
235
+ button.is-secondary {
236
+ color: var(--bal-color-primary);
237
+ }
238
+ button.is-info:hover,
239
+ button.is-secondary:hover {
240
+ color: var(--bal-color-primary-4);
241
+ }
242
+ button.is-info:active,
243
+ button.is-secondary:active {
244
+ color: var(--bal-color-primary-5);
245
+ }
246
+
247
+ .bal-segment-item__indicator,
248
+ .bal-segment-item button {
249
+ border-radius: 20px;
250
+ }
251
+
252
+ .bal-segment:not(.bal-segment--vertical) {
253
+ border-radius: 20px;
254
+ }
255
+
256
+ .bal-input-group:not(.bal-input-group--is-disabled):focus-within {
257
+ border-color: var(--bal-color-green);
258
+ }
259
+
260
+ .bal-dropdown__root--theme-purple .bal-dropdown__root__content {
261
+ color: black !important;
262
+ }
263
+
264
+ .bal-toast__inner:before,
265
+ .bal-notification:not(.bal-notification--no-icon):before {
266
+ background-color: var(--bal-color-grey-6);
267
+ }
268
+ /*# sourceMappingURL=themes/santander.css.map */
package/css/themes/santander.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["file:///home/runner/work/design-system/design-system/packages/styles/sass/themes/santander.sass"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EAIE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;;;AAEF;EACE;;;AAEF;AAAA;EAEE;;AACA;AAAA;EACE;;AACF;AAAA;EACE;;;AAEJ;EACE;EACA;;;AAEF;AAAA;EAEE;;AACA;AAAA;EACE;;AACF;AAAA;EACE;;;AAEJ;AAAA;EAEE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;AAAA;EAEE","sourcesContent":["$font-path: '/assets/fonts/partners' !default\n\n@font-face\n font-family: \"Santander Headline Bold\"\n src: url(\"/assets/fonts/partners/SantanderHeadlineW05-Bold.eot\")\n src: url(\"/assets/fonts/partners/SantanderHeadlineW05-Bold.eot?#iefix\") format(\"embedded-opentype\"), url(\"/assets/fonts/partners/SantanderHeadlineW05-Bold.otf\") format(\"opentype\"), url(\"/assets/fonts/partners/SantanderHeadlineW05-Bold.svg\") format(\"svg\"),url(\"/assets/fonts/partners/SantanderHeadlineW05-Bold.ttf\") format(\"truetype\"),url(\"/assets/fonts/partners/SantanderHeadlineW05-Bold.woff\") format(\"woff\"),url(\"/assets/fonts/partners/SantanderHeadlineW05-Bold.woff2\") format(\"woff2\")\n font-weight: normal\n font-style: normal\n\n@font-face\n font-family: \"Santander Headline\"\n src: url(\"/assets/fonts/partners/SantanderHeadlineW05-RG.eot\")\n src: url(\"/assets/fonts/partners/SantanderHeadlineW05-RG.eot?#iefix\") format(\"embedded-opentype\"), url(\"/assets/fonts/partners/SantanderHeadlineW05-RG.otf\") format(\"opentype\"), url(\"/assets/fonts/partners/SantanderHeadlineW05-RG.svg\") format(\"svg\"),url(\"/assets/fonts/partners/SantanderHeadlineW05-RG.ttf\") format(\"truetype\"),url(\"/assets/fonts/partners/SantanderHeadlineW05-RG.woff\") format(\"woff\"),url(\"/assets/fonts/partners/SantanderHeadlineW05-RG.woff2\") format(\"woff2\")\n font-weight: normal\n font-style: normal\n\n:root\n //\n // Base\n // Colors\n --san-color-font: #333\n --san-background-color: #eff6f9\n --bal-font-family-text: 'Santander Headline', sans-serif\n --bal-font-family-title: 'Santander Headline Bold', sans-serif\n --bal-body-color: var(--san-color-font)\n\n --bal-color-primary: #ec0001\n --bal-color-primary-1: #fdf0e7\n --bal-color-primary-2: #fce0d1\n --bal-color-primary-3: #f39575\n --bal-color-primary-4: #ec0001\n --bal-color-primary-5: #cb0404\n --bal-color-primary-6: #af000f\n --bal-color-primary-6: #990001\n\n --bal-color-red: var(--bal-color-primary)\n --bal-color-red-1: #fbcccc\n --bal-color-red-2: #f79999\n --bal-color-red-3: #f24d4d\n --bal-color-red-4: var(--bal-color-primary)\n --bal-color-red-5: #a50001\n --bal-color-red-6: #5e0000\n\n --bal-color-yellow-1: #fbf1ea\n\n --bal-color-danger: var(--bal-color-primary)\n --bal-color-danger-1: #fbcccc\n --bal-color-danger-2: #f79999\n --bal-color-danger-3: #f24d4d\n --bal-color-danger-4: var(--bal-color-primary)\n --bal-color-danger-5: #a50001\n --bal-color-danger-6: #5e0000\n\n --bal-color-info-1: #e7f8ff\n\n --bal-color-purple-1: #edf6f8\n --bal-color-purple-2: #c3dee7\n --bal-color-purple-3: #9bc3d3\n --bal-color-purple-4: #015a7f\n --bal-color-purple-5: #01364c\n --bal-color-purple-6: #002433\n\n --bal-color-green: #127277\n --bal-color-green-1: #e7f1f1\n --bal-color-green-2: #a0c7c9\n --bal-color-green-3: #599ca0\n --bal-color-green-4: #127277\n --bal-color-green-5: #0e5b5f\n --bal-color-green-6: #0b4447\n\n --bal-color-text-primary: var(--bal-color-green-4)\n --bal-color-text-primary-hovered: var(--bal-color-green-5)\n --bal-color-text-primary-pressed: var(--bal-color-green-6)\n\n --bal-color-info-1: #cedee7\n\n --bal-color-grey-3: #949494\n --bal-color-grey-4: #767676\n --bal-color-grey-5: #5b5a5b\n --bal-color-grey-6: #333\n\n --bal-link-color: var(--bal-color-green-4)\n --bal-link-color-hover: var(--bal-color-green-5)\n --bal-link-color-active: var(--bal-color-green-6)\n // Native Lists\n --bal-description-list-term-color: var(--bal-color-text-primary)\n --bal-description-list-detail-color: var(--bal-body-color)\n //\n // Buttons\n --bal-button-radius: var(--bal-radius-rounded)\n --bal-button-background: white\n --bal-button-color: var(--bal-color-green-4)\n --bal-button-color-hover: var(--bal-color-green-5)\n --bal-button-color-active: var(--bal-color-green-6)\n --bal-button-border-color: var(--bal-color-primary)\n --bal-button-background-hover: var(--bal-color-grey-1)\n --bal-button-background-active: var(--bal-color-grey-2)\n --bal-button-border-color-hover: var(--bal-color-primary-4)\n --bal-button-border-color-active: var(--bal-color-primary-5)\n // Primary buttons\n --bal-button-primary-background: var(--bal-color-primary)\n --bal-button-primary-background-hover: var(--bal-color-primary-5)\n --bal-button-primary-background-active: var(--bal-color-primary-6)\n --bal-button-primary-border-color: var(--bal-color-primary)\n --bal-button-primary-border-color-hover: var(--bal-color-primary-5)\n --bal-button-primary-border-color-active: var(--bal-color-primary-6)\n //\n // text\n --bal-button-text-border-color-hover: var(--bal-color-green-1)\n --bal-button-text-border-color-active: var(--bal-color-green-1)\n --bal-button-text-background-hover: var(--bal-color-green-1)\n --bal-button-text-background-active: var(--bal-color-green-1)\n // Tertiary buttons\n --bal-button-tertiary-purple-background: var(--bal-color-green-4)\n --bal-button-tertiary-purple-background-hover: var(--bal-color-green-5)\n --bal-button-tertiary-purple-background-active: var(--bal-color-green-6)\n --bal-button-tertiary-purple-border-color: var(--bal-color-green-4)\n --bal-button-tertiary-purple-border-color-hover: var(--bal-color-green-5)\n --bal-button-tertiary-purple-border-color-active: var(--bal-color-green-6)\n --bal-button-tertiary-purple-color: white\n --bal-button-tertiary-purple-color-hover: white\n --bal-button-tertiary-purple-color-hover: white\n --bal-button-tertiary-purple-color-active: white\n //\n // disabled\n --bal-button-disabled-color: var(--bal-color-grey-3)\n --bal-button-disabled-border-color: var(--bal-color-grey-2)\n --bal-button-disabled-background: var(--bal-color-grey-2)\n //\n // Form\n --bal-form-field-control-color: black\n --bal-form-field-message-color: var(--bal-color-grey-6)\n --bal-form-field-control-border-color-active: var(--bal-color-green)\n --bal-form-field-control-placeholder-color: var(--bal-color-grey-4)\n // Icon\n --bal-icon-color-primary: var(--bal-color-green)\n --bal-icon-color-primary-dark: var(--bal-color-green-5)\n --bal-hint-icon-color-hover: var(--bal-color-green-5)\n //\n // Segment\n --bal-segment-item-indicator-background: var(--bal-color-green)\n --bal-segment-item-divider-background: var(--bal-color-grey-3)\n --bal-segment-item-text-color: var(--bal-color-grey-6)\n --bal-segment-item-text-color-hovered: black\n --bal-segment-item-text-color-pressed: black\n --bal-segment-item-text-color-checked: white\n --bal-segment-item-text-color-checked-hovered: white\n --bal-segment-item-text-color-checked-pressed: white\n //\n // select\n --bal-select-control-border-color-focused: var(--bal-color-green)\n --bal-select-control-border-color-focus-within: var(--bal-color-green)\n --bal-select-control-input-option-background-selected: var(--bal-color-green-2)\n --bal-select-control-input-option-background-focused: var(--bal-color-grey-2)\n --bal-select-control-input-option-background-hover: var(--bal-color-grey-2)\n --bal-select-control-input-option-background-active: var(--bal-color-grey-3)\n --bal-option-background-selected: var(--bal-color-green-2)\n --bal-option-background-hovered: var(--bal-color-grey-2)\n --bal-option-background-pressed: var(--bal-color-grey-2)\n --bal-option-background-selected-hovered: var(--bal-color-grey-2)\n --bal-option-background-selected-pressed: var(--bal-color-grey-2)\n --bal-option-text-hovered: black\n\n --bal-check-border-color: var(--bal-color-green)\n --bal-check-border-color-hovered: var(--bal-color-green-4)\n --bal-check-border-color-pressed: var(--bal-color-green-5)\n\n --bal-check-background-checked: var(--bal-color-green)\n --bal-check-background-checked-hovered: var(--bal-color-green-4)\n --bal-check-background-checked-pressed: var(--bal-color-green-5)\n --bal-check-border-color-checked: var(--bal-color-green)\n --bal-check-border-color-checked-hovered: var(--bal-color-green-4)\n --bal-check-border-color-checked-pressed: var(--bal-color-green-5)\n --bal-checkbox-switch-label-background-before: var(--bal-color-green-1)\n --bal-checkbox-switch-label-background-after: var(--bal-color-green)\n --bal-checkbox-switch-label-background-hover-after: var(--bal-color-green-5)\n --bal-checkbox-switch-label-background-pressed-after: var(--bal-color-green-6)\n --bal-checkbox-switch-label-background-checked-before: var(--bal-color-green)\n --bal-checkbox-switch-label-background-checked-hover-before: var(--bal-color-green)\n --bal-checkbox-switch-label-background-checked-pressed-before: var(--bal-color-green-6)\n\n --bal-radio-icon-background-checked: var(--bal-color-green)\n --bal-radio-icon-background-checked-hovered: var(--bal-color-green-5)\n --bal-radio-icon-background-checked-pressed: var(--bal-color-green-6)\n --bal-radio-icon-border-color: var(--bal-color-green)\n --bal-radio-icon-border-color-hovered: var(--bal-color-green-5)\n --bal-radio-icon-border-color-pressed: var(--bal-color-green-6)\n --bal-radio-icon-border-color-checked: var(--bal-color-green)\n --bal-radio-icon-border-color-checked-hovered: var(--bal-color-green-5)\n --bal-radio-icon-border-color-checked-pressed: var(--bal-color-green-6)\n //\n // Steps\n --bal-steps-step-border-color-done: var(--bal-color-primary)\n --bal-steps-step-border-color-done: var(--bal-color-primary)\n --bal-steps-step-icon-background-done: var(--bal-color-primary)\n --bal-steps-step-label-text-color-done: var(--bal-color-grey-6)\n --bal-steps-step-label-text-color: var(--bal-color-grey-6)\n --bal-steps-step-label-text-color-active: black\n --bal-steps-step-icon-text-color: black\n --bal-steps-step-border-color: var(--bal-color-info-1)\n --bal-steps-step-button-progress-line-background: var(--bal-color-info-1)\n --bal-steps-step-border-color-active: var(--bal-color-primary)\n --bal-steps-step-icon-background-active: var(--bal-color-primary)\n --bal-steps-step-button-passed-background: var(--bal-color-primary)\n //\n // Pagination\n --bal-pagination-small-background: var(--bal-color-info-1)\n --bal-pagination-small-radius: 20px\n //\n // Tabs\n --bal-tabs-tab-nav-border-background: var(--bal-color-info-1)\n --bal-tabs-tab-label-text-color: var(--bal-grey-6)\n --bal-tabs-tab-label-text-color-active: var(--bal-color-primary)\n --bal-tabs-tab-button-label-text-color-hover: var(--bal-color-primary-5)\n --bal-tabs-tab-button-label-text-color-active: var(--bal-color-primary-6)\n --bal-tabs-tab-label-text-color-disabled: var(--bal-color-grey-3)\n //\n // Toast\n --bal-toast-color: var(--bal-color-grey-6)\n --bal-toast-color-info: var(--bal-color-grey-6)\n --bal-toast-color-success: var(--bal-color-grey-6)\n --bal-toast-color-warning: var(--bal-color-grey-6)\n --bal-toast-color-danger: var(--bal-color-grey-6)\n //\n // Notification\n --bal-notification-color: var(--bal-color-grey-6)\n --bal-notification-color-info: var(--bal-color-grey-6)\n --bal-notification-color-success: var(--bal-color-grey-6)\n --bal-notification-color-warning: var(--bal-color-grey-6)\n --bal-notification-color-danger: var(--bal-color-grey-6)\n //\n // Tags\n --bal-tag-background: var(--bal-color-info-1)\n --bal-tag-text: var(--bal-color-black)\n --bal-tag-text-warning: var(--bal-color-black)\n --bal-tag-text-yellow: var(--bal-color-white)\n --bal-tag-text-green: var(--bal-color-white)\n --bal-tag-text-purple-light: var(--bal-color-black)\n --bal-tag-text-red-light: var(--bal-color-black)\n --bal-tag-text-green-light: var(--bal-color-black)\n --bal-tag-text-yellow-light: var(--bal-color-black)\n --bal-tag-background-disabled: var(--bal-color-grey-2)\n --bal-tag-border-disabled-color: var(--bal-color-grey-2)\n --bal-tag-text-disabled: var(--bal-color-grey-4)\n //\n // Spinner\n --bal-spinner-circle-background: var(--bal-color-info-1)\n --bal-spinner-circle-progress: var(--bal-color-green)\n --bal-spinner-circle-progress-inverted: var(--bal-color-primary)\n //\n // Footer\n --bal-footer-background: var(--bal-color-primary-5)\n --bal-footer-language-color: var(--bal-color-text-white)\n --bal-footer-language-color-hover: var(--bal-color-grey-1)\n --bal-footer-language-color-active: var(--bal-color-grey-1)\n --bal-footer-language-background: var(--bal-color-text-white)\n --bal-footer-language-background-hover: var(--bal-color-grey-1)\n --bal-footer-language-background-active: var(--bal-color-grey-1)\n --bal-footer-logo-image-max-height: 64px\n //\n // Modal\n --bal-modal-backdrop-background: var(--bal-color-grey-6)\n\nbody\n -webkit-text-size-adjust: 100%\n\nfooter .link,\nfooter a.link\n color: white !important\n &:hover\n color: white !important\n &:active\n color: white !important\n\n.button\n padding: 6px 30px 7px\n min-height: 32px\n\nbutton.is-info,\nbutton.is-secondary\n color: var( --bal-color-primary)\n &:hover\n color: var(--bal-color-primary-4)\n &:active\n color: var(--bal-color-primary-5)\n\n.bal-segment-item__indicator,\n.bal-segment-item button\n border-radius: 20px\n\n.bal-segment:not(.bal-segment--vertical)\n border-radius: 20px\n\n.bal-input-group:not(.bal-input-group--is-disabled):focus-within\n border-color: var(--bal-color-green)\n\n.bal-dropdown__root--theme-purple .bal-dropdown__root__content\n color: black !important\n\n.bal-toast__inner:before,\n.bal-notification:not(.bal-notification--no-icon):before\n background-color: var(--bal-color-grey-6)\n"]}
package/css/themes/santander.min.css ADDED
@@ -0,0 +1 @@
1
+ @font-face{font-family:"Santander Headline Bold";src:url("/assets/fonts/partners/SantanderHeadlineW05-Bold.eot");src:url("/assets/fonts/partners/SantanderHeadlineW05-Bold.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/partners/SantanderHeadlineW05-Bold.otf") format("opentype"),url("/assets/fonts/partners/SantanderHeadlineW05-Bold.svg") format("svg"),url("/assets/fonts/partners/SantanderHeadlineW05-Bold.ttf") format("truetype"),url("/assets/fonts/partners/SantanderHeadlineW05-Bold.woff") format("woff"),url("/assets/fonts/partners/SantanderHeadlineW05-Bold.woff2") format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"Santander Headline";src:url("/assets/fonts/partners/SantanderHeadlineW05-RG.eot");src:url("/assets/fonts/partners/SantanderHeadlineW05-RG.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/partners/SantanderHeadlineW05-RG.otf") format("opentype"),url("/assets/fonts/partners/SantanderHeadlineW05-RG.svg") format("svg"),url("/assets/fonts/partners/SantanderHeadlineW05-RG.ttf") format("truetype"),url("/assets/fonts/partners/SantanderHeadlineW05-RG.woff") format("woff"),url("/assets/fonts/partners/SantanderHeadlineW05-RG.woff2") format("woff2");font-weight:400;font-style:normal}:root{--san-color-font:#333;--san-background-color:#eff6f9;--bal-font-family-text:"Santander Headline",sans-serif;--bal-font-family-title:"Santander Headline Bold",sans-serif;--bal-body-color:var(--san-color-font);--bal-color-primary:#ec0001;--bal-color-primary-1:#fdf0e7;--bal-color-primary-2:#fce0d1;--bal-color-primary-3:#f39575;--bal-color-primary-4:#ec0001;--bal-color-primary-5:#cb0404;--bal-color-primary-6:#af000f;--bal-color-primary-6:#990001;--bal-color-red:var(--bal-color-primary);--bal-color-red-1:#fbcccc;--bal-color-red-2:#f79999;--bal-color-red-3:#f24d4d;--bal-color-red-4:var(--bal-color-primary);--bal-color-red-5:#a50001;--bal-color-red-6:#5e0000;--bal-color-yellow-1:#fbf1ea;--bal-color-danger:var(--bal-color-primary);--bal-color-danger-1:#fbcccc;--bal-color-danger-2:#f79999;--bal-color-danger-3:#f24d4d;--bal-color-danger-4:var(--bal-color-primary);--bal-color-danger-5:#a50001;--bal-color-danger-6:#5e0000;--bal-color-info-1:#e7f8ff;--bal-color-purple-1:#edf6f8;--bal-color-purple-2:#c3dee7;--bal-color-purple-3:#9bc3d3;--bal-color-purple-4:#015a7f;--bal-color-purple-5:#01364c;--bal-color-purple-6:#002433;--bal-color-green:#127277;--bal-color-green-1:#e7f1f1;--bal-color-green-2:#a0c7c9;--bal-color-green-3:#599ca0;--bal-color-green-4:#127277;--bal-color-green-5:#0e5b5f;--bal-color-green-6:#0b4447;--bal-color-text-primary:var(--bal-color-green-4);--bal-color-text-primary-hovered:var(--bal-color-green-5);--bal-color-text-primary-pressed:var(--bal-color-green-6);--bal-color-info-1:#cedee7;--bal-color-grey-3:#949494;--bal-color-grey-4:#767676;--bal-color-grey-5:#5b5a5b;--bal-color-grey-6:#333;--bal-link-color:var(--bal-color-green-4);--bal-link-color-hover:var(--bal-color-green-5);--bal-link-color-active:var(--bal-color-green-6);--bal-description-list-term-color:var(--bal-color-text-primary);--bal-description-list-detail-color:var(--bal-body-color);--bal-button-radius:var(--bal-radius-rounded);--bal-button-background:white;--bal-button-color:var(--bal-color-green-4);--bal-button-color-hover:var(--bal-color-green-5);--bal-button-color-active:var(--bal-color-green-6);--bal-button-border-color:var(--bal-color-primary);--bal-button-background-hover:var(--bal-color-grey-1);--bal-button-background-active:var(--bal-color-grey-2);--bal-button-border-color-hover:var(--bal-color-primary-4);--bal-button-border-color-active:var(--bal-color-primary-5);--bal-button-primary-background:var(--bal-color-primary);--bal-button-primary-background-hover:var(--bal-color-primary-5);--bal-button-primary-background-active:var(--bal-color-primary-6);--bal-button-primary-border-color:var(--bal-color-primary);--bal-button-primary-border-color-hover:var(--bal-color-primary-5);--bal-button-primary-border-color-active:var(--bal-color-primary-6);--bal-button-text-border-color-hover:var(--bal-color-green-1);--bal-button-text-border-color-active:var(--bal-color-green-1);--bal-button-text-background-hover:var(--bal-color-green-1);--bal-button-text-background-active:var(--bal-color-green-1);--bal-button-tertiary-purple-background:var(--bal-color-green-4);--bal-button-tertiary-purple-background-hover:var(--bal-color-green-5);--bal-button-tertiary-purple-background-active:var(--bal-color-green-6);--bal-button-tertiary-purple-border-color:var(--bal-color-green-4);--bal-button-tertiary-purple-border-color-hover:var(--bal-color-green-5);--bal-button-tertiary-purple-border-color-active:var(--bal-color-green-6);--bal-button-tertiary-purple-color:white;--bal-button-tertiary-purple-color-hover:white;--bal-button-tertiary-purple-color-hover:white;--bal-button-tertiary-purple-color-active:white;--bal-button-disabled-color:var(--bal-color-grey-3);--bal-button-disabled-border-color:var(--bal-color-grey-2);--bal-button-disabled-background:var(--bal-color-grey-2);--bal-form-field-control-color:black;--bal-form-field-message-color:var(--bal-color-grey-6);--bal-form-field-control-border-color-active:var(--bal-color-green);--bal-form-field-control-placeholder-color:var(--bal-color-grey-4);--bal-icon-color-primary:var(--bal-color-green);--bal-icon-color-primary-dark:var(--bal-color-green-5);--bal-hint-icon-color-hover:var(--bal-color-green-5);--bal-segment-item-indicator-background:var(--bal-color-green);--bal-segment-item-divider-background:var(--bal-color-grey-3);--bal-segment-item-text-color:var(--bal-color-grey-6);--bal-segment-item-text-color-hovered:black;--bal-segment-item-text-color-pressed:black;--bal-segment-item-text-color-checked:white;--bal-segment-item-text-color-checked-hovered:white;--bal-segment-item-text-color-checked-pressed:white;--bal-select-control-border-color-focused:var(--bal-color-green);--bal-select-control-border-color-focus-within:var(--bal-color-green);--bal-select-control-input-option-background-selected:var(--bal-color-green-2);--bal-select-control-input-option-background-focused:var(--bal-color-grey-2);--bal-select-control-input-option-background-hover:var(--bal-color-grey-2);--bal-select-control-input-option-background-active:var(--bal-color-grey-3);--bal-option-background-selected:var(--bal-color-green-2);--bal-option-background-hovered:var(--bal-color-grey-2);--bal-option-background-pressed:var(--bal-color-grey-2);--bal-option-background-selected-hovered:var(--bal-color-grey-2);--bal-option-background-selected-pressed:var(--bal-color-grey-2);--bal-option-text-hovered:black;--bal-check-border-color:var(--bal-color-green);--bal-check-border-color-hovered:var(--bal-color-green-4);--bal-check-border-color-pressed:var(--bal-color-green-5);--bal-check-background-checked:var(--bal-color-green);--bal-check-background-checked-hovered:var(--bal-color-green-4);--bal-check-background-checked-pressed:var(--bal-color-green-5);--bal-check-border-color-checked:var(--bal-color-green);--bal-check-border-color-checked-hovered:var(--bal-color-green-4);--bal-check-border-color-checked-pressed:var(--bal-color-green-5);--bal-checkbox-switch-label-background-before:var(--bal-color-green-1);--bal-checkbox-switch-label-background-after:var(--bal-color-green);--bal-checkbox-switch-label-background-hover-after:var(--bal-color-green-5);--bal-checkbox-switch-label-background-pressed-after:var(--bal-color-green-6);--bal-checkbox-switch-label-background-checked-before:var(--bal-color-green);--bal-checkbox-switch-label-background-checked-hover-before:var(--bal-color-green);--bal-checkbox-switch-label-background-checked-pressed-before:var(--bal-color-green-6);--bal-radio-icon-background-checked:var(--bal-color-green);--bal-radio-icon-background-checked-hovered:var(--bal-color-green-5);--bal-radio-icon-background-checked-pressed:var(--bal-color-green-6);--bal-radio-icon-border-color:var(--bal-color-green);--bal-radio-icon-border-color-hovered:var(--bal-color-green-5);--bal-radio-icon-border-color-pressed:var(--bal-color-green-6);--bal-radio-icon-border-color-checked:var(--bal-color-green);--bal-radio-icon-border-color-checked-hovered:var(--bal-color-green-5);--bal-radio-icon-border-color-checked-pressed:var(--bal-color-green-6);--bal-steps-step-border-color-done:var(--bal-color-primary);--bal-steps-step-border-color-done:var(--bal-color-primary);--bal-steps-step-icon-background-done:var(--bal-color-primary);--bal-steps-step-label-text-color-done:var(--bal-color-grey-6);--bal-steps-step-label-text-color:var(--bal-color-grey-6);--bal-steps-step-label-text-color-active:black;--bal-steps-step-icon-text-color:black;--bal-steps-step-border-color:var(--bal-color-info-1);--bal-steps-step-button-progress-line-background:var(--bal-color-info-1);--bal-steps-step-border-color-active:var(--bal-color-primary);--bal-steps-step-icon-background-active:var(--bal-color-primary);--bal-steps-step-button-passed-background:var(--bal-color-primary);--bal-pagination-small-background:var(--bal-color-info-1);--bal-pagination-small-radius:20px;--bal-tabs-tab-nav-border-background:var(--bal-color-info-1);--bal-tabs-tab-label-text-color:var(--bal-grey-6);--bal-tabs-tab-label-text-color-active:var(--bal-color-primary);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-primary-5);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-primary-6);--bal-tabs-tab-label-text-color-disabled:var(--bal-color-grey-3);--bal-toast-color:var(--bal-color-grey-6);--bal-toast-color-info:var(--bal-color-grey-6);--bal-toast-color-success:var(--bal-color-grey-6);--bal-toast-color-warning:var(--bal-color-grey-6);--bal-toast-color-danger:var(--bal-color-grey-6);--bal-notification-color:var(--bal-color-grey-6);--bal-notification-color-info:var(--bal-color-grey-6);--bal-notification-color-success:var(--bal-color-grey-6);--bal-notification-color-warning:var(--bal-color-grey-6);--bal-notification-color-danger:var(--bal-color-grey-6);--bal-tag-background:var(--bal-color-info-1);--bal-tag-text:var(--bal-color-black);--bal-tag-text-warning:var(--bal-color-black);--bal-tag-text-yellow:var(--bal-color-white);--bal-tag-text-green:var(--bal-color-white);--bal-tag-text-purple-light:var(--bal-color-black);--bal-tag-text-red-light:var(--bal-color-black);--bal-tag-text-green-light:var(--bal-color-black);--bal-tag-text-yellow-light:var(--bal-color-black);--bal-tag-background-disabled:var(--bal-color-grey-2);--bal-tag-border-disabled-color:var(--bal-color-grey-2);--bal-tag-text-disabled:var(--bal-color-grey-4);--bal-spinner-circle-background:var(--bal-color-info-1);--bal-spinner-circle-progress:var(--bal-color-green);--bal-spinner-circle-progress-inverted:var(--bal-color-primary);--bal-footer-background:var(--bal-color-primary-5);--bal-footer-language-color:var(--bal-color-text-white);--bal-footer-language-color-hover:var(--bal-color-grey-1);--bal-footer-language-color-active:var(--bal-color-grey-1);--bal-footer-language-background:var(--bal-color-text-white);--bal-footer-language-background-hover:var(--bal-color-grey-1);--bal-footer-language-background-active:var(--bal-color-grey-1);--bal-footer-logo-image-max-height:64px;--bal-modal-backdrop-background:var(--bal-color-grey-6)}body{-webkit-text-size-adjust:100%}footer .link,footer .link:active,footer .link:hover,footer a.link,footer a.link:active,footer a.link:hover{color:#fff!important}.button{padding:6px 30px 7px;min-height:32px}button.is-info,button.is-secondary{color:var(--bal-color-primary)}button.is-info:hover,button.is-secondary:hover{color:var(--bal-color-primary-4)}button.is-info:active,button.is-secondary:active{color:var(--bal-color-primary-5)}.bal-segment-item button,.bal-segment-item__indicator,.bal-segment:not(.bal-segment--vertical){border-radius:20px}.bal-input-group:not(.bal-input-group--is-disabled):focus-within{border-color:var(--bal-color-green)}.bal-dropdown__root--theme-purple .bal-dropdown__root__content{color:#000!important}.bal-notification:not(.bal-notification--no-icon):before,.bal-toast__inner:before{background-color:var(--bal-color-grey-6)}
package/css/themes/tcs.css CHANGED
@@ -1,31 +1,207 @@
1
+ @font-face {
2
+ font-family: "MuseoSlab-300";
3
+ src: url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSlab-300.eot?#iefix") format("embedded-opentype"), url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSlab-300.woff") format("woff"), url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSlab-300.ttf") format("truetype"), url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSlab-300.svg#MuseoSlab-300") format("svg");
4
+ font-weight: 400;
5
+ font-style: normal;
6
+ font-display: swap;
7
+ }
1
8
  @font-face {
2
9
  font-family: "MuseoSans-300";
3
10
  src: url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-300.eot?#iefix") format("embedded-opentype"), url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-300.woff") format("woff"), url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-300.ttf") format("truetype"), url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-300.svg#MuseoSans-300") format("svg");
4
- font-weight: normal;
11
+ font-weight: 400;
12
+ font-style: normal;
13
+ font-display: swap;
14
+ }
15
+ @font-face {
16
+ font-family: "MuseoSlab-700";
17
+ src: url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSlab-700.eot?#iefix") format("embedded-opentype"), url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSlab-700.woff") format("woff"), url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSlab-700.ttf") format("truetype"), url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSlab-700.svg#MuseoSlab-700") format("svg");
18
+ font-weight: 700;
5
19
  font-style: normal;
6
20
  font-display: swap;
7
21
  }
8
22
  @font-face {
9
23
  font-family: "MuseoSans-700";
10
24
  src: url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-700.eot?#iefix") format("embedded-opentype"), url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-700.woff") format("woff"), url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-700.ttf") format("truetype"), url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-700.svg#MuseoSans-700") format("svg");
11
- font-weight: normal;
25
+ font-weight: 700;
12
26
  font-style: normal;
13
27
  font-display: swap;
14
28
  }
15
29
  :root {
16
- --bal-body-font-size: 15px;
30
+ --tcs-color-font: black;
31
+ --tcs-color-green-1: #6b9f27;
32
+ --tcs-color-green-2: #567f22;
33
+ --tcs-color-green: var(--tcs-color-green-1);
34
+ --tcs-color-brown-1: #f7f2e9;
35
+ --tcs-color-brown-2: #efe1cd;
36
+ --tcs-color-brown-3: #dccdb2;
37
+ --tcs-color-brown-4: #cbbba5;
38
+ --tcs-color-brown-5: #7a7063;
39
+ --tcs-color-brown-6: #3d3831;
40
+ --tcs-color-brown: var(--tcs-color-brown-3);
41
+ --tcs-color-grey-1: #a7a7a7;
42
+ --tcs-color-grey-2: #4e4e4e;
43
+ --tcs-color-grey-3: #222222;
44
+ --tcs-color-grey-4: #1b1b1b;
45
+ --tcs-color-grey-5: #0e0e0e;
46
+ --tcs-color-grey-6: #070707;
47
+ --tcs-color-blue: #005fcc;
48
+ --bal-color-purple-1: var(--tcs-color-brown-1);
49
+ --bal-color-purple-2: var(--tcs-color-brown-2);
50
+ --bal-color-purple-3: var(--tcs-color-brown-3);
51
+ --bal-color-purple-4: var(--tcs-color-brown-4);
52
+ --bal-color-purple-5: var(--tcs-color-brown-5);
53
+ --bal-color-purple-6: var(--tcs-color-brown-6);
54
+ --bal-color-primary: var(--tcs-color-font);
55
+ --bal-color-primary-1: var(--tcs-color-brown-1);
56
+ --bal-color-primary-2: var(--tcs-color-brown-2);
57
+ --bal-color-primary-3: var(--tcs-color-brown-3);
58
+ --bal-color-primary-4: var(--tcs-color-brown-4);
59
+ --bal-color-primary-5: var(--tcs-color-brown-5);
60
+ --bal-color-primary-6: var(--tcs-color-brown-6);
61
+ --bal-color-text-primary: var(--tcs-color-font);
62
+ --bal-color-text-primary-hovered: var(--tcs-color-font);
63
+ --bal-color-text-primary-pressed: var(--tcs-color-font);
64
+ --bal-focus-shadow-end-color: var(--tcs-color-blue);
65
+ --bal-segment-item-focus-border: var(--tcs-color-blue);
66
+ --bal-icon-color-primary: var(--tcs-color-font);
67
+ --bal-icon-tile-background: var(--tcs-color-brown-1);
68
+ --bal-hint-icon-color-hover: var(--tcs-color-font);
69
+ --bal-hint-content-border-color: var(--tcs-color-brown-1);
70
+ --bal-hint-content-background: white;
71
+ --tcs-radius-normal: 5px;
72
+ --tcs-radius-medium: 6px;
73
+ --bal-radius-normal: var(--tcs-radius-normal);
74
+ --bal-border-width-large: 4px;
75
+ --bal-border-width-normal: 2px;
76
+ --bal-border-width-small: 1px;
77
+ --bal-color-border: var(--tcs-color-brown-3);
17
78
  --bal-font-family-text: "MuseoSans-300", sans-serif;
18
- --bal-font-family-title: "MuseoSans-700", sans-serif;
19
- --bal-body-color: #000;
20
- --bal-button-primary-background: #69A023;
21
- --bal-button-primary-background-hover: #567f22;
22
- --bal-button-primary-border-color: #cbbba5;
23
- --bal-button-primary-border-color-hover: #567f22;
24
- --bal-navbar-background: #f7f2e9;
25
- --bal-navbar-brand-title-text-color: #000;
26
- --bal-color-border: #cbbba5;
27
- --bal-form-field-control-border-color-active: #000;
28
- --bal-card-radius: 2px;
29
- --bal-shadow-normal: #f7f2e9 0px 0px 0px 6px;
79
+ --bal-font-family-title: "MuseoSlab-700", sans-serif;
80
+ --bal-body-color: var(--tcs-color-font);
81
+ --bal-link-color: var(--tcs-color-font);
82
+ --bal-link-color-hover: var(--tcs-color-font);
83
+ --bal-link-color-active: var(--tcs-color-font);
84
+ --bal-footer-background: var(--tcs-color-brown-2);
85
+ --bal-footer-color: var(--tcs-color-font);
86
+ --bal-footer-language-color: var(--tcs-color-font);
87
+ --bal-footer-language-color-hover: var(--tcs-color-font);
88
+ --bal-footer-language-color-active: var(--tcs-color-font);
89
+ --bal-footer-language-background: var(--tcs-color-font);
90
+ --bal-footer-language-background-hover: var(--tcs-color-font);
91
+ --bal-footer-language-background-active: var(--tcs-color-font);
92
+ --bal-footer-logo-image-max-height: 64px;
93
+ --bal-form-field-control-color: var(--tcs-color-font);
94
+ --bal-form-field-control-placeholder-color: var(--tcs-color-grey-2);
95
+ --bal-form-field-control-background-hover: var(--tcs-color-brown-1);
96
+ --bal-form-field-control-background-active: var(--tcs-color-brown-1);
97
+ --bal-form-field-message-color: var(--tcs-color-grey-2);
98
+ --bal-form-field-control-border-color-active: var(--tcs-color-font);
99
+ --bal-form-field-label-font-family: var(--bal-font-family-title);
100
+ --bal-form-field-label-font-weight: var(--bal-font-weight-bold);
101
+ --bal-label-small-font-size: var(--bal-text-size-normal);
102
+ --bal-label-small-font-size-tablet: var(--bal-text-size-normal-tablet);
103
+ --bal-label-small-font-size-desktop: var(--bal-text-size-normal-desktop);
104
+ --bal-label-small-line-height: var(--bal-line-height-normal);
105
+ --bal-label-small-line-height-tablet: var(--bal-line-height-tablet-normal);
106
+ --bal-label-small-line-height-desktop: var(--bal-line-height-desktop-normal);
107
+ --bal-button-radius: var(--tcs-radius-medium);
108
+ --bal-button-color: var(--bal-body-color);
109
+ --bal-button-color-hover: var(--bal-body-color);
110
+ --bal-button-color-active: var(--bal-body-color);
111
+ --bal-button-background: transparent;
112
+ --bal-button-background-hover: var(--tcs-color-brown-3);
113
+ --bal-button-background-active: var(--tcs-color-brown-3);
114
+ --bal-button-border-color: var(--tcs-color-brown-3);
115
+ --bal-button-border-color-hover: var(--tcs-color-brown-3);
116
+ --bal-button-border-color-active: var(--tcs-color-brown-3);
117
+ --bal-button-text-background-hover: var(--tcs-color-brown-3);
118
+ --bal-button-text-background-active: var(--tcs-color-brown-3);
119
+ --bal-button-text-border-color-hover: var(--tcs-color-brown-3);
120
+ --bal-button-text-border-color-active: var(--tcs-color-brown-3);
121
+ --bal-button-text-color-hover: var(--bal-body-color);
122
+ --bal-button-text-color-active: var(--bal-body-color);
123
+ --bal-button-primary-background: var(--tcs-color-green-1);
124
+ --bal-button-primary-background-hover: var(--tcs-color-green-2);
125
+ --bal-button-primary-background-active: var(--tcs-color-green-2);
126
+ --bal-button-primary-border-color: var(--tcs-color-green-1);
127
+ --bal-button-primary-border-color-hover: var(--tcs-color-green-2);
128
+ --bal-button-primary-border-color-active: var(--tcs-color-green-2);
129
+ --bal-button-tertiary-purple-background: var(--tcs-color-brown-3);
130
+ --bal-button-tertiary-purple-background-hover: var(--tcs-color-brown-3);
131
+ --bal-button-tertiary-purple-background-active: var(--tcs-color-brown-3);
132
+ --bal-button-tertiary-purple-border-color: var(--tcs-color-brown-3);
133
+ --bal-button-tertiary-purple-border-color-hover: var(--tcs-color-font);
134
+ --bal-button-tertiary-purple-border-color-active: var(--tcs-color-font);
135
+ --bal-button-tertiary-purple-color: var(--tcs-color-font);
136
+ --bal-button-tertiary-purple-color-hover: var(--tcs-color-font);
137
+ --bal-button-tertiary-purple-color-active: var(--tcs-color-font);
138
+ --bal-navbar-background: var(--tcs-color-brown-2);
139
+ --bal-navbar-brand-title-text-color: var(--tcs-color-font);
140
+ --bal-notification-border-primary: var(--tcs-color-brown-2);
141
+ --bal-notification-background-light-primary: var(--tcs-color-brown-1);
142
+ --bal-notification-color-primary: var(--tcs-color-font);
143
+ --bal-notification-light-radius: var(--tcs-radius-normal);
144
+ --bal-segment-item-text-color: var(--tcs-color-font);
145
+ --bal-segment-item-text-color-checked: var(--tcs-color-font);
146
+ --bal-segment-item-text-color-checked-hovered: var(--tcs-color-font);
147
+ --bal-segment-item-text-color-checked-pressed: var(--tcs-color-font);
148
+ --bal-check-background: transparent;
149
+ --bal-check-background-hovered: var(--tcs-color-brown-1);
150
+ --bal-check-background-pressed: var(--tcs-color-brown-2);
151
+ --bal-check-background-checked: var(--tcs-color-brown-2);
152
+ --bal-check-background-checked-hovered: var(--tcs-color-brown-3);
153
+ --bal-check-background-checked-pressed: var(--tcs-color-brown-3);
154
+ --bal-check-border-color: var(--tcs-color-brown-2);
155
+ --bal-check-border-color-hovered: var(--tcs-color-brown-2);
156
+ --bal-check-border-color-pressed: var(--tcs-color-brown-2);
157
+ --bal-check-border-color-checked: var(--tcs-color-brown-2);
158
+ --bal-check-border-color-checked-hovered: var(--tcs-color-brown-3);
159
+ --bal-check-border-color-checked-pressed: var(--tcs-color-brown-3);
160
+ --bal-checkbox-switch-label-background-before: var(--tcs-color-brown-2);
161
+ --bal-checkbox-switch-label-background-hover-after: var(--tcs-color-font);
162
+ --bal-checkbox-switch-label-background-active-after: var(--tcs-color-font);
163
+ --bal-radio-icon-inner-width: 0.5rem;
164
+ --bal-radio-icon-inner-height: 0.5rem;
165
+ --bal-radio-icon-border-color: var(--tcs-color-brown-2);
166
+ --bal-radio-icon-background-hovered: var(--tcs-color-brown-1);
167
+ --bal-radio-icon-border-color-hovered: var(--tcs-color-brown-2);
168
+ --bal-radio-icon-background-pressed: var(--tcs-color-brown-1);
169
+ --bal-radio-icon-border-color-pressed: var(--tcs-color-brown-2);
170
+ --bal-radio-icon-background-checked-hovered: var(--tcs-color-brown-2);
171
+ --bal-radio-icon-border-color-checked-hovered: var(--tcs-color-brown-2);
172
+ --bal-radio-icon-background-checked-pressed: var(--tcs-color-brown-2);
173
+ --bal-radio-icon-border-color-checked-pressed: var(--tcs-color-brown-2);
174
+ --bal-radio-icon-inner-background-checked: var(--tcs-color-font);
175
+ --bal-radio-icon-background-checked: var(--tcs-color-brown-2);
176
+ --bal-radio-icon-border-color-checked: var(--tcs-color-brown-2);
177
+ --bal-steps-step-icon-background: var(--tcs-color-brown-3);
178
+ --bal-steps-step-label-text-color: var(--bal-color-text-primary);
179
+ --bal-tabs-tab-nav-border-background: var(--bal-color-grey-3);
180
+ --bal-tabs-tab-label-text-color: var(--bal-color-grey-5);
181
+ --bal-tabs-tab-label-text-color-active: var(--bal-color-text-primary);
182
+ --bal-tabs-tab-button-label-text-color-hover: var(--bal-color-text-primary);
183
+ --bal-tabs-tab-button-icon-text-color-hover: var(--bal-color-text-primary);
184
+ --bal-tabs-tab-button-label-text-color-active: var(--bal-color-text-primary);
185
+ --bal-tabs-tab-button-icon-text-color-active: var(--bal-color-text-primary);
186
+ --bal-description-list-term-color: var(--bal-color-text-primary);
187
+ --bal-description-list-term-font-weight: var(--bal-font-weight-bold);
188
+ --bal-description-list-detail-color: var(--bal-color-text-primary);
189
+ }
190
+
191
+ body {
192
+ text-rendering: optimizeLegibility !important;
193
+ -webkit-font-smoothing: antialiased !important;
194
+ -webkit-text-size-adjust: 100%;
195
+ }
196
+
197
+ .bal-check {
198
+ --bal-icon-color-white: var(--tcs-color-font);
199
+ }
200
+
201
+ .a.link:hover,
202
+ .button.link:hover,
203
+ .a.is-link:hover,
204
+ .button.is-link:hover {
205
+ text-decoration: none;
30
206
  }
31
207
  /*# sourceMappingURL=themes/tcs.css.map */
package/css/themes/tcs.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["file:///home/runner/work/design-system/design-system/packages/styles/sass/themes/tcs.sass"],"names":[],"mappings":"AACA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","sourcesContent":["\n@font-face\n font-family: 'MuseoSans-300'\n src: url('https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-300.eot?#iefix') format('embedded-opentype'),url('https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-300.woff') format('woff'), url('https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-300.ttf') format('truetype'), url('https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-300.svg#MuseoSans-300') format('svg')\n font-weight: normal\n font-style: normal\n font-display: swap\n\n@font-face\n font-family: 'MuseoSans-700'\n src: url('https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-700.eot?#iefix') format('embedded-opentype'),url('https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-700.woff') format('woff'), url('https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-700.ttf') format('truetype'), url('https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-700.svg#MuseoSans-700') format('svg')\n font-weight: normal\n font-style: normal\n font-display: swap\n\n:root\n --bal-body-font-size: 15px\n --bal-font-family-text: 'MuseoSans-300', sans-serif\n --bal-font-family-title: 'MuseoSans-700', sans-serif\n --bal-body-color: #000\n --bal-button-primary-background: #69A023\n --bal-button-primary-background-hover: #567f22\n --bal-button-primary-border-color: #cbbba5\n --bal-button-primary-border-color-hover: #567f22\n --bal-navbar-background: #f7f2e9\n --bal-navbar-brand-title-text-color: #000\n --bal-color-border: #cbbba5\n --bal-form-field-control-border-color-active: #000\n --bal-card-radius: 2px\n --bal-shadow-normal: #f7f2e9 0px 0px 0px 6px\n\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["file:///home/runner/work/design-system/design-system/packages/styles/sass/themes/tcs.sass"],"names":[],"mappings":"AACA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EAIA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAKA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;AAAA;AAAA;AAAA;EAIE","sourcesContent":["\n@font-face\n font-family: 'MuseoSlab-300'\n src: url('https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSlab-300.eot?#iefix') format('embedded-opentype'),url('https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSlab-300.woff') format('woff'), url('https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSlab-300.ttf') format('truetype'), url('https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSlab-300.svg#MuseoSlab-300') format('svg')\n font-weight: 400\n font-style: normal\n font-display: swap\n\n@font-face\n font-family: 'MuseoSans-300'\n src: url('https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-300.eot?#iefix') format('embedded-opentype'),url('https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-300.woff') format('woff'), url('https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-300.ttf') format('truetype'), url('https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-300.svg#MuseoSans-300') format('svg')\n font-weight: 400\n font-style: normal\n font-display: swap\n\n@font-face\n font-family: 'MuseoSlab-700'\n src: url('https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSlab-700.eot?#iefix') format('embedded-opentype'),url('https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSlab-700.woff') format('woff'), url('https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSlab-700.ttf') format('truetype'), url('https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSlab-700.svg#MuseoSlab-700') format('svg')\n font-weight: 700\n font-style: normal\n font-display: swap\n\n@font-face\n font-family: 'MuseoSans-700'\n src: url('https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-700.eot?#iefix') format('embedded-opentype'),url('https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-700.woff') format('woff'), url('https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-700.ttf') format('truetype'), url('https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-700.svg#MuseoSans-700') format('svg')\n font-weight: 700\n font-style: normal\n font-display: swap\n\n:root\n //\n // Base\n // Colors\n --tcs-color-font: black\n --tcs-color-green-1: #6b9f27\n --tcs-color-green-2: #567f22\n --tcs-color-green: var(--tcs-color-green-1)\n --tcs-color-brown-1: #f7f2e9\n --tcs-color-brown-2: #efe1cd\n --tcs-color-brown-3: #dccdb2\n --tcs-color-brown-4: #cbbba5\n --tcs-color-brown-5: #7a7063\n --tcs-color-brown-6: #3d3831\n --tcs-color-brown: var(--tcs-color-brown-3)\n --tcs-color-grey-1: #a7a7a7\n --tcs-color-grey-2: #4e4e4e\n --tcs-color-grey-3: #222222\n --tcs-color-grey-4: #1b1b1b\n --tcs-color-grey-5: #0e0e0e\n --tcs-color-grey-6: #070707\n --tcs-color-blue: #005fcc\n --bal-color-purple-1: var(--tcs-color-brown-1)\n --bal-color-purple-2: var(--tcs-color-brown-2)\n --bal-color-purple-3: var(--tcs-color-brown-3)\n --bal-color-purple-4: var(--tcs-color-brown-4)\n --bal-color-purple-5: var(--tcs-color-brown-5)\n --bal-color-purple-6: var(--tcs-color-brown-6)\n --bal-color-primary: var(--tcs-color-font)\n --bal-color-primary-1: var(--tcs-color-brown-1)\n --bal-color-primary-2: var(--tcs-color-brown-2)\n --bal-color-primary-3: var(--tcs-color-brown-3)\n --bal-color-primary-4: var(--tcs-color-brown-4)\n --bal-color-primary-5: var(--tcs-color-brown-5)\n --bal-color-primary-6: var(--tcs-color-brown-6)\n --bal-color-text-primary: var(--tcs-color-font)\n --bal-color-text-primary-hovered: var(--tcs-color-font)\n --bal-color-text-primary-pressed: var(--tcs-color-font)\n --bal-focus-shadow-end-color: var(--tcs-color-blue)\n --bal-segment-item-focus-border: var(--tcs-color-blue)\n // Icons\n --bal-icon-color-primary: var(--tcs-color-font)\n --bal-icon-tile-background: var(--tcs-color-brown-1)\n // Hint\n --bal-hint-icon-color-hover: var(--tcs-color-font)\n --bal-hint-content-border-color: var(--tcs-color-brown-1)\n --bal-hint-content-background: white\n // Radius\n --tcs-radius-normal: 5px\n --tcs-radius-medium: 6px\n --bal-radius-normal: var(--tcs-radius-normal)\n // Borders\n --bal-border-width-large: 4px\n --bal-border-width-normal: 2px\n --bal-border-width-small: 1px\n --bal-color-border: var(--tcs-color-brown-3)\n //\n // Typography\n // --bal-body-font-size: 15px\n --bal-font-family-text: 'MuseoSans-300', sans-serif\n --bal-font-family-title: 'MuseoSlab-700', sans-serif\n // --bal-font-weight-bold: 400\n // --bal-link-font-weight: 800\n --bal-body-color: var(--tcs-color-font)\n --bal-link-color: var(--tcs-color-font)\n --bal-link-color-hover: var(--tcs-color-font)\n --bal-link-color-active: var(--tcs-color-font)\n //\n // Footer\n --bal-footer-background: var(--tcs-color-brown-2)\n --bal-footer-color: var(--tcs-color-font)\n --bal-footer-language-color: var(--tcs-color-font)\n --bal-footer-language-color-hover: var(--tcs-color-font)\n --bal-footer-language-color-active: var(--tcs-color-font)\n --bal-footer-language-background: var(--tcs-color-font)\n --bal-footer-language-background-hover: var(--tcs-color-font)\n --bal-footer-language-background-active: var(--tcs-color-font)\n --bal-footer-logo-image-max-height: 64px\n\n //\n // Form\n --bal-form-field-control-color: var(--tcs-color-font)\n --bal-form-field-control-placeholder-color: var(--tcs-color-grey-2)\n --bal-form-field-control-background-hover: var(--tcs-color-brown-1)\n --bal-form-field-control-background-active: var(--tcs-color-brown-1)\n --bal-form-field-message-color: var(--tcs-color-grey-2)\n --bal-form-field-control-border-color-active: var(--tcs-color-font)\n --bal-form-field-label-font-family: var(--bal-font-family-title)\n --bal-form-field-label-font-weight: var(--bal-font-weight-bold)\n --bal-label-small-font-size: var(--bal-text-size-normal)\n --bal-label-small-font-size-tablet: var(--bal-text-size-normal-tablet)\n --bal-label-small-font-size-desktop: var(--bal-text-size-normal-desktop)\n --bal-label-small-line-height: var(--bal-line-height-normal)\n --bal-label-small-line-height-tablet: var(--bal-line-height-tablet-normal)\n --bal-label-small-line-height-desktop: var(--bal-line-height-desktop-normal)\n //\n // Buttons\n --bal-button-radius: var(--tcs-radius-medium)\n --bal-button-color: var(--bal-body-color)\n --bal-button-color-hover: var(--bal-body-color)\n --bal-button-color-active: var(--bal-body-color)\n --bal-button-background: transparent\n --bal-button-background-hover: var(--tcs-color-brown-3)\n --bal-button-background-active: var(--tcs-color-brown-3)\n --bal-button-border-color: var(--tcs-color-brown-3)\n --bal-button-border-color-hover: var(--tcs-color-brown-3)\n --bal-button-border-color-active: var(--tcs-color-brown-3)\n --bal-button-text-background-hover: var(--tcs-color-brown-3)\n --bal-button-text-background-active: var(--tcs-color-brown-3)\n --bal-button-text-border-color-hover: var(--tcs-color-brown-3)\n --bal-button-text-border-color-active: var(--tcs-color-brown-3)\n --bal-button-text-color-hover: var(--bal-body-color)\n --bal-button-text-color-active: var(--bal-body-color)\n // Primary buttons\n --bal-button-primary-background: var(--tcs-color-green-1)\n --bal-button-primary-background-hover: var(--tcs-color-green-2)\n --bal-button-primary-background-active: var(--tcs-color-green-2)\n --bal-button-primary-border-color: var(--tcs-color-green-1)\n --bal-button-primary-border-color-hover: var(--tcs-color-green-2)\n --bal-button-primary-border-color-active: var(--tcs-color-green-2)\n // Tertiary buttons\n --bal-button-tertiary-purple-background: var(--tcs-color-brown-3)\n --bal-button-tertiary-purple-background-hover: var(--tcs-color-brown-3)\n --bal-button-tertiary-purple-background-active: var(--tcs-color-brown-3)\n --bal-button-tertiary-purple-border-color: var(--tcs-color-brown-3)\n --bal-button-tertiary-purple-border-color-hover: var(--tcs-color-font)\n --bal-button-tertiary-purple-border-color-active: var(--tcs-color-font)\n --bal-button-tertiary-purple-color: var(--tcs-color-font)\n --bal-button-tertiary-purple-color-hover: var(--tcs-color-font)\n --bal-button-tertiary-purple-color-active: var(--tcs-color-font)\n //\n // Navbar\n --bal-navbar-background: var(--tcs-color-brown-2)\n --bal-navbar-brand-title-text-color: var(--tcs-color-font)\n // --bal-card-radius: 2px\n // --bal-shadow-normal: var(--tcs-color-brown-2) 0px 0px 0px 6px\n //\n // Notifications\n --bal-notification-border-primary: var(--tcs-color-brown-2)\n --bal-notification-background-light-primary: var(--tcs-color-brown-1)\n --bal-notification-color-primary: var(--tcs-color-font)\n --bal-notification-light-radius: var(--tcs-radius-normal)\n //\n // Segment\n --bal-segment-item-text-color: var(--tcs-color-font)\n --bal-segment-item-text-color-checked: var(--tcs-color-font)\n --bal-segment-item-text-color-checked-hovered: var(--tcs-color-font)\n --bal-segment-item-text-color-checked-pressed: var(--tcs-color-font)\n //\n // Checkboxe\n --bal-check-background: transparent\n --bal-check-background-hovered: var(--tcs-color-brown-1)\n --bal-check-background-pressed: var(--tcs-color-brown-2)\n --bal-check-background-checked: var(--tcs-color-brown-2)\n --bal-check-background-checked-hovered: var(--tcs-color-brown-3)\n --bal-check-background-checked-pressed: var(--tcs-color-brown-3)\n --bal-check-border-color: var(--tcs-color-brown-2)\n --bal-check-border-color-hovered: var(--tcs-color-brown-2)\n --bal-check-border-color-pressed: var(--tcs-color-brown-2)\n --bal-check-border-color-checked: var(--tcs-color-brown-2)\n --bal-check-border-color-checked-hovered: var(--tcs-color-brown-3)\n --bal-check-border-color-checked-pressed: var(--tcs-color-brown-3)\n // Switch\n --bal-checkbox-switch-label-background-before: var(--tcs-color-brown-2)\n --bal-checkbox-switch-label-background-hover-after: var(--tcs-color-font)\n --bal-checkbox-switch-label-background-active-after: var(--tcs-color-font)\n // Radio\n --bal-radio-icon-inner-width: 0.5rem\n --bal-radio-icon-inner-height: 0.5rem\n --bal-radio-icon-border-color: var(--tcs-color-brown-2)\n --bal-radio-icon-background-hovered: var(--tcs-color-brown-1)\n --bal-radio-icon-border-color-hovered: var(--tcs-color-brown-2)\n --bal-radio-icon-background-pressed: var(--tcs-color-brown-1)\n --bal-radio-icon-border-color-pressed: var(--tcs-color-brown-2)\n --bal-radio-icon-background-checked-hovered: var(--tcs-color-brown-2)\n --bal-radio-icon-border-color-checked-hovered: var(--tcs-color-brown-2)\n --bal-radio-icon-background-checked-pressed: var(--tcs-color-brown-2)\n --bal-radio-icon-border-color-checked-pressed: var(--tcs-color-brown-2)\n --bal-radio-icon-inner-background-checked: var(--tcs-color-font)\n --bal-radio-icon-background-checked: var(--tcs-color-brown-2)\n --bal-radio-icon-border-color-checked: var(--tcs-color-brown-2)\n // Steps\n --bal-steps-step-icon-background: var(--tcs-color-brown-3)\n --bal-steps-step-label-text-color: var(--bal-color-text-primary)\n // Tabs\n --bal-tabs-tab-nav-border-background: var(--bal-color-grey-3)\n --bal-tabs-tab-label-text-color: var(--bal-color-grey-5)\n --bal-tabs-tab-label-text-color-active: var(--bal-color-text-primary)\n --bal-tabs-tab-button-label-text-color-hover: var(--bal-color-text-primary)\n --bal-tabs-tab-button-icon-text-color-hover: var(--bal-color-text-primary)\n --bal-tabs-tab-button-label-text-color-active: var(--bal-color-text-primary)\n --bal-tabs-tab-button-icon-text-color-active: var(--bal-color-text-primary)\n // Native Lists\n --bal-description-list-term-color: var(--bal-color-text-primary)\n --bal-description-list-term-font-weight: var(--bal-font-weight-bold)\n --bal-description-list-detail-color: var(--bal-color-text-primary)\n\nbody\n text-rendering: optimizeLegibility !important\n -webkit-font-smoothing: antialiased !important\n -webkit-text-size-adjust: 100%\n\n.bal-check\n --bal-icon-color-white: var(--tcs-color-font)\n\n.a.link:hover,\n.button.link:hover,\n.a.is-link:hover,\n.button.is-link:hover\n text-decoration: none\n"]}
package/css/themes/tcs.min.css CHANGED
@@ -1 +1 @@
1
- @font-face{font-family:MuseoSans-300;src:url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-300.eot?#iefix") format("embedded-opentype"),url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-300.woff") format("woff"),url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-300.ttf") format("truetype"),url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-300.svg#MuseoSans-300") format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:MuseoSans-700;src:url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-700.eot?#iefix") format("embedded-opentype"),url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-700.woff") format("woff"),url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-700.ttf") format("truetype"),url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-700.svg#MuseoSans-700") format("svg");font-weight:400;font-style:normal;font-display:swap}:root{--bal-body-font-size:15px;--bal-font-family-text:"MuseoSans-300",sans-serif;--bal-font-family-title:"MuseoSans-700",sans-serif;--bal-body-color:#000;--bal-button-primary-background:#69A023;--bal-button-primary-background-hover:#567f22;--bal-button-primary-border-color:#cbbba5;--bal-button-primary-border-color-hover:#567f22;--bal-navbar-background:#f7f2e9;--bal-navbar-brand-title-text-color:#000;--bal-color-border:#cbbba5;--bal-form-field-control-border-color-active:#000;--bal-card-radius:2px;--bal-shadow-normal:#f7f2e9 0px 0px 0px 6px}
1
+ @font-face{font-family:MuseoSlab-300;src:url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSlab-300.eot?#iefix") format("embedded-opentype"),url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSlab-300.woff") format("woff"),url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSlab-300.ttf") format("truetype"),url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSlab-300.svg#MuseoSlab-300") format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:MuseoSans-300;src:url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-300.eot?#iefix") format("embedded-opentype"),url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-300.woff") format("woff"),url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-300.ttf") format("truetype"),url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-300.svg#MuseoSans-300") format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:MuseoSlab-700;src:url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSlab-700.eot?#iefix") format("embedded-opentype"),url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSlab-700.woff") format("woff"),url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSlab-700.ttf") format("truetype"),url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSlab-700.svg#MuseoSlab-700") format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:MuseoSans-700;src:url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-700.eot?#iefix") format("embedded-opentype"),url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-700.woff") format("woff"),url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-700.ttf") format("truetype"),url("https://www.tcs.ch/global/wGlobal/layout/webfonts/MuseoSans-700.svg#MuseoSans-700") format("svg");font-weight:700;font-style:normal;font-display:swap}:root{--tcs-color-font:black;--tcs-color-green-1:#6b9f27;--tcs-color-green-2:#567f22;--tcs-color-green:var(--tcs-color-green-1);--tcs-color-brown-1:#f7f2e9;--tcs-color-brown-2:#efe1cd;--tcs-color-brown-3:#dccdb2;--tcs-color-brown-4:#cbbba5;--tcs-color-brown-5:#7a7063;--tcs-color-brown-6:#3d3831;--tcs-color-brown:var(--tcs-color-brown-3);--tcs-color-grey-1:#a7a7a7;--tcs-color-grey-2:#4e4e4e;--tcs-color-grey-3:#222222;--tcs-color-grey-4:#1b1b1b;--tcs-color-grey-5:#0e0e0e;--tcs-color-grey-6:#070707;--tcs-color-blue:#005fcc;--bal-color-purple-1:var(--tcs-color-brown-1);--bal-color-purple-2:var(--tcs-color-brown-2);--bal-color-purple-3:var(--tcs-color-brown-3);--bal-color-purple-4:var(--tcs-color-brown-4);--bal-color-purple-5:var(--tcs-color-brown-5);--bal-color-purple-6:var(--tcs-color-brown-6);--bal-color-primary:var(--tcs-color-font);--bal-color-primary-1:var(--tcs-color-brown-1);--bal-color-primary-2:var(--tcs-color-brown-2);--bal-color-primary-3:var(--tcs-color-brown-3);--bal-color-primary-4:var(--tcs-color-brown-4);--bal-color-primary-5:var(--tcs-color-brown-5);--bal-color-primary-6:var(--tcs-color-brown-6);--bal-color-text-primary:var(--tcs-color-font);--bal-color-text-primary-hovered:var(--tcs-color-font);--bal-color-text-primary-pressed:var(--tcs-color-font);--bal-focus-shadow-end-color:var(--tcs-color-blue);--bal-segment-item-focus-border:var(--tcs-color-blue);--bal-icon-color-primary:var(--tcs-color-font);--bal-icon-tile-background:var(--tcs-color-brown-1);--bal-hint-icon-color-hover:var(--tcs-color-font);--bal-hint-content-border-color:var(--tcs-color-brown-1);--bal-hint-content-background:white;--tcs-radius-normal:5px;--tcs-radius-medium:6px;--bal-radius-normal:var(--tcs-radius-normal);--bal-border-width-large:4px;--bal-border-width-normal:2px;--bal-border-width-small:1px;--bal-color-border:var(--tcs-color-brown-3);--bal-font-family-text:"MuseoSans-300",sans-serif;--bal-font-family-title:"MuseoSlab-700",sans-serif;--bal-body-color:var(--tcs-color-font);--bal-link-color:var(--tcs-color-font);--bal-link-color-hover:var(--tcs-color-font);--bal-link-color-active:var(--tcs-color-font);--bal-footer-background:var(--tcs-color-brown-2);--bal-footer-color:var(--tcs-color-font);--bal-footer-language-color:var(--tcs-color-font);--bal-footer-language-color-hover:var(--tcs-color-font);--bal-footer-language-color-active:var(--tcs-color-font);--bal-footer-language-background:var(--tcs-color-font);--bal-footer-language-background-hover:var(--tcs-color-font);--bal-footer-language-background-active:var(--tcs-color-font);--bal-footer-logo-image-max-height:64px;--bal-form-field-control-color:var(--tcs-color-font);--bal-form-field-control-placeholder-color:var(--tcs-color-grey-2);--bal-form-field-control-background-hover:var(--tcs-color-brown-1);--bal-form-field-control-background-active:var(--tcs-color-brown-1);--bal-form-field-message-color:var(--tcs-color-grey-2);--bal-form-field-control-border-color-active:var(--tcs-color-font);--bal-form-field-label-font-family:var(--bal-font-family-title);--bal-form-field-label-font-weight:var(--bal-font-weight-bold);--bal-label-small-font-size:var(--bal-text-size-normal);--bal-label-small-font-size-tablet:var(--bal-text-size-normal-tablet);--bal-label-small-font-size-desktop:var(--bal-text-size-normal-desktop);--bal-label-small-line-height:var(--bal-line-height-normal);--bal-label-small-line-height-tablet:var(--bal-line-height-tablet-normal);--bal-label-small-line-height-desktop:var(--bal-line-height-desktop-normal);--bal-button-radius:var(--tcs-radius-medium);--bal-button-color:var(--bal-body-color);--bal-button-color-hover:var(--bal-body-color);--bal-button-color-active:var(--bal-body-color);--bal-button-background:transparent;--bal-button-background-hover:var(--tcs-color-brown-3);--bal-button-background-active:var(--tcs-color-brown-3);--bal-button-border-color:var(--tcs-color-brown-3);--bal-button-border-color-hover:var(--tcs-color-brown-3);--bal-button-border-color-active:var(--tcs-color-brown-3);--bal-button-text-background-hover:var(--tcs-color-brown-3);--bal-button-text-background-active:var(--tcs-color-brown-3);--bal-button-text-border-color-hover:var(--tcs-color-brown-3);--bal-button-text-border-color-active:var(--tcs-color-brown-3);--bal-button-text-color-hover:var(--bal-body-color);--bal-button-text-color-active:var(--bal-body-color);--bal-button-primary-background:var(--tcs-color-green-1);--bal-button-primary-background-hover:var(--tcs-color-green-2);--bal-button-primary-background-active:var(--tcs-color-green-2);--bal-button-primary-border-color:var(--tcs-color-green-1);--bal-button-primary-border-color-hover:var(--tcs-color-green-2);--bal-button-primary-border-color-active:var(--tcs-color-green-2);--bal-button-tertiary-purple-background:var(--tcs-color-brown-3);--bal-button-tertiary-purple-background-hover:var(--tcs-color-brown-3);--bal-button-tertiary-purple-background-active:var(--tcs-color-brown-3);--bal-button-tertiary-purple-border-color:var(--tcs-color-brown-3);--bal-button-tertiary-purple-border-color-hover:var(--tcs-color-font);--bal-button-tertiary-purple-border-color-active:var(--tcs-color-font);--bal-button-tertiary-purple-color:var(--tcs-color-font);--bal-button-tertiary-purple-color-hover:var(--tcs-color-font);--bal-button-tertiary-purple-color-active:var(--tcs-color-font);--bal-navbar-background:var(--tcs-color-brown-2);--bal-navbar-brand-title-text-color:var(--tcs-color-font);--bal-notification-border-primary:var(--tcs-color-brown-2);--bal-notification-background-light-primary:var(--tcs-color-brown-1);--bal-notification-color-primary:var(--tcs-color-font);--bal-notification-light-radius:var(--tcs-radius-normal);--bal-segment-item-text-color:var(--tcs-color-font);--bal-segment-item-text-color-checked:var(--tcs-color-font);--bal-segment-item-text-color-checked-hovered:var(--tcs-color-font);--bal-segment-item-text-color-checked-pressed:var(--tcs-color-font);--bal-check-background:transparent;--bal-check-background-hovered:var(--tcs-color-brown-1);--bal-check-background-pressed:var(--tcs-color-brown-2);--bal-check-background-checked:var(--tcs-color-brown-2);--bal-check-background-checked-hovered:var(--tcs-color-brown-3);--bal-check-background-checked-pressed:var(--tcs-color-brown-3);--bal-check-border-color:var(--tcs-color-brown-2);--bal-check-border-color-hovered:var(--tcs-color-brown-2);--bal-check-border-color-pressed:var(--tcs-color-brown-2);--bal-check-border-color-checked:var(--tcs-color-brown-2);--bal-check-border-color-checked-hovered:var(--tcs-color-brown-3);--bal-check-border-color-checked-pressed:var(--tcs-color-brown-3);--bal-checkbox-switch-label-background-before:var(--tcs-color-brown-2);--bal-checkbox-switch-label-background-hover-after:var(--tcs-color-font);--bal-checkbox-switch-label-background-active-after:var(--tcs-color-font);--bal-radio-icon-inner-width:0.5rem;--bal-radio-icon-inner-height:0.5rem;--bal-radio-icon-border-color:var(--tcs-color-brown-2);--bal-radio-icon-background-hovered:var(--tcs-color-brown-1);--bal-radio-icon-border-color-hovered:var(--tcs-color-brown-2);--bal-radio-icon-background-pressed:var(--tcs-color-brown-1);--bal-radio-icon-border-color-pressed:var(--tcs-color-brown-2);--bal-radio-icon-background-checked-hovered:var(--tcs-color-brown-2);--bal-radio-icon-border-color-checked-hovered:var(--tcs-color-brown-2);--bal-radio-icon-background-checked-pressed:var(--tcs-color-brown-2);--bal-radio-icon-border-color-checked-pressed:var(--tcs-color-brown-2);--bal-radio-icon-inner-background-checked:var(--tcs-color-font);--bal-radio-icon-background-checked:var(--tcs-color-brown-2);--bal-radio-icon-border-color-checked:var(--tcs-color-brown-2);--bal-steps-step-icon-background:var(--tcs-color-brown-3);--bal-steps-step-label-text-color:var(--bal-color-text-primary);--bal-tabs-tab-nav-border-background:var(--bal-color-grey-3);--bal-tabs-tab-label-text-color:var(--bal-color-grey-5);--bal-tabs-tab-label-text-color-active:var(--bal-color-text-primary);--bal-tabs-tab-button-label-text-color-hover:var(--bal-color-text-primary);--bal-tabs-tab-button-icon-text-color-hover:var(--bal-color-text-primary);--bal-tabs-tab-button-label-text-color-active:var(--bal-color-text-primary);--bal-tabs-tab-button-icon-text-color-active:var(--bal-color-text-primary);--bal-description-list-term-color:var(--bal-color-text-primary);--bal-description-list-term-font-weight:var(--bal-font-weight-bold);--bal-description-list-detail-color:var(--bal-color-text-primary)}body{text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;-webkit-text-size-adjust:100%}.bal-check{--bal-icon-color-white:var(--tcs-color-font)}.a.is-link:hover,.a.link:hover,.button.is-link:hover,.button.link:hover{text-decoration:none}