@ardium-ui/ui 1.0.0

package/prebuilt-themes/default/buttons/icon-button.css

@@ -0,0 +1,288 @@
+ard-icon-button {
+  height: max-content;
+  width: max-content;
+  border-radius: 9999px;
+  aspect-ratio: 1;
+  display: inline-block;
+}
+
+.ard-icon-button {
+  font-family: "Roboto", sans-serif;
+  margin: 2px;
+  border: 1px solid transparent;
+  font-weight: 500;
+  display: inline-flex;
+  align-items: center;
+  position: relative;
+  cursor: pointer;
+  outline: none;
+  background: transparent;
+  height: 2.1875rem;
+  border-radius: 9999px;
+  aspect-ratio: 1;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  overflow: hidden;
+  font-weight: 600;
+  color: var(--ard-cmpcl--bg-colored) !important;
+}
+.ard-icon-button.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-icon-button.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-icon-button.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-icon-button.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-icon-button.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-icon-button.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-icon-button.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-icon-button.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-icon-button .ard-button-icon {
+  font-family: "Material Symbols Outlined";
+  font-size: 1.5em;
+  font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 48;
+}
+.ard-icon-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;
+  background-color: var(--ard-cmpcl--overlay);
+}
+.ard-icon-button:hover .ard-focus-overlay, .ard-icon-button:focus .ard-focus-overlay {
+  opacity: 4%;
+}
+.ard-icon-button.ard-active .ard-focus-overlay, .ard-icon-button:active .ard-focus-overlay {
+  opacity: 12%;
+}
+.ard-icon-button:focus-visible .ard-focus-overlay {
+  opacity: 18%;
+}
+.ard-icon-button.ard-appearance-transparent, .ard-icon-button.ard-appearance-raised {
+  background: transparent;
+  color: var(--ard-cmpcl--content);
+  border: none;
+}
+.ard-icon-button.ard-appearance-transparent .ard-focus-overlay, .ard-icon-button.ard-appearance-raised .ard-focus-overlay {
+  background: var(--ard-cmpcl--overlay-colored);
+}
+.ard-icon-button.ard-appearance-flat, .ard-icon-button.ard-appearance-raised-strong {
+  background: var(--ard-cmpcl--bg);
+  color: var(--ard-cmpcl--on-bg);
+  border: none;
+}
+.ard-icon-button.ard-appearance-flat .ard-focus-overlay, .ard-icon-button.ard-appearance-raised-strong .ard-focus-overlay {
+  background: var(--ard-cmpcl--on-bg);
+}
+.ard-icon-button.ard-appearance-raised, .ard-icon-button.ard-appearance-raised-strong {
+  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
+  box-shadow: var(--ard-simple-shadow);
+}
+.ard-icon-button.ard-appearance-raised:hover, .ard-icon-button.ard-appearance-raised:focus, .ard-icon-button.ard-appearance-raised-strong:hover, .ard-icon-button.ard-appearance-raised-strong:focus {
+  box-shadow: var(--ard-simple-shadow2);
+}
+.ard-icon-button.ard-appearance-raised:active, .ard-icon-button.ard-appearance-raised-strong:active {
+  box-shadow: var(--ard-simple-shadow3);
+}
+.ard-icon-button.ard-appearance-outlined {
+  background: var(--ard-bg);
+  color: var(--ard-cmpcl--content);
+  border: 1px solid var(--ard-border-light);
+}
+.ard-icon-button.ard-appearance-outlined .ard-focus-overlay {
+  background: var(--ard-cmpcl--overlay-colored);
+}
+.ard-icon-button.ard-appearance-outlined-strong {
+  background: var(--ard-bg);
+  color: var(--ard-cmpcl--content);
+  border: 1px solid var(--ard-border-light);
+  transition: background-color 0.2s ease, color 0.2s ease;
+}
+.ard-icon-button.ard-appearance-outlined-strong .ard-focus-overlay {
+  display: none;
+}
+.ard-icon-button.ard-appearance-outlined-strong:hover, .ard-icon-button.ard-appearance-outlined-strong:focus, .ard-icon-button.ard-appearance-outlined-strong:focus-visible {
+  background: var(--ard-cmpcl--bg-colored);
+  color: var(--ard-cmpcl--on-bg-colored);
+}
+.ard-icon-button.ard-appearance-raised-strong .ard-focus-overlay, .ard-icon-button.ard-appearance-flat .ard-focus-overlay {
+  background: var(--ard-cmpcl--on-bg);
+}
+.ard-icon-button.ard-appearance-raised-strong:focus-visible, .ard-icon-button.ard-appearance-flat:focus-visible {
+  outline: solid black;
+}
+.ard-icon-button.ard-appearance-transparent.ard-light-coloring {
+  color: var(--ard-cmpcl--content-light);
+}
+.ard-icon-button.ard-appearance-transparent.ard-light-coloring .ard-focus-overlay {
+  background: var(--ard-cmpcl--overlay-colored-light);
+}
+.ard-icon-button .ard-button-content {
+  font-size: 1.25rem;
+  display: flex;
+  align-items: center;
+}
+.ard-icon-button .ard-button-content > ard-icon {
+  font-weight: 500;
+  font-size: 1.5rem;
+  font-variation-settings: "FILL" 1;
+}
+.ard-icon-button.ard-compact {
+  font-size: 0.75rem;
+  height: 1.6875rem;
+}
+.ard-icon-button.ard-compact .ard-button-content {
+  font-size: 1.0625rem;
+}
+.ard-icon-button.ard-compact .ard-button-content > ard-icon {
+  font-size: 1.25rem;
+}
+
+ard-icon-button.ard-disabled > .ard-icon-button {
+  pointer-events: none;
+  opacity: 60%;
+}
+ard-icon-button.ard-disabled > .ard-icon-button .ard-focus-overlay {
+  opacity: 20%;
+  transform: scale(1);
+}
+ard-icon-button.ard-disabled > .ard-icon-button.ard-color-none .ard-button-icon,
+ard-icon-button.ard-disabled > .ard-icon-button.ard-color-none .ard-button-content {
+  opacity: 60%;
+}
+ard-icon-button.ard-disabled > .ard-icon-button.ard-color-none .ard-focus-overlay {
+  background: var(--ard-cmpcl--overlay);
+}
+ard-icon-button.ard-disabled > .ard-icon-button .ard-focus-overlay {
+  opacity: 0;
+}
+
+/*# sourceMappingURL=icon-button.css.map */

package/prebuilt-themes/default/buttons/icon-button.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/buttons/icon-button.scss","../../../../../projects/ui/src/themes/default/buttons/_button-mixins.scss","../../../../../projects/ui/src/themes/default/_coloring.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;ECJI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDFA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AElBA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADrHJ;EEdA;EACA;EACA,yBACI;;AFeJ;EERA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFCI;;AAIA;EACI;;AAKJ;EACI;;AAIJ;EACI;;AAIR;EAEI;EACA;EACA;;AAEA;EACI;;AAGR;EAEI;EACA;EACA;;AAEA;EACI;;AAGR;EAEI;EACA,YGjCQ;;AHmCR;EAEI,YGpCK;;AHsCT;EACI,YGtCK;;AHyCb;EACI,YG7EH;EH8EG;EACA;;AAEA;EACI;;AAGR;EACI,YGtFH;EHuFG;EACA;EAMA,YACI;;AALJ;EACI;;AAMJ;EAGI;EACA;;AAKJ;EACI;;AAEJ;EACI;;AAIR;EACI;;AAEA;EACI;;AD/FR;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAKR;EACI;EACA;;AAEA;EACI;;AAEA;EACI;;;AAOZ;EC0EA;EACA;;AAEA;EACI;EACA;;AAKA;AAAA;EAEI;;AAEJ;EACI;;ADtFJ;EACI","file":"icon-button.css"}

package/prebuilt-themes/default/calendar.css

@@ -0,0 +1,293 @@
+.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;
+}
+.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: 14.285714%;
+}
+.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.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/calendar.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;EAEI;EACA,YCRC;EDSD;;AENA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AF3HJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAEA;EGvBZ,OFqCmB;EEpCnB,QFoCmB;EEnCnB;EACA;EACA,qBFSK;EERL,oBFQK;EEPL;EACA;;AHoBQ;EACI;EACA;;AAEA;EACI;;AAMhB;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QATU;;AAWV;EIlDR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EJ2CY;EACA;EACA;EACA,YACI;;AAIZ;EACI;;AAGA;EACI,cC9DP;;ADkEG;EACI;;AAIJ;EACI;;AAEJ;EACI;;AAIA;EACI,cChGf;;ADsGD;EACI;EACA;;AAEA;EACI;EACA;EACA;;AAGR;EACI;EACA,OCzGA;ED0GA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA,YC/GQ;EDgHR;;AAGR;EACI;;AAEA;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OC9IJ;ED+II;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAOJ;EACI;;AAIR;EACI","file":"calendar.css"}