@bi-digital/css 0.0.27-alpha.0

package/dist/baseline.css

@@ -0,0 +1,4 @@
+body, :host {
+  font-family: museo-sans, sans-serif, Arial;
+  line-height: 1.5;
+}

package/dist/baseline.min.css

@@ -0,0 +1 @@
+body,:host{font-family:museo-sans,sans-serif,Arial;line-height:1.5}

package/dist/fonts.css

@@ -0,0 +1,35 @@
+@font-face {
+  font-family: museo-sans;
+  font-weight: 300;
+  src: url("./fonts/Museo_Slab_300.otf");
+}
+
+@font-face {
+  font-family: museo-sans;
+  font-weight: 500;
+  src: url("./fonts/MuseoSans_500.otf");
+}
+
+@font-face {
+  font-family: museo-sans;
+  font-weight: 700;
+  src: url("./fonts/MuseoSans_700.otf");
+}
+
+@font-face {
+  font-family: museo-slab;
+  font-weight: 300;
+  src: url("./fonts/Museo_Slab_300.otf");
+}
+
+@font-face {
+  font-family: museo-slab;
+  font-weight: 500;
+  src: url("./fonts/Museo_Slab_500.otf");
+}
+
+@font-face {
+  font-family: museo-slab;
+  font-weight: 700;
+  src: url("./fonts/Museo_Slab_700.otf");
+}

package/dist/fonts.min.css

@@ -0,0 +1 @@
+@font-face{font-family:museo-sans;font-weight:300;src:url(./fonts/Museo_Slab_300.otf)}@font-face{font-family:museo-sans;font-weight:500;src:url(./fonts/MuseoSans_500.otf)}@font-face{font-family:museo-sans;font-weight:700;src:url(./fonts/MuseoSans_700.otf)}@font-face{font-family:museo-slab;font-weight:300;src:url(./fonts/Museo_Slab_300.otf)}@font-face{font-family:museo-slab;font-weight:500;src:url(./fonts/Museo_Slab_500.otf)}@font-face{font-family:museo-slab;font-weight:700;src:url(./fonts/Museo_Slab_700.otf)}

package/dist/index.css

@@ -0,0 +1,312 @@
+/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
+:root, :host {
+  --bi-basic-key: #000;
+  --bi-basic-white: #fff;
+  --bi-neutral-5: #f2f4f6;
+  --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: #f9edbf;
+  --bi-secondary-20: #f5e49f;
+  --bi-secondary-30: #f2dc7e;
+  --bi-secondary-40: #efd35f;
+  --bi-secondary-50: #ecca3f;
+  --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-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;
+}
+
+*, :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;
+  src: url("./fonts/Museo_Slab_300.otf");
+}
+
+@font-face {
+  font-family: museo-sans;
+  font-weight: 500;
+  src: url("./fonts/MuseoSans_500.otf");
+}
+
+@font-face {
+  font-family: museo-sans;
+  font-weight: 700;
+  src: url("./fonts/MuseoSans_700.otf");
+}
+
+@font-face {
+  font-family: museo-slab;
+  font-weight: 300;
+  src: url("./fonts/Museo_Slab_300.otf");
+}
+
+@font-face {
+  font-family: museo-slab;
+  font-weight: 500;
+  src: url("./fonts/Museo_Slab_500.otf");
+}
+
+@font-face {
+  font-family: museo-slab;
+  font-weight: 700;
+  src: url("./fonts/Museo_Slab_700.otf");
+}
+
+@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, sans-serif, Arial;
+  line-height: 1.5;
+}

package/dist/index.min.css

@@ -0,0 +1,2 @@
+/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
+:root,:host{--bi-basic-key:#000;--bi-basic-white:#fff;--bi-neutral-5:#f2f4f6;--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:#f9edbf;--bi-secondary-20:#f5e49f;--bi-secondary-30:#f2dc7e;--bi-secondary-40:#efd35f;--bi-secondary-50:#ecca3f;--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-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}*,: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;src:url(./fonts/Museo_Slab_300.otf)}@font-face{font-family:museo-sans;font-weight:500;src:url(./fonts/MuseoSans_500.otf)}@font-face{font-family:museo-sans;font-weight:700;src:url(./fonts/MuseoSans_700.otf)}@font-face{font-family:museo-slab;font-weight:300;src:url(./fonts/Museo_Slab_300.otf)}@font-face{font-family:museo-slab;font-weight:500;src:url(./fonts/Museo_Slab_500.otf)}@font-face{font-family:museo-slab;font-weight:700;src:url(./fonts/Museo_Slab_700.otf)}@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,sans-serif,Arial;line-height:1.5}

package/dist/print.css

@@ -0,0 +1,50 @@
+@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;
+  }
+}

package/dist/print.min.css

@@ -0,0 +1 @@
+@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}}

package/dist/reset.css

@@ -0,0 +1,92 @@
+/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
+*, :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;
+}

package/dist/reset.min.css

@@ -0,0 +1,2 @@
+/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
+*,: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}

package/dist/tokens.css

@@ -0,0 +1,127 @@
+:root, :host {
+  --bi-basic-key: #000;
+  --bi-basic-white: #fff;
+  --bi-neutral-5: #f2f4f6;
+  --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: #f9edbf;
+  --bi-secondary-20: #f5e49f;
+  --bi-secondary-30: #f2dc7e;
+  --bi-secondary-40: #efd35f;
+  --bi-secondary-50: #ecca3f;
+  --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-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;
+}

package/dist/tokens.min.css

@@ -0,0 +1 @@
+:root,:host{--bi-basic-key:#000;--bi-basic-white:#fff;--bi-neutral-5:#f2f4f6;--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:#f9edbf;--bi-secondary-20:#f5e49f;--bi-secondary-30:#f2dc7e;--bi-secondary-40:#efd35f;--bi-secondary-50:#ecca3f;--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-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}

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@bi-digital/css",
+  "version": "0.0.27-alpha.0",
+  "description": "CSS for the BI Design System",
+  "author": "BI Digital",
+  "license": "ISC",
+  "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/index.css",
+  "exports": {
+    ".": "./dist/index.css",
+    "./dist/*": "./dist/*"
+  },
+  "files": [
+    "/dist"
+  ],
+  "devDependencies": {
+    "browserslist": "^4.24.4",
+    "lightningcss": "^1.29.3",
+    "modern-normalize": "^3.0.1",
+    "@bi-digital/tokens": "0.0.27-alpha.0"
+  },
+  "scripts": {
+    "build": "node config.js",
+    "lint": "eslint ."
+  }
+}

package/readme.md

@@ -0,0 +1,63 @@
+# @bi-digital/css
+
+CSS for BI's design system.
+
+- CSS tokens
+- Font loading
+- Modern-normalize.css
+- Print styling
+
+This library is a requirement when using the web-components (`bi-web-components`), but can also be used elsewhere.
+
+## Usage
+
+In `.css`-files:
+
+```css
+@import '@bi-digital/css';
+```
+
+In `.jsx`/`.tsx`-files:
+
+```ts
+import '@bi-digital/css';
+```
+
+CDN:
+
+```html
+<script type="module" src="https://cdn.jsdelivr.net/npm/@bi-digital/css@latest/dist/index.min.css"></script>
+```
+
+We recommend replacing `latest` with a specific version to avoid errors when the library is updated.
+
+### Specific styles
+
+You can choose to only import some of the styles:
+
+```css
+@import '@bi-digital/css/dist/baseline.css';
+@import '@bi-digital/css/dist/fonts.css';
+@import '@bi-digital/css/dist/print.css';
+@import '@bi-digital/css/dist/reset.css';
+@import '@bi-digital/css/dist/tokens.css';
+```
+
+### Minified
+
+All the CSS-files have minified equivalents. Most bundlers and frameworks handles this automatically, but this can be useful when loading the CSS from a CDN or in other solutions that don't run post-processing on the CSS.
+
+```css
+@import '@bi-digital/css/dist/index.min.css';
+```
+
+### VSCode-extensions
+
+For users of VSCode, you can use the extension "Css Custom Properties" (`Tock.vscode-css-custom-properties`) for autocomplete of tokens. You need to add the following settings:
+
+```json
+{
+  "cssCustomProperties.files": ["@bi-digital/**/tokens.css"],
+  "cssCustomProperties.languages": ["css", "scss"]
+}
+```