@bi-digital/css 0.2.9 → 0.2.11
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.
- package/dist/assets/icons/bi-cart.svg +3 -0
- package/dist/assets/logos/dark.svg +31 -0
- package/dist/assets/logos/default.svg +31 -0
- package/dist/assets/logos/international-dark.svg +54 -0
- package/dist/assets/logos/international-vertical-dark.svg +54 -0
- package/dist/assets/logos/international-vertical.svg +54 -0
- package/dist/assets/logos/international.svg +54 -0
- package/dist/baseline.css +5 -1
- package/dist/baseline.min.css +1 -1
- package/dist/components.css +476 -0
- package/dist/components.min.css +1 -0
- package/dist/fonts/MuseoSans300.woff2 +0 -0
- package/dist/fonts/MuseoSans500.woff2 +0 -0
- package/dist/fonts/MuseoSans700.woff2 +0 -0
- package/dist/fonts/MuseoSans900.woff2 +0 -0
- package/dist/fonts/MuseoSlab300.woff2 +0 -0
- package/dist/fonts/MuseoSlab500.woff2 +0 -0
- package/dist/fonts/MuseoSlab700.woff2 +0 -0
- package/dist/fonts/MuseoSlab900.woff2 +0 -0
- package/dist/fonts.css +9 -9
- package/dist/fonts.min.css +1 -1
- package/dist/icons.css +58 -0
- package/dist/icons.min.css +1 -0
- package/dist/index.css +65 -47
- package/dist/index.min.css +1 -1
- package/dist/tokens.css +51 -37
- package/dist/tokens.min.css +1 -1
- package/package.json +7 -6
- package/readme.md +1 -1
- package/dist/fonts/MuseoSansBold.woff2 +0 -0
- package/dist/fonts/MuseoSansExtraBold.woff2 +0 -0
- package/dist/fonts/MuseoSansLight.woff2 +0 -0
- package/dist/fonts/MuseoSansMedium.woff2 +0 -0
- package/dist/fonts/MuseoSlabBold.woff2 +0 -0
- package/dist/fonts/MuseoSlabExtraBold.woff2 +0 -0
- package/dist/fonts/MuseoSlabLight.woff2 +0 -0
- package/dist/fonts/MuseoSlabMedium.woff2 +0 -0
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-
|
|
16
|
-
--bi-neutral-
|
|
17
|
-
--bi-neutral-
|
|
18
|
-
--bi-neutral-
|
|
19
|
-
--bi-neutral-
|
|
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-
|
|
31
|
-
--bi-primary-
|
|
32
|
-
--bi-primary-
|
|
33
|
-
--bi-primary-
|
|
34
|
-
--bi-primary-
|
|
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-
|
|
46
|
-
--bi-secondary-
|
|
47
|
-
--bi-secondary-
|
|
48
|
-
--bi-secondary-
|
|
49
|
-
--bi-secondary-
|
|
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-
|
|
61
|
-
--bi-info-
|
|
62
|
-
--bi-info-
|
|
63
|
-
--bi-info-
|
|
64
|
-
--bi-info-
|
|
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-
|
|
76
|
-
--bi-warning-
|
|
77
|
-
--bi-warning-
|
|
78
|
-
--bi-warning-
|
|
79
|
-
--bi-warning-
|
|
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-
|
|
91
|
-
--bi-success-
|
|
92
|
-
--bi-success-
|
|
93
|
-
--bi-success-
|
|
94
|
-
--bi-success-
|
|
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-
|
|
106
|
-
--bi-alert-
|
|
107
|
-
--bi-alert-
|
|
108
|
-
--bi-alert-
|
|
109
|
-
--bi-alert-
|
|
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-
|
|
168
|
-
--bi-icon-secondary: var(--bi-neutral-
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
326
|
+
src: url("./fonts/MuseoSlab700.woff2") format("woff2");
|
|
313
327
|
}
|
|
314
328
|
|
|
315
329
|
@font-face {
|
|
316
|
-
font-family: museo-
|
|
330
|
+
font-family: museo-slab;
|
|
317
331
|
font-weight: 900;
|
|
318
332
|
font-display: swap;
|
|
319
|
-
src: url("./fonts/
|
|
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
|
-
|
|
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-
|
|
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-
|
|
15
|
-
--bi-neutral-
|
|
16
|
-
--bi-neutral-
|
|
17
|
-
--bi-neutral-
|
|
18
|
-
--bi-neutral-
|
|
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-
|
|
30
|
-
--bi-primary-
|
|
31
|
-
--bi-primary-
|
|
32
|
-
--bi-primary-
|
|
33
|
-
--bi-primary-
|
|
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-
|
|
45
|
-
--bi-secondary-
|
|
46
|
-
--bi-secondary-
|
|
47
|
-
--bi-secondary-
|
|
48
|
-
--bi-secondary-
|
|
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-
|
|
60
|
-
--bi-info-
|
|
61
|
-
--bi-info-
|
|
62
|
-
--bi-info-
|
|
63
|
-
--bi-info-
|
|
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-
|
|
75
|
-
--bi-warning-
|
|
76
|
-
--bi-warning-
|
|
77
|
-
--bi-warning-
|
|
78
|
-
--bi-warning-
|
|
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-
|
|
90
|
-
--bi-success-
|
|
91
|
-
--bi-success-
|
|
92
|
-
--bi-success-
|
|
93
|
-
--bi-success-
|
|
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-
|
|
105
|
-
--bi-alert-
|
|
106
|
-
--bi-alert-
|
|
107
|
-
--bi-alert-
|
|
108
|
-
--bi-alert-
|
|
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-
|
|
167
|
-
--bi-icon-secondary: var(--bi-neutral-
|
|
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-
|
|
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.
|
|
3
|
+
"version": "0.2.11",
|
|
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.
|
|
21
|
-
"lightningcss": "^1.
|
|
20
|
+
"browserslist": "^4.24.5",
|
|
21
|
+
"lightningcss": "^1.30.1",
|
|
22
22
|
"modern-normalize": "^3.0.1",
|
|
23
|
-
"
|
|
23
|
+
"rimraf": "^6.0.1",
|
|
24
|
+
"@bi-digital/tokens": "0.2.11"
|
|
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/readme.md
CHANGED
|
@@ -7,7 +7,7 @@ CSS for BI's design system.
|
|
|
7
7
|
- Modern-normalize.css
|
|
8
8
|
- Print styling
|
|
9
9
|
|
|
10
|
-
This library is a requirement when using the
|
|
10
|
+
This library is a requirement when using the BI Design System, but can also be used elsewhere.
|
|
11
11
|
|
|
12
12
|
## Usage
|
|
13
13
|
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|