@ardium-ui/ui 5.0.0-alpha.36 → 5.0.0-alpha.38

package/prebuilt-themes/default/buttons/fab.css

@@ -5,6 +5,7 @@
   --ard-fab-size-standard-font-size: 1.75rem;
   --ard-fab-size-small-font-size: 1.375rem;
   --ard-fab-font-weight: 900;
+  --ard-fab-extended-gap: 0.75em;
   --ard-fab-overlay-hover-opacity: 0.04;
   --ard-fab-overlay-focus-opacity: 0.12;
   --ard-fab-overlay-active-opacity: 0.18;
@@ -35,10 +36,17 @@ ard-fab {
   outline: none;
   height: var(--ard-_fab-size);
   width: var(--ard-_fab-size);
+  max-height: var(--ard-_fab-size);
+  max-width: var(--ard-_fab-size);
+  min-height: var(--ard-_fab-size);
+  min-width: var(--ard-_fab-size);
   user-select: none;
   border-radius: 9999px;
   justify-content: center;
   margin: 0;
+  font-weight: 500;
+  overflow: hidden;
+  transition: max-width 0.5s ease;
 }
 .ard-fab.ard-color-none {
   --ard-cmpcl--bg: var(--ard-bg);
@@ -173,33 +181,29 @@ ard-fab {
   --ard-cmpcl--overlay-colored: currentColor;
   --ard-cmpcl--overlay-colored-light: currentColor;
 }
-.ard-fab .ard-button-icon {
-  font-family: "Material Symbols Outlined";
-  font-size: 1.5em;
-  font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 48;
-}
-.ard-fab .ard-focus-overlay {
+.ard-fab::before {
+  content: "";
   position: absolute;
-  top: -0;
-  bottom: -0;
-  left: -0;
-  right: -0;
+  top: calc(-1 * 0);
+  bottom: calc(-1 * 0);
+  left: calc(-1 * 0);
+  right: calc(-1 * 0);
   opacity: 0;
   border-radius: inherit;
   pointer-events: none;
   transition: opacity 0.2s ease;
   background-color: var(--ard-cmpcl--overlay);
 }
-.ard-fab:hover .ard-focus-overlay {
+.ard-fab:hover::before {
   opacity: var(--ard-fab-overlay-hover-opacity, var(--ard-button-overlay-hover-opacity, 0.04));
 }
-.ard-fab:focus .ard-focus-overlay {
+.ard-fab:focus::before {
   opacity: var(--ard-fab-overlay-focus-opacity, var(--ard-button-overlay-focus-opacity, 0.12));
 }
-.ard-fab.ard-active .ard-focus-overlay, .ard-fab:active .ard-focus-overlay {
+.ard-fab.ard-active::before, .ard-fab:active::before {
   opacity: var(--ard-fab-overlay-active-opacity, var(--ard-button-overlay-active-opacity, 0.18));
 }
-.ard-fab:focus-visible .ard-focus-overlay {
+.ard-fab:focus-visible::before {
   opacity: var(--ard-fab-overlay-focus-visible-opacity, var(--ard-button-overlay-focus-visible-opacity, 0.24));
 }
 .ard-fab.ard-appearance-transparent, .ard-fab.ard-appearance-raised {
@@ -207,7 +211,7 @@ ard-fab {
   color: var(--ard-cmpcl--content);
   border: none;
 }
-.ard-fab.ard-appearance-transparent .ard-focus-overlay, .ard-fab.ard-appearance-raised .ard-focus-overlay {
+.ard-fab.ard-appearance-transparent::before, .ard-fab.ard-appearance-raised::before {
   background: var(--ard-cmpcl--overlay-colored);
 }
 .ard-fab.ard-appearance-raised, .ard-fab.ard-appearance-raised-strong {
@@ -226,7 +230,7 @@ ard-fab {
   color: var(--ard-cmpcl--content);
   border: 1px solid var(--ard-border-light);
 }
-.ard-fab.ard-appearance-outlined .ard-focus-overlay {
+.ard-fab.ard-appearance-outlined::before {
   background: var(--ard-cmpcl--overlay-colored);
 }
 .ard-fab.ard-appearance-outlined-strong {
@@ -235,7 +239,7 @@ ard-fab {
   border: 1px solid var(--ard-border-light);
   transition: background-color 0.2s ease, color 0.2s ease;
 }
-.ard-fab.ard-appearance-outlined-strong .ard-focus-overlay {
+.ard-fab.ard-appearance-outlined-strong::before {
   display: none;
 }
 .ard-fab.ard-appearance-outlined-strong:hover, .ard-fab.ard-appearance-outlined-strong:focus-visible {
@@ -247,7 +251,7 @@ ard-fab {
   color: var(--ard-cmpcl--on-bg-colored);
   border: 1px solid var(--ard-cmpcl--bg-colored);
 }
-.ard-fab.ard-appearance-flat .ard-focus-overlay, .ard-fab.ard-appearance-raised-strong .ard-focus-overlay {
+.ard-fab.ard-appearance-flat::before, .ard-fab.ard-appearance-raised-strong::before {
   background: var(--ard-cmpcl--on-bg);
 }
 .ard-fab.ard-appearance-flat:focus-visible, .ard-fab.ard-appearance-raised-strong:focus-visible {
@@ -256,7 +260,7 @@ ard-fab {
 .ard-fab.ard-appearance-transparent.ard-light-coloring {
   color: var(--ard-cmpcl--content-light);
 }
-.ard-fab.ard-appearance-transparent.ard-light-coloring .ard-focus-overlay {
+.ard-fab.ard-appearance-transparent.ard-light-coloring::before {
   background: var(--ard-cmpcl--overlay-colored-light);
 }
 .ard-fab.ard-fab-size-standard {
@@ -271,20 +275,10 @@ ard-fab {
   min-width: var(--ard-_fab-size);
   width: max-content;
   font-weight: unset;
-}
-.ard-fab.ard-fab-extended .ard-button-content {
-  gap: 0.75em;
+  gap: var(--ard-fab-extended-gap, 1em);
   max-width: 10em;
 }
-.ard-fab .ard-button-content {
-  gap: 1em;
-  font-weight: 500;
-  justify-content: flex-start !important;
-  max-width: 1.5em;
-  overflow: hidden;
-  transition: max-width 0.5s ease;
-}
-.ard-fab .ard-button-content ard-icon {
+.ard-fab ard-icon {
   font-size: 1em;
 }
 .ard-fab.ard-appearance-transparent > .ard-focus-overlay {
@@ -300,7 +294,7 @@ ard-fab.ard-disabled > .ard-fab {
   opacity: var(--ard-fab-overlay-disabled-opacity, var(--ard-button-overlay-disabled-opacity, 0.2));
   cursor: not-allowed;
 }
-ard-fab.ard-disabled > .ard-fab .ard-focus-overlay {
+ard-fab.ard-disabled > .ard-fab::before {
   opacity: var(--ard-fab-disabled-opacity, var(--ard-button-disabled-opacity, 0.6));
   transform: scale(1);
 }
@@ -308,7 +302,7 @@ ard-fab.ard-disabled > .ard-fab.ard-color-none .ard-button-icon,
 ard-fab.ard-disabled > .ard-fab.ard-color-none .ard-button-content {
   opacity: var(--ard-fab-overlay-disabled-opacity, var(--ard-button-overlay-disabled-opacity, 0.2));
 }
-ard-fab.ard-disabled > .ard-fab.ard-color-none .ard-focus-overlay {
+ard-fab.ard-disabled > .ard-fab.ard-color-none::before {
   background: var(--ard-cmpcl--overlay);
 }
 ard-fab.ard-disabled.ard-button-with-pointer-events-when-disabled {

package/prebuilt-themes/default/buttons/fab.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/buttons/fab.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":"AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;ECXE;EACA,QDYE;ECXF,SDYE;ECXF;EACA,aDYE;ECXF,WDUE;ECTF;EACA;EACA;EACA;EACA;EDYA;EACA;EACA;EACA;EACA;EACA;;AEvCA;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;;AD1GF;EEzBA;EACA;EACA,yBACE;;AF0BF;EEnBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFYE;;AAGA;EACE,SDNF;;ACUA;EACE,SDVF;;ACeA;EACE,SDfF;;ACmBA;EACE,SDnBF;;ACuBF;EAEE;EACA;EACA;;AAEA;EACE;;AAGJ;EAEE,YGtEC;EHuED;EACA,YGtCY;;AHwCZ;EAEE,YGzCW;;AH2Cb;EACE,YG3CW;;AH8Cf;EACE,YGnFC;EHoFD;EACA;;AAEA;EACE;;AAGJ;EACE,YG5FC;EH6FD;EACA;EAMA;;AAJA;EACE;;AAIF;EAEE;EACA;;AAGJ;EAEE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAIJ;EACE;;AAEA;EACE;;ADjFJ;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AG/CJ;EACE;EAEA,YACE;;AAMF;EACE;;;AH8CJ;ECkDA;EACA,SDjDI;ECkDJ;;AAEA;EACE,SDpDE;ECqDF;;AAKA;AAAA;EAEE,SD7DA;;AC+DF;EACE;;AD5DJ;EACE;;AAEA;EACE;;;AAKN;EACE;IACE;;EAEF;IACE;;EAEF;IACE","file":"fab.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/buttons/fab.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":"AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;ECZE;EACA,QDaE;ECZF,SDaE;ECZF;EACA,aDaE;ECZF,WDWE;ECVF;EACA;EACA;EACA;EACA;EDaA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AE/CA;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;;AD1GF;EACE;EEhBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFSE;;AAGA;EACE,SDFF;;ACMA;EACE,SDNF;;ACWA;EACE,SDXF;;ACeA;EACE,SDfF;;ACmBF;EAEE;EACA;EACA;;AAEA;EACE;;AAGJ;EAEE,YGnEC;EHoED;EACA,YGnCY;;AHqCZ;EAEE,YGtCW;;AHwCb;EACE,YGxCW;;AH2Cf;EACE,YGhFC;EHiFD;EACA;;AAEA;EACE;;AAGJ;EACE,YGzFC;EH0FD;EACA;EAMA;;AAJA;EACE;;AAIF;EAEE;EACA;;AAGJ;EAEE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAIJ;EACE;;AAEA;EACE;;ADtEJ;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AG5CF;EACE;EAEA,YACE;;AAMF;EACE;;;AHyCJ;ECoDA;EACA,SDnDI;ECoDJ;;AAEA;EACE,SDtDE;ECuDF;;AAKA;AAAA;EAEE,SD/DA;;ACiEF;EACE;;AD9DJ;EACE;;AAEA;EACE;;;AAKN;EACE;IACE;;EAEF;IACE;;EAEF;IACE","file":"fab.css"}

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

@@ -3,6 +3,7 @@
   --ard-icon-button-height-compact: 2.25em;
   --ard-icon-button-margin: 0;
   --ard-icon-button-font-size: 1rem;
+  --ard-icon-button-icon-font-size: 1.5em;
   --ard-icon-button-font-size-compact: 0.75rem;
   --ard-icon-button-font-weight: 600;
   --ard-icon-button-overlay-hover-opacity: var(--ard-button-overlay-hover-opacity, 0.04);
@@ -36,7 +37,7 @@ ard-icon-button {
   cursor: pointer;
   outline: none;
   background: transparent;
-  height: 2.1875em;
+  height: var(--ard-icon-button-height, 2.1875em);
   aspect-ratio: 1;
   border-radius: 9999px;
   align-items: center;
@@ -178,33 +179,29 @@ ard-icon-button {
   --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 {
+.ard-icon-button::before {
+  content: "";
   position: absolute;
-  top: -0;
-  bottom: -0;
-  left: -0;
-  right: -0;
+  top: calc(-1 * 0);
+  bottom: calc(-1 * 0);
+  left: calc(-1 * 0);
+  right: calc(-1 * 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:hover::before {
   opacity: var(--ard-icon-button-overlay-hover-opacity, var(--ard-button-overlay-hover-opacity, 0.04));
 }
-.ard-icon-button:focus .ard-focus-overlay {
+.ard-icon-button:focus::before {
   opacity: var(--ard-icon-button-overlay-focus-opacity, var(--ard-button-overlay-focus-opacity, 0.12));
 }
-.ard-icon-button.ard-active .ard-focus-overlay, .ard-icon-button:active .ard-focus-overlay {
+.ard-icon-button.ard-active::before, .ard-icon-button:active::before {
   opacity: var(--ard-icon-button-overlay-active-opacity, var(--ard-button-overlay-active-opacity, 0.18));
 }
-.ard-icon-button:focus-visible .ard-focus-overlay {
+.ard-icon-button:focus-visible::before {
   opacity: var(--ard-icon-button-overlay-focus-visible-opacity, var(--ard-button-overlay-focus-visible-opacity, 0.24));
 }
 .ard-icon-button.ard-appearance-transparent, .ard-icon-button.ard-appearance-raised {
@@ -212,7 +209,7 @@ ard-icon-button {
   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 {
+.ard-icon-button.ard-appearance-transparent::before, .ard-icon-button.ard-appearance-raised::before {
   background: var(--ard-cmpcl--overlay-colored);
 }
 .ard-icon-button.ard-appearance-raised, .ard-icon-button.ard-appearance-raised-strong {
@@ -231,7 +228,7 @@ ard-icon-button {
   color: var(--ard-cmpcl--content);
   border: 1px solid var(--ard-border-light);
 }
-.ard-icon-button.ard-appearance-outlined .ard-focus-overlay {
+.ard-icon-button.ard-appearance-outlined::before {
   background: var(--ard-cmpcl--overlay-colored);
 }
 .ard-icon-button.ard-appearance-outlined-strong {
@@ -240,7 +237,7 @@ ard-icon-button {
   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 {
+.ard-icon-button.ard-appearance-outlined-strong::before {
   display: none;
 }
 .ard-icon-button.ard-appearance-outlined-strong:hover, .ard-icon-button.ard-appearance-outlined-strong:focus-visible {
@@ -252,7 +249,7 @@ ard-icon-button {
   color: var(--ard-cmpcl--on-bg-colored);
   border: 1px solid var(--ard-cmpcl--bg-colored);
 }
-.ard-icon-button.ard-appearance-flat .ard-focus-overlay, .ard-icon-button.ard-appearance-raised-strong .ard-focus-overlay {
+.ard-icon-button.ard-appearance-flat::before, .ard-icon-button.ard-appearance-raised-strong::before {
   background: var(--ard-cmpcl--on-bg);
 }
 .ard-icon-button.ard-appearance-flat:focus-visible, .ard-icon-button.ard-appearance-raised-strong:focus-visible {
@@ -261,20 +258,16 @@ ard-icon-button {
 .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 {
+.ard-icon-button.ard-appearance-transparent.ard-light-coloring::before {
   background: var(--ard-cmpcl--overlay-colored-light);
 }
-.ard-icon-button .ard-button-content {
-  display: flex;
-  align-items: center;
-}
-.ard-icon-button .ard-button-content > ard-icon {
+.ard-icon-button > ard-icon {
   font-weight: 500;
-  font-size: 1.5em;
+  font-size: var(--ard-icon-button-icon-font-size);
 }
 .ard-icon-button.ard-compact {
-  height: 2.25em;
-  font-size: 0.75em;
+  height: var(--ard-icon-button-height-compact, 2.25em);
+  font-size: var(--ard-icon-button-font-size-compact, 0.75rem);
 }
 .ard-icon-button.ard-light-coloring {
   color: var(--ard-cmpcl--bg-colored-light);
@@ -285,7 +278,7 @@ ard-icon-button.ard-disabled > .ard-icon-button {
   opacity: var(--ard-icon-button-overlay-disabled-opacity, var(--ard-button-overlay-disabled-opacity, 0.2));
   cursor: not-allowed;
 }
-ard-icon-button.ard-disabled > .ard-icon-button .ard-focus-overlay {
+ard-icon-button.ard-disabled > .ard-icon-button::before {
   opacity: var(--ard-icon-button-disabled-opacity, var(--ard-button-disabled-opacity, 0.6));
   transform: scale(1);
 }
@@ -293,7 +286,7 @@ 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: var(--ard-icon-button-overlay-disabled-opacity, var(--ard-button-overlay-disabled-opacity, 0.2));
 }
-ard-icon-button.ard-disabled > .ard-icon-button.ard-color-none .ard-focus-overlay {
+ard-icon-button.ard-disabled > .ard-icon-button.ard-color-none::before {
   background: var(--ard-cmpcl--overlay);
 }
 ard-icon-button.ard-disabled > .ard-icon-button .ard-focus-overlay {

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

@@ -1 +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;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;ECZE;EACA,QDaE;ECZF,SDaE;ECZF;EACA,aDaE;ECZF,WDWE;ECVF;EACA;EACA;EACA;EACA;EDaA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AE3CA;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;;AD1GF;EEzBA;EACA;EACA,yBACE;;AF0BF;EEnBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFYE;;AAGA;EACE,SDLF;;ACSA;EACE,SDTF;;ACcA;EACE,SDdF;;ACkBA;EACE,SDlBF;;ACsBF;EAEE;EACA;EACA;;AAEA;EACE;;AAGJ;EAEE,YGtEC;EHuED;EACA,YGtCY;;AHwCZ;EAEE,YGzCW;;AH2Cb;EACE,YG3CW;;AH8Cf;EACE,YGnFC;EHoFD;EACA;;AAEA;EACE;;AAGJ;EACE,YG5FC;EH6FD;EACA;EAMA;;AAJA;EACE;;AAIF;EAEE;EACA;;AAGJ;EAEE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAIJ;EACE;;AAEA;EACE;;AD7EJ;EACE;EACA;;AAEA;EACE;EACA;;AAKJ;EACE;EACA;;AAGF;EACE;;;AAKF;EC8DA;EACA,SD7DI;EC8DJ;;AAEA;EACE,SDhEE;ECiEF;;AAKA;AAAA;EAEE,SDzEA;;AC2EF;EACE;;ADxEF;EACE;;AAGJ;EACE;;AAEA;EACE","file":"icon-button.css"}
+{"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;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;ECbE;EACA,QDcE;ECbF,SDcE;ECbF;EACA,aDcE;ECbF,WDYE;ECXF;EACA;EACA;EACA;EACA;EDcA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AE5CA;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;;AD1GF;EACE;EEhBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFSE;;AAGA;EACE,SDDF;;ACKA;EACE,SDLF;;ACUA;EACE,SDVF;;ACcA;EACE,SDdF;;ACkBF;EAEE;EACA;EACA;;AAEA;EACE;;AAGJ;EAEE,YGnEC;EHoED;EACA,YGnCY;;AHqCZ;EAEE,YGtCW;;AHwCb;EACE,YGxCW;;AH2Cf;EACE,YGhFC;EHiFD;EACA;;AAEA;EACE;;AAGJ;EACE,YGzFC;EH0FD;EACA;EAMA;;AAJA;EACE;;AAIF;EAEE;EACA;;AAGJ;EAEE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAIJ;EACE;;AAEA;EACE;;ADzEJ;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;;AAKF;ECgEA;EACA,SD/DI;ECgEJ;;AAEA;EACE,SDlEE;ECmEF;;AAKA;AAAA;EAEE,SD3EA;;AC6EF;EACE;;AD1EF;EACE;;AAGJ;EACE;;AAEA;EACE","file":"icon-button.css"}

package/prebuilt-themes/default/calendar.css

@@ -1,6 +1,38 @@
+:root {
+  --ard-calendar-grid-size: 2.25rem;
+  --ard-calendar-grid-gap: 0.25rem;
+  --ard-calendar-padding: 0.375rem;
+  --ard-calendar-header-padding: 0.375rem 0 0.75rem 0;
+  --ard-calendar-weekday-padding: 0 0 0.5rem 0;
+  --ard-calendar-weekday-font-size: 0.875rem;
+  --ard-calendar-weekday-font-weight: 500;
+  --ard-calendar-weekday-color: var(--ard-text);
+  --ard-calendar-floating-month-transform: none;
+  --ard-calendar-floating-month-padding: 0 0 0 1rem;
+  --ard-calendar-floating-month-font-size: 0.875rem;
+  --ard-calendar-floating-month-font-weight: 500;
+  --ard-calendar-floating-month-color: var(--ard-text3);
+  --ard-calendar-entry-padding: 0;
+  --ard-calendar-entry-font-size: 0.875rem;
+  --ard-calendar-entry-font-weight: 400;
+  --ard-calendar-entry-border-radius: 9999px;
+  --ard-calendar-entry-range-overlay-border-width: 1px;
+  --ard-calendar-entry-range-overlay-border-style: dashed;
+  --ard-calendar-entry-today-border-color: var(--ard-detail);
+  --ard-calendar-entry-today-selected-border: 2px solid var(--ard-bg);
+  --ard-calendar-entry-highlighted-overlay-opacity: 20%;
+  --ard-calendar-entry-selected-overlay-opacity: 100%;
+  --ard-calendar-entry-selected-range-overlay-opacity: 12%;
+  --ard-calendar-entry-disabled-overlay-opacity: 12%;
+  --ard-calendar-entry-disabled-highlighted-overlay-opacity: 15%;
+  --ard-calendar-entry-disabled-opacity: 50%;
+}
+
 .ard-calendar {
-  width: 18.5rem;
+  min-width: calc(var(--ard-calendar-grid-size) * 7 + var(--ard-calendar-grid-gap) * 6);
   user-select: none;
+  padding: var(--ard-calendar-padding, 0 0.375rem 0.375rem 0.375rem);
+  box-sizing: content-box;
 }
 .ard-calendar.ard-color-none {
   --ard-cmpcl--bg: var(--ard-bg);
@@ -136,11 +168,12 @@
   --ard-cmpcl--overlay-colored-light: currentColor;
 }
 .ard-calendar .ard-calendar__top-toolbar .ard-calendar__calendar-header {
-  display: flex;
-  justify-content: space-between;
+  display: grid;
+  grid-template-columns: 1fr 5fr 1fr;
   align-items: center;
+  justify-items: center;
   width: 100%;
-  padding: 0.75rem 0;
+  padding: var(--ard-calendar-header-padding, 0.75rem 0);
 }
 .ard-calendar .ard-calendar__top-toolbar .ard-calendar__calendar-header .ard-dropdown-arrow {
   width: var(--ard-dropdown-button-size);
@@ -157,55 +190,60 @@
 }
 .ard-calendar .ard-calendar__weekdays {
   display: grid;
-  grid-template-columns: repeat(7, 2.5rem);
+  grid-template-columns: repeat(7, var(--ard-calendar-grid-size, 2.25rem));
+  gap: var(--ard-calendar-grid-gap, 0.25rem);
   align-items: center;
-  padding: 0 0.375rem 0.5rem 0.375rem;
+  padding: var(--ard-calendar-weekday-padding, 0 0 0.5rem 0);
 }
 .ard-calendar .ard-calendar__weekdays .ard-calendar__weekday {
   text-align: center;
-  font-size: 0.875rem;
-  font-weight: 500;
-  color: var(--ard-text);
+  font-size: var(--ard-calendar-weekday-font-size, 0.875rem);
+  font-weight: var(--ard-calendar-weekday-font-weight, 500);
+  color: var(--ard-calendar-weekday-color, var(--ard-text));
 }
 .ard-calendar .ard-calendar__days-grid {
-  padding: 0.375rem;
-  padding-top: 0;
+  padding: 0;
   display: grid;
-  grid-template-columns: repeat(7, 2.5rem);
+  grid-template-columns: repeat(7, var(--ard-calendar-grid-size));
   position: relative;
   outline: none;
+  gap: var(--ard-calendar-grid-gap, 0.25rem);
 }
 .ard-calendar .ard-calendar__days-grid > * {
-  max-width: 100%;
+  width: var(--ard-calendar-grid-size);
+  max-width: var(--ard-calendar-grid-size);
+  height: var(--ard-calendar-grid-size);
+  max-height: var(--ard-calendar-grid-size);
   box-sizing: border-box;
-  aspect-ratio: 1;
 }
 .ard-calendar .ard-calendar__days-grid.ard-reserve-top-row {
-  padding-top: 2.5rem;
+  padding-top: calc(var(--ard-calendar-grid-size) + var(--ard-calendar-grid-gap));
 }
 .ard-calendar .ard-calendar__days-grid .ard-calendar__floating-month {
   position: absolute;
   top: 0;
   left: 0;
+  transform: var(--ard-calendar-floating-month-transform, none);
   width: 100%;
   box-sizing: border-box;
   aspect-ratio: 7;
-  padding-left: 1rem;
+  padding: var(--ard-calendar-floating-month-padding, 0 0 0 1rem);
   display: flex;
   align-items: center;
-  font-size: 0.875rem;
-  font-weight: 500;
-  color: var(--ard-text3);
+  font-size: var(--ard-calendar-floating-month-font-size, 0.875rem);
+  font-weight: var(--ard-calendar-floating-month-font-weight, 500);
+  color: var(--ard-calendar-floating-month-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, 2.5rem);
+  grid-template-rows: repeat(6, var(--ard-calendar-grid-size));
   position: relative;
   outline: none;
+  padding: 0;
+  gap: var(--ard-calendar-grid-gap, 0.25rem);
 }
 .ard-calendar .ard-calendar__simple-grid > * {
   max-width: 100%;
@@ -216,7 +254,8 @@
   z-index: 1;
   cursor: pointer;
   outline: none;
-  padding: 0.125rem;
+  padding: var(--ard-calendar-entry-padding, 0);
+  box-sizing: border-box;
 }
 .ard-calendar .ard-calendar__entry .ard-calendar__entry-button {
   width: 100%;
@@ -225,49 +264,96 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: 0.875rem;
+  font-size: var(--ard-calendar-entry-font-size, 0.875rem);
+  font-weight: var(--ard-calendar-entry-font-weight, 400);
   background: transparent;
   border: 1px solid transparent;
-  border-radius: 9999px;
+  border-radius: var(--ard-calendar-entry-border-radius, 9999px);
   position: relative;
   cursor: pointer;
+  outline: none;
+  box-sizing: border-box;
 }
 .ard-calendar .ard-calendar__entry .ard-calendar__entry-button .ard-focus-overlay {
   position: absolute;
-  top: -0;
-  bottom: -0;
-  left: -0;
-  right: -0;
+  top: calc(-1 * 0);
+  bottom: calc(-1 * 0);
+  left: calc(-1 * 0);
+  right: calc(-1 * 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;
+  background: var(--ard-cmpcl--overlay);
   transition: border-color 0.1s ease, opacity 0.1s ease;
 }
+.ard-calendar .ard-calendar__entry .ard-calendar__entry-button .ard-range-overlay {
+  position: absolute;
+  top: calc(-1 * 0);
+  bottom: calc(-1 * 0);
+  left: calc(-1 * 0);
+  right: calc(-1 * 0);
+  opacity: 0;
+  border-radius: inherit;
+  pointer-events: none;
+  transition: opacity 0.2s ease;
+  z-index: -1;
+  opacity: 1;
+  left: -calc(var(--ard-calendar-grid-gap, 0.25rem)/2);
+  right: -calc(var(--ard-calendar-grid-gap, 0.25rem)/2);
+  border: var(--ard-calendar-entry-range-overlay-border-width, 1px) var(--ard-calendar-entry-range-overlay-border-style, dashed) transparent;
+  background: transparent;
+  transition: none;
+  border-radius: 0;
+}
 .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);
+  border-color: var(--ard-calendar-entry-today-border-color, var(--ard-detail));
+}
+.ard-calendar .ard-calendar__entry.ard-calendar__entry-highlighted-in-range .ard-range-overlay {
+  opacity: 1;
+  border-top-color: var(--ard-cmpcl--bg-colored);
+  border-bottom-color: var(--ard-cmpcl--bg-colored);
+}
+.ard-calendar .ard-calendar__entry.ard-calendar__entry-highlighted-in-range.ard-calendar__entry-selected-start .ard-range-overlay {
+  border-left-color: var(--ard-cmpcl--bg-colored);
+}
+.ard-calendar .ard-calendar__entry.ard-calendar__entry-highlighted-in-range.ard-calendar__entry-selected-end .ard-range-overlay, .ard-calendar .ard-calendar__entry.ard-calendar__entry-highlighted-in-range.ard-calendar__entry-highlighted .ard-range-overlay {
+  border-right-color: var(--ard-cmpcl--bg-colored);
 }
 .ard-calendar .ard-calendar__entry.ard-calendar__entry-highlighted .ard-focus-overlay {
-  opacity: 20%;
+  opacity: var(--ard-calendar-entry-highlighted-overlay-opacity, 20%);
+}
+.ard-calendar .ard-calendar__entry.ard-calendar__entry-selected-start .ard-range-overlay {
+  left: 0;
+  border-top-left-radius: var(--ard-calendar-entry-border-radius);
+  border-bottom-left-radius: var(--ard-calendar-entry-border-radius);
+}
+.ard-calendar .ard-calendar__entry.ard-calendar__entry-selected-end .ard-range-overlay, .ard-calendar .ard-calendar__entry.ard-calendar__entry-highlighted:not(.ard-calendar__entry-selected-in-range) .ard-range-overlay {
+  right: 0;
+  border-top-right-radius: var(--ard-calendar-entry-border-radius);
+  border-bottom-right-radius: var(--ard-calendar-entry-border-radius);
+}
+.ard-calendar .ard-calendar__entry.ard-calendar__entry-selected-in-range .ard-range-overlay {
+  opacity: var(--ard-calendar-entry-selected-range-overlay-opacity, 12%);
+  background-color: var(--ard-cmpcl--bg-colored);
 }
 .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%;
+  opacity: var(--ard-calendar-entry-selected-overlay-opacity, 100%);
+  background: var(--ard-cmpcl--bg-colored);
 }
 .ard-calendar .ard-calendar__entry.ard-calendar__entry-selected.ard-calendar-today .ard-focus-overlay {
-  border-color: var(--ard-bg);
+  border: var(--ard-calendar-entry-today-selected-border, 2px solid var(--ard-bg));
 }
 .ard-calendar .ard-calendar__entry.ard-calendar__entry-disabled {
   pointer-events: none;
-  opacity: 50%;
+  opacity: var(--ard-calendar-entry-disabled-overlay-opacity, 50%);
 }
 .ard-calendar .ard-calendar__entry.ard-calendar__entry-disabled .ard-calendar__entry-button {
   cursor: default;
@@ -276,27 +362,21 @@
   background: var(--ard-cmpcl--overlay);
 }
 .ard-calendar .ard-calendar__entry.ard-calendar__entry-disabled.ard-calendar__entry-highlighted .ard-focus-overlay {
-  opacity: 15%;
+  opacity: var(--ard-calendar-entry-disabled-highlighted-overlay-opacity, 15%);
 }
-.ard-calendar .ard-calendar__day-labels {
-  font-size: 0.8125rem;
-  color: var(--ard-text3);
-  height: 1.25rem;
-  position: relative;
+.ard-calendar .ard-years-view .ard-calendar__entry .ard-calendar__entry-button .ard-range-overlay,
+.ard-calendar .ard-months-view .ard-calendar__entry .ard-calendar__entry-button .ard-range-overlay {
+  left: calc(-var(--ard-calendar-grid-gap) / 2 - 1px);
+  right: calc(-var(--ard-calendar-grid-gap) / 2 - 1px);
+  border: none;
 }
-.ard-calendar .ard-calendar__day-labels > * {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  aspect-ratio: unset;
+.ard-calendar .ard-years-view .ard-calendar__entry.ard-calendar__entry-selected-start .ard-range-overlay,
+.ard-calendar .ard-months-view .ard-calendar__entry.ard-calendar__entry-selected-start .ard-range-overlay {
+  left: 0;
 }
-.ard-calendar .ard-calendar__day-labels::after {
-  content: "";
-  position: absolute;
-  width: 100%;
-  height: 1px;
-  background: var(--ard-detail-ultralight);
-  bottom: 0;
+.ard-calendar .ard-years-view .ard-calendar__entry.ard-calendar__entry-selected-end .ard-range-overlay,
+.ard-calendar .ard-months-view .ard-calendar__entry.ard-calendar__entry-selected-end .ard-range-overlay {
+  right: 0;
 }
 
 .ard-readonly .ard-calendar,
@@ -305,7 +385,7 @@
 }
 
 .ard-disabled .ard-calendar {
-  opacity: 50%;
+  opacity: var(--ard-calendar-entry-disabled-opacity, 50%);
 }
 
 /*# sourceMappingURL=calendar.css.map */

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/calendar.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_dropdown-arrow.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAOA;EAEE;EACA;;ACPA;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;;ADxHA;EACE;EACA;EACA;EACA;EACA;;AAEA;EElBJ,OCsCqB;EDrCrB,QCqCqB;EDpCrB;EACA;EACA,qBCSO;EDRP,oBCQO;EDPP;EACA;;AFiBE;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA,OGnCC;;AHuCL;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE,aAvDM;;AAyDR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OGjEE;EHkEF;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EIxGJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EJiGM;EACA;EACA;EACA,YACE;;AAIN;EACE;;AAGA;EACE,cGpHC;;AHwHH;EACE;;AAIF;EACE;;AAEF;EACE;;AAIA;EACE,cGtJL;;AH0JD;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGA;EACE;;AAKR;EACE;EACA,OGpKI;EHqKJ;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA,YG1Kc;EH2Kd;;;AAMJ;AAAA;EACE;;;AAIF;EACE","file":"calendar.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/calendar.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_dropdown-arrow.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAEE;EACA;EACA;EACA;;ACrCA;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;;AD1FA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EEjDJ,OCsCqB;EDrCrB,QCqCqB;EDpCrB;EACA;EACA,qBCSO;EDRP,oBCQO;EDPP;EACA;;AFgDE;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EIhJJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EJyIM;EACA;EACA;;AAEF;EItJJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EJ+IM;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAGJ;EACE;;AAGA;EACE;;AAIF;EACE;EACA;EACA;;AAGA;EACE;;AAKF;EACE;;AAKJ;EACE;;AAIF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAIF;EACE;EACA;;AAIF;EACE;;AAEF;EACE;EACA;;AAIA;EACE;;AAIN;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGA;EACE;;AASF;AAAA;EACE;EACA;EACA;;AAKF;AAAA;EACE;;AAIF;AAAA;EACE;;;AAQR;AAAA;EACE;;;AAIF;EACE","file":"calendar.css"}

package/prebuilt-themes/default/checkbox-list.css

@@ -42,10 +42,10 @@
 }
 .ard-checkbox-list .ard-checkbox-list__item > .ard-focus-overlay {
   position: absolute;
-  top: -0;
-  bottom: -0;
-  left: -0;
-  right: -0;
+  top: calc(-1 * 0);
+  bottom: calc(-1 * 0);
+  left: calc(-1 * 0);
+  right: calc(-1 * 0);
   opacity: 0;
   border-radius: inherit;
   pointer-events: none;

package/prebuilt-themes/default/checkbox.css

@@ -291,10 +291,10 @@
 }
 .ard-checkbox .ard-focus-overlay {
   position: absolute;
-  top: -0.4em;
-  bottom: -0.4em;
-  left: -0.4em;
-  right: -0.4em;
+  top: calc(-1 * 0.4em);
+  bottom: calc(-1 * 0.4em);
+  left: calc(-1 * 0.4em);
+  right: calc(-1 * 0.4em);
   opacity: 0;
   border-radius: inherit;
   pointer-events: none;