@ardium-ui/ui 5.0.0-alpha.3 → 5.0.0-alpha.31

package/prebuilt-themes/default/color-display.css

@@ -10,7 +10,7 @@
   border: 0.0625em solid transparent;
 }
 .ard-color-display-wrapper .ard-color-display-label {
-  font-family: monospace;
+  font-family: var(--ard-font-family-mono);
   font-size: 1.15em;
 }
 .ard-color-display-wrapper.ard-appearance-rounded .ard-color-display {

package/prebuilt-themes/default/core.css

@@ -27,12 +27,22 @@
   --ard-lighten-overlay-light: rgba(255, 255, 255, 5%);
   --ard-darken-overlay: rgba(0, 0, 0, 12.5%);
   --ard-darken-overlay-strong: rgba(0, 0, 0, 20%);
+  --ard-darken-overlay-medium-strong: rgba(0, 0, 0, 13%);
   --ard-darken-overlay-medium: rgba(0, 0, 0, 10%);
   --ard-darken-overlay-light: rgba(0, 0, 0, 5%);
   --ard-darken-overlay-ultralight: rgba(0, 0, 0, 3%);
+  --ard-font-family: "Roboto", sans-serif;
+  --ard-font-family-mono: monospace;
   --ard-gold: #ffc107;
   --ard-clear-button-size: 0.9rem;
   --ard-dropdown-button-size: 0.4rem;
+  --ard-form-field-height: 2.3125rem;
+  --ard-form-field-height-compact: 1.6875rem;
+  --ard-form-field-font-size: 1rem;
+  --ard-form-field-font-size-compact: 1rem;
+  --ard-form-field-padding: 0 0.375rem;
+  --ard-form-field-padding-compact: 0 0.375rem;
+  --ard-rounded-corner-radius: 0.375rem;
   --ard-primary-50: 234, 235, 243;
   --ard-primary-100: 159, 167, 228;
   --ard-primary-300: 78, 99, 219;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/core.scss"],"names":[],"mappings":"AAEQ;AACA;AAER;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;EACA;EACA;EAEA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;AAAA;EAEA;AAAA;EAEA;AAAA;EAGA;EAEA;EACA;;;AAGF;EACE","file":"core.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/core.scss"],"names":[],"mappings":"AAEQ;AACA;AAER;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;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;AAAA;EAEA;AAAA;EAEA;AAAA;EAGA;EAEA;EACA;;;AAGF;EACE","file":"core.css"}

package/prebuilt-themes/default/dropdown-panel.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/dropdown-panel.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;EACE;;;AAEF;EACE;EACA,YCPG;EDQH;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAEF;EACE;;AAIF;EACE;;AAEF;EACE,YCIS;;ADAX;EACE;EACA;;AAIF;EACE;;AAEA;EACE","file":"dropdown-panel.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/dropdown-panel.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;EACE;;;AAEF;EACE;EACA,YCPG;EDQH;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAEF;EACE;;AAIF;EACE;;AAEF;EACE,YCKS;;ADDX;EACE;EACA;;AAIF;EACE;;AAEA;EACE","file":"dropdown-panel.css"}

package/prebuilt-themes/default/form-field-frame.css

@@ -1,6 +1,6 @@
 .ard-form-field-frame {
   box-sizing: border-box;
-  min-height: 2.3125rem;
+  min-height: var(--ard-form-field-height);
   height: max-content;
   max-width: 100%;
   display: flex;
@@ -9,7 +9,7 @@
   position: relative;
   font-size: 1rem;
   line-height: 1.25em;
-  font-family: "Roboto", sans-serif;
+  font-family: var(--ard-font-family);
   border-radius: var(--ard-variant-border-radius);
   background: var(--ard-appearance-background);
   border: var(--ard-appearance-border);
@@ -36,7 +36,7 @@
   padding-right: 0.375em;
 }
 .ard-form-field-frame.ard-compact {
-  min-height: 1.6875rem;
+  min-height: var(--ard-form-field-height-compact);
   font-size: 0.85rem;
   line-height: 1;
 }
@@ -98,4 +98,8 @@
   opacity: 4.5%;
 }
 
+.ard-readonly .ard-form-field-frame:hover .ard-form-field-overlay {
+  opacity: 0;
+}
+
 /*# sourceMappingURL=form-field-frame.css.map */

package/prebuilt-themes/default/form-field-frame.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/form-field-frame.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;EC8DA;ED5BA;EACA;EACA;;AAlCA;EACE;EACA;;AAEA;EACE;;AAGJ;AAAA;EAEE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAIF;EACE;EACA;EACA;;ACAF;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;;AAOF;EAEE;;AAEF;EACE;;AAEF;EACE;;ADlCF;EACE,YEnDM;EFoDN;EACA,YACE;;AAKF;EACE;;AAIF;EACE;;;AAIN;EACE;EACA;;AAGE;EACE","file":"form-field-frame.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/form-field-frame.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAGA;EACE;EACA,YCqCkB;EDpClB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EE8DA;EF5BA;EACA;EACA;;AAlCA;EACE;EACA;;AAEA;EACE;;AAGJ;AAAA;EAEE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAIF;EACE,YCGwB;EDFxB;EACA;;AEAF;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;;AAOF;EAEE;;AAEF;EACE;;AAEF;EACE;;AFlCF;EACE,YCnDM;EDoDN;EACA;;AAIA;EACE;;AAIF;EACE;;;AAIN;EACE;EACA;;AAGE;EACE;;;AAMF;EACE","file":"form-field-frame.css"}

package/prebuilt-themes/default/form-field.css

@@ -40,34 +40,51 @@ ard-horizontal-form-field {
   min-height: 1.1em;
 }
 .ard-form-field .ard-form-field__hints-right > *,
-.ard-horizontal-form-field .ard-form-field__hints-right > * {
-  padding-left: 0.25rem;
+.ard-form-field .ard-form-field__errors-right > *,
+.ard-horizontal-form-field .ard-form-field__hints-right > *,
+.ard-horizontal-form-field .ard-form-field__errors-right > * {
+  padding-left: 0.5rem;
 }
 .ard-form-field .ard-hint,
 .ard-form-field .ard-error,
 .ard-horizontal-form-field .ard-hint,
 .ard-horizontal-form-field .ard-error {
   font-size: 1em;
-  line-height: 1.1;
-  display: block;
-  height: 1.1em;
+  line-height: 1.2;
+  display: inline-grid;
+  min-height: 1.2em;
 }
 .ard-form-field .ard-hint,
 .ard-horizontal-form-field .ard-hint {
   color: var(--ard-text2);
 }
-.ard-form-field .ard-error,
-.ard-horizontal-form-field .ard-error {
+.ard-form-field .ard-error:not(.ard-hint-error),
+.ard-form-field .ard-form-field__errors .ard-hint-error,
+.ard-horizontal-form-field .ard-error:not(.ard-hint-error),
+.ard-horizontal-form-field .ard-form-field__errors .ard-hint-error {
   color: rgb(var(--ard-danger-700));
   overflow: hidden;
+}
+.ard-form-field .ard-error:not(.ard-hint-error),
+.ard-horizontal-form-field .ard-error:not(.ard-hint-error) {
   animation: errorAppear 0.25s cubic-bezier(0.4, 0, 0.2, 1) forwards;
 }
+.ard-form-field .ard-form-field__default-hint,
+.ard-form-field .ard-form-field__default-error,
+.ard-horizontal-form-field .ard-form-field__default-hint,
+.ard-horizontal-form-field .ard-form-field__default-error {
+  gap: 0.375em;
+}
 .ard-form-field.ard-form-field__with-error .ard-label,
-.ard-horizontal-form-field.ard-form-field__with-error .ard-label {
+.ard-form-field.ard-form-field__with-error ard-label,
+.ard-horizontal-form-field.ard-form-field__with-error .ard-label,
+.ard-horizontal-form-field.ard-form-field__with-error ard-label {
   color: rgb(var(--ard-danger-700));
 }
 .ard-form-field.ard-form-field__is-success .ard-label,
-.ard-horizontal-form-field.ard-form-field__is-success .ard-label {
+.ard-form-field.ard-form-field__is-success ard-label,
+.ard-horizontal-form-field.ard-form-field__is-success .ard-label,
+.ard-horizontal-form-field.ard-form-field__is-success ard-label {
   color: rgb(var(--ard-success-700));
 }
 .ard-form-field.ard-form-field__control-disabled .ard-label,
@@ -87,7 +104,8 @@ ard-horizontal-form-field {
 }
 .ard-horizontal-form-field .ard-form-field__label-container {
   width: var(--ard-horizontal-form-field-label-width, 12rem);
-  height: 2.3125rem;
+  min-width: var(--ard-horizontal-form-field-label-width, 12rem);
+  height: var(--ard-form-field-height);
   display: flex;
   align-items: center;
   justify-content: var(--ard-horizontal-form-field-label-align, flex-start);
@@ -96,15 +114,19 @@ ard-horizontal-form-field {
   flex-grow: 1;
 }
 .ard-horizontal-form-field:has(.ard-form-field__input .ard-compact) .ard-form-field__label-container {
-  height: 1.5625rem;
+  height: var(--ard-form-field-height-compact);
+}
+
+ard-label {
+  display: flex;
 }
 
 @keyframes errorAppear {
   from {
-    height: 0;
+    grid-template-rows: 0fr;
   }
   to {
-    height: 1.1em;
+    grid-template-rows: 1fr;
   }
 }
 

package/prebuilt-themes/default/form-field.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/form-field.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;AAAA;EAEE;EACA;;;AAGF;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAGE;AAAA;EACE;EACA;EACA;EACA;;AAIF;AAAA;EACE;EACA;EACA;;AAIN;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA;;AAIF;AAAA;EACE;;AAGJ;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;;AAEF;AAAA;EACE,OCjDI;;ADmDN;AAAA;EACE,OCkBQ;EDjBR;EACA;;AAIA;AAAA;EACE,OCWM;;ADPR;AAAA;EACE,OCgCO;;AD5BT;AAAA;EACE;;AAEF;AAAA;EACE;;;AAIN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAIA;EACE;;;AAKN;EACE;IACE;;EAEF;IACE","file":"form-field.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/form-field.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;AAAA;EAEE;EACA;;;AAGF;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAGE;AAAA;EACE;EACA;EACA;EACA;;AAIF;AAAA;EACE;EACA;EACA;;AAIN;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA;;AAKF;AAAA;AAAA;AAAA;EACE;;AAGJ;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;;AAEF;AAAA;EACE,OClDI;;ADoDN;AAAA;AAAA;AAAA;EAEE,OCmBQ;EDlBR;;AAEF;AAAA;EACE;;AAEF;AAAA;AAAA;AAAA;EAEE;;AAIA;AAAA;AAAA;AAAA;EAEE,OCKM;;ADDR;AAAA;AAAA;AAAA;EAEE,OCyBO;;ADrBT;AAAA;EACE;;AAEF;AAAA;EACE;;;AAIN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,QC7DgB;ED8DhB;EACA;EACA;;AAEF;EACE;;AAIA;EACE,QCvEsB;;;AD4E5B;EACE;;;AAGF;EACE;IACE;;EAEF;IACE","file":"form-field.css"}

package/prebuilt-themes/default/inputs/autocomplete-input.css

@@ -3,7 +3,7 @@
  */
 .ard-autocomplete-input {
   position: relative;
-  font-family: "Roboto", sans-serif;
+  font-family: var(--ard-font-family);
   display: flex;
   align-items: center;
   justify-content: stretch;

package/prebuilt-themes/default/inputs/autocomplete-input.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/autocomplete-input.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;ACGA;EDCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECRA;EACA;EACA;;ADQA;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;;ADvDN;EACE;;;AAKF;EACE;EACA;EACA,OEdI;EFeJ;;AAEA;EACE,YEEiB;;AFCnB;EACE;EACA,YEJkB;;AFOpB;EACE;EACA;;AAIF;EACE;EACA","file":"autocomplete-input.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/autocomplete-input.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;ACGA;EDCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECRA;EACA;EACA;;ADQA;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,QCmCgB;EDlChB,OCkCgB;EDjChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OC0BgB;EDzBhB,QCyBgB;EDxBhB;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;;ADvDN;EACE;;;AAKF;EACE;EACA;EACA,OEdI;EFeJ;;AAEA;EACE,YEGiB;;AFAnB;EACE;EACA,YEHkB;;AFMpB;EACE;EACA;;AAIF;EACE;EACA","file":"autocomplete-input.css"}

package/prebuilt-themes/default/inputs/color-input.css

@@ -3,7 +3,7 @@
  */
 .ard-color-input {
   position: relative;
-  font-family: "Roboto", sans-serif;
+  font-family: var(--ard-font-family);
   display: flex;
   align-items: center;
   justify-content: stretch;
@@ -114,7 +114,7 @@
   pointer-events: none;
 }
 .ard-color-input .ard-input-container input {
-  font-family: monospace;
+  font-family: var(--ard-font-family-mono);
   user-select: none;
 }
 .ard-color-input .ard-color-display-button {

package/prebuilt-themes/default/inputs/color-input.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/color-input.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;EACA;;ADQA;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;;ADvDN;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AAIN;EACE","file":"color-input.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/color-input.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;EACA;;ADQA;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,QCmCgB;EDlChB,OCkCgB;EDjChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OC0BgB;EDzBhB,QCyBgB;EDxBhB;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;;ADvDN;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AAIN;EACE","file":"color-input.css"}

package/prebuilt-themes/default/inputs/date-input.css

@@ -3,7 +3,7 @@
  */
 ard-date-input .ard-date-input {
   position: relative;
-  font-family: "Roboto", sans-serif;
+  font-family: var(--ard-font-family);
   display: flex;
   align-items: center;
   justify-content: stretch;

package/prebuilt-themes/default/inputs/digit-input.css

@@ -1,5 +1,5 @@
 ard-digit-input {
-  font-family: "Roboto", sans-serif;
+  font-family: var(--ard-font-family);
   font-weight: 500;
   color: var(--ard-text);
 }

package/prebuilt-themes/default/inputs/digit-input.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/digit-input.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAIA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAEF;EAEE;EACA;;ACsBA;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;;ADjDF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA,OE7BC;EF8BD,aE5BE;EF6BF;EACA;EACA;EACA,YACE;;AAGF;EACE,OErCA;EFsCA;;AAGF;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AAIF;EACE;;AAIF;EACE;;AAEA;EACE;;AAMJ;EACE,cEwBO;;AFpBT;EACE,kBEbK;EFcL,cERM;;AFYV;EACE;;AAEF;EACE;;AAEF;EACE;;;AAIF;EACE;EACA","file":"digit-input.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/digit-input.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAIA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;;AAEF;EAEE;EACA;;ACsBA;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;;ADjDF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA,OE7BC;EF8BD,aE5BE;EF6BF;EACA;EACA;EACA,YACE;;AAGF;EACE,OErCA;EFsCA;;AAGF;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AAIF;EACE;;AAIF;EACE;;AAEA;EACE;;AAMJ;EACE,cE2BO;;AFvBT;EACE,kBEVK;EFWL,cELM;;AFSV;EACE;;AAEF;EACE;;AAEF;EACE;;;AAIF;EACE;EACA","file":"digit-input.css"}

package/prebuilt-themes/default/inputs/file-input.css

@@ -7,7 +7,7 @@
 
 .ard-file-input {
   position: relative;
-  font-family: "Roboto", sans-serif;
+  font-family: var(--ard-font-family);
   display: flex;
   align-items: center;
   justify-content: stretch;

package/prebuilt-themes/default/inputs/file-input.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/file-input.scss","../../../../../projects/ui/src/themes/default/_coloring.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACKE;EACE;;;AAGJ;EDLE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECDA;EACA;EACA;EACA;EACA;EACA;;AChBA;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;;AFrHF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AC1BF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EErCF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EF8BI,YGlDI;EHmDJ;;AAGA;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AIpEN;EACE,QDkCgB;ECjChB,ODiCgB;EChChB;;AAGF;EACE;EACA;EACA,ODGK;ECFL,ODyBgB;ECxBhB,QDwBgB;ECvBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EFvBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EEgBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EF7CN;EACA;EACA,yBACE;EE4CI;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;AJWN;EACE;;AAEF;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;;AAEF;EACE;EACA;EACA;;;AAGJ;EACE;;;AAIE;AAAA;EAEE,OG1BM","file":"file-input.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/file-input.scss","../../../../../projects/ui/src/themes/default/_coloring.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss","../../../../../projects/ui/src/themes/default/_clear-button.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACKE;EACE;;;AAGJ;EDLE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECDA;EACA;EACA;EACA;EACA;EACA;;AChBA;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;;AFrHF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AC1BF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EErCF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EF8BI,YGlDI;EHmDJ;;AAGA;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AIpEN;EACE,QDmCgB;EClChB,ODkCgB;ECjChB;;AAGF;EACE;EACA;EACA,ODGK;ECFL,OD0BgB;ECzBhB,QDyBgB;ECxBhB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EFvBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EEgBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EF7CN;EACA;EACA,yBACE;EE4CI;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;AJWN;EACE;;AAEF;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;;AAEF;EACE;EACA;EACA;;;AAGJ;EACE;;;AAIE;AAAA;EAEE,OGvBM","file":"file-input.css"}

package/prebuilt-themes/default/inputs/hex-input.css

@@ -3,7 +3,7 @@
  */
 .ard-hex-input {
   position: relative;
-  font-family: "Roboto", sans-serif;
+  font-family: var(--ard-font-family);
   display: flex;
   align-items: center;
   justify-content: stretch;
@@ -110,14 +110,14 @@
   opacity: 15%;
 }
 .ard-hex-input .ard-input-container input {
-  font-family: monospace;
+  font-family: var(--ard-font-family-mono);
 }
 .ard-hex-input .ard-hash-container {
   margin-right: -0.5rem;
   color: var(--ard-text3);
   opacity: 70%;
   user-select: none;
-  font-family: monospace;
+  font-family: var(--ard-font-family-mono);
 }
 
 /*# sourceMappingURL=hex-input.css.map */

package/prebuilt-themes/default/inputs/hex-input.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/hex-input.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;ACGA;EDCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECRA;EACA;EACA;;ADQA;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;;ADtDJ;EACE;;AAIJ;EACE;EACA,OEZI;EFaJ;EACA;EACA","file":"hex-input.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/hex-input.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;ACGA;EDCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECRA;EACA;EACA;;ADQA;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,QCmCgB;EDlChB,OCkCgB;EDjChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OC0BgB;EDzBhB,QCyBgB;EDxBhB;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;;ADtDJ;EACE;;AAIJ;EACE;EACA,OEZI;EFaJ;EACA;EACA","file":"hex-input.css"}

package/prebuilt-themes/default/inputs/input.css

@@ -3,7 +3,7 @@
  */
 .ard-input {
   position: relative;
-  font-family: "Roboto", sans-serif;
+  font-family: var(--ard-font-family);
   display: flex;
   align-items: center;
   justify-content: stretch;
@@ -13,7 +13,6 @@
   font-size: 1rem;
   line-height: 1.25em;
   padding: 0 0.375rem;
-  min-width: 10rem;
   max-width: 100%;
 }
 .ard-input .ard-input-container {

package/prebuilt-themes/default/inputs/input.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/input.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","file":"input.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/input.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;;ADUA;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,QCmCgB;EDlChB,OCkCgB;EDjChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OC0BgB;EDzBhB,QCyBgB;EDxBhB;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","file":"input.css"}

package/prebuilt-themes/default/inputs/number-input.css

@@ -1,16 +1,24 @@
 /**
  * Should be applied to the first element in the component's template.
  */
-ard-number-input {
-  width: 9.5rem;
+:root {
+  --ard-number-input-width: 9.5rem;
+  --ard-number-input-height: var(--ard-form-field-height);
+  --ard-number-input-height-compact: var(--ard-form-field-height-compact);
+  --ard-number-input-font-size: var(--ard-form-field-font-size);
+  --ard-number-input-font-size-compact: var(--ard-form-field-font-size-compact);
+  --ard-number-input-padding: var(--ard-form-field-padding);
+  --ard-number-input-padding-compact: var(--ard-form-field-padding-compact);
+  --ard-number-input-rounded-border-radius: 8px;
 }
-ard-number-input:not(:has(.ard-quick-change-button)) {
-  width: 6rem;
+
+ard-number-input {
+  width: var(--ard-number-input-width, 9.5rem);
 }
 
 .ard-number-input {
   position: relative;
-  font-family: "Roboto", sans-serif;
+  font-family: var(--ard-font-family);
   display: flex;
   align-items: center;
   justify-content: stretch;
@@ -19,10 +27,11 @@ ard-number-input:not(:has(.ard-quick-change-button)) {
   box-sizing: border-box;
   font-size: 1rem;
   line-height: 1.25em;
-  min-height: 2.1875rem;
-  height: 2.1875rem;
+  min-height: var(--ard-form-field-height, var(--ard-number-input-height, 2.3125rem));
+  height: var(--ard-form-field-height, var(--ard-number-input-height, 2.3125rem));
   gap: 0;
   width: 100%;
+  font-size: var(--ard-number-input-font-size, var(--ard-form-field-font-size, 1rem));
 }
 .ard-number-input .ard-input-container {
   flex-grow: 1;
@@ -85,12 +94,17 @@ ard-number-input:not(:has(.ard-quick-change-button)) {
 .ard-number-input .ard-input-container {
   height: 100%;
   max-width: 100%;
+  padding: var(--ard-number-input-padding, var(--ard-form-field-padding, 0 0.375rem));
 }
 .ard-number-input .ard-input-container > input {
   width: 100%;
 }
+.ard-number-input .ard-placeholder {
+  padding: var(--ard-number-input-padding, var(--ard-form-field-padding, 0 0.375rem));
+}
 .ard-number-input .ard-quick-change-button {
   position: relative;
+  min-width: var(--ard-number-input-height, var(--ard-form-field-height, 2.3125rem));
 }
 .ard-number-input .ard-quick-change-button .ard-button {
   height: 100%;
@@ -119,10 +133,10 @@ ard-number-input:not(:has(.ard-quick-change-button)) {
   border-bottom-left-radius: 0;
 }
 .ard-number-input.ard-variant-rounded {
-  border-radius: 8px;
+  border-radius: var(--ard-number-input-rounded-border-radius, 8px);
 }
 .ard-number-input.ard-variant-rounded.ard-quick-change-false .ard-input-container {
-  border-radius: 8px;
+  border-radius: var(--ard-number-input-rounded-border-radius, 8px);
 }
 .ard-number-input.ard-variant-sharp {
   border-radius: 0;
@@ -132,8 +146,8 @@ ard-number-input:not(:has(.ard-quick-change-button)) {
 }
 .ard-number-input.ard-variant-pill .ard-button {
   border-radius: 9999px !important;
-  height: 30px;
-  width: 30px;
+  width: var(--ard-number-input-height, var(--ard-form-field-height, 2.3125rem));
+  height: var(--ard-number-input-height, var(--ard-form-field-height, 2.3125rem));
   margin: 0 2px;
 }
 .ard-number-input.ard-variant-pill.ard-quick-change-false .ard-input-container {
@@ -153,9 +167,18 @@ ard-number-input:not(:has(.ard-quick-change-button)) {
   border: var(--ard-appearance-border);
 }
 .ard-number-input.ard-compact {
-  min-height: 1.6875rem;
-  height: 1.6875rem;
-  font-size: 0.925rem;
+  min-height: var(--ard-form-field-height-compact, var(--ard-number-input-height-compact, 1.6875rem));
+  height: var(--ard-form-field-height-compact, var(--ard-number-input-height-compact, 1.6875rem));
+  font-size: var(--ard-number-input-font-size-compact, var(--ard-form-field-font-size-compact, 0.9375rem));
+}
+.ard-number-input.ard-compact .ard-input-container {
+  padding: var(--ard-number-input-padding-compact, var(--ard-form-field-padding-compact, 0 0.375rem));
+}
+.ard-number-input.ard-compact .ard-placeholder {
+  padding: var(--ard-number-input-padding-compact, var(--ard-form-field-padding-compact, 0 0.375rem));
+}
+.ard-number-input.ard-compact .ard-quick-change-button {
+  min-width: var(--ard-form-field-height-compact, var(--ard-number-input-height-compact, 1.6875rem));
 }
 
 .ard-disabled > .ard-number-input {

package/prebuilt-themes/default/inputs/number-input.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/number-input.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACEA;EACE;;AAEA;EACE;;;AAIJ;EDNE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECAA;EACA;EACA;EACA;;ADDA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AELF;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;;ADnDF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAGJ;EACE;;AAEA;EACE;EACA;;AAMN;EACE;;AAGE;EACE;;AAIN;EACE;;AAEF;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAIA;EACE;;AAQJ;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAIF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EAMA,YE3HG;;AFuHH;EACE","file":"number-input.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/number-input.scss","../../../../../projects/ui/src/themes/default/_mixins.scss","../../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;ACEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EDbE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECOA;EACA;EACA;EACA;EACA;;ADTA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AELF;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;;AD3CF;EACE;EACA;EACA;;AAEA;EACE;;AAGJ;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAGJ;EACE;;AAEA;EACE;EACA;;AAMN;EACE;;AAGE;EACE;;AAIN;EACE;;AAEF;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAIA;EACE;;AAQJ;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;;AAMJ;EACE;EACA;EAMA,YElJG;;AF8IH;EACE","file":"number-input.css"}

package/prebuilt-themes/default/inputs/password-input.css

@@ -3,7 +3,7 @@
  */
 .ard-password-input {
   position: relative;
-  font-family: "Roboto", sans-serif;
+  font-family: var(--ard-font-family);
   display: flex;
   align-items: center;
   justify-content: stretch;

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

@@ -3,7 +3,7 @@
  */
 .ard-search-bar {
   position: relative;
-  font-family: "Roboto", sans-serif;
+  font-family: var(--ard-font-family);
   display: flex;
   align-items: center;
   justify-content: stretch;

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

@@ -1 +1 @@
-{"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"}
+{"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,QCmCgB;EDlChB,OCkCgB;EDjChB;;AAGF;EACE;EACA;EACA,OCGK;EDFL,OC0BgB;EDzBhB,QCyBgB;EDxBhB;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/kbd-shortcut.css

@@ -1,5 +1,5 @@
 .ard-kbd-shortcut {
-  font-family: monospace;
+  font-family: var(--ard-font-family-mono);
   color: var(--ard-text2);
 }
 .ard-kbd-shortcut > span {

package/prebuilt-themes/default/kbd.css

@@ -1,6 +1,6 @@
 .ard-kbd {
   border-radius: 0.2em;
-  font-family: monospace;
+  font-family: var(--ard-font-family-mono);
   font-size: 0.9em;
   margin: 0 0.125em;
   color: var(--ard-text2);

package/prebuilt-themes/default/modal.css

@@ -13,8 +13,9 @@
 .ard-modal .ard-modal-panel {
   padding: 1.25rem;
   padding-top: 1rem;
-  background: var(--ard-bg);
   max-width: calc(100vw - 4rem);
+  max-height: calc(100vh - 4rem);
+  background: var(--ard-bg);
   position: relative;
   display: flex;
   flex-direction: column;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/modal.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,YCcoB;;ADZtB;EACE;EACA;EACA,YCjBC;EDkBD;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAIF;EACE;;AAIN;EACE;EACA;EACA;;AAEA;EACE;EACA,OCxCC;EDyCD;EACA;;AAEF;EACE;EACA;EACA;;AAKF;EACE,YC1BW;;AD+Bb;EACE;;AAIF;EACE;;AAMF;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA","file":"modal.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/modal.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE,YCcoB;;ADZtB;EACE;EACA;EACA;EACA;EACA,YCnBC;EDoBD;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAIF;EACE;;AAIN;EACE;EACA;EACA;;AAEA;EACE;EACA,OCzCC;ED0CD;EACA;;AAEF;EACE;EACA;EACA;;AAKF;EACE,YC1BW;;AD+Bb;EACE;;AAIF;EACE;;AAMF;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA","file":"modal.css"}

package/prebuilt-themes/default/progress-circle.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/progress-circle.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAGA;EAEE;EAEA;;ACJA;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;;AD3HA;EACE;;AAIF;EACE,YEUkB;;AFNpB;EACE;EACA;;AAIA;EACE;;AAMJ;AAAA;EAIE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE","file":"progress-circle.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/progress-circle.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAGA;EAEE;EAEA;;ACJA;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;;AD3HA;EACE;;AAIF;EACE,YEWkB;;AFPpB;EACE;EACA;;AAIA;EACE;;AAMJ;AAAA;EAIE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE","file":"progress-circle.css"}

package/prebuilt-themes/default/radio.css

@@ -13,7 +13,8 @@ ard-radio {
   outline: none;
   font-size: 1em;
   display: flex;
-  gap: 0.375em;
+  align-items: center;
+  gap: 0.75rem;
   padding: 0;
   width: 100%;
 }
@@ -153,7 +154,8 @@ ard-radio {
 .ard-radio > .ard-radio-circles {
   position: relative;
   width: 1.25em;
-  height: 1.25em;
+  min-width: 1.25em;
+  aspect-ratio: 1;
 }
 .ard-radio > .ard-radio-circles > .ard-radio-outer-circle {
   position: absolute;
@@ -161,7 +163,7 @@ ard-radio {
   right: 0;
   top: 0;
   bottom: 0;
-  border: 2px solid var(--ard-detail);
+  border: 0.125em solid var(--ard-detail);
   border-radius: 9999px;
   transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
 }

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/radio.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_mixins.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAIA;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EAGE;EACA;EACA;EACA;EACA;EACA;;ACpBA;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;;AD7GF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EEtCF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EF+BI;EACA,kBGpDI;EHsDJ,YACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAOF;EACE;;AAEF;EACE;;AAEF;EACE;;AAMF;EACE;;AAMF;EACE;;;AAON;EACE;EACA;EACA","file":"radio.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/radio.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_mixins.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAIA;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;ACrBA;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;;AD5GF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EExCF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFiCI;EACA,kBGtDI;EHwDJ,YACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAOF;EACE;;AAEF;EACE;;AAEF;EACE;;AAMF;EACE;;AAMF;EACE;;;AAON;EACE;EACA;EACA","file":"radio.css"}