@bi-digital/css 0.2.10 → 0.2.12

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 (27) hide show
  1. package/dist/baseline.css +5 -1
  2. package/dist/baseline.min.css +1 -1
  3. package/dist/components.css +127 -121
  4. package/dist/components.min.css +1 -1
  5. package/dist/fonts/MuseoSans300.woff2 +0 -0
  6. package/dist/fonts/MuseoSans500.woff2 +0 -0
  7. package/dist/fonts/MuseoSans700.woff2 +0 -0
  8. package/dist/fonts/MuseoSans900.woff2 +0 -0
  9. package/dist/fonts/MuseoSlab300.woff2 +0 -0
  10. package/dist/fonts/MuseoSlab500.woff2 +0 -0
  11. package/dist/fonts/MuseoSlab700.woff2 +0 -0
  12. package/dist/fonts/MuseoSlab900.woff2 +0 -0
  13. package/dist/fonts.css +9 -9
  14. package/dist/fonts.min.css +1 -1
  15. package/dist/index.css +65 -47
  16. package/dist/index.min.css +1 -1
  17. package/dist/tokens.css +51 -37
  18. package/dist/tokens.min.css +1 -1
  19. package/package.json +7 -6
  20. package/dist/fonts/MuseoSansBold.woff2 +0 -0
  21. package/dist/fonts/MuseoSansExtraBold.woff2 +0 -0
  22. package/dist/fonts/MuseoSansLight.woff2 +0 -0
  23. package/dist/fonts/MuseoSansMedium.woff2 +0 -0
  24. package/dist/fonts/MuseoSlabBold.woff2 +0 -0
  25. package/dist/fonts/MuseoSlabExtraBold.woff2 +0 -0
  26. package/dist/fonts/MuseoSlabLight.woff2 +0 -0
  27. package/dist/fonts/MuseoSlabMedium.woff2 +0 -0
package/dist/baseline.css CHANGED
@@ -3,6 +3,10 @@ body, :host {
3
3
  line-height: 1.5;
4
4
  }
5
5
 
6
- :is(html:has(bi-navbar), html:has(bi-in-page-links)) {
6
+ html:has(bi-navbar) {
7
+ scroll-padding-top: var(--bi-layout-navbar-height);
8
+ }
9
+
10
+ html:has(bi-in-page-links) {
7
11
  scroll-padding-top: var(--bi-layout-navbar-height);
8
12
  }
package/dist/baseline.min.css CHANGED
@@ -1 +1 @@
1
- body,:host{font-family:museo-sans,Arial,sans-serif,system-ui;line-height:1.5}:is(html:has(bi-navbar),html:has(bi-in-page-links)){scroll-padding-top:var(--bi-layout-navbar-height)}
1
+ body,:host{font-family:museo-sans,Arial,sans-serif,system-ui;line-height:1.5}html:has(bi-navbar){scroll-padding-top:var(--bi-layout-navbar-height)}html:has(bi-in-page-links){scroll-padding-top:var(--bi-layout-navbar-height)}
package/dist/components.css CHANGED
@@ -1,20 +1,37 @@
1
1
  .bi-button {
2
2
  --bi--component-button-box-shadow: none;
3
- --bi--component-button-icon-size: none;
3
+ --bi--component-button-icon-size: var(--bi-scale-6x);
4
+ --bi--component-button-padding: .625rem calc(var(--bi-scale-6x) + var(--bi-scale-0-50x));
5
+ --bi--component-button-size: var(--bi-scale-11x);
6
+ --bi--component-button-font-size: 1rem;
7
+ --bi--component-button-line-height: 1.5rem;
8
+ --bi--component-button-color: 1.5rem;
9
+ --bi--component-button-background: transparent;
10
+ --bi--component-button-background-hover: transparent;
11
+ --bi--component-button-background-press: transparent;
12
+ font-family: museo-sans, Arial, sans-serif;
13
+ font-size: var(--bi--component-button-font-size);
14
+ line-height: var(--bi--component-button-line-height);
4
15
  -webkit-font-smoothing: antialiased;
5
16
  border-radius: var(--bi-radius-medium);
6
17
  justify-content: center;
7
18
  align-items: center;
8
19
  gap: var(--bi-scale-1x);
9
20
  cursor: pointer;
21
+ color: var(--bi--component-button-color);
22
+ background: var(--bi--component-button-background);
10
23
  box-shadow: var(--bi--component-button-box-shadow);
24
+ height: -webkit-fit-content;
25
+ height: fit-content;
26
+ min-height: var(--bi--component-button-size);
27
+ min-width: var(--bi--component-button-size);
28
+ width: -webkit-fit-content;
11
29
  width: fit-content;
30
+ padding: var(--bi--component-button-padding);
12
31
  -webkit-text-decoration: unset;
13
32
  text-decoration: unset;
14
- text-align: center;
15
- background: none;
33
+ text-align: inherit;
16
34
  border: none;
17
- font-family: museo-sans, Arial, sans-serif;
18
35
  font-weight: 600;
19
36
  display: flex;
20
37
  position: relative;
@@ -30,146 +47,128 @@
30
47
  }
31
48
 
32
49
  .bi-button:focus-visible {
33
- outline-offset: 2px;
34
- outline: 1.5px solid var(--bi-primary-50);
35
- box-shadow: 0 0 0 4.5px var(--bi-basic-white), var(--bi--component-button-box-shadow);
50
+ box-shadow: var(--_bi--focus, 0 0 0 4.5px var(--bi-basic-white), var(--bi--component-button-box-shadow));
51
+ outline: var(--_bi--focus, 1.5px solid var(--bi-primary-50));
52
+ outline-offset: var(--_bi--focus, 2px);
36
53
  }
37
54
 
38
- .bi-button[data-size="small"] {
39
- padding: var(--bi-scale-1-5x) calc(var(--bi-scale-3x) + var(--bi-scale-0-50x));
40
- --bi--component-button-icon-size: var(--bi-scale-4x);
41
- font-size: .875rem;
42
- line-height: 1.25rem;
55
+ .bi-button:focus-visible * {
56
+ --_bi--focus: ;
43
57
  }
44
58
 
45
- .bi-button[data-size="small"][data-icon="true"] {
46
- padding: var(--bi-scale-1-5x);
47
- height: var(--bi-scale-8x);
48
- font-size: var(--bi-scale-4x);
49
- }
50
-
51
- .bi-button:not([data-size]), .bi-button[data-size="medium"] {
52
- padding: .625rem calc(var(--bi-scale-6x) + var(--bi-scale-0-50x));
53
- --bi--component-button-icon-size: var(--bi-scale-6x);
54
- font-size: 1rem;
55
- line-height: 1.5rem;
56
- }
57
-
58
- :is(.bi-button:not([data-size]), .bi-button[data-size="medium"])[data-icon="true"] {
59
- height: var(--bi-scale-11x);
60
- font-size: var(--bi-scale-6x);
61
- padding: .625rem;
59
+ .bi-button[data-size="small"] {
60
+ --bi--component-button-font-size: .875rem;
61
+ --bi--component-button-line-height: 1.25rem;
62
+ --bi--component-button-padding: var(--bi-scale-1-5x) calc(var(--bi-scale-3x) + var(--bi-scale-0-50x));
63
+ --bi--component-button-icon-size: var(--bi-scale-4x);
64
+ --bi--component-button-size: var(--bi-scale-8x);
62
65
  }
63
66
 
64
67
  .bi-button[data-size="large"] {
65
- padding: var(--bi-scale-4x) calc(var(--bi-scale-9x) + var(--bi-scale-0-50x));
68
+ --bi--component-button-padding: var(--bi-scale-4x) calc(var(--bi-scale-9x) + var(--bi-scale-0-50x));
66
69
  --bi--component-button-icon-size: var(--bi-scale-8x);
67
- font-size: 1rem;
68
- line-height: 1.5rem;
70
+ --bi--component-button-size: var(--bi-scale-14x);
69
71
  }
70
72
 
71
- .bi-button[data-size="large"][data-icon="true"] {
72
- padding: var(--bi-scale-3x);
73
- height: var(--bi-scale-14x);
74
- font-size: var(--bi-scale-8x);
73
+ .bi-button[data-icon] {
74
+ width: var(--bi--component-button-size);
75
+ height: var(--bi--component-button-size);
76
+ --bi--component-button-font-size: var(--bi--component-button-icon-size);
77
+ padding: 0;
75
78
  }
76
79
 
77
- .bi-button:not([data-variant]), .bi-button[data-variant="filled"] {
78
- --bi--component-button-filled-color: var(--bi-basic-white);
79
- --bi--component-button-filled-bg-color: var(--bi-primary-50);
80
- --bi--component-button-filled-hover-bg-color: linear-gradient(0deg, var(--bi-states-hover-dark) 0%, var(--bi-states-hover-dark) 100%), var(--bi--component-button-filled-bg-color);
81
- --bi--component-button-filled-press-bg-color: linear-gradient(0deg, var(--bi-states-press-dark) 0%, var(--bi-states-press-dark) 100%), var(--bi--component-button-filled-bg-color);
82
- color: var(--bi--component-button-filled-color);
83
- background-color: var(--bi--component-button-filled-bg-color);
80
+ .bi-button:not([data-variant]) {
81
+ --bi--component-button-color: var(--bi-basic-white);
82
+ --bi--component-button-background: var(--bi-primary-50);
83
+ --bi--component-button-background-hover: linear-gradient(0deg, var(--bi-states-hover-dark) 0%, var(--bi-states-hover-dark) 100%), var(--bi--component-button-background);
84
+ --bi--component-button-background-press: linear-gradient(0deg, var(--bi-states-press-dark) 0%, var(--bi-states-press-dark) 100%), var(--bi--component-button-background);
84
85
  --bi--component-button-box-shadow: 0px 0px 0px 2px #ffffff1f inset, 0px 0px 0px 1px #0a0d122e inset, 0px -2px 0px 0px #0a0d120d inset, 0px 1px 2px 0px #0a0d120d;
85
86
  }
86
87
 
87
- :is(.bi-button:not([data-variant]), .bi-button[data-variant="filled"]):not([disabled]):hover {
88
- background: var(--bi--component-button-filled-hover-bg-color);
89
- }
90
-
91
- :is(.bi-button:not([data-variant]), .bi-button[data-variant="filled"]):not([disabled]):active {
92
- background: var(--bi--component-button-filled-press-bg-color);
88
+ .bi-button[data-variant="filled"] {
89
+ --bi--component-button-color: var(--bi-basic-white);
90
+ --bi--component-button-background: var(--bi-primary-50);
91
+ --bi--component-button-background-hover: linear-gradient(0deg, var(--bi-states-hover-dark) 0%, var(--bi-states-hover-dark) 100%), var(--bi--component-button-background);
92
+ --bi--component-button-background-press: linear-gradient(0deg, var(--bi-states-press-dark) 0%, var(--bi-states-press-dark) 100%), var(--bi--component-button-background);
93
+ --bi--component-button-box-shadow: 0px 0px 0px 2px #ffffff1f inset, 0px 0px 0px 1px #0a0d122e inset, 0px -2px 0px 0px #0a0d120d inset, 0px 1px 2px 0px #0a0d120d;
93
94
  }
94
95
 
95
96
  .bi-button[data-variant="outlined"] {
96
- --bi--component-button-outlined-color: var(--bi-primary-50);
97
- --bi--component-button-outlined-box-shadow-color: var(--bi-primary-50);
98
- --bi--component-button-outlined-hover-bg-color: var(--bi-states-hover-dark);
99
- --bi--component-button-outlined-press-bg-color: var(--bi-states-press-dark);
100
- color: var(--bi--component-button-outlined-color);
101
- --bi--component-button-box-shadow: 0px 0px 0px 2px var(--bi--component-button-outlined-box-shadow-color) inset;
97
+ --bi--component-button-color: var(--bi-primary-50);
98
+ --bi--component-button-box-shadow: 0px 0px 0px 2px var(--bi-primary-50) inset;
99
+ --bi--component-button-background-hover: var(--bi-states-hover-dark);
100
+ --bi--component-button-background-press: var(--bi-states-press-dark);
102
101
  }
103
102
 
104
- .bi-button[data-variant="outlined"]:not([disabled]):hover {
105
- background: var(--bi--component-button-outlined-hover-bg-color);
103
+ .bi-button[data-variant="outlined"][data-dark="true"] {
104
+ --bi--component-button-color: var(--bi-basic-white);
105
+ --bi--component-button-box-shadow: 0px 0px 0px 2px var(--bi-basic-white) inset;
106
+ --bi--component-button-background-hover: var(--bi-states-hover-light);
107
+ --bi--component-button-background-press: var(--bi-states-press-light);
106
108
  }
107
109
 
108
- .bi-button[data-variant="outlined"]:not([disabled]):active {
109
- background: var(--bi--component-button-outlined-press-bg-color);
110
+ .bi-button[data-variant="text"] {
111
+ --bi--component-button-color: var(--bi-neutral-90);
112
+ --bi--component-button-background-hover: var(--bi-states-hover-dark);
113
+ --bi--component-button-background-press: var(--bi-states-press-dark);
110
114
  }
111
115
 
112
- .bi-button[data-variant="outlined"][data-dark="true"] {
113
- --bi--component-button-outlined-color: var(--bi-basic-white);
114
- --bi--component-button-outlined-box-shadow-color: var(--bi-basic-white);
115
- --bi--component-button-outlined-hover-bg-color: var(--bi-states-hover-light);
116
- --bi--component-button-outlined-press-bg-color: var(--bi-states-press-light);
116
+ .bi-button[data-variant="text"][data-dark="true"] {
117
+ --bi--component-button-color: var(--bi-basic-white);
118
+ --bi--component-button-background-hover: var(--bi-states-hover-light);
119
+ --bi--component-button-background-press: var(--bi-states-press-light);
117
120
  }
118
121
 
119
- .bi-button[data-variant="text"] {
120
- --bi--component-button-text-color: var(--bi-neutral-95);
121
- --bi--component-button-text-hover-bg-color: var(--bi-states-hover-dark);
122
- --bi--component-button-text-press-bg-color: var(--bi-states-press-dark);
123
- color: var(--bi--component-button-text-color);
122
+ .bi-button[data-variant="flat"] {
123
+ --bi--component-button-color: var(--bi-primary-90);
124
+ --bi--component-button-background: var(--bi-primary-5);
125
+ --bi--component-button-background-hover: linear-gradient(0deg, var(--bi-states-hover-dark) 0%, var(--bi-states-hover-dark) 100%), var(--bi--component-button-background);
126
+ --bi--component-button-background-press: linear-gradient(0deg, var(--bi-states-press-dark) 0%, var(--bi-states-press-dark) 100%), var(--bi--component-button-background);
124
127
  }
125
128
 
126
- .bi-button[data-variant="text"]:not([disabled]):hover {
127
- background: var(--bi--component-button-text-hover-bg-color);
129
+ .bi-button[data-variant="flat"][data-dark="true"] {
130
+ --bi--component-button-color: var(--bi-basic-white);
131
+ --bi--component-button-background: #ffffff1a;
132
+ --bi--component-button-background-hover: linear-gradient(0deg, var(--bi-states-hover-light) 0%, var(--bi-states-hover-light) 100%), var(--bi--component-button-background);
133
+ --bi--component-button-background-press: linear-gradient(0deg, var(--bi-states-press-light) 0%, var(--bi-states-press-light) 100%), var(--bi--component-button-background);
128
134
  }
129
135
 
130
- .bi-button[data-variant="text"]:not([disabled]):active {
131
- background: var(--bi--component-button-text-press-bg-color);
136
+ @media (hover: hover) and (pointer: fine) {
137
+ .bi-button:where(:not(:disabled, [aria-disabled="true"], [aria-busy="true"])):hover {
138
+ background: var(--bi--component-button-background-hover);
139
+ }
132
140
  }
133
141
 
134
- .bi-button[data-variant="text"][data-dark="true"] {
135
- --bi--component-button-text-color: var(--bi-basic-white);
136
- --bi--component-button-text-hover-bg-color: var(--bi-states-hover-light);
137
- --bi--component-button-text-press-bg-color: var(--bi-states-press-light);
142
+ .bi-button[aria-busy="true"] {
143
+ cursor: progress;
138
144
  }
139
145
 
140
- .bi-button[data-variant="flat"] {
141
- --bi--component-button-flat-color: var(--bi-primary-95);
142
- --bi--component-button-flat-bg-color: var(--bi-primary-5);
143
- --bi--component-button-flat-hover-bg-color: linear-gradient(0deg, var(--bi-states-hover-dark) 0%, var(--bi-states-hover-dark) 100%), var(--bi--component-button-flat-bg-color);
144
- --bi--component-button-flat-press-bg-color: linear-gradient(0deg, var(--bi-states-press-dark) 0%, var(--bi-states-press-dark) 100%), var(--bi--component-button-flat-bg-color);
145
- color: var(--bi--component-button-flat-color);
146
- background: var(--bi--component-button-flat-bg-color);
146
+ .bi-button:-webkit-any(:disabled, [aria-disabled="true"]) {
147
+ cursor: not-allowed;
147
148
  }
148
149
 
149
- .bi-button[data-variant="flat"]:not([disabled]):hover {
150
- background: var(--bi--component-button-flat-hover-bg-color);
150
+ .bi-button:-webkit-any(:disabled, [aria-disabled="true"])[aria-busy="true"] {
151
+ cursor: progress;
151
152
  }
152
153
 
153
- .bi-button[data-variant="flat"]:not([disabled]):active {
154
- background: var(--bi--component-button-flat-press-bg-color);
154
+ .bi-button:is(:disabled, [aria-disabled="true"]) {
155
+ cursor: not-allowed;
155
156
  }
156
157
 
157
- .bi-button[data-variant="flat"][data-dark="true"] {
158
- --bi--component-button-flat-color: var(--bi-basic-white);
159
- --bi--component-button-flat-bg-color: #ffffff1a;
160
- --bi--component-button-flat-hover-bg-color: linear-gradient(0deg, var(--bi-states-hover-light) 0%, var(--bi-states-hover-light) 100%), var(--bi--component-button-flat-bg-color);
161
- --bi--component-button-flat-press-bg-color: linear-gradient(0deg, var(--bi-states-press-light) 0%, var(--bi-states-press-light) 100%), var(--bi--component-button-flat-bg-color);
158
+ .bi-button:is(:disabled, [aria-disabled="true"])[aria-busy="true"] {
159
+ cursor: progress;
162
160
  }
163
161
 
164
- .bi-button[disabled] {
165
- cursor: not-allowed;
162
+ .bi-button:where(:not(:disabled, [aria-disabled="true"], [aria-busy="true"])):active {
163
+ background: var(--bi--component-button-background-press);
166
164
  }
167
165
 
168
- a.bi-button[disabled] {
169
- pointer-events: none;
166
+ .bi-button .bi-button--start-icon {
167
+ display: inherit;
168
+ font-size: var(--bi--component-button-icon-size);
170
169
  }
171
170
 
172
- .bi-button .bi-button--start-icon, .bi-button .bi-button--end-icon {
171
+ .bi-button .bi-button--end-icon {
173
172
  display: inherit;
174
173
  font-size: var(--bi--component-button-icon-size);
175
174
  }
@@ -206,7 +205,7 @@ a.bi-button[disabled] {
206
205
  border-radius: var(--bi-radius-medium);
207
206
  background-color: var(--bi-basic-white);
208
207
  width: 100%;
209
- color: var(--bi-neutral-80);
208
+ color: var(--bi-neutral-75);
210
209
  align-items: center;
211
210
  display: flex;
212
211
  position: relative;
@@ -217,7 +216,7 @@ a.bi-button[disabled] {
217
216
  --lightningcss-dark: initial;
218
217
  color-scheme: dark;
219
218
  border-color: var(--bi-primary-30);
220
- background-color: var(--bi-primary-100);
219
+ background-color: var(--bi-primary-95);
221
220
  color: var(--bi-neutral-5);
222
221
  }
223
222
 
@@ -226,15 +225,15 @@ a.bi-button[disabled] {
226
225
  }
227
226
 
228
227
  .bi-input-group .bi-input-group__input-wrapper:hover[data-dark="true"] {
229
- background-color: linear-gradient(0deg, var(--bi-states-hover-light) 0%, var(--bi-states-hover-light) 100%), var(--bi-primary-100);
228
+ background-color: linear-gradient(0deg, var(--bi-states-hover-light) 0%, var(--bi-states-hover-light) 100%), var(--bi-primary-95);
230
229
  }
231
230
 
232
231
  .bi-input-group .bi-input-group__input-wrapper[data-error="true"] {
233
- border-color: var(--bi-alert-80);
232
+ border-color: var(--bi-alert-75);
234
233
  }
235
234
 
236
235
  .bi-input-group .bi-input-group__input-wrapper[data-error="true"]:hover {
237
- border-color: var(--bi-alert-90);
236
+ border-color: var(--bi-alert-85);
238
237
  }
239
238
 
240
239
  .bi-input-group .bi-input-group__input-wrapper[data-error="true"][data-dark="true"] {
@@ -267,7 +266,8 @@ a.bi-button[disabled] {
267
266
  }
268
267
 
269
268
  .bi-label {
270
- color: var(--bi-neutral-100);
269
+ color: var(--bi-neutral-95);
270
+ height: -webkit-fit-content;
271
271
  height: fit-content;
272
272
  font-family: museo-sans, Arial, sans-serif;
273
273
  font-size: 1rem;
@@ -285,7 +285,7 @@ a.bi-button[disabled] {
285
285
 
286
286
  .bi-label[data-required="true"]:after {
287
287
  content: "*";
288
- color: var(--bi-alert-80);
288
+ color: var(--bi-alert-75);
289
289
  margin-left: var(--bi-scale-1x);
290
290
  }
291
291
 
@@ -332,36 +332,36 @@ a.bi-button[disabled] {
332
332
  --height: var(--bi-scale-48x);
333
333
  }
334
334
 
335
- .bi-logo[data-dark="true"] {
336
- background-image: url("./assets/logos/dark.svg");
337
- }
338
-
339
335
  @media (min-width: 795px) {
340
- .bi-logo[data-dark="true"][data-international="true"] {
341
- aspect-ratio: 2.8125;
342
- background-image: url("./assets/logos/international-dark.svg");
343
- }
344
-
345
336
  .bi-logo[data-dark="true"][data-international="true"][data-vertical="true"] {
346
337
  aspect-ratio: .974318;
347
338
  background-image: url("./assets/logos/international-vertical-dark.svg");
348
339
  }
340
+
341
+ .bi-logo[data-dark="true"][data-international="true"] {
342
+ aspect-ratio: 2.8125;
343
+ background-image: url("./assets/logos/international-dark.svg");
344
+ }
349
345
  }
350
346
 
351
- .bi-logo:not([data-dark="true"]) {
352
- background-image: url("./assets/logos/default.svg");
347
+ .bi-logo[data-dark="true"] {
348
+ background-image: url("./assets/logos/dark.svg");
353
349
  }
354
350
 
355
351
  @media (min-width: 795px) {
352
+ .bi-logo:not([data-dark="true"])[data-international="true"][data-vertical="true"] {
353
+ aspect-ratio: .974318;
354
+ background-image: url("./assets/logos/international-vertical.svg");
355
+ }
356
+
356
357
  .bi-logo:not([data-dark="true"])[data-international="true"] {
357
358
  aspect-ratio: 2.8125;
358
359
  background-image: url("./assets/logos/international.svg");
359
360
  }
361
+ }
360
362
 
361
- .bi-logo:not([data-dark="true"])[data-international="true"][data-vertical="true"] {
362
- aspect-ratio: .974318;
363
- background-image: url("./assets/logos/international-vertical.svg");
364
- }
363
+ .bi-logo:not([data-dark="true"]) {
364
+ background-image: url("./assets/logos/default.svg");
365
365
  }
366
366
 
367
367
  .bi-navbar {
@@ -372,7 +372,7 @@ a.bi-button[disabled] {
372
372
  }
373
373
 
374
374
  .bi-navbar[data-dark="true"] {
375
- background-color: var(--bi-primary-100);
375
+ background-color: var(--bi-primary-95);
376
376
  color: var(--bi-basic-white);
377
377
  }
378
378
 
@@ -435,6 +435,12 @@ a.bi-button[disabled] {
435
435
  mask: radial-gradient(farthest-side, #0000 calc(100% - 4px), #000 0);
436
436
  }
437
437
 
438
+ @media (prefers-reduced-motion: reduce) {
439
+ .bi-spinner {
440
+ animation-duration: 6s;
441
+ }
442
+ }
443
+
438
444
  .bi-spinner[data-color="inherit"] {
439
445
  --bi--component-spinner-color: currentColor;
440
446
  }
package/dist/components.min.css CHANGED
@@ -1 +1 @@
1
- .bi-button{--bi--component-button-box-shadow:none;--bi--component-button-icon-size:none;-webkit-font-smoothing:antialiased;border-radius:var(--bi-radius-medium);justify-content:center;align-items:center;gap:var(--bi-scale-1x);cursor:pointer;box-shadow:var(--bi--component-button-box-shadow);width:fit-content;-webkit-text-decoration:unset;text-decoration:unset;text-align:center;background:0 0;border:none;font-family:museo-sans,Arial,sans-serif;font-weight:600;display:flex;position:relative;overflow:hidden}.bi-button[data-stretch=true]{width:100%}.bi-button[data-active=true]{box-shadow:0px 0px 0px 1.5px var(--bi-primary-50)inset}.bi-button:focus-visible{outline-offset:2px;outline:1.5px solid var(--bi-primary-50);box-shadow:0 0 0 4.5px var(--bi-basic-white),var(--bi--component-button-box-shadow)}.bi-button[data-size=small]{padding:var(--bi-scale-1-5x)calc(var(--bi-scale-3x) + var(--bi-scale-0-50x));--bi--component-button-icon-size:var(--bi-scale-4x);font-size:.875rem;line-height:1.25rem}.bi-button[data-size=small][data-icon=true]{padding:var(--bi-scale-1-5x);height:var(--bi-scale-8x);font-size:var(--bi-scale-4x)}.bi-button:not([data-size]),.bi-button[data-size=medium]{padding:.625rem calc(var(--bi-scale-6x) + var(--bi-scale-0-50x));--bi--component-button-icon-size:var(--bi-scale-6x);font-size:1rem;line-height:1.5rem}:is(.bi-button:not([data-size]),.bi-button[data-size=medium])[data-icon=true]{height:var(--bi-scale-11x);font-size:var(--bi-scale-6x);padding:.625rem}.bi-button[data-size=large]{padding:var(--bi-scale-4x)calc(var(--bi-scale-9x) + var(--bi-scale-0-50x));--bi--component-button-icon-size:var(--bi-scale-8x);font-size:1rem;line-height:1.5rem}.bi-button[data-size=large][data-icon=true]{padding:var(--bi-scale-3x);height:var(--bi-scale-14x);font-size:var(--bi-scale-8x)}.bi-button:not([data-variant]),.bi-button[data-variant=filled]{--bi--component-button-filled-color:var(--bi-basic-white);--bi--component-button-filled-bg-color:var(--bi-primary-50);--bi--component-button-filled-hover-bg-color:linear-gradient(0deg,var(--bi-states-hover-dark)0%,var(--bi-states-hover-dark)100%),var(--bi--component-button-filled-bg-color);--bi--component-button-filled-press-bg-color:linear-gradient(0deg,var(--bi-states-press-dark)0%,var(--bi-states-press-dark)100%),var(--bi--component-button-filled-bg-color);color:var(--bi--component-button-filled-color);background-color:var(--bi--component-button-filled-bg-color);--bi--component-button-box-shadow:0px 0px 0px 2px #ffffff1f inset,0px 0px 0px 1px #0a0d122e inset,0px -2px 0px 0px #0a0d120d inset,0px 1px 2px 0px #0a0d120d}:is(.bi-button:not([data-variant]),.bi-button[data-variant=filled]):not([disabled]):hover{background:var(--bi--component-button-filled-hover-bg-color)}:is(.bi-button:not([data-variant]),.bi-button[data-variant=filled]):not([disabled]):active{background:var(--bi--component-button-filled-press-bg-color)}.bi-button[data-variant=outlined]{--bi--component-button-outlined-color:var(--bi-primary-50);--bi--component-button-outlined-box-shadow-color:var(--bi-primary-50);--bi--component-button-outlined-hover-bg-color:var(--bi-states-hover-dark);--bi--component-button-outlined-press-bg-color:var(--bi-states-press-dark);color:var(--bi--component-button-outlined-color);--bi--component-button-box-shadow:0px 0px 0px 2px var(--bi--component-button-outlined-box-shadow-color)inset}.bi-button[data-variant=outlined]:not([disabled]):hover{background:var(--bi--component-button-outlined-hover-bg-color)}.bi-button[data-variant=outlined]:not([disabled]):active{background:var(--bi--component-button-outlined-press-bg-color)}.bi-button[data-variant=outlined][data-dark=true]{--bi--component-button-outlined-color:var(--bi-basic-white);--bi--component-button-outlined-box-shadow-color:var(--bi-basic-white);--bi--component-button-outlined-hover-bg-color:var(--bi-states-hover-light);--bi--component-button-outlined-press-bg-color:var(--bi-states-press-light)}.bi-button[data-variant=text]{--bi--component-button-text-color:var(--bi-neutral-95);--bi--component-button-text-hover-bg-color:var(--bi-states-hover-dark);--bi--component-button-text-press-bg-color:var(--bi-states-press-dark);color:var(--bi--component-button-text-color)}.bi-button[data-variant=text]:not([disabled]):hover{background:var(--bi--component-button-text-hover-bg-color)}.bi-button[data-variant=text]:not([disabled]):active{background:var(--bi--component-button-text-press-bg-color)}.bi-button[data-variant=text][data-dark=true]{--bi--component-button-text-color:var(--bi-basic-white);--bi--component-button-text-hover-bg-color:var(--bi-states-hover-light);--bi--component-button-text-press-bg-color:var(--bi-states-press-light)}.bi-button[data-variant=flat]{--bi--component-button-flat-color:var(--bi-primary-95);--bi--component-button-flat-bg-color:var(--bi-primary-5);--bi--component-button-flat-hover-bg-color:linear-gradient(0deg,var(--bi-states-hover-dark)0%,var(--bi-states-hover-dark)100%),var(--bi--component-button-flat-bg-color);--bi--component-button-flat-press-bg-color:linear-gradient(0deg,var(--bi-states-press-dark)0%,var(--bi-states-press-dark)100%),var(--bi--component-button-flat-bg-color);color:var(--bi--component-button-flat-color);background:var(--bi--component-button-flat-bg-color)}.bi-button[data-variant=flat]:not([disabled]):hover{background:var(--bi--component-button-flat-hover-bg-color)}.bi-button[data-variant=flat]:not([disabled]):active{background:var(--bi--component-button-flat-press-bg-color)}.bi-button[data-variant=flat][data-dark=true]{--bi--component-button-flat-color:var(--bi-basic-white);--bi--component-button-flat-bg-color:#ffffff1a;--bi--component-button-flat-hover-bg-color:linear-gradient(0deg,var(--bi-states-hover-light)0%,var(--bi-states-hover-light)100%),var(--bi--component-button-flat-bg-color);--bi--component-button-flat-press-bg-color:linear-gradient(0deg,var(--bi-states-press-light)0%,var(--bi-states-press-light)100%),var(--bi--component-button-flat-bg-color)}.bi-button[disabled]{cursor:not-allowed}a.bi-button[disabled]{pointer-events:none}.bi-button .bi-button--start-icon,.bi-button .bi-button--end-icon{display:inherit;font-size:var(--bi--component-button-icon-size)}.bi-input{padding:var(--bi-scale-3x);background:0 0;border:none;outline:none;width:100%;font-family:museo-sans,Arial,sans-serif;font-size:1rem;line-height:1.5;position:relative}.bi-input-group{gap:var(--bi-scale-0-50x);flex-direction:column;max-width:520px;display:flex}.bi-input-group[data-stretch=true]{max-width:none}.bi-input-group:has(:disabled){opacity:.3}.bi-input-group .bi-input-group__input-wrapper{border:var(--bi-stroke-thin)solid var(--bi-stroke-color-3);border-radius:var(--bi-radius-medium);background-color:var(--bi-basic-white);width:100%;color:var(--bi-neutral-80);align-items:center;display:flex;position:relative}.bi-input-group .bi-input-group__input-wrapper[data-dark=true]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-color:var(--bi-primary-30);background-color:var(--bi-primary-100);color:var(--bi-neutral-5)}.bi-input-group .bi-input-group__input-wrapper:hover{background-color:var(--bi-states-hover-dark)}.bi-input-group .bi-input-group__input-wrapper:hover[data-dark=true]{background-color:linear-gradient(0deg,var(--bi-states-hover-light)0%,var(--bi-states-hover-light)100%),var(--bi-primary-100)}.bi-input-group .bi-input-group__input-wrapper[data-error=true]{border-color:var(--bi-alert-80)}.bi-input-group .bi-input-group__input-wrapper[data-error=true]:hover{border-color:var(--bi-alert-90)}.bi-input-group .bi-input-group__input-wrapper[data-error=true][data-dark=true]{border-color:var(--bi-alert-20)}.bi-input-group .bi-input-group__input-wrapper:has(:disabled){pointer-events:none;background-color:unset;border-color:var(--bi-neutral-40)}.bi-input-group .bi-input-group__input-wrapper:has(:disabled)[data-dark=true]{border-color:var(--bi-neutral-70)}.bi-input-group .bi-input-group__input-wrapper:has(:focus-visible){border-radius:var(--bi-radius-medium);outline-offset:2px;outline:1.5px solid var(--bi-primary-50);box-shadow:0 0 0 2px var(--bi-basic-white)}.bi-input-group .bi-input-group__input-wrapper [data-start-adornment=true]{margin-left:var(--bi-scale-3x)!important}.bi-input-group .bi-input-group__input-wrapper [data-end-adornment=true]{margin-right:var(--bi-scale-3x)!important}.bi-label{color:var(--bi-neutral-100);height:fit-content;font-family:museo-sans,Arial,sans-serif;font-size:1rem;font-weight:500;line-height:1.5}.bi-label[data-font-style=regular]{font-weight:500}.bi-label[data-font-style=bold]{font-weight:700}.bi-label[data-required=true]:after{content:"*";color:var(--bi-alert-80);margin-left:var(--bi-scale-1x)}[data-dark=true] .bi-label,.bi-label[data-dark=true]{color:var(--bi-neutral-5)}:is([data-dark=true] .bi-label,.bi-label[data-dark=true])[data-required=true]:after{color:var(--bi-alert-20)}.bi-logo{--height:var(--bi-scale-12x);height:var(--height);aspect-ratio:1;background-position:50%;background-repeat:no-repeat;background-size:contain;justify-content:center;display:flex}.bi-logo[data-size=xs]{--height:var(--bi-scale-6x)}.bi-logo[data-size=small]{--height:var(--bi-scale-8x)}.bi-logo[data-size=medium]{--height:var(--bi-scale-11x)}.bi-logo[data-size=large]{--height:var(--bi-scale-24x)}.bi-logo[data-size=xl]{--height:var(--bi-scale-36x)}.bi-logo[data-size=xxl]{--height:var(--bi-scale-48x)}.bi-logo[data-dark=true]{background-image:url(./assets/logos/dark.svg)}@media (min-width:795px){.bi-logo[data-dark=true][data-international=true]{aspect-ratio:2.8125;background-image:url(./assets/logos/international-dark.svg)}.bi-logo[data-dark=true][data-international=true][data-vertical=true]{aspect-ratio:.974318;background-image:url(./assets/logos/international-vertical-dark.svg)}}.bi-logo:not([data-dark=true]){background-image:url(./assets/logos/default.svg)}@media (min-width:795px){.bi-logo:not([data-dark=true])[data-international=true]{aspect-ratio:2.8125;background-image:url(./assets/logos/international.svg)}.bi-logo:not([data-dark=true])[data-international=true][data-vertical=true]{aspect-ratio:.974318;background-image:url(./assets/logos/international-vertical.svg)}}.bi-navbar{height:var(--bi-layout-navbar-height);background-color:var(--bi-basic-white);width:100%;display:flex}.bi-navbar[data-dark=true]{background-color:var(--bi-primary-100);color:var(--bi-basic-white)}.bi-navbar .bi-navbar__header{height:var(--bi-layout-navbar-height);align-items:center;gap:var(--bi-scale-6x);width:100%;padding:0 var(--bi-scale-3x);background-color:inherit;color:inherit;display:flex}.bi-navbar .bi-navbar__header>:first-child{margin-right:auto}.bi-navbar[data-fixed=true] .bi-navbar__header{z-index:100;position:fixed;top:0;left:0;right:0}.bi-navbar .bi-navbar__skip-link{background:var(--bi-primary-50);color:var(--bi-basic-white);outline-offset:0px;border-radius:4px;align-content:center;height:44px;padding:0 7px;font-size:.75rem;font-weight:400;position:absolute;left:50%;transform:translate(-50%,-62px)}.bi-navbar .bi-navbar__skip-link:focus{border-radius:var(--bi-radius-medium);outline-offset:2px;outline:1.5px solid var(--bi-primary-50);box-shadow:0 0 0 2px var(--bi-basic-white);transition:transform .3s;transform:translate(-50%)}.bi-spinner{aspect-ratio:1;--bi--component-spinner-color:currentColor;background:radial-gradient(farthest-side,var(--bi--component-spinner-color)94%,#0000)top/4px 4px no-repeat,conic-gradient(#0000 30%,var(--bi--component-spinner-color));border-radius:50%;width:1em;height:1em;animation:1s linear infinite bi-spinner;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0)}.bi-spinner[data-color=inherit]{--bi--component-spinner-color:currentColor}.bi-spinner[data-color=black]{--bi--component-spinner-color:var(--bi-basic-key)}.bi-spinner[data-size="2xl"]{font-size:var(--bi-scale-12x)}.bi-spinner[data-size=xl]{font-size:var(--bi-scale-10x)}.bi-spinner[data-size=large]{font-size:var(--bi-scale-8x)}.bi-spinner[data-size=medium]{font-size:var(--bi-scale-6x)}.bi-spinner[data-size=small]{font-size:var(--bi-scale-5x)}@keyframes bi-spinner{to{transform:rotate(1turn)}}
1
+ .bi-button{--bi--component-button-box-shadow:none;--bi--component-button-icon-size:var(--bi-scale-6x);--bi--component-button-padding:.625rem calc(var(--bi-scale-6x) + var(--bi-scale-0-50x));--bi--component-button-size:var(--bi-scale-11x);--bi--component-button-font-size:1rem;--bi--component-button-line-height:1.5rem;--bi--component-button-color:1.5rem;--bi--component-button-background:transparent;--bi--component-button-background-hover:transparent;--bi--component-button-background-press:transparent;font-family:museo-sans,Arial,sans-serif;font-size:var(--bi--component-button-font-size);line-height:var(--bi--component-button-line-height);-webkit-font-smoothing:antialiased;border-radius:var(--bi-radius-medium);justify-content:center;align-items:center;gap:var(--bi-scale-1x);cursor:pointer;color:var(--bi--component-button-color);background:var(--bi--component-button-background);box-shadow:var(--bi--component-button-box-shadow);height:-webkit-fit-content;height:fit-content;min-height:var(--bi--component-button-size);min-width:var(--bi--component-button-size);width:-webkit-fit-content;width:fit-content;padding:var(--bi--component-button-padding);-webkit-text-decoration:unset;text-decoration:unset;text-align:inherit;border:none;font-weight:600;display:flex;position:relative;overflow:hidden}.bi-button[data-stretch=true]{width:100%}.bi-button[data-active=true]{box-shadow:0px 0px 0px 1.5px var(--bi-primary-50)inset}.bi-button:focus-visible{box-shadow:var(--_bi--focus,0 0 0 4.5px var(--bi-basic-white),var(--bi--component-button-box-shadow));outline:var(--_bi--focus,1.5px solid var(--bi-primary-50));outline-offset:var(--_bi--focus,2px)}.bi-button:focus-visible *{--_bi--focus: }.bi-button[data-size=small]{--bi--component-button-font-size:.875rem;--bi--component-button-line-height:1.25rem;--bi--component-button-padding:var(--bi-scale-1-5x)calc(var(--bi-scale-3x) + var(--bi-scale-0-50x));--bi--component-button-icon-size:var(--bi-scale-4x);--bi--component-button-size:var(--bi-scale-8x)}.bi-button[data-size=large]{--bi--component-button-padding:var(--bi-scale-4x)calc(var(--bi-scale-9x) + var(--bi-scale-0-50x));--bi--component-button-icon-size:var(--bi-scale-8x);--bi--component-button-size:var(--bi-scale-14x)}.bi-button[data-icon]{width:var(--bi--component-button-size);height:var(--bi--component-button-size);--bi--component-button-font-size:var(--bi--component-button-icon-size);padding:0}.bi-button:not([data-variant]){--bi--component-button-color:var(--bi-basic-white);--bi--component-button-background:var(--bi-primary-50);--bi--component-button-background-hover:linear-gradient(0deg,var(--bi-states-hover-dark)0%,var(--bi-states-hover-dark)100%),var(--bi--component-button-background);--bi--component-button-background-press:linear-gradient(0deg,var(--bi-states-press-dark)0%,var(--bi-states-press-dark)100%),var(--bi--component-button-background);--bi--component-button-box-shadow:0px 0px 0px 2px #ffffff1f inset,0px 0px 0px 1px #0a0d122e inset,0px -2px 0px 0px #0a0d120d inset,0px 1px 2px 0px #0a0d120d}.bi-button[data-variant=filled]{--bi--component-button-color:var(--bi-basic-white);--bi--component-button-background:var(--bi-primary-50);--bi--component-button-background-hover:linear-gradient(0deg,var(--bi-states-hover-dark)0%,var(--bi-states-hover-dark)100%),var(--bi--component-button-background);--bi--component-button-background-press:linear-gradient(0deg,var(--bi-states-press-dark)0%,var(--bi-states-press-dark)100%),var(--bi--component-button-background);--bi--component-button-box-shadow:0px 0px 0px 2px #ffffff1f inset,0px 0px 0px 1px #0a0d122e inset,0px -2px 0px 0px #0a0d120d inset,0px 1px 2px 0px #0a0d120d}.bi-button[data-variant=outlined]{--bi--component-button-color:var(--bi-primary-50);--bi--component-button-box-shadow:0px 0px 0px 2px var(--bi-primary-50)inset;--bi--component-button-background-hover:var(--bi-states-hover-dark);--bi--component-button-background-press:var(--bi-states-press-dark)}.bi-button[data-variant=outlined][data-dark=true]{--bi--component-button-color:var(--bi-basic-white);--bi--component-button-box-shadow:0px 0px 0px 2px var(--bi-basic-white)inset;--bi--component-button-background-hover:var(--bi-states-hover-light);--bi--component-button-background-press:var(--bi-states-press-light)}.bi-button[data-variant=text]{--bi--component-button-color:var(--bi-neutral-90);--bi--component-button-background-hover:var(--bi-states-hover-dark);--bi--component-button-background-press:var(--bi-states-press-dark)}.bi-button[data-variant=text][data-dark=true]{--bi--component-button-color:var(--bi-basic-white);--bi--component-button-background-hover:var(--bi-states-hover-light);--bi--component-button-background-press:var(--bi-states-press-light)}.bi-button[data-variant=flat]{--bi--component-button-color:var(--bi-primary-90);--bi--component-button-background:var(--bi-primary-5);--bi--component-button-background-hover:linear-gradient(0deg,var(--bi-states-hover-dark)0%,var(--bi-states-hover-dark)100%),var(--bi--component-button-background);--bi--component-button-background-press:linear-gradient(0deg,var(--bi-states-press-dark)0%,var(--bi-states-press-dark)100%),var(--bi--component-button-background)}.bi-button[data-variant=flat][data-dark=true]{--bi--component-button-color:var(--bi-basic-white);--bi--component-button-background:#ffffff1a;--bi--component-button-background-hover:linear-gradient(0deg,var(--bi-states-hover-light)0%,var(--bi-states-hover-light)100%),var(--bi--component-button-background);--bi--component-button-background-press:linear-gradient(0deg,var(--bi-states-press-light)0%,var(--bi-states-press-light)100%),var(--bi--component-button-background)}@media (hover:hover) and (pointer:fine){.bi-button:where(:not(:disabled,[aria-disabled=true],[aria-busy=true])):hover{background:var(--bi--component-button-background-hover)}}.bi-button[aria-busy=true]{cursor:progress}.bi-button:-webkit-any(:disabled,[aria-disabled=true]){cursor:not-allowed}.bi-button:-webkit-any(:disabled,[aria-disabled=true])[aria-busy=true]{cursor:progress}.bi-button:is(:disabled,[aria-disabled=true]){cursor:not-allowed}.bi-button:is(:disabled,[aria-disabled=true])[aria-busy=true]{cursor:progress}.bi-button:where(:not(:disabled,[aria-disabled=true],[aria-busy=true])):active{background:var(--bi--component-button-background-press)}.bi-button .bi-button--start-icon{display:inherit;font-size:var(--bi--component-button-icon-size)}.bi-button .bi-button--end-icon{display:inherit;font-size:var(--bi--component-button-icon-size)}.bi-input{padding:var(--bi-scale-3x);background:0 0;border:none;outline:none;width:100%;font-family:museo-sans,Arial,sans-serif;font-size:1rem;line-height:1.5;position:relative}.bi-input-group{gap:var(--bi-scale-0-50x);flex-direction:column;max-width:520px;display:flex}.bi-input-group[data-stretch=true]{max-width:none}.bi-input-group:has(:disabled){opacity:.3}.bi-input-group .bi-input-group__input-wrapper{border:var(--bi-stroke-thin)solid var(--bi-stroke-color-3);border-radius:var(--bi-radius-medium);background-color:var(--bi-basic-white);width:100%;color:var(--bi-neutral-75);align-items:center;display:flex;position:relative}.bi-input-group .bi-input-group__input-wrapper[data-dark=true]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-color:var(--bi-primary-30);background-color:var(--bi-primary-95);color:var(--bi-neutral-5)}.bi-input-group .bi-input-group__input-wrapper:hover{background-color:var(--bi-states-hover-dark)}.bi-input-group .bi-input-group__input-wrapper:hover[data-dark=true]{background-color:linear-gradient(0deg,var(--bi-states-hover-light)0%,var(--bi-states-hover-light)100%),var(--bi-primary-95)}.bi-input-group .bi-input-group__input-wrapper[data-error=true]{border-color:var(--bi-alert-75)}.bi-input-group .bi-input-group__input-wrapper[data-error=true]:hover{border-color:var(--bi-alert-85)}.bi-input-group .bi-input-group__input-wrapper[data-error=true][data-dark=true]{border-color:var(--bi-alert-20)}.bi-input-group .bi-input-group__input-wrapper:has(:disabled){pointer-events:none;background-color:unset;border-color:var(--bi-neutral-40)}.bi-input-group .bi-input-group__input-wrapper:has(:disabled)[data-dark=true]{border-color:var(--bi-neutral-70)}.bi-input-group .bi-input-group__input-wrapper:has(:focus-visible){border-radius:var(--bi-radius-medium);outline-offset:2px;outline:1.5px solid var(--bi-primary-50);box-shadow:0 0 0 2px var(--bi-basic-white)}.bi-input-group .bi-input-group__input-wrapper [data-start-adornment=true]{margin-left:var(--bi-scale-3x)!important}.bi-input-group .bi-input-group__input-wrapper [data-end-adornment=true]{margin-right:var(--bi-scale-3x)!important}.bi-label{color:var(--bi-neutral-95);height:-webkit-fit-content;height:fit-content;font-family:museo-sans,Arial,sans-serif;font-size:1rem;font-weight:500;line-height:1.5}.bi-label[data-font-style=regular]{font-weight:500}.bi-label[data-font-style=bold]{font-weight:700}.bi-label[data-required=true]:after{content:"*";color:var(--bi-alert-75);margin-left:var(--bi-scale-1x)}[data-dark=true] .bi-label,.bi-label[data-dark=true]{color:var(--bi-neutral-5)}:is([data-dark=true] .bi-label,.bi-label[data-dark=true])[data-required=true]:after{color:var(--bi-alert-20)}.bi-logo{--height:var(--bi-scale-12x);height:var(--height);aspect-ratio:1;background-position:50%;background-repeat:no-repeat;background-size:contain;justify-content:center;display:flex}.bi-logo[data-size=xs]{--height:var(--bi-scale-6x)}.bi-logo[data-size=small]{--height:var(--bi-scale-8x)}.bi-logo[data-size=medium]{--height:var(--bi-scale-11x)}.bi-logo[data-size=large]{--height:var(--bi-scale-24x)}.bi-logo[data-size=xl]{--height:var(--bi-scale-36x)}.bi-logo[data-size=xxl]{--height:var(--bi-scale-48x)}@media (min-width:795px){.bi-logo[data-dark=true][data-international=true][data-vertical=true]{aspect-ratio:.974318;background-image:url(./assets/logos/international-vertical-dark.svg)}.bi-logo[data-dark=true][data-international=true]{aspect-ratio:2.8125;background-image:url(./assets/logos/international-dark.svg)}}.bi-logo[data-dark=true]{background-image:url(./assets/logos/dark.svg)}@media (min-width:795px){.bi-logo:not([data-dark=true])[data-international=true][data-vertical=true]{aspect-ratio:.974318;background-image:url(./assets/logos/international-vertical.svg)}.bi-logo:not([data-dark=true])[data-international=true]{aspect-ratio:2.8125;background-image:url(./assets/logos/international.svg)}}.bi-logo:not([data-dark=true]){background-image:url(./assets/logos/default.svg)}.bi-navbar{height:var(--bi-layout-navbar-height);background-color:var(--bi-basic-white);width:100%;display:flex}.bi-navbar[data-dark=true]{background-color:var(--bi-primary-95);color:var(--bi-basic-white)}.bi-navbar .bi-navbar__header{height:var(--bi-layout-navbar-height);align-items:center;gap:var(--bi-scale-6x);width:100%;padding:0 var(--bi-scale-3x);background-color:inherit;color:inherit;display:flex}.bi-navbar .bi-navbar__header>:first-child{margin-right:auto}.bi-navbar[data-fixed=true] .bi-navbar__header{z-index:100;position:fixed;top:0;left:0;right:0}.bi-navbar .bi-navbar__skip-link{background:var(--bi-primary-50);color:var(--bi-basic-white);outline-offset:0px;border-radius:4px;align-content:center;height:44px;padding:0 7px;font-size:.75rem;font-weight:400;position:absolute;left:50%;transform:translate(-50%,-62px)}.bi-navbar .bi-navbar__skip-link:focus{border-radius:var(--bi-radius-medium);outline-offset:2px;outline:1.5px solid var(--bi-primary-50);box-shadow:0 0 0 2px var(--bi-basic-white);transition:transform .3s;transform:translate(-50%)}.bi-spinner{aspect-ratio:1;--bi--component-spinner-color:currentColor;background:radial-gradient(farthest-side,var(--bi--component-spinner-color)94%,#0000)top/4px 4px no-repeat,conic-gradient(#0000 30%,var(--bi--component-spinner-color));border-radius:50%;width:1em;height:1em;animation:1s linear infinite bi-spinner;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0)}@media (prefers-reduced-motion:reduce){.bi-spinner{animation-duration:6s}}.bi-spinner[data-color=inherit]{--bi--component-spinner-color:currentColor}.bi-spinner[data-color=black]{--bi--component-spinner-color:var(--bi-basic-key)}.bi-spinner[data-size="2xl"]{font-size:var(--bi-scale-12x)}.bi-spinner[data-size=xl]{font-size:var(--bi-scale-10x)}.bi-spinner[data-size=large]{font-size:var(--bi-scale-8x)}.bi-spinner[data-size=medium]{font-size:var(--bi-scale-6x)}.bi-spinner[data-size=small]{font-size:var(--bi-scale-5x)}@keyframes bi-spinner{to{transform:rotate(1turn)}}
package/dist/fonts/MuseoSans300.woff2 ADDED
Binary file
package/dist/fonts/MuseoSans500.woff2 ADDED
Binary file
package/dist/fonts/MuseoSans700.woff2 ADDED
Binary file
package/dist/fonts/MuseoSans900.woff2 ADDED
Binary file
package/dist/fonts/MuseoSlab300.woff2 ADDED
Binary file
package/dist/fonts/MuseoSlab500.woff2 ADDED
Binary file
package/dist/fonts/MuseoSlab700.woff2 ADDED
Binary file
package/dist/fonts/MuseoSlab900.woff2 ADDED
Binary file
package/dist/fonts.css CHANGED
@@ -2,54 +2,54 @@
2
2
  font-family: museo-sans;
3
3
  font-weight: 300;
4
4
  font-display: swap;
5
- src: url("./fonts/MuseoSansLight.woff2") format("woff2");
5
+ src: url("./fonts/MuseoSans300.woff2") format("woff2");
6
6
  }
7
7
 
8
8
  @font-face {
9
9
  font-family: museo-sans;
10
10
  font-weight: 500;
11
11
  font-display: swap;
12
- src: url("./fonts/MuseoSansMedium.woff2") format("woff2");
12
+ src: url("./fonts/MuseoSans500.woff2") format("woff2");
13
13
  }
14
14
 
15
15
  @font-face {
16
16
  font-family: museo-sans;
17
17
  font-weight: 700;
18
18
  font-display: swap;
19
- src: url("./fonts/MuseoSansBold.woff2") format("woff2");
19
+ src: url("./fonts/MuseoSans700.woff2") format("woff2");
20
20
  }
21
21
 
22
22
  @font-face {
23
23
  font-family: museo-sans;
24
24
  font-weight: 900;
25
25
  font-display: swap;
26
- src: url("./fonts/MuseoSansExtraBold.woff2") format("woff2");
26
+ src: url("./fonts/MuseoSans900.woff2") format("woff2");
27
27
  }
28
28
 
29
29
  @font-face {
30
30
  font-family: museo-slab;
31
31
  font-weight: 300;
32
32
  font-display: swap;
33
- src: url("./fonts/MuseoSlabLight.woff2") format("woff2");
33
+ src: url("./fonts/MuseoSlab300.woff2") format("woff2");
34
34
  }
35
35
 
36
36
  @font-face {
37
37
  font-family: museo-slab;
38
38
  font-weight: 500;
39
39
  font-display: swap;
40
- src: url("./fonts/MuseoSlabMedium.woff2") format("woff2");
40
+ src: url("./fonts/MuseoSlab500.woff2") format("woff2");
41
41
  }
42
42
 
43
43
  @font-face {
44
44
  font-family: museo-slab;
45
45
  font-weight: 700;
46
46
  font-display: swap;
47
- src: url("./fonts/MuseoSlabBold.woff2") format("woff2");
47
+ src: url("./fonts/MuseoSlab700.woff2") format("woff2");
48
48
  }
49
49
 
50
50
  @font-face {
51
- font-family: museo-sans;
51
+ font-family: museo-slab;
52
52
  font-weight: 900;
53
53
  font-display: swap;
54
- src: url("./fonts/MuseoSlabExtraBold.woff2") format("woff2");
54
+ src: url("./fonts/MuseoSlab900.woff2") format("woff2");
55
55
  }
package/dist/fonts.min.css CHANGED
@@ -1 +1 @@
1
- @font-face{font-family:museo-sans;font-weight:300;font-display:swap;src:url(./fonts/MuseoSansLight.woff2)format("woff2")}@font-face{font-family:museo-sans;font-weight:500;font-display:swap;src:url(./fonts/MuseoSansMedium.woff2)format("woff2")}@font-face{font-family:museo-sans;font-weight:700;font-display:swap;src:url(./fonts/MuseoSansBold.woff2)format("woff2")}@font-face{font-family:museo-sans;font-weight:900;font-display:swap;src:url(./fonts/MuseoSansExtraBold.woff2)format("woff2")}@font-face{font-family:museo-slab;font-weight:300;font-display:swap;src:url(./fonts/MuseoSlabLight.woff2)format("woff2")}@font-face{font-family:museo-slab;font-weight:500;font-display:swap;src:url(./fonts/MuseoSlabMedium.woff2)format("woff2")}@font-face{font-family:museo-slab;font-weight:700;font-display:swap;src:url(./fonts/MuseoSlabBold.woff2)format("woff2")}@font-face{font-family:museo-sans;font-weight:900;font-display:swap;src:url(./fonts/MuseoSlabExtraBold.woff2)format("woff2")}
1
+ @font-face{font-family:museo-sans;font-weight:300;font-display:swap;src:url(./fonts/MuseoSans300.woff2)format("woff2")}@font-face{font-family:museo-sans;font-weight:500;font-display:swap;src:url(./fonts/MuseoSans500.woff2)format("woff2")}@font-face{font-family:museo-sans;font-weight:700;font-display:swap;src:url(./fonts/MuseoSans700.woff2)format("woff2")}@font-face{font-family:museo-sans;font-weight:900;font-display:swap;src:url(./fonts/MuseoSans900.woff2)format("woff2")}@font-face{font-family:museo-slab;font-weight:300;font-display:swap;src:url(./fonts/MuseoSlab300.woff2)format("woff2")}@font-face{font-family:museo-slab;font-weight:500;font-display:swap;src:url(./fonts/MuseoSlab500.woff2)format("woff2")}@font-face{font-family:museo-slab;font-weight:700;font-display:swap;src:url(./fonts/MuseoSlab700.woff2)format("woff2")}@font-face{font-family:museo-slab;font-weight:900;font-display:swap;src:url(./fonts/MuseoSlab900.woff2)format("woff2")}
package/dist/index.css CHANGED
@@ -2,6 +2,7 @@
2
2
  :root, :host {
3
3
  --bi-basic-key: #000;
4
4
  --bi-basic-white: #fff;
5
+ --bi-neutral-0: #fafbfc;
5
6
  --bi-neutral-5: #f5f7fa;
6
7
  --bi-neutral-10: #e4e8ed;
7
8
  --bi-neutral-15: #d5dde4;
@@ -12,11 +13,13 @@
12
13
  --bi-neutral-50: #597694;
13
14
  --bi-neutral-60: #475e75;
14
15
  --bi-neutral-70: #3e5266;
15
- --bi-neutral-80: #344557;
16
- --bi-neutral-85: #303f4f;
17
- --bi-neutral-90: #2b3947;
18
- --bi-neutral-95: #26333f;
19
- --bi-neutral-100: #222d38;
16
+ --bi-neutral-75: #344557;
17
+ --bi-neutral-80: #303f4f;
18
+ --bi-neutral-85: #2b3947;
19
+ --bi-neutral-90: #26333f;
20
+ --bi-neutral-95: #222d38;
21
+ --bi-neutral-100: #171f26;
22
+ --bi-primary-0: #ebf3ff;
20
23
  --bi-primary-5: #d9e6f9;
21
24
  --bi-primary-10: #c5d9f7;
22
25
  --bi-primary-15: #b2cdf4;
@@ -27,11 +30,13 @@
27
30
  --bi-primary-50: #0a64ff;
28
31
  --bi-primary-60: #0b4db4;
29
32
  --bi-primary-70: #0b49a1;
30
- --bi-primary-80: #0c468f;
31
- --bi-primary-85: #093f82;
32
- --bi-primary-90: #083a76;
33
- --bi-primary-95: #042f5b;
34
- --bi-primary-100: #002341;
33
+ --bi-primary-75: #0c468f;
34
+ --bi-primary-80: #093f82;
35
+ --bi-primary-85: #083a76;
36
+ --bi-primary-90: #042f5b;
37
+ --bi-primary-95: #002341;
38
+ --bi-primary-100: #001932;
39
+ --bi-secondary-0: #fffbeb;
35
40
  --bi-secondary-5: #fcf6df;
36
41
  --bi-secondary-10: #fff2bf;
37
42
  --bi-secondary-15: #ffea95;
@@ -42,11 +47,13 @@
42
47
  --bi-secondary-50: #ffcd00;
43
48
  --bi-secondary-60: #deb300;
44
49
  --bi-secondary-70: #bd9800;
45
- --bi-secondary-80: #9d7e00;
46
- --bi-secondary-85: #7c6400;
47
- --bi-secondary-90: #5b4900;
48
- --bi-secondary-95: #4a3c01;
49
- --bi-secondary-100: #3a2f00;
50
+ --bi-secondary-75: #9d7e00;
51
+ --bi-secondary-80: #7c6400;
52
+ --bi-secondary-85: #5b4900;
53
+ --bi-secondary-90: #4a3c01;
54
+ --bi-secondary-95: #3a2f00;
55
+ --bi-secondary-100: #262000;
56
+ --bi-info-0: #f3ebff;
50
57
  --bi-info-5: #e6d5ff;
51
58
  --bi-info-10: #d9bfff;
52
59
  --bi-info-15: #cdaaff;
@@ -57,11 +64,13 @@
57
64
  --bi-info-50: #6900ff;
58
65
  --bi-info-60: #5c03dc;
59
66
  --bi-info-70: #4f05b9;
60
- --bi-info-80: #420896;
61
- --bi-info-85: #3b0984;
62
- --bi-info-90: #350a73;
63
- --bi-info-95: #2e0b61;
64
- --bi-info-100: #280d50;
67
+ --bi-info-75: #420896;
68
+ --bi-info-80: #3b0984;
69
+ --bi-info-85: #350a73;
70
+ --bi-info-90: #2e0b61;
71
+ --bi-info-95: #280d50;
72
+ --bi-info-100: #1a0833;
73
+ --bi-warning-0: #fffbeb;
65
74
  --bi-warning-5: #fff7d5;
66
75
  --bi-warning-10: #fff2bf;
67
76
  --bi-warning-15: #ffea95;
@@ -72,11 +81,13 @@
72
81
  --bi-warning-50: #ffcd00;
73
82
  --bi-warning-60: #deb300;
74
83
  --bi-warning-70: #bd9800;
75
- --bi-warning-80: #9d7e00;
76
- --bi-warning-85: #7c6400;
77
- --bi-warning-90: #5b4900;
78
- --bi-warning-95: #4a3c01;
79
- --bi-warning-100: #3a2f00;
84
+ --bi-warning-75: #9d7e00;
85
+ --bi-warning-80: #7c6400;
86
+ --bi-warning-85: #5b4900;
87
+ --bi-warning-90: #4a3c01;
88
+ --bi-warning-95: #3a2f00;
89
+ --bi-warning-100: #262000;
90
+ --bi-success-0: #ebffeb;
80
91
  --bi-success-5: #d5f4d6;
81
92
  --bi-success-10: #bfeec2;
82
93
  --bi-success-15: #aae8ae;
@@ -87,11 +98,13 @@
87
98
  --bi-success-50: #00ab0b;
88
99
  --bi-success-60: #04a30d;
89
100
  --bi-success-70: #078b0f;
90
- --bi-success-80: #0b7411;
91
- --bi-success-85: #0f5d13;
92
- --bi-success-90: #124515;
93
- --bi-success-95: #143a16;
94
- --bi-success-100: #162e17;
101
+ --bi-success-75: #0b7411;
102
+ --bi-success-80: #0f5d13;
103
+ --bi-success-85: #124515;
104
+ --bi-success-90: #143a16;
105
+ --bi-success-95: #162e17;
106
+ --bi-success-100: #0f1f0f;
107
+ --bi-alert-0: #fff1f0;
95
108
  --bi-alert-5: #ffe1df;
96
109
  --bi-alert-10: #ffd7d5;
97
110
  --bi-alert-15: #ffc3bf;
@@ -102,11 +115,12 @@
102
115
  --bi-alert-50: #ff0f00;
103
116
  --bi-alert-60: #e41100;
104
117
  --bi-alert-70: #c91300;
105
- --bi-alert-80: #ae1601;
106
- --bi-alert-85: #931801;
107
- --bi-alert-90: #731a15;
108
- --bi-alert-95: #6a1b16;
109
- --bi-alert-100: #5d1c18;
118
+ --bi-alert-75: #ae1601;
119
+ --bi-alert-80: #931801;
120
+ --bi-alert-85: #731a15;
121
+ --bi-alert-90: #6a1b16;
122
+ --bi-alert-95: #5d1c18;
123
+ --bi-alert-100: #401410;
110
124
  --bi-scale-0: 0;
111
125
  --bi-scale-0-25x: .0625rem;
112
126
  --bi-scale-0-50x: .125rem;
@@ -164,8 +178,8 @@
164
178
  --bi-icon-large: var(--bi-scale-8x);
165
179
  --bi-icon-xl: var(--bi-scale-10x);
166
180
  --bi-icon-2xl: var(--bi-scale-11x);
167
- --bi-icon-primary: var(--bi-neutral-95);
168
- --bi-icon-secondary: var(--bi-neutral-50);
181
+ --bi-icon-primary: var(--bi-neutral-90);
182
+ --bi-icon-secondary: var(--bi-neutral-60);
169
183
  --bi-icon-disabled: var(--bi-neutral-50);
170
184
  --bi-icon-link: var(--bi-primary-50);
171
185
  --bi-layout-navbar-height: var(--bi-scale-16x);
@@ -267,56 +281,56 @@ summary {
267
281
  font-family: museo-sans;
268
282
  font-weight: 300;
269
283
  font-display: swap;
270
- src: url("./fonts/MuseoSansLight.woff2") format("woff2");
284
+ src: url("./fonts/MuseoSans300.woff2") format("woff2");
271
285
  }
272
286
 
273
287
  @font-face {
274
288
  font-family: museo-sans;
275
289
  font-weight: 500;
276
290
  font-display: swap;
277
- src: url("./fonts/MuseoSansMedium.woff2") format("woff2");
291
+ src: url("./fonts/MuseoSans500.woff2") format("woff2");
278
292
  }
279
293
 
280
294
  @font-face {
281
295
  font-family: museo-sans;
282
296
  font-weight: 700;
283
297
  font-display: swap;
284
- src: url("./fonts/MuseoSansBold.woff2") format("woff2");
298
+ src: url("./fonts/MuseoSans700.woff2") format("woff2");
285
299
  }
286
300
 
287
301
  @font-face {
288
302
  font-family: museo-sans;
289
303
  font-weight: 900;
290
304
  font-display: swap;
291
- src: url("./fonts/MuseoSansExtraBold.woff2") format("woff2");
305
+ src: url("./fonts/MuseoSans900.woff2") format("woff2");
292
306
  }
293
307
 
294
308
  @font-face {
295
309
  font-family: museo-slab;
296
310
  font-weight: 300;
297
311
  font-display: swap;
298
- src: url("./fonts/MuseoSlabLight.woff2") format("woff2");
312
+ src: url("./fonts/MuseoSlab300.woff2") format("woff2");
299
313
  }
300
314
 
301
315
  @font-face {
302
316
  font-family: museo-slab;
303
317
  font-weight: 500;
304
318
  font-display: swap;
305
- src: url("./fonts/MuseoSlabMedium.woff2") format("woff2");
319
+ src: url("./fonts/MuseoSlab500.woff2") format("woff2");
306
320
  }
307
321
 
308
322
  @font-face {
309
323
  font-family: museo-slab;
310
324
  font-weight: 700;
311
325
  font-display: swap;
312
- src: url("./fonts/MuseoSlabBold.woff2") format("woff2");
326
+ src: url("./fonts/MuseoSlab700.woff2") format("woff2");
313
327
  }
314
328
 
315
329
  @font-face {
316
- font-family: museo-sans;
330
+ font-family: museo-slab;
317
331
  font-weight: 900;
318
332
  font-display: swap;
319
- src: url("./fonts/MuseoSlabExtraBold.woff2") format("woff2");
333
+ src: url("./fonts/MuseoSlab900.woff2") format("woff2");
320
334
  }
321
335
 
322
336
  @media print {
@@ -375,6 +389,10 @@ body, :host {
375
389
  line-height: 1.5;
376
390
  }
377
391
 
378
- :is(html:has(bi-navbar), html:has(bi-in-page-links)) {
392
+ html:has(bi-navbar) {
393
+ scroll-padding-top: var(--bi-layout-navbar-height);
394
+ }
395
+
396
+ html:has(bi-in-page-links) {
379
397
  scroll-padding-top: var(--bi-layout-navbar-height);
380
398
  }
package/dist/index.min.css CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
2
- :root,:host{--bi-basic-key:#000;--bi-basic-white:#fff;--bi-neutral-5:#f5f7fa;--bi-neutral-10:#e4e8ed;--bi-neutral-15:#d5dde4;--bi-neutral-20:#c8d1db;--bi-neutral-25:#bac6d2;--bi-neutral-30:#acbbca;--bi-neutral-40:#90a3b7;--bi-neutral-50:#597694;--bi-neutral-60:#475e75;--bi-neutral-70:#3e5266;--bi-neutral-80:#344557;--bi-neutral-85:#303f4f;--bi-neutral-90:#2b3947;--bi-neutral-95:#26333f;--bi-neutral-100:#222d38;--bi-primary-5:#d9e6f9;--bi-primary-10:#c5d9f7;--bi-primary-15:#b2cdf4;--bi-primary-20:#9ec0f1;--bi-primary-25:#8bb3ee;--bi-primary-30:#75a5f1;--bi-primary-40:#6196f4;--bi-primary-50:#0a64ff;--bi-primary-60:#0b4db4;--bi-primary-70:#0b49a1;--bi-primary-80:#0c468f;--bi-primary-85:#093f82;--bi-primary-90:#083a76;--bi-primary-95:#042f5b;--bi-primary-100:#002341;--bi-secondary-5:#fcf6df;--bi-secondary-10:#fff2bf;--bi-secondary-15:#ffea95;--bi-secondary-20:#ffe680;--bi-secondary-25:#ffe26a;--bi-secondary-30:#ffde55;--bi-secondary-40:#ffd52b;--bi-secondary-50:#ffcd00;--bi-secondary-60:#deb300;--bi-secondary-70:#bd9800;--bi-secondary-80:#9d7e00;--bi-secondary-85:#7c6400;--bi-secondary-90:#5b4900;--bi-secondary-95:#4a3c01;--bi-secondary-100:#3a2f00;--bi-info-5:#e6d5ff;--bi-info-10:#d9bfff;--bi-info-15:#cdaaff;--bi-info-20:#c094ff;--bi-info-25:#b480ff;--bi-info-30:#a76aff;--bi-info-40:#822bff;--bi-info-50:#6900ff;--bi-info-60:#5c03dc;--bi-info-70:#4f05b9;--bi-info-80:#420896;--bi-info-85:#3b0984;--bi-info-90:#350a73;--bi-info-95:#2e0b61;--bi-info-100:#280d50;--bi-warning-5:#fff7d5;--bi-warning-10:#fff2bf;--bi-warning-15:#ffea95;--bi-warning-20:#ffe680;--bi-warning-25:#ffe26a;--bi-warning-30:#ffde55;--bi-warning-40:#ffd52b;--bi-warning-50:#ffcd00;--bi-warning-60:#deb300;--bi-warning-70:#bd9800;--bi-warning-80:#9d7e00;--bi-warning-85:#7c6400;--bi-warning-90:#5b4900;--bi-warning-95:#4a3c01;--bi-warning-100:#3a2f00;--bi-success-5:#d5f4d6;--bi-success-10:#bfeec2;--bi-success-15:#aae8ae;--bi-success-20:#95e299;--bi-success-25:#80dd85;--bi-success-30:#55d15c;--bi-success-40:#2bc634;--bi-success-50:#00ab0b;--bi-success-60:#04a30d;--bi-success-70:#078b0f;--bi-success-80:#0b7411;--bi-success-85:#0f5d13;--bi-success-90:#124515;--bi-success-95:#143a16;--bi-success-100:#162e17;--bi-alert-5:#ffe1df;--bi-alert-10:#ffd7d5;--bi-alert-15:#ffc3bf;--bi-alert-20:#ffafaa;--bi-alert-25:#ff8780;--bi-alert-30:#ff5f55;--bi-alert-40:#ff372b;--bi-alert-50:#ff0f00;--bi-alert-60:#e41100;--bi-alert-70:#c91300;--bi-alert-80:#ae1601;--bi-alert-85:#931801;--bi-alert-90:#731a15;--bi-alert-95:#6a1b16;--bi-alert-100:#5d1c18;--bi-scale-0:0;--bi-scale-0-25x:.0625rem;--bi-scale-0-50x:.125rem;--bi-scale-0-75x:.1875rem;--bi-scale-1x:.25rem;--bi-scale-1-5x:.375rem;--bi-scale-2x:.5rem;--bi-scale-3x:.75rem;--bi-scale-4x:1rem;--bi-scale-5x:1.25rem;--bi-scale-6x:1.5rem;--bi-scale-8x:2rem;--bi-scale-9x:2.25rem;--bi-scale-10x:2.5rem;--bi-scale-11x:2.75rem;--bi-scale-12x:3rem;--bi-scale-14x:3.5rem;--bi-scale-16x:4rem;--bi-scale-20x:5rem;--bi-scale-24x:6rem;--bi-scale-32x:8rem;--bi-scale-36x:9rem;--bi-scale-40x:10rem;--bi-scale-48x:12rem;--bi-scale-56x:14rem;--bi-scale-64x:16rem;--bi-scale-80x:20rem;--bi-scale-max:624.938rem;--bi-opacity-dark-80:#26333f33;--bi-opacity-dark-50:#26333f80;--bi-opacity-light-100:#fff0;--bi-opacity-light-80:#fff3;--bi-opacity-light-50:#ffffff80;--bi-stroke-default:.09375rem;--bi-elevation-25:#26333f26;--bi-states-hover-dark:#26333f1a;--bi-states-hover-light:#ffffff1a;--bi-states-press-dark:#26333f26;--bi-states-press-light:#ffffff26;--bi-stroke-none:var(--bi-scale-0);--bi-stroke-thin:var(--bi-scale-0-25x);--bi-stroke-thick:var(--bi-scale-0-50x);--bi-stroke-color-1:var(--bi-neutral-15);--bi-stroke-color-2:var(--bi-neutral-25);--bi-stroke-color-3:var(--bi-neutral-50);--bi-radius-none:var(--bi-scale-0);--bi-radius-small:var(--bi-scale-0-50x);--bi-radius-medium:var(--bi-scale-1x);--bi-radius-large:var(--bi-scale-2x);--bi-radius-xl:var(--bi-scale-3x);--bi-radius-brand:var(--bi-scale-12x);--bi-radius-full:var(--bi-scale-max);--bi-icon-small:var(--bi-scale-5x);--bi-icon-medium:var(--bi-scale-6x);--bi-icon-large:var(--bi-scale-8x);--bi-icon-xl:var(--bi-scale-10x);--bi-icon-2xl:var(--bi-scale-11x);--bi-icon-primary:var(--bi-neutral-95);--bi-icon-secondary:var(--bi-neutral-50);--bi-icon-disabled:var(--bi-neutral-50);--bi-icon-link:var(--bi-primary-50);--bi-layout-navbar-height:var(--bi-scale-16x)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;tab-size:4;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentColor}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}@font-face{font-family:museo-sans;font-weight:300;font-display:swap;src:url(./fonts/MuseoSansLight.woff2)format("woff2")}@font-face{font-family:museo-sans;font-weight:500;font-display:swap;src:url(./fonts/MuseoSansMedium.woff2)format("woff2")}@font-face{font-family:museo-sans;font-weight:700;font-display:swap;src:url(./fonts/MuseoSansBold.woff2)format("woff2")}@font-face{font-family:museo-sans;font-weight:900;font-display:swap;src:url(./fonts/MuseoSansExtraBold.woff2)format("woff2")}@font-face{font-family:museo-slab;font-weight:300;font-display:swap;src:url(./fonts/MuseoSlabLight.woff2)format("woff2")}@font-face{font-family:museo-slab;font-weight:500;font-display:swap;src:url(./fonts/MuseoSlabMedium.woff2)format("woff2")}@font-face{font-family:museo-slab;font-weight:700;font-display:swap;src:url(./fonts/MuseoSlabBold.woff2)format("woff2")}@font-face{font-family:museo-sans;font-weight:900;font-display:swap;src:url(./fonts/MuseoSlabExtraBold.woff2)format("woff2")}@media print{*,:before,:after{color:#000!important;box-shadow:none!important;text-shadow:none!important;background:#fff!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href)")"}abbr[title]:after{content:" (" attr(title)")"}a[href^=\#]:after,a[href^=javascript\:]:after{content:""}pre{white-space:pre-wrap!important}pre,blockquote{page-break-inside:avoid;border:1px solid #999}thead{display:table-header-group}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}body,:host{font-family:museo-sans,Arial,sans-serif,system-ui;line-height:1.5}:is(html:has(bi-navbar),html:has(bi-in-page-links)){scroll-padding-top:var(--bi-layout-navbar-height)}
2
+ :root,:host{--bi-basic-key:#000;--bi-basic-white:#fff;--bi-neutral-0:#fafbfc;--bi-neutral-5:#f5f7fa;--bi-neutral-10:#e4e8ed;--bi-neutral-15:#d5dde4;--bi-neutral-20:#c8d1db;--bi-neutral-25:#bac6d2;--bi-neutral-30:#acbbca;--bi-neutral-40:#90a3b7;--bi-neutral-50:#597694;--bi-neutral-60:#475e75;--bi-neutral-70:#3e5266;--bi-neutral-75:#344557;--bi-neutral-80:#303f4f;--bi-neutral-85:#2b3947;--bi-neutral-90:#26333f;--bi-neutral-95:#222d38;--bi-neutral-100:#171f26;--bi-primary-0:#ebf3ff;--bi-primary-5:#d9e6f9;--bi-primary-10:#c5d9f7;--bi-primary-15:#b2cdf4;--bi-primary-20:#9ec0f1;--bi-primary-25:#8bb3ee;--bi-primary-30:#75a5f1;--bi-primary-40:#6196f4;--bi-primary-50:#0a64ff;--bi-primary-60:#0b4db4;--bi-primary-70:#0b49a1;--bi-primary-75:#0c468f;--bi-primary-80:#093f82;--bi-primary-85:#083a76;--bi-primary-90:#042f5b;--bi-primary-95:#002341;--bi-primary-100:#001932;--bi-secondary-0:#fffbeb;--bi-secondary-5:#fcf6df;--bi-secondary-10:#fff2bf;--bi-secondary-15:#ffea95;--bi-secondary-20:#ffe680;--bi-secondary-25:#ffe26a;--bi-secondary-30:#ffde55;--bi-secondary-40:#ffd52b;--bi-secondary-50:#ffcd00;--bi-secondary-60:#deb300;--bi-secondary-70:#bd9800;--bi-secondary-75:#9d7e00;--bi-secondary-80:#7c6400;--bi-secondary-85:#5b4900;--bi-secondary-90:#4a3c01;--bi-secondary-95:#3a2f00;--bi-secondary-100:#262000;--bi-info-0:#f3ebff;--bi-info-5:#e6d5ff;--bi-info-10:#d9bfff;--bi-info-15:#cdaaff;--bi-info-20:#c094ff;--bi-info-25:#b480ff;--bi-info-30:#a76aff;--bi-info-40:#822bff;--bi-info-50:#6900ff;--bi-info-60:#5c03dc;--bi-info-70:#4f05b9;--bi-info-75:#420896;--bi-info-80:#3b0984;--bi-info-85:#350a73;--bi-info-90:#2e0b61;--bi-info-95:#280d50;--bi-info-100:#1a0833;--bi-warning-0:#fffbeb;--bi-warning-5:#fff7d5;--bi-warning-10:#fff2bf;--bi-warning-15:#ffea95;--bi-warning-20:#ffe680;--bi-warning-25:#ffe26a;--bi-warning-30:#ffde55;--bi-warning-40:#ffd52b;--bi-warning-50:#ffcd00;--bi-warning-60:#deb300;--bi-warning-70:#bd9800;--bi-warning-75:#9d7e00;--bi-warning-80:#7c6400;--bi-warning-85:#5b4900;--bi-warning-90:#4a3c01;--bi-warning-95:#3a2f00;--bi-warning-100:#262000;--bi-success-0:#ebffeb;--bi-success-5:#d5f4d6;--bi-success-10:#bfeec2;--bi-success-15:#aae8ae;--bi-success-20:#95e299;--bi-success-25:#80dd85;--bi-success-30:#55d15c;--bi-success-40:#2bc634;--bi-success-50:#00ab0b;--bi-success-60:#04a30d;--bi-success-70:#078b0f;--bi-success-75:#0b7411;--bi-success-80:#0f5d13;--bi-success-85:#124515;--bi-success-90:#143a16;--bi-success-95:#162e17;--bi-success-100:#0f1f0f;--bi-alert-0:#fff1f0;--bi-alert-5:#ffe1df;--bi-alert-10:#ffd7d5;--bi-alert-15:#ffc3bf;--bi-alert-20:#ffafaa;--bi-alert-25:#ff8780;--bi-alert-30:#ff5f55;--bi-alert-40:#ff372b;--bi-alert-50:#ff0f00;--bi-alert-60:#e41100;--bi-alert-70:#c91300;--bi-alert-75:#ae1601;--bi-alert-80:#931801;--bi-alert-85:#731a15;--bi-alert-90:#6a1b16;--bi-alert-95:#5d1c18;--bi-alert-100:#401410;--bi-scale-0:0;--bi-scale-0-25x:.0625rem;--bi-scale-0-50x:.125rem;--bi-scale-0-75x:.1875rem;--bi-scale-1x:.25rem;--bi-scale-1-5x:.375rem;--bi-scale-2x:.5rem;--bi-scale-3x:.75rem;--bi-scale-4x:1rem;--bi-scale-5x:1.25rem;--bi-scale-6x:1.5rem;--bi-scale-8x:2rem;--bi-scale-9x:2.25rem;--bi-scale-10x:2.5rem;--bi-scale-11x:2.75rem;--bi-scale-12x:3rem;--bi-scale-14x:3.5rem;--bi-scale-16x:4rem;--bi-scale-20x:5rem;--bi-scale-24x:6rem;--bi-scale-32x:8rem;--bi-scale-36x:9rem;--bi-scale-40x:10rem;--bi-scale-48x:12rem;--bi-scale-56x:14rem;--bi-scale-64x:16rem;--bi-scale-80x:20rem;--bi-scale-max:624.938rem;--bi-opacity-dark-80:#26333f33;--bi-opacity-dark-50:#26333f80;--bi-opacity-light-100:#fff0;--bi-opacity-light-80:#fff3;--bi-opacity-light-50:#ffffff80;--bi-stroke-default:.09375rem;--bi-elevation-25:#26333f26;--bi-states-hover-dark:#26333f1a;--bi-states-hover-light:#ffffff1a;--bi-states-press-dark:#26333f26;--bi-states-press-light:#ffffff26;--bi-stroke-none:var(--bi-scale-0);--bi-stroke-thin:var(--bi-scale-0-25x);--bi-stroke-thick:var(--bi-scale-0-50x);--bi-stroke-color-1:var(--bi-neutral-15);--bi-stroke-color-2:var(--bi-neutral-25);--bi-stroke-color-3:var(--bi-neutral-50);--bi-radius-none:var(--bi-scale-0);--bi-radius-small:var(--bi-scale-0-50x);--bi-radius-medium:var(--bi-scale-1x);--bi-radius-large:var(--bi-scale-2x);--bi-radius-xl:var(--bi-scale-3x);--bi-radius-brand:var(--bi-scale-12x);--bi-radius-full:var(--bi-scale-max);--bi-icon-small:var(--bi-scale-5x);--bi-icon-medium:var(--bi-scale-6x);--bi-icon-large:var(--bi-scale-8x);--bi-icon-xl:var(--bi-scale-10x);--bi-icon-2xl:var(--bi-scale-11x);--bi-icon-primary:var(--bi-neutral-90);--bi-icon-secondary:var(--bi-neutral-60);--bi-icon-disabled:var(--bi-neutral-50);--bi-icon-link:var(--bi-primary-50);--bi-layout-navbar-height:var(--bi-scale-16x)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;tab-size:4;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentColor}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}@font-face{font-family:museo-sans;font-weight:300;font-display:swap;src:url(./fonts/MuseoSans300.woff2)format("woff2")}@font-face{font-family:museo-sans;font-weight:500;font-display:swap;src:url(./fonts/MuseoSans500.woff2)format("woff2")}@font-face{font-family:museo-sans;font-weight:700;font-display:swap;src:url(./fonts/MuseoSans700.woff2)format("woff2")}@font-face{font-family:museo-sans;font-weight:900;font-display:swap;src:url(./fonts/MuseoSans900.woff2)format("woff2")}@font-face{font-family:museo-slab;font-weight:300;font-display:swap;src:url(./fonts/MuseoSlab300.woff2)format("woff2")}@font-face{font-family:museo-slab;font-weight:500;font-display:swap;src:url(./fonts/MuseoSlab500.woff2)format("woff2")}@font-face{font-family:museo-slab;font-weight:700;font-display:swap;src:url(./fonts/MuseoSlab700.woff2)format("woff2")}@font-face{font-family:museo-slab;font-weight:900;font-display:swap;src:url(./fonts/MuseoSlab900.woff2)format("woff2")}@media print{*,:before,:after{color:#000!important;box-shadow:none!important;text-shadow:none!important;background:#fff!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href)")"}abbr[title]:after{content:" (" attr(title)")"}a[href^=\#]:after,a[href^=javascript\:]:after{content:""}pre{white-space:pre-wrap!important}pre,blockquote{page-break-inside:avoid;border:1px solid #999}thead{display:table-header-group}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}body,:host{font-family:museo-sans,Arial,sans-serif,system-ui;line-height:1.5}html:has(bi-navbar){scroll-padding-top:var(--bi-layout-navbar-height)}html:has(bi-in-page-links){scroll-padding-top:var(--bi-layout-navbar-height)}
package/dist/tokens.css CHANGED
@@ -1,6 +1,7 @@
1
1
  :root, :host {
2
2
  --bi-basic-key: #000;
3
3
  --bi-basic-white: #fff;
4
+ --bi-neutral-0: #fafbfc;
4
5
  --bi-neutral-5: #f5f7fa;
5
6
  --bi-neutral-10: #e4e8ed;
6
7
  --bi-neutral-15: #d5dde4;
@@ -11,11 +12,13 @@
11
12
  --bi-neutral-50: #597694;
12
13
  --bi-neutral-60: #475e75;
13
14
  --bi-neutral-70: #3e5266;
14
- --bi-neutral-80: #344557;
15
- --bi-neutral-85: #303f4f;
16
- --bi-neutral-90: #2b3947;
17
- --bi-neutral-95: #26333f;
18
- --bi-neutral-100: #222d38;
15
+ --bi-neutral-75: #344557;
16
+ --bi-neutral-80: #303f4f;
17
+ --bi-neutral-85: #2b3947;
18
+ --bi-neutral-90: #26333f;
19
+ --bi-neutral-95: #222d38;
20
+ --bi-neutral-100: #171f26;
21
+ --bi-primary-0: #ebf3ff;
19
22
  --bi-primary-5: #d9e6f9;
20
23
  --bi-primary-10: #c5d9f7;
21
24
  --bi-primary-15: #b2cdf4;
@@ -26,11 +29,13 @@
26
29
  --bi-primary-50: #0a64ff;
27
30
  --bi-primary-60: #0b4db4;
28
31
  --bi-primary-70: #0b49a1;
29
- --bi-primary-80: #0c468f;
30
- --bi-primary-85: #093f82;
31
- --bi-primary-90: #083a76;
32
- --bi-primary-95: #042f5b;
33
- --bi-primary-100: #002341;
32
+ --bi-primary-75: #0c468f;
33
+ --bi-primary-80: #093f82;
34
+ --bi-primary-85: #083a76;
35
+ --bi-primary-90: #042f5b;
36
+ --bi-primary-95: #002341;
37
+ --bi-primary-100: #001932;
38
+ --bi-secondary-0: #fffbeb;
34
39
  --bi-secondary-5: #fcf6df;
35
40
  --bi-secondary-10: #fff2bf;
36
41
  --bi-secondary-15: #ffea95;
@@ -41,11 +46,13 @@
41
46
  --bi-secondary-50: #ffcd00;
42
47
  --bi-secondary-60: #deb300;
43
48
  --bi-secondary-70: #bd9800;
44
- --bi-secondary-80: #9d7e00;
45
- --bi-secondary-85: #7c6400;
46
- --bi-secondary-90: #5b4900;
47
- --bi-secondary-95: #4a3c01;
48
- --bi-secondary-100: #3a2f00;
49
+ --bi-secondary-75: #9d7e00;
50
+ --bi-secondary-80: #7c6400;
51
+ --bi-secondary-85: #5b4900;
52
+ --bi-secondary-90: #4a3c01;
53
+ --bi-secondary-95: #3a2f00;
54
+ --bi-secondary-100: #262000;
55
+ --bi-info-0: #f3ebff;
49
56
  --bi-info-5: #e6d5ff;
50
57
  --bi-info-10: #d9bfff;
51
58
  --bi-info-15: #cdaaff;
@@ -56,11 +63,13 @@
56
63
  --bi-info-50: #6900ff;
57
64
  --bi-info-60: #5c03dc;
58
65
  --bi-info-70: #4f05b9;
59
- --bi-info-80: #420896;
60
- --bi-info-85: #3b0984;
61
- --bi-info-90: #350a73;
62
- --bi-info-95: #2e0b61;
63
- --bi-info-100: #280d50;
66
+ --bi-info-75: #420896;
67
+ --bi-info-80: #3b0984;
68
+ --bi-info-85: #350a73;
69
+ --bi-info-90: #2e0b61;
70
+ --bi-info-95: #280d50;
71
+ --bi-info-100: #1a0833;
72
+ --bi-warning-0: #fffbeb;
64
73
  --bi-warning-5: #fff7d5;
65
74
  --bi-warning-10: #fff2bf;
66
75
  --bi-warning-15: #ffea95;
@@ -71,11 +80,13 @@
71
80
  --bi-warning-50: #ffcd00;
72
81
  --bi-warning-60: #deb300;
73
82
  --bi-warning-70: #bd9800;
74
- --bi-warning-80: #9d7e00;
75
- --bi-warning-85: #7c6400;
76
- --bi-warning-90: #5b4900;
77
- --bi-warning-95: #4a3c01;
78
- --bi-warning-100: #3a2f00;
83
+ --bi-warning-75: #9d7e00;
84
+ --bi-warning-80: #7c6400;
85
+ --bi-warning-85: #5b4900;
86
+ --bi-warning-90: #4a3c01;
87
+ --bi-warning-95: #3a2f00;
88
+ --bi-warning-100: #262000;
89
+ --bi-success-0: #ebffeb;
79
90
  --bi-success-5: #d5f4d6;
80
91
  --bi-success-10: #bfeec2;
81
92
  --bi-success-15: #aae8ae;
@@ -86,11 +97,13 @@
86
97
  --bi-success-50: #00ab0b;
87
98
  --bi-success-60: #04a30d;
88
99
  --bi-success-70: #078b0f;
89
- --bi-success-80: #0b7411;
90
- --bi-success-85: #0f5d13;
91
- --bi-success-90: #124515;
92
- --bi-success-95: #143a16;
93
- --bi-success-100: #162e17;
100
+ --bi-success-75: #0b7411;
101
+ --bi-success-80: #0f5d13;
102
+ --bi-success-85: #124515;
103
+ --bi-success-90: #143a16;
104
+ --bi-success-95: #162e17;
105
+ --bi-success-100: #0f1f0f;
106
+ --bi-alert-0: #fff1f0;
94
107
  --bi-alert-5: #ffe1df;
95
108
  --bi-alert-10: #ffd7d5;
96
109
  --bi-alert-15: #ffc3bf;
@@ -101,11 +114,12 @@
101
114
  --bi-alert-50: #ff0f00;
102
115
  --bi-alert-60: #e41100;
103
116
  --bi-alert-70: #c91300;
104
- --bi-alert-80: #ae1601;
105
- --bi-alert-85: #931801;
106
- --bi-alert-90: #731a15;
107
- --bi-alert-95: #6a1b16;
108
- --bi-alert-100: #5d1c18;
117
+ --bi-alert-75: #ae1601;
118
+ --bi-alert-80: #931801;
119
+ --bi-alert-85: #731a15;
120
+ --bi-alert-90: #6a1b16;
121
+ --bi-alert-95: #5d1c18;
122
+ --bi-alert-100: #401410;
109
123
  --bi-scale-0: 0;
110
124
  --bi-scale-0-25x: .0625rem;
111
125
  --bi-scale-0-50x: .125rem;
@@ -163,8 +177,8 @@
163
177
  --bi-icon-large: var(--bi-scale-8x);
164
178
  --bi-icon-xl: var(--bi-scale-10x);
165
179
  --bi-icon-2xl: var(--bi-scale-11x);
166
- --bi-icon-primary: var(--bi-neutral-95);
167
- --bi-icon-secondary: var(--bi-neutral-50);
180
+ --bi-icon-primary: var(--bi-neutral-90);
181
+ --bi-icon-secondary: var(--bi-neutral-60);
168
182
  --bi-icon-disabled: var(--bi-neutral-50);
169
183
  --bi-icon-link: var(--bi-primary-50);
170
184
  --bi-layout-navbar-height: var(--bi-scale-16x);
package/dist/tokens.min.css CHANGED
@@ -1 +1 @@
1
- :root,:host{--bi-basic-key:#000;--bi-basic-white:#fff;--bi-neutral-5:#f5f7fa;--bi-neutral-10:#e4e8ed;--bi-neutral-15:#d5dde4;--bi-neutral-20:#c8d1db;--bi-neutral-25:#bac6d2;--bi-neutral-30:#acbbca;--bi-neutral-40:#90a3b7;--bi-neutral-50:#597694;--bi-neutral-60:#475e75;--bi-neutral-70:#3e5266;--bi-neutral-80:#344557;--bi-neutral-85:#303f4f;--bi-neutral-90:#2b3947;--bi-neutral-95:#26333f;--bi-neutral-100:#222d38;--bi-primary-5:#d9e6f9;--bi-primary-10:#c5d9f7;--bi-primary-15:#b2cdf4;--bi-primary-20:#9ec0f1;--bi-primary-25:#8bb3ee;--bi-primary-30:#75a5f1;--bi-primary-40:#6196f4;--bi-primary-50:#0a64ff;--bi-primary-60:#0b4db4;--bi-primary-70:#0b49a1;--bi-primary-80:#0c468f;--bi-primary-85:#093f82;--bi-primary-90:#083a76;--bi-primary-95:#042f5b;--bi-primary-100:#002341;--bi-secondary-5:#fcf6df;--bi-secondary-10:#fff2bf;--bi-secondary-15:#ffea95;--bi-secondary-20:#ffe680;--bi-secondary-25:#ffe26a;--bi-secondary-30:#ffde55;--bi-secondary-40:#ffd52b;--bi-secondary-50:#ffcd00;--bi-secondary-60:#deb300;--bi-secondary-70:#bd9800;--bi-secondary-80:#9d7e00;--bi-secondary-85:#7c6400;--bi-secondary-90:#5b4900;--bi-secondary-95:#4a3c01;--bi-secondary-100:#3a2f00;--bi-info-5:#e6d5ff;--bi-info-10:#d9bfff;--bi-info-15:#cdaaff;--bi-info-20:#c094ff;--bi-info-25:#b480ff;--bi-info-30:#a76aff;--bi-info-40:#822bff;--bi-info-50:#6900ff;--bi-info-60:#5c03dc;--bi-info-70:#4f05b9;--bi-info-80:#420896;--bi-info-85:#3b0984;--bi-info-90:#350a73;--bi-info-95:#2e0b61;--bi-info-100:#280d50;--bi-warning-5:#fff7d5;--bi-warning-10:#fff2bf;--bi-warning-15:#ffea95;--bi-warning-20:#ffe680;--bi-warning-25:#ffe26a;--bi-warning-30:#ffde55;--bi-warning-40:#ffd52b;--bi-warning-50:#ffcd00;--bi-warning-60:#deb300;--bi-warning-70:#bd9800;--bi-warning-80:#9d7e00;--bi-warning-85:#7c6400;--bi-warning-90:#5b4900;--bi-warning-95:#4a3c01;--bi-warning-100:#3a2f00;--bi-success-5:#d5f4d6;--bi-success-10:#bfeec2;--bi-success-15:#aae8ae;--bi-success-20:#95e299;--bi-success-25:#80dd85;--bi-success-30:#55d15c;--bi-success-40:#2bc634;--bi-success-50:#00ab0b;--bi-success-60:#04a30d;--bi-success-70:#078b0f;--bi-success-80:#0b7411;--bi-success-85:#0f5d13;--bi-success-90:#124515;--bi-success-95:#143a16;--bi-success-100:#162e17;--bi-alert-5:#ffe1df;--bi-alert-10:#ffd7d5;--bi-alert-15:#ffc3bf;--bi-alert-20:#ffafaa;--bi-alert-25:#ff8780;--bi-alert-30:#ff5f55;--bi-alert-40:#ff372b;--bi-alert-50:#ff0f00;--bi-alert-60:#e41100;--bi-alert-70:#c91300;--bi-alert-80:#ae1601;--bi-alert-85:#931801;--bi-alert-90:#731a15;--bi-alert-95:#6a1b16;--bi-alert-100:#5d1c18;--bi-scale-0:0;--bi-scale-0-25x:.0625rem;--bi-scale-0-50x:.125rem;--bi-scale-0-75x:.1875rem;--bi-scale-1x:.25rem;--bi-scale-1-5x:.375rem;--bi-scale-2x:.5rem;--bi-scale-3x:.75rem;--bi-scale-4x:1rem;--bi-scale-5x:1.25rem;--bi-scale-6x:1.5rem;--bi-scale-8x:2rem;--bi-scale-9x:2.25rem;--bi-scale-10x:2.5rem;--bi-scale-11x:2.75rem;--bi-scale-12x:3rem;--bi-scale-14x:3.5rem;--bi-scale-16x:4rem;--bi-scale-20x:5rem;--bi-scale-24x:6rem;--bi-scale-32x:8rem;--bi-scale-36x:9rem;--bi-scale-40x:10rem;--bi-scale-48x:12rem;--bi-scale-56x:14rem;--bi-scale-64x:16rem;--bi-scale-80x:20rem;--bi-scale-max:624.938rem;--bi-opacity-dark-80:#26333f33;--bi-opacity-dark-50:#26333f80;--bi-opacity-light-100:#fff0;--bi-opacity-light-80:#fff3;--bi-opacity-light-50:#ffffff80;--bi-stroke-default:.09375rem;--bi-elevation-25:#26333f26;--bi-states-hover-dark:#26333f1a;--bi-states-hover-light:#ffffff1a;--bi-states-press-dark:#26333f26;--bi-states-press-light:#ffffff26;--bi-stroke-none:var(--bi-scale-0);--bi-stroke-thin:var(--bi-scale-0-25x);--bi-stroke-thick:var(--bi-scale-0-50x);--bi-stroke-color-1:var(--bi-neutral-15);--bi-stroke-color-2:var(--bi-neutral-25);--bi-stroke-color-3:var(--bi-neutral-50);--bi-radius-none:var(--bi-scale-0);--bi-radius-small:var(--bi-scale-0-50x);--bi-radius-medium:var(--bi-scale-1x);--bi-radius-large:var(--bi-scale-2x);--bi-radius-xl:var(--bi-scale-3x);--bi-radius-brand:var(--bi-scale-12x);--bi-radius-full:var(--bi-scale-max);--bi-icon-small:var(--bi-scale-5x);--bi-icon-medium:var(--bi-scale-6x);--bi-icon-large:var(--bi-scale-8x);--bi-icon-xl:var(--bi-scale-10x);--bi-icon-2xl:var(--bi-scale-11x);--bi-icon-primary:var(--bi-neutral-95);--bi-icon-secondary:var(--bi-neutral-50);--bi-icon-disabled:var(--bi-neutral-50);--bi-icon-link:var(--bi-primary-50);--bi-layout-navbar-height:var(--bi-scale-16x)}
1
+ :root,:host{--bi-basic-key:#000;--bi-basic-white:#fff;--bi-neutral-0:#fafbfc;--bi-neutral-5:#f5f7fa;--bi-neutral-10:#e4e8ed;--bi-neutral-15:#d5dde4;--bi-neutral-20:#c8d1db;--bi-neutral-25:#bac6d2;--bi-neutral-30:#acbbca;--bi-neutral-40:#90a3b7;--bi-neutral-50:#597694;--bi-neutral-60:#475e75;--bi-neutral-70:#3e5266;--bi-neutral-75:#344557;--bi-neutral-80:#303f4f;--bi-neutral-85:#2b3947;--bi-neutral-90:#26333f;--bi-neutral-95:#222d38;--bi-neutral-100:#171f26;--bi-primary-0:#ebf3ff;--bi-primary-5:#d9e6f9;--bi-primary-10:#c5d9f7;--bi-primary-15:#b2cdf4;--bi-primary-20:#9ec0f1;--bi-primary-25:#8bb3ee;--bi-primary-30:#75a5f1;--bi-primary-40:#6196f4;--bi-primary-50:#0a64ff;--bi-primary-60:#0b4db4;--bi-primary-70:#0b49a1;--bi-primary-75:#0c468f;--bi-primary-80:#093f82;--bi-primary-85:#083a76;--bi-primary-90:#042f5b;--bi-primary-95:#002341;--bi-primary-100:#001932;--bi-secondary-0:#fffbeb;--bi-secondary-5:#fcf6df;--bi-secondary-10:#fff2bf;--bi-secondary-15:#ffea95;--bi-secondary-20:#ffe680;--bi-secondary-25:#ffe26a;--bi-secondary-30:#ffde55;--bi-secondary-40:#ffd52b;--bi-secondary-50:#ffcd00;--bi-secondary-60:#deb300;--bi-secondary-70:#bd9800;--bi-secondary-75:#9d7e00;--bi-secondary-80:#7c6400;--bi-secondary-85:#5b4900;--bi-secondary-90:#4a3c01;--bi-secondary-95:#3a2f00;--bi-secondary-100:#262000;--bi-info-0:#f3ebff;--bi-info-5:#e6d5ff;--bi-info-10:#d9bfff;--bi-info-15:#cdaaff;--bi-info-20:#c094ff;--bi-info-25:#b480ff;--bi-info-30:#a76aff;--bi-info-40:#822bff;--bi-info-50:#6900ff;--bi-info-60:#5c03dc;--bi-info-70:#4f05b9;--bi-info-75:#420896;--bi-info-80:#3b0984;--bi-info-85:#350a73;--bi-info-90:#2e0b61;--bi-info-95:#280d50;--bi-info-100:#1a0833;--bi-warning-0:#fffbeb;--bi-warning-5:#fff7d5;--bi-warning-10:#fff2bf;--bi-warning-15:#ffea95;--bi-warning-20:#ffe680;--bi-warning-25:#ffe26a;--bi-warning-30:#ffde55;--bi-warning-40:#ffd52b;--bi-warning-50:#ffcd00;--bi-warning-60:#deb300;--bi-warning-70:#bd9800;--bi-warning-75:#9d7e00;--bi-warning-80:#7c6400;--bi-warning-85:#5b4900;--bi-warning-90:#4a3c01;--bi-warning-95:#3a2f00;--bi-warning-100:#262000;--bi-success-0:#ebffeb;--bi-success-5:#d5f4d6;--bi-success-10:#bfeec2;--bi-success-15:#aae8ae;--bi-success-20:#95e299;--bi-success-25:#80dd85;--bi-success-30:#55d15c;--bi-success-40:#2bc634;--bi-success-50:#00ab0b;--bi-success-60:#04a30d;--bi-success-70:#078b0f;--bi-success-75:#0b7411;--bi-success-80:#0f5d13;--bi-success-85:#124515;--bi-success-90:#143a16;--bi-success-95:#162e17;--bi-success-100:#0f1f0f;--bi-alert-0:#fff1f0;--bi-alert-5:#ffe1df;--bi-alert-10:#ffd7d5;--bi-alert-15:#ffc3bf;--bi-alert-20:#ffafaa;--bi-alert-25:#ff8780;--bi-alert-30:#ff5f55;--bi-alert-40:#ff372b;--bi-alert-50:#ff0f00;--bi-alert-60:#e41100;--bi-alert-70:#c91300;--bi-alert-75:#ae1601;--bi-alert-80:#931801;--bi-alert-85:#731a15;--bi-alert-90:#6a1b16;--bi-alert-95:#5d1c18;--bi-alert-100:#401410;--bi-scale-0:0;--bi-scale-0-25x:.0625rem;--bi-scale-0-50x:.125rem;--bi-scale-0-75x:.1875rem;--bi-scale-1x:.25rem;--bi-scale-1-5x:.375rem;--bi-scale-2x:.5rem;--bi-scale-3x:.75rem;--bi-scale-4x:1rem;--bi-scale-5x:1.25rem;--bi-scale-6x:1.5rem;--bi-scale-8x:2rem;--bi-scale-9x:2.25rem;--bi-scale-10x:2.5rem;--bi-scale-11x:2.75rem;--bi-scale-12x:3rem;--bi-scale-14x:3.5rem;--bi-scale-16x:4rem;--bi-scale-20x:5rem;--bi-scale-24x:6rem;--bi-scale-32x:8rem;--bi-scale-36x:9rem;--bi-scale-40x:10rem;--bi-scale-48x:12rem;--bi-scale-56x:14rem;--bi-scale-64x:16rem;--bi-scale-80x:20rem;--bi-scale-max:624.938rem;--bi-opacity-dark-80:#26333f33;--bi-opacity-dark-50:#26333f80;--bi-opacity-light-100:#fff0;--bi-opacity-light-80:#fff3;--bi-opacity-light-50:#ffffff80;--bi-stroke-default:.09375rem;--bi-elevation-25:#26333f26;--bi-states-hover-dark:#26333f1a;--bi-states-hover-light:#ffffff1a;--bi-states-press-dark:#26333f26;--bi-states-press-light:#ffffff26;--bi-stroke-none:var(--bi-scale-0);--bi-stroke-thin:var(--bi-scale-0-25x);--bi-stroke-thick:var(--bi-scale-0-50x);--bi-stroke-color-1:var(--bi-neutral-15);--bi-stroke-color-2:var(--bi-neutral-25);--bi-stroke-color-3:var(--bi-neutral-50);--bi-radius-none:var(--bi-scale-0);--bi-radius-small:var(--bi-scale-0-50x);--bi-radius-medium:var(--bi-scale-1x);--bi-radius-large:var(--bi-scale-2x);--bi-radius-xl:var(--bi-scale-3x);--bi-radius-brand:var(--bi-scale-12x);--bi-radius-full:var(--bi-scale-max);--bi-icon-small:var(--bi-scale-5x);--bi-icon-medium:var(--bi-scale-6x);--bi-icon-large:var(--bi-scale-8x);--bi-icon-xl:var(--bi-scale-10x);--bi-icon-2xl:var(--bi-scale-11x);--bi-icon-primary:var(--bi-neutral-90);--bi-icon-secondary:var(--bi-neutral-60);--bi-icon-disabled:var(--bi-neutral-50);--bi-icon-link:var(--bi-primary-50);--bi-layout-navbar-height:var(--bi-scale-16x)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bi-digital/css",
3
- "version": "0.2.10",
3
+ "version": "0.2.12",
4
4
  "description": "CSS for the BI Design System",
5
5
  "author": "BI Digital",
6
6
  "license": "ISC",
@@ -17,14 +17,15 @@
17
17
  "/dist"
18
18
  ],
19
19
  "devDependencies": {
20
- "browserslist": "^4.24.4",
21
- "lightningcss": "^1.29.3",
20
+ "browserslist": "^4.24.5",
21
+ "lightningcss": "^1.30.1",
22
22
  "modern-normalize": "^3.0.1",
23
- "@bi-digital/tokens": "0.2.10"
23
+ "rimraf": "^6.0.1",
24
+ "@bi-digital/tokens": "0.2.12"
24
25
  },
25
26
  "scripts": {
26
- "build": "node config.js",
27
- "dev": "node --watch-path=./src config.js",
27
+ "build": "rimraf dist && node config.js",
28
+ "dev": "rimraf dist && node --watch-path=./src config.js",
28
29
  "lint": "eslint ."
29
30
  }
30
31
  }
package/dist/fonts/MuseoSansBold.woff2 DELETED
Binary file
package/dist/fonts/MuseoSansExtraBold.woff2 DELETED
Binary file
package/dist/fonts/MuseoSansLight.woff2 DELETED
Binary file
package/dist/fonts/MuseoSansMedium.woff2 DELETED
Binary file
package/dist/fonts/MuseoSlabBold.woff2 DELETED
Binary file
package/dist/fonts/MuseoSlabExtraBold.woff2 DELETED
Binary file
package/dist/fonts/MuseoSlabLight.woff2 DELETED
Binary file
package/dist/fonts/MuseoSlabMedium.woff2 DELETED
Binary file