@ardium-ui/ui 5.0.0-alpha.7 → 5.0.0-alpha.71

package/prebuilt-themes/default/calendar-OLD.css

@@ -1,294 +0,0 @@
-.ard-calendar {
-  width: 18.5rem;
-  background: var(--ard-bg);
-  user-select: none;
-}
-.ard-calendar.ard-color-none {
-  --ard-cmpcl--bg: var(--ard-bg);
-  --ard-cmpcl--bg-colored: var(--ard-bg-alt);
-  --ard-cmpcl--bg-colored-light: var(--ard-detail-light);
-  --ard-cmpcl--bg-header: var(--ard-bg-filled);
-  --ard-cmpcl--bg-colored-verylight: var(--ard-bg-darker);
-  --ard-cmpcl--on-bg: var(--ard-text);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--border: var(--ard-text);
-  --ard-cmpcl--border-light: var(--ard-text2);
-  --ard-cmpcl--content: var(--ard-text);
-  --ard-cmpcl--content-light: var(--ard-text-alt);
-  --ard-cmpcl--overlay-rgb: var(--ard-overlay-rgb);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored-light: var(--ard-text-alt);
-}
-.ard-calendar.ard-color-primary {
-  --ard-cmpcl--bg: rgb(var(--ard-primary-500));
-  --ard-cmpcl--bg-colored: rgb(var(--ard-primary-500));
-  --ard-cmpcl--bg-colored-light: rgb(var(--ard-primary-100));
-  --ard-cmpcl--bg-header: rgb(var(--ard-primary-100));
-  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-primary-50));
-  --ard-cmpcl--on-bg: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--border: rgb(var(--ard-primary-300));
-  --ard-cmpcl--border-light: rgb(var(--ard-primary-100));
-  --ard-cmpcl--content: rgb(var(--ard-primary-700));
-  --ard-cmpcl--content-light: rgb(var(--ard-primary-300));
-  --ard-cmpcl--overlay-rgb: var(--ard-primary-500);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: rgb(var(--ard-primary-700));
-  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-primary-100));
-}
-.ard-calendar.ard-color-secondary {
-  --ard-cmpcl--bg: rgb(var(--ard-secondary-500));
-  --ard-cmpcl--bg-colored: rgb(var(--ard-secondary-500));
-  --ard-cmpcl--bg-colored-light: rgb(var(--ard-secondary-50));
-  --ard-cmpcl--bg-header: rgb(var(--ard-secondary-50));
-  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-secondary-50));
-  --ard-cmpcl--on-bg: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--border: rgb(var(--ard-secondary-300));
-  --ard-cmpcl--border-light: rgb(var(--ard-secondary-100));
-  --ard-cmpcl--content: rgb(var(--ard-secondary-700));
-  --ard-cmpcl--content-light: rgb(var(--ard-secondary-300));
-  --ard-cmpcl--overlay-rgb: var(--ard-secondary-500);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: rgb(var(--ard-secondary-700));
-  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-secondary-100));
-}
-.ard-calendar.ard-color-warn {
-  --ard-cmpcl--bg: rgb(var(--ard-warn-500));
-  --ard-cmpcl--bg-colored: rgb(var(--ard-warn-500));
-  --ard-cmpcl--bg-colored-light: rgb(var(--ard-warn-50));
-  --ard-cmpcl--bg-header: rgb(var(--ard-warn-50));
-  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-warn-50));
-  --ard-cmpcl--on-bg: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--border: rgb(var(--ard-warn-300));
-  --ard-cmpcl--border-light: rgb(var(--ard-warn-100));
-  --ard-cmpcl--content: rgb(var(--ard-warn-700));
-  --ard-cmpcl--content-light: rgb(var(--ard-warn-100));
-  --ard-cmpcl--overlay-rgb: var(--ard-warn-500);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: rgb(var(--ard-warn-700));
-  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-warn-100));
-}
-.ard-calendar.ard-color-danger {
-  --ard-cmpcl--bg: rgb(var(--ard-danger-700));
-  --ard-cmpcl--bg-colored: rgb(var(--ard-danger-700));
-  --ard-cmpcl--bg-colored-light: rgb(var(--ard-danger-100));
-  --ard-cmpcl--bg-header: rgb(var(--ard-danger-100));
-  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-danger-50));
-  --ard-cmpcl--on-bg: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--border: rgb(var(--ard-danger-300));
-  --ard-cmpcl--border-light: rgb(var(--ard-danger-100));
-  --ard-cmpcl--content: rgb(var(--ard-danger-900));
-  --ard-cmpcl--content-light: rgb(var(--ard-danger-500));
-  --ard-cmpcl--overlay-rgb: var(--ard-danger-700);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: rgb(var(--ard-danger-700));
-  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-danger-300));
-}
-.ard-calendar.ard-color-success {
-  --ard-cmpcl--bg: rgb(var(--ard-success-700));
-  --ard-cmpcl--bg-colored: rgb(var(--ard-success-700));
-  --ard-cmpcl--bg-colored-light: rgb(var(--ard-success-50));
-  --ard-cmpcl--bg-header: rgb(var(--ard-success-50));
-  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-success-50));
-  --ard-cmpcl--on-bg: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--border: rgb(var(--ard-success-300));
-  --ard-cmpcl--border-light: rgb(var(--ard-success-100));
-  --ard-cmpcl--content: rgb(var(--ard-success-900));
-  --ard-cmpcl--content-light: rgb(var(--ard-success-300));
-  --ard-cmpcl--overlay-rgb: var(--ard-success-700);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: rgb(var(--ard-success-700));
-  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-success-300));
-}
-.ard-calendar.ard-color-info {
-  --ard-cmpcl--bg: rgb(var(--ard-info-500));
-  --ard-cmpcl--bg-colored: rgb(var(--ard-info-500));
-  --ard-cmpcl--bg-colored-light: rgb(var(--ard-info-50));
-  --ard-cmpcl--bg-header: rgb(var(--ard-info-50));
-  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-info-50));
-  --ard-cmpcl--on-bg: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--border: rgb(var(--ard-info-300));
-  --ard-cmpcl--border-light: rgb(var(--ard-info-100));
-  --ard-cmpcl--content: rgb(var(--ard-info-700));
-  --ard-cmpcl--content-light: rgb(var(--ard-info-300));
-  --ard-cmpcl--overlay-rgb: var(--ard-info-500);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: rgb(var(--ard-info-700));
-  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-info-100));
-}
-.ard-calendar.ard-color-currentColor {
-  --ard-cmpcl--bg: var(--ard-bg);
-  --ard-cmpcl--bg-colored: currentColor;
-  --ard-cmpcl--on-bg: currentColor;
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--border: currentColor;
-  --ard-cmpcl--border-light: currentColor;
-  --ard-cmpcl--content: currentColor;
-  --ard-cmpcl--content-light: currentColor;
-  --ard-cmpcl--overlay-rgb: var(--ard-overlay-rgb);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: currentColor;
-  --ard-cmpcl--overlay-colored-light: currentColor;
-}
-.ard-calendar .ard-calendar-header-container {
-  display: flex;
-  align-items: center;
-  justify-content: stretch;
-}
-.ard-calendar .ard-calendar-header-container .ard-calendar-days-view-header {
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-}
-.ard-calendar .ard-calendar-header-container .ard-calendar-days-view-header .ard-calendar-header-button .ard-button-content {
-  display: flex;
-  gap: 0.375rem;
-  align-items: center;
-}
-.ard-calendar .ard-calendar-header-container .ard-calendar-days-view-header .ard-calendar-header-button .ard-button-content .ard-dropdown-arrow {
-  width: var(--ard-dropdown-button-size);
-  height: var(--ard-dropdown-button-size);
-  border: calc(var(--ard-dropdown-button-size) / 2) solid transparent;
-  position: relative;
-  border-bottom-color: var(--ard-detail);
-  border-right-color: var(--ard-detail);
-  transform: rotate(45deg) translate(-17.67771%, -17.67771%);
-  box-sizing: border-box;
-}
-.ard-calendar .ard-calendar-header-container .ard-calendar-days-view-header .ard-calendar-arrows {
-  display: flex;
-  gap: 0.375rem;
-}
-.ard-calendar .ard-calendar-header-container .ard-calendar-days-view-header .ard-calendar-arrows > ard-fab {
-  margin: 0;
-}
-.ard-calendar .ard-calendar-main-container {
-  padding: 0.375rem;
-  padding-top: 0;
-}
-.ard-calendar .ard-calendar-entry {
-  z-index: 1;
-  cursor: pointer;
-  outline: none;
-}
-.ard-calendar .ard-calendar-entry .ard-calendar-entry-button {
-  background: transparent;
-  border: 1px solid transparent;
-  width: calc(100% - 0.25rem);
-  height: calc(100% - 0.25rem);
-  padding: 0;
-  position: relative;
-  border-radius: 9999px;
-  cursor: pointer;
-  margin: 0.125rem;
-}
-.ard-calendar .ard-calendar-entry .ard-calendar-entry-button .ard-focus-overlay {
-  position: absolute;
-  top: -0;
-  bottom: -0;
-  left: -0;
-  right: -0;
-  opacity: 0;
-  border-radius: inherit;
-  pointer-events: none;
-  transition: opacity 0.2s ease;
-  z-index: -1;
-  background: var(--ard-cmpcl--bg-colored);
-  border: 2px solid transparent;
-  transition: border-color 0.2s ease, opacity 0.2s ease;
-}
-.ard-calendar .ard-calendar-entry.ard-calendar-entry-empty {
-  cursor: default;
-  pointer-events: none;
-}
-.ard-calendar .ard-calendar-entry.ard-calendar-today .ard-calendar-entry-button {
-  border-color: var(--ard-detail);
-}
-.ard-calendar .ard-calendar-entry.ard-calendar-entry-highlighted .ard-focus-overlay {
-  opacity: 20%;
-}
-.ard-calendar .ard-calendar-entry.ard-calendar-entry-selected .ard-calendar-entry-button {
-  color: var(--ard-cmpcl--on-bg-colored);
-}
-.ard-calendar .ard-calendar-entry.ard-calendar-entry-selected .ard-focus-overlay {
-  opacity: 100%;
-}
-.ard-calendar .ard-calendar-entry.ard-calendar-entry-selected.ard-calendar-today .ard-focus-overlay {
-  border-color: var(--ard-bg);
-}
-.ard-calendar .ard-calendar-grid {
-  display: grid;
-  grid-template-columns: repeat(7, 1fr);
-}
-.ard-calendar .ard-calendar-grid > * {
-  max-width: 100%;
-  box-sizing: border-box;
-  aspect-ratio: 1;
-}
-.ard-calendar .ard-calendar-day-labels {
-  font-size: 0.8125rem;
-  color: var(--ard-text3);
-  height: 1.25rem;
-  position: relative;
-}
-.ard-calendar .ard-calendar-day-labels > * {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  aspect-ratio: unset;
-}
-.ard-calendar .ard-calendar-day-labels::after {
-  content: "";
-  position: absolute;
-  width: 100%;
-  height: 1px;
-  background: var(--ard-detail-ultralight);
-  bottom: 0;
-}
-.ard-calendar .ard-calendar-main-grid {
-  position: relative;
-}
-.ard-calendar .ard-calendar-main-grid.ard-reserve-top-row {
-  padding-top: 100%/7;
-}
-.ard-calendar .ard-calendar-main-grid .ard-calendar-floating-month {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  box-sizing: border-box;
-  aspect-ratio: 7;
-  padding-left: 0.5rem;
-  display: flex;
-  align-items: center;
-  font-size: 0.875rem;
-  font-weight: 500;
-  color: var(--ard-text3);
-  letter-spacing: 0.5px;
-}
-.ard-calendar .ard-calendar-simple-grid {
-  border-top: 1px solid var(--ard-detail-ultralight);
-  margin-top: 0.25rem;
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  grid-template-rows: repeat(6, 1fr);
-}
-.ard-calendar .ard-calendar-simple-grid > * {
-  max-width: 100%;
-  box-sizing: border-box;
-  aspect-ratio: 7/4;
-}
-.ard-calendar.ard-calendar-nointeract .ard-calendar-main-container {
-  pointer-events: none;
-}
-.ard-calendar.ard-calendar-static-height {
-  height: 19.5rem;
-}
-
-/*# sourceMappingURL=calendar-OLD.css.map */

package/prebuilt-themes/default/calendar-OLD.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/calendar-OLD.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_dropdown-arrow.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAKA;EAEE;EACA,YCRG;EDSH;;AENA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AF3HF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EGvBN,OFqCqB;EEpCrB,QFoCqB;EEnCrB;EACA;EACA,qBFSO;EERP,oBFQO;EEPP;EACA;;AHoBI;EACE;EACA;;AAEA;EACE;;AAMR;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QATU;;AAWV;EIlDJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EJ2CM;EACA;EACA;EACA,YACE;;AAIN;EACE;EACA;;AAGA;EACE,cC/DC;;ADmEH;EACE;;AAIF;EACE;;AAEF;EACE;;AAIA;EACE,cCjGL;;ADuGH;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGJ;EACE;EACA,OC1GI;ED2GJ;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA,YChHc;EDiHd;;AAGJ;EACE;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OC/IE;EDgJF;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAOF;EACE;;AAIJ;EACE","file":"calendar-OLD.css"}

package/prebuilt-themes/default/inputs/search-bar.css

@@ -1,118 +0,0 @@
-/**
- * Should be applied to the first element in the component's template.
- */
-.ard-search-bar {
-  position: relative;
-  font-family: "Roboto", sans-serif;
-  display: flex;
-  align-items: center;
-  justify-content: stretch;
-  gap: 0.625em;
-  cursor: text;
-  box-sizing: border-box;
-  font-size: 1rem;
-  line-height: 1.25em;
-  padding: 0 0.375rem;
-  min-width: 10rem;
-  max-width: 100%;
-}
-.ard-search-bar .ard-input-container {
-  flex-grow: 1;
-  text-size-adjust: 100%;
-  display: flex;
-  align-items: center;
-}
-.ard-search-bar .ard-input-container .ard-placeholder {
-  font: inherit;
-  opacity: 60%;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  pointer-events: none;
-}
-.ard-search-bar .ard-input-container input {
-  border: none;
-  background: transparent;
-  outline: none;
-  font: inherit;
-  padding: 0;
-  display: block;
-  width: 100%;
-}
-.ard-search-bar.ard-compact {
-  height: 1.5625em;
-  font-size: 0.85em;
-  line-height: 1;
-}
-.ard-search-bar ard-clear-button {
-  height: var(--ard-clear-button-size);
-  width: var(--ard-clear-button-size);
-  position: relative;
-}
-.ard-search-bar .ard-clear-btn-wrapper {
-  cursor: pointer;
-  font-size: medium;
-  color: var(--ard-detail);
-  width: var(--ard-clear-button-size);
-  height: var(--ard-clear-button-size);
-  line-height: 1em;
-  border-radius: 999px;
-  border: none;
-  padding: 0;
-  background: transparent;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  outline: none;
-  color: inherit;
-}
-.ard-search-bar .ard-clear-btn-wrapper .ard-hitbox {
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  top: -1px;
-  bottom: -1px;
-}
-.ard-search-bar .ard-clear-btn-wrapper .ard-focus-overlay {
-  position: absolute;
-  top: -1px;
-  bottom: -1px;
-  left: -1px;
-  right: -1px;
-  opacity: 0;
-  border-radius: inherit;
-  pointer-events: none;
-  transition: opacity 0.2s ease;
-  background: currentColor;
-}
-.ard-search-bar .ard-clear-btn-wrapper .ard-clear-btn {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-.ard-search-bar .ard-clear-btn-wrapper .ard-clear-btn::before {
-  content: "close";
-  font-family: "Material Symbols Outlined";
-  font-size: 1.5em;
-  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 48;
-  font-size: 70%;
-}
-.ard-search-bar .ard-clear-btn-wrapper:hover .ard-focus-overlay {
-  opacity: 5%;
-}
-.ard-search-bar .ard-clear-btn-wrapper:focus .ard-focus-overlay {
-  opacity: 8%;
-}
-.ard-search-bar .ard-clear-btn-wrapper:active .ard-focus-overlay {
-  opacity: 15%;
-}
-
-.ard-disabled .ard-search-bar {
-  pointer-events: none;
-  opacity: 50%;
-}
-
-/*# sourceMappingURL=search-bar.css.map */

package/prebuilt-themes/default/inputs/search-bar.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/search-bar.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACEA;EDEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECTA;EACA;EACA;;ADSA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AE3CF;EACE,QCkCgB;EDjChB,OCiCgB;EDhChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OCyBgB;EDxBhB,QCwBgB;EDvBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EEvBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFgBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EE7CN;EACA;EACA,yBACE;EF4CI;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;;ADtDN;EACE;EACA","file":"search-bar.css"}

package/prebuilt-themes/default/statebox.css

@@ -1,235 +0,0 @@
-.ard-statebox {
-  font-size: 1.1em;
-  width: 1.25em;
-  height: 1.25em;
-  position: relative;
-  cursor: pointer;
-  user-select: none;
-  color: var(--ard-cmpcl--bg-colored);
-  border: none;
-  background: none;
-  padding: 0;
-}
-.ard-statebox.ard-color-none {
-  --ard-cmpcl--bg: var(--ard-bg);
-  --ard-cmpcl--bg-colored: var(--ard-bg-alt);
-  --ard-cmpcl--bg-colored-light: var(--ard-detail-light);
-  --ard-cmpcl--bg-header: var(--ard-bg-filled);
-  --ard-cmpcl--bg-colored-verylight: var(--ard-bg-darker);
-  --ard-cmpcl--on-bg: var(--ard-text);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--border: var(--ard-text);
-  --ard-cmpcl--border-light: var(--ard-text2);
-  --ard-cmpcl--content: var(--ard-text);
-  --ard-cmpcl--content-light: var(--ard-text-alt);
-  --ard-cmpcl--overlay-rgb: var(--ard-overlay-rgb);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored-light: var(--ard-text-alt);
-}
-.ard-statebox.ard-color-primary {
-  --ard-cmpcl--bg: rgb(var(--ard-primary-500));
-  --ard-cmpcl--bg-colored: rgb(var(--ard-primary-500));
-  --ard-cmpcl--bg-colored-light: rgb(var(--ard-primary-100));
-  --ard-cmpcl--bg-header: rgb(var(--ard-primary-100));
-  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-primary-50));
-  --ard-cmpcl--on-bg: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--border: rgb(var(--ard-primary-300));
-  --ard-cmpcl--border-light: rgb(var(--ard-primary-100));
-  --ard-cmpcl--content: rgb(var(--ard-primary-700));
-  --ard-cmpcl--content-light: rgb(var(--ard-primary-300));
-  --ard-cmpcl--overlay-rgb: var(--ard-primary-500);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: rgb(var(--ard-primary-700));
-  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-primary-100));
-}
-.ard-statebox.ard-color-secondary {
-  --ard-cmpcl--bg: rgb(var(--ard-secondary-500));
-  --ard-cmpcl--bg-colored: rgb(var(--ard-secondary-500));
-  --ard-cmpcl--bg-colored-light: rgb(var(--ard-secondary-50));
-  --ard-cmpcl--bg-header: rgb(var(--ard-secondary-50));
-  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-secondary-50));
-  --ard-cmpcl--on-bg: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--border: rgb(var(--ard-secondary-300));
-  --ard-cmpcl--border-light: rgb(var(--ard-secondary-100));
-  --ard-cmpcl--content: rgb(var(--ard-secondary-700));
-  --ard-cmpcl--content-light: rgb(var(--ard-secondary-300));
-  --ard-cmpcl--overlay-rgb: var(--ard-secondary-500);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: rgb(var(--ard-secondary-700));
-  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-secondary-100));
-}
-.ard-statebox.ard-color-warn {
-  --ard-cmpcl--bg: rgb(var(--ard-warn-500));
-  --ard-cmpcl--bg-colored: rgb(var(--ard-warn-500));
-  --ard-cmpcl--bg-colored-light: rgb(var(--ard-warn-50));
-  --ard-cmpcl--bg-header: rgb(var(--ard-warn-50));
-  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-warn-50));
-  --ard-cmpcl--on-bg: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--border: rgb(var(--ard-warn-300));
-  --ard-cmpcl--border-light: rgb(var(--ard-warn-100));
-  --ard-cmpcl--content: rgb(var(--ard-warn-700));
-  --ard-cmpcl--content-light: rgb(var(--ard-warn-100));
-  --ard-cmpcl--overlay-rgb: var(--ard-warn-500);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: rgb(var(--ard-warn-700));
-  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-warn-100));
-}
-.ard-statebox.ard-color-danger {
-  --ard-cmpcl--bg: rgb(var(--ard-danger-700));
-  --ard-cmpcl--bg-colored: rgb(var(--ard-danger-700));
-  --ard-cmpcl--bg-colored-light: rgb(var(--ard-danger-100));
-  --ard-cmpcl--bg-header: rgb(var(--ard-danger-100));
-  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-danger-50));
-  --ard-cmpcl--on-bg: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--border: rgb(var(--ard-danger-300));
-  --ard-cmpcl--border-light: rgb(var(--ard-danger-100));
-  --ard-cmpcl--content: rgb(var(--ard-danger-900));
-  --ard-cmpcl--content-light: rgb(var(--ard-danger-500));
-  --ard-cmpcl--overlay-rgb: var(--ard-danger-700);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: rgb(var(--ard-danger-700));
-  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-danger-300));
-}
-.ard-statebox.ard-color-success {
-  --ard-cmpcl--bg: rgb(var(--ard-success-700));
-  --ard-cmpcl--bg-colored: rgb(var(--ard-success-700));
-  --ard-cmpcl--bg-colored-light: rgb(var(--ard-success-50));
-  --ard-cmpcl--bg-header: rgb(var(--ard-success-50));
-  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-success-50));
-  --ard-cmpcl--on-bg: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--border: rgb(var(--ard-success-300));
-  --ard-cmpcl--border-light: rgb(var(--ard-success-100));
-  --ard-cmpcl--content: rgb(var(--ard-success-900));
-  --ard-cmpcl--content-light: rgb(var(--ard-success-300));
-  --ard-cmpcl--overlay-rgb: var(--ard-success-700);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: rgb(var(--ard-success-700));
-  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-success-300));
-}
-.ard-statebox.ard-color-info {
-  --ard-cmpcl--bg: rgb(var(--ard-info-500));
-  --ard-cmpcl--bg-colored: rgb(var(--ard-info-500));
-  --ard-cmpcl--bg-colored-light: rgb(var(--ard-info-50));
-  --ard-cmpcl--bg-header: rgb(var(--ard-info-50));
-  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-info-50));
-  --ard-cmpcl--on-bg: var(--ard-text-alt);
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--border: rgb(var(--ard-info-300));
-  --ard-cmpcl--border-light: rgb(var(--ard-info-100));
-  --ard-cmpcl--content: rgb(var(--ard-info-700));
-  --ard-cmpcl--content-light: rgb(var(--ard-info-300));
-  --ard-cmpcl--overlay-rgb: var(--ard-info-500);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: rgb(var(--ard-info-700));
-  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-info-100));
-}
-.ard-statebox.ard-color-currentColor {
-  --ard-cmpcl--bg: var(--ard-bg);
-  --ard-cmpcl--bg-colored: currentColor;
-  --ard-cmpcl--on-bg: currentColor;
-  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
-  --ard-cmpcl--border: currentColor;
-  --ard-cmpcl--border-light: currentColor;
-  --ard-cmpcl--content: currentColor;
-  --ard-cmpcl--content-light: currentColor;
-  --ard-cmpcl--overlay-rgb: var(--ard-overlay-rgb);
-  --ard-cmpcl--overlay: var(--ard-overlay);
-  --ard-cmpcl--overlay-colored: currentColor;
-  --ard-cmpcl--overlay-colored-light: currentColor;
-}
-.ard-statebox .ard-hitbox {
-  position: absolute;
-  left: -4px;
-  right: -4px;
-  bottom: -4px;
-  top: -4px;
-}
-.ard-statebox .ard-focus-overlay {
-  position: absolute;
-  top: -0;
-  bottom: -0;
-  left: -0;
-  right: -0;
-  opacity: 0;
-  border-radius: inherit;
-  pointer-events: none;
-  transition: opacity 0.2s ease;
-  position: absolute;
-  left: -0.5rem;
-  right: -0.5rem;
-  bottom: -0.5rem;
-  top: -0.5rem;
-  border-radius: 999px;
-  background: currentColor;
-}
-.ard-statebox .ard-statebox-icon,
-.ard-statebox .ard-statebox-frame::after {
-  font-family: "Material Symbols Outlined";
-  font-size: 1.5em;
-  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 48;
-  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-  color: currentColor;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-}
-.ard-statebox .ard-statebox-frame::after {
-  content: "\e835";
-}
-.ard-statebox.ard-statebox-keep-frame .ard-statebox-icon {
-  font-size: 0.9em;
-}
-.ard-statebox.ard-statebox-filled .ard-statebox-icon {
-  font-variation-settings: "FILL" 1;
-}
-.ard-statebox.ard-statebox-filled.ard-statebox-keep-frame .ard-statebox-icon,
-.ard-statebox.ard-statebox-filled.ard-statebox-keep-frame .ard-statebox-character {
-  color: var(--ard-cmpcl--on-bg);
-}
-.ard-statebox.ard-statebox-filled.ard-statebox-keep-frame .ard-statebox-frame::before {
-  content: "";
-  position: absolute;
-  left: 2px;
-  right: 2px;
-  top: 2px;
-  bottom: 2px;
-  background: currentColor;
-}
-.ard-statebox.ard-statebox-filled.ard-statebox-keep-frame.ard-color-custom .ard-statebox-icon,
-.ard-statebox.ard-statebox-filled.ard-statebox-keep-frame.ard-color-custom .ard-statebox-character {
-  color: var(--ard-on-custom-color);
-}
-.ard-statebox .ard-statebox-character {
-  font-weight: 900;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  font-family: "Roboto", sans-serif;
-}
-.ard-statebox.ard-color-custom {
-  color: var(--ard-custom-color);
-}
-.ard-statebox:hover .ard-statebox-icon, .ard-statebox:focus .ard-statebox-icon {
-  opacity: 100%;
-}
-.ard-statebox:hover .ard-focus-overlay, .ard-statebox:focus .ard-focus-overlay {
-  opacity: 10%;
-}
-.ard-statebox:active .ard-focus-overlay {
-  opacity: 20%;
-}
-
-.ard-disabled .ard-statebox {
-  pointer-events: none;
-  opacity: 60%;
-}
-
-/*# sourceMappingURL=statebox.css.map */

package/prebuilt-themes/default/statebox.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/statebox.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAIA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ACZA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADrHF;EACE;EACA;EACA;EACA;EACA;;AAEF;EEXA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFIE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EE/BA;EACA;EACA,yBACE;EF+BA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAGA;EACE;;AAIF;EACE;;AAGA;AAAA;EAEE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;AAAA;EAEE;;AAKR;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAIA;EACE;;AAEF;EACE;;AAIF;EACE;;;AAKN;EACE;EACA","file":"statebox.css"}