@bi-digital/css 0.2.9 → 0.2.11

package/dist/components.css

@@ -0,0 +1,476 @@
+.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: none;
+  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: center;
+  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 {
+  100% {
+    transform: rotate(1turn);
+  }
+}

package/dist/components.min.css

@@ -0,0 +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.css

@@ -2,54 +2,54 @@
   font-family: museo-sans;
   font-weight: 300;
   font-display: swap;
-  src: url("./fonts/MuseoSansLight.woff2") format("woff2");
+  src: url("./fonts/MuseoSans300.woff2") format("woff2");
 }
 
 @font-face {
   font-family: museo-sans;
   font-weight: 500;
   font-display: swap;
-  src: url("./fonts/MuseoSansMedium.woff2") format("woff2");
+  src: url("./fonts/MuseoSans500.woff2") format("woff2");
 }
 
 @font-face {
   font-family: museo-sans;
   font-weight: 700;
   font-display: swap;
-  src: url("./fonts/MuseoSansBold.woff2") format("woff2");
+  src: url("./fonts/MuseoSans700.woff2") format("woff2");
 }
 
 @font-face {
   font-family: museo-sans;
   font-weight: 900;
   font-display: swap;
-  src: url("./fonts/MuseoSansExtraBold.woff2") format("woff2");
+  src: url("./fonts/MuseoSans900.woff2") format("woff2");
 }
 
 @font-face {
   font-family: museo-slab;
   font-weight: 300;
   font-display: swap;
-  src: url("./fonts/MuseoSlabLight.woff2") format("woff2");
+  src: url("./fonts/MuseoSlab300.woff2") format("woff2");
 }
 
 @font-face {
   font-family: museo-slab;
   font-weight: 500;
   font-display: swap;
-  src: url("./fonts/MuseoSlabMedium.woff2") format("woff2");
+  src: url("./fonts/MuseoSlab500.woff2") format("woff2");
 }
 
 @font-face {
   font-family: museo-slab;
   font-weight: 700;
   font-display: swap;
-  src: url("./fonts/MuseoSlabBold.woff2") format("woff2");
+  src: url("./fonts/MuseoSlab700.woff2") format("woff2");
 }
 
 @font-face {
-  font-family: museo-sans;
+  font-family: museo-slab;
   font-weight: 900;
   font-display: swap;
-  src: url("./fonts/MuseoSlabExtraBold.woff2") format("woff2");
+  src: url("./fonts/MuseoSlab900.woff2") format("woff2");
 }

package/dist/fonts.min.css

@@ -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")}
+@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/icons.css

@@ -0,0 +1,58 @@
+.bi-icon {
+  width: 1em;
+  height: 1em;
+  font-size: inherit;
+  background: currentColor;
+  display: inline-block;
+  -webkit-mask-position: center;
+  mask-position: center;
+  -webkit-mask-size: 100%;
+  mask-size: 100%;
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+}
+
+.bi-icon[data-size="2xl"] {
+  font-size: 3rem !important;
+}
+
+.bi-icon[data-size="xl"] {
+  font-size: 2.5rem !important;
+}
+
+.bi-icon[data-size="large"] {
+  font-size: 2rem !important;
+}
+
+.bi-icon[data-size="medium"] {
+  font-size: 1.5rem !important;
+}
+
+.bi-icon[data-size="small"] {
+  font-size: 1.25rem !important;
+}
+
+.bi-icon[data-color="inherit"] {
+  color: inherit;
+}
+
+.bi-icon[data-color="primary"] {
+  color: var(--bi-primary-50);
+}
+
+.bi-icon[data-color="gray"] {
+  color: #1c1b1b;
+}
+
+.bi-icon[data-color="black"] {
+  color: #000;
+}
+
+.bi-icon[data-color="white"] {
+  color: #fff;
+}
+
+.bi-icon.bi-icon-cart {
+  -webkit-mask-image: url("./assets/icons/bi-cart.svg");
+  mask-image: url("./assets/icons/bi-cart.svg");
+}

package/dist/icons.min.css

@@ -0,0 +1 @@
+.bi-icon{width:1em;height:1em;font-size:inherit;background:currentColor;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.bi-icon[data-size="2xl"]{font-size:3rem!important}.bi-icon[data-size=xl]{font-size:2.5rem!important}.bi-icon[data-size=large]{font-size:2rem!important}.bi-icon[data-size=medium]{font-size:1.5rem!important}.bi-icon[data-size=small]{font-size:1.25rem!important}.bi-icon[data-color=inherit]{color:inherit}.bi-icon[data-color=primary]{color:var(--bi-primary-50)}.bi-icon[data-color=gray]{color:#1c1b1b}.bi-icon[data-color=black]{color:#000}.bi-icon[data-color=white]{color:#fff}.bi-icon.bi-icon-cart{-webkit-mask-image:url(./assets/icons/bi-cart.svg);mask-image:url(./assets/icons/bi-cart.svg)}