@ardium-ui/ui 3.3.0-alpha1 → 3.4.1

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;ECsDA;EDxBA;EACA;EACA;;AA9BA;EACE;EACA;;AAEF;AAAA;EAEE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAIF;EACE;EACA;EACA;;ACFF;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAGJ;EACE;EACA;;AAEA;EACE;;AAQJ;EAEE;;AAEF;EACE;;AAEF;EACE;;AD9BF;EACE,YE/CM;EFgDN;EACA;;AAIA;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/default/_mixins.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECwDA;EDtBA;EACA;EACA;;AAlCA;EACE;EACA;;AAEA;EACE;;AAGJ;AAAA;EAEE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAIF;EACE;EACA;EACA;;ACNF;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;;AD5BF;EACE,YEnDM;EFoDN;EACA;;AAIA;EACE;;AAIF;EACE;;;AAIN;EACE;EACA;;AAGE;EACE","file":"form-field-frame.css"}

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

@@ -1,33 +1,98 @@
-.ard-form-field {
+ard-form-field,
+ard-horizontal-form-field {
+  display: block;
+  width: 100%;
+}
+
+.ard-form-field,
+.ard-horizontal-form-field {
   display: flex;
   flex-direction: column;
 }
-.ard-form-field .ard-label {
+.ard-form-field .ard-label,
+.ard-horizontal-form-field .ard-label {
   padding: 0.25rem 0 0.125rem 0.125rem;
   font-size: 0.9375rem;
   font-weight: 500;
 }
-.ard-form-field .ard-form-field__hints {
+.ard-form-field .ard-form-field__hints,
+.ard-horizontal-form-field .ard-form-field__hints {
   padding: 0.125rem 0 0.25rem 0.125rem;
+  font-size: 0.8125rem;
+  line-height: 1.1;
 }
-.ard-form-field .ard-form-field__hints-right > * {
+.ard-form-field .ard-form-field__hints.ard-form-field__reserve-hint-line,
+.ard-horizontal-form-field .ard-form-field__hints.ard-form-field__reserve-hint-line {
+  box-sizing: content-box;
+  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-hint,
-.ard-form-field .ard-error {
-  font-size: 0.8125rem;
+.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;
 }
-.ard-form-field .ard-hint {
+.ard-form-field .ard-hint,
+.ard-horizontal-form-field .ard-hint {
   color: var(--ard-text2);
 }
-.ard-form-field .ard-error {
+.ard-form-field .ard-error,
+.ard-horizontal-form-field .ard-error {
   color: rgb(var(--ard-danger-700));
+  overflow: hidden;
+  animation: errorAppear 0.25s cubic-bezier(0.4, 0, 0.2, 1) forwards;
 }
-.ard-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 {
   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 {
+  color: rgb(var(--ard-success-700));
+}
+.ard-form-field.ard-form-field__control-disabled .ard-label,
+.ard-horizontal-form-field.ard-form-field__control-disabled .ard-label {
+  opacity: 40%;
+}
+.ard-form-field.ard-form-field__control-disabled .ard-form-field__hints,
+.ard-horizontal-form-field.ard-form-field__control-disabled .ard-form-field__hints {
+  opacity: 50%;
+}
+
+.ard-horizontal-form-field {
+  align-items: flex-start;
+  justify-content: stretch;
+  flex-direction: row;
+  gap: 0.5rem;
+}
+.ard-horizontal-form-field .ard-form-field__label-container {
+  width: var(--ard-horizontal-form-field-label-width, 12rem);
+  height: 2.3125rem;
+  display: flex;
+  align-items: center;
+  justify-content: var(--ard-horizontal-form-field-label-align, flex-start);
+}
+.ard-horizontal-form-field .ard-form-field__non-label {
+  flex-grow: 1;
+}
+.ard-horizontal-form-field:has(.ard-form-field__input .ard-compact) .ard-form-field__label-container {
+  height: 1.5625rem;
+}
+
+@keyframes errorAppear {
+  from {
+    height: 0;
+  }
+  to {
+    height: 1.1em;
+  }
+}
 
 /*# sourceMappingURL=form-field.css.map */

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;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE;;AAGA;EACE;;AAGJ;AAAA;EAEE;EACA;EACA;EACA;;AAEF;EACE,OCnBI;;ADqBN;EACE,OCgDQ;;AD5CR;EACE,OC2CM","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;;AAEF;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA;;AAIF;AAAA;EACE;;AAGJ;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;;AAEF;AAAA;EACE,OCjCI;;ADmCN;AAAA;EACE,OCkCQ;EDjCR;EACA;;AAIA;AAAA;EACE,OC2BM;;ADvBR;AAAA;EACE,OCgDO;;AD5CT;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"}

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

@@ -24,6 +24,9 @@ ard-digit-input {
 .ard-digit-input.ard-appearance-outlined.ard-focused {
   --ard-appearance-border-color: var(--ard-border-dark);
 }
+.ard-digit-input.ard-appearance-outlined.ard-is-success {
+  --ard-appearance-border-color: rgb(var(--ard-success-500));
+}
 .ard-digit-input.ard-appearance-outlined.ard-has-error {
   --ard-appearance-background: rgb(var(--ard-danger-50));
   --ard-appearance-border-color: rgb(var(--ard-danger-500));
@@ -32,6 +35,9 @@ ard-digit-input {
   --ard-appearance-background: var(--ard-bg-filled);
   --ard-appearance-border: none;
 }
+.ard-digit-input.ard-appearance-filled.ard-is-success {
+  --ard-appearance-background: rgb(var(--ard-success-50));
+}
 .ard-digit-input.ard-appearance-filled.ard-has-error {
   --ard-appearance-background: rgb(var(--ard-danger-50));
 }
@@ -39,9 +45,6 @@ ard-digit-input {
   --ard-appearance-background: transparent;
   --ard-appearance-border: none;
 }
-.ard-digit-input.ard-appearance-transparent.ard-has-error {
-  --ard-appearance-border: 1px solid rgba(var(--ard-danger-500), 0.1);
-}
 .ard-digit-input .ard-digit-input__item {
   height: max-content;
   display: flex;
@@ -56,6 +59,7 @@ ard-digit-input {
   height: 100%;
   box-sizing: border-box;
   text-align: center;
+  color: var(--ard-text);
   caret-color: var(--ard-text3);
   background: var(--ard-appearance-background);
   border: var(--ard-appearance-border);
@@ -84,6 +88,9 @@ ard-digit-input {
 .ard-digit-input.ard-shape-rectangle .ard-digit-input__item .ard-digit-input__input {
   font-size: 1.2em;
 }
+.ard-digit-input.ard-is-success .ard-digit-input__item .ard-digit-input__input {
+  border-color: rgb(var(--ard-success-500));
+}
 .ard-digit-input.ard-has-error .ard-digit-input__item .ard-digit-input__input {
   background-color: rgb(var(--ard-danger-50));
   border-color: rgb(var(--ard-danger-500));
@@ -98,4 +105,9 @@ ard-digit-input {
   --ard-variant-border-radius: 0;
 }
 
+.ard-disabled > .ard-digit-input {
+  opacity: 50%;
+  pointer-events: none;
+}
+
 /*# sourceMappingURL=digit-input.css.map */

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;;ACgBA;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAGJ;EACE;EACA;;AAEA;EACE;;ADxCJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA,aE3BE;EF4BF;EACA;EACA;EACA;;AAEA;EACE,OElCA;EFmCA;;AAGF;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AAIF;EACE;;AAIF;EACE;;AAEA;EACE;;AAMJ;EACE,kBELK;EFML;;AAIJ;EACE;;AAEF;EACE;;AAEF;EACE","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;;ACgBA;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;;AD3CF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA,OE7BC;EF8BD,aE5BE;EF6BF;EACA;EACA;EACA;;AAEA;EACE,OEnCA;EFoCA;;AAGF;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AAIF;EACE;;AAIF;EACE;;AAEA;EACE;;AAMJ;EACE,cE0BO;;AFtBT;EACE,kBEXK;EFYL,cENM;;AFUV;EACE;;AAEF;EACE;;AAEF;EACE;;;AAIF;EACE;EACA","file":"digit-input.css"}

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

@@ -302,9 +302,4 @@
   opacity: 15%;
 }
 
-.ard-disabled .ard-input {
-  pointer-events: none;
-  opacity: 50%;
-}
-
 /*# sourceMappingURL=file-input.css.map */

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;EEzCF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFkCI,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;EF3BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EEoBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EF7CN;EACA;EACA;EE6CM;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;;AJYN;EACE;EACA","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;EEzCF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFkCI,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;EF3BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EEoBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EF7CN;EACA;EACA;EE6CM;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE","file":"file-input.css"}

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

@@ -135,9 +135,4 @@
   font-size: 0.9rem;
 }
 
-.ard-disabled .ard-input {
-  pointer-events: none;
-  opacity: 50%;
-}
-
 /*# sourceMappingURL=input.css.map */

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;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;EE3BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFoBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EE7CN;EACA;EACA;EF6CM;;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;;;AAKJ;EACE;EACA","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;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;EE3BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFoBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EE7CN;EACA;EACA;EF6CM;;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":"input.css"}

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

@@ -61,6 +61,9 @@ ard-number-input:not(:has(.ard-quick-change-button)) {
 .ard-number-input.ard-appearance-outlined.ard-focused {
   --ard-appearance-border-color: var(--ard-border-dark);
 }
+.ard-number-input.ard-appearance-outlined.ard-is-success {
+  --ard-appearance-border-color: rgb(var(--ard-success-500));
+}
 .ard-number-input.ard-appearance-outlined.ard-has-error {
   --ard-appearance-background: rgb(var(--ard-danger-50));
   --ard-appearance-border-color: rgb(var(--ard-danger-500));
@@ -69,6 +72,9 @@ ard-number-input:not(:has(.ard-quick-change-button)) {
   --ard-appearance-background: var(--ard-bg-filled);
   --ard-appearance-border: none;
 }
+.ard-number-input.ard-appearance-filled.ard-is-success {
+  --ard-appearance-background: rgb(var(--ard-success-50));
+}
 .ard-number-input.ard-appearance-filled.ard-has-error {
   --ard-appearance-background: rgb(var(--ard-danger-50));
 }
@@ -76,9 +82,6 @@ ard-number-input:not(:has(.ard-quick-change-button)) {
   --ard-appearance-background: transparent;
   --ard-appearance-border: none;
 }
-.ard-number-input.ard-appearance-transparent.ard-has-error {
-  --ard-appearance-border: 1px solid rgba(var(--ard-danger-500), 0.1);
-}
 .ard-number-input .ard-input-container {
   height: 100%;
   max-width: 100%;

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;;AEXF;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAGJ;EACE;EACA;;AAEA;EACE;;AD1CJ;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;;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;;AEXF;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;;AD7CF;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"}

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

@@ -110,9 +110,4 @@
   opacity: 15%;
 }
 
-.ard-disabled .ard-simple-input {
-  pointer-events: none;
-  opacity: 50%;
-}
-
 /*# sourceMappingURL=simple-input.css.map */

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/simple-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;EE3BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFoBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EE7CN;EACA;EACA;EF6CM;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE;;;ADtDN;EACE;EACA","file":"simple-input.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../projects/ui/src/themes/default/inputs/_shared.scss","../../../../../projects/ui/src/themes/default/inputs/simple-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;EE3BF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFoBI;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EE7CN;EACA;EACA;EF6CM;;AAKF;EACE;;AAKF;EACE;;AAKF;EACE","file":"simple-input.css"}

package/prebuilt-themes/default/segment.css

@@ -152,6 +152,9 @@
 .ard-segment-container.ard-appearance-outlined.ard-focused {
   --ard-appearance-border-color: var(--ard-border-dark);
 }
+.ard-segment-container.ard-appearance-outlined.ard-is-success {
+  --ard-appearance-border-color: rgb(var(--ard-success-500));
+}
 .ard-segment-container.ard-appearance-outlined.ard-has-error {
   --ard-appearance-background: rgb(var(--ard-danger-50));
   --ard-appearance-border-color: rgb(var(--ard-danger-500));
@@ -160,6 +163,9 @@
   --ard-appearance-background: var(--ard-bg-filled);
   --ard-appearance-border: none;
 }
+.ard-segment-container.ard-appearance-filled.ard-is-success {
+  --ard-appearance-background: rgb(var(--ard-success-50));
+}
 .ard-segment-container.ard-appearance-filled.ard-has-error {
   --ard-appearance-background: rgb(var(--ard-danger-50));
 }
@@ -167,9 +173,6 @@
   --ard-appearance-background: transparent;
   --ard-appearance-border: none;
 }
-.ard-segment-container.ard-appearance-transparent.ard-has-error {
-  --ard-appearance-border: 1px solid rgba(var(--ard-danger-500), 0.1);
-}
 .ard-segment-container.ard-variant-rounded, .ard-segment-container.ard-variant-semirounded {
   --ard-variant-border-radius: 8px;
 }

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/segment.scss","../../../../projects/ui/src/themes/default/_mixins.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAIA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECqDA;;ACjEA;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;;ADlGF;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAGJ;EACE;EACA;;AAEA;EACE;;AAQJ;EAEE;;AAEF;EACE;;AAEF;EACE;;ADzDF;ECZA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EDKE;;AAIF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAQJ;EACE;;AAIF;EACE;;AAIF;EACE;;AAOA;EACE;;AAIF;EACE;;AAOR;EACE;;AAII;EACE;;AAGF;EACE;;AAKR;EAEE,YG7HC;EH8HD;;AAEA;EACE;;AAEA;EACE;EACA;;AAGJ;EAGE;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAOF;EACE;;AAIE;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAMF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAMF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;;AAQN;EACE;;AAEF;EACE;;AAMN;EACE;EACA;;AAGJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKE;EACE;;AAIF;EACE;;AAKR;EACE;EACA;;AAGE;EACE;;AAEA;EACE;;AAGA;EACE;;AAGJ;EACE;EACA;;AAEA;EACE;;AAQV;EACE;;AAGE;EACE;;AAIN;EAEE;EACA;;AAGE;EACE;;AAIN;EAEE;;AAGE;EACE;;AAIN;EACE;;AAKA;EACE;EACA;;AAEA;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AAKJ;EACE;EACA;;AAEA;EACE;;AAKA;AAAA;EAEE;;AAEF;EACE","file":"segment.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/segment.scss","../../../../projects/ui/src/themes/default/_mixins.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAIA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECuDA;;ACnEA;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;;ADlGF;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;;AD3DF;ECZA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EDKE;;AAIF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAQJ;EACE;;AAIF;EACE;;AAIF;EACE;;AAOA;EACE;;AAIF;EACE;;AAOR;EACE;;AAII;EACE;;AAGF;EACE;;AAKR;EAEE,YG7HC;EH8HD;;AAEA;EACE;;AAEA;EACE;EACA;;AAGJ;EAGE;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;AAOF;EACE;;AAIE;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAMF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAMF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;;AAQN;EACE;;AAEF;EACE;;AAMN;EACE;EACA;;AAGJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKE;EACE;;AAIF;EACE;;AAKR;EACE;EACA;;AAGE;EACE;;AAEA;EACE;;AAGA;EACE;;AAGJ;EACE;EACA;;AAEA;EACE;;AAQV;EACE;;AAGE;EACE;;AAIN;EAEE;EACA;;AAGE;EACE;;AAIN;EAEE;;AAGE;EACE;;AAIN;EACE;;AAKA;EACE;EACA;;AAEA;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AAKJ;EACE;EACA;;AAEA;EACE;;AAKA;AAAA;EAEE;;AAEF;EACE","file":"segment.css"}

package/themes/default/_mixins.scss

@@ -42,6 +42,9 @@
     &.ard-focused {
       --ard-appearance-border-color: #{ARD.$border-dark};
     }
+    &.ard-is-success {
+      --ard-appearance-border-color: #{ARD.$success500};
+    }
     &.ard-has-error {
       --ard-appearance-background: #{ARD.$danger50};
       --ard-appearance-border-color: #{ARD.$danger500};
@@ -51,6 +54,9 @@
     --ard-appearance-background: #{ARD.$bg-f};
     --ard-appearance-border: none;
 
+    &.ard-is-success {
+      --ard-appearance-background: #{ARD.$success50};
+    }
     &.ard-has-error {
       --ard-appearance-background: #{ARD.$danger50};
     }
@@ -58,10 +64,6 @@
   &.ard-appearance-transparent {
     --ard-appearance-background: transparent;
     --ard-appearance-border: none;
-
-    &.ard-has-error {
-      --ard-appearance-border: 1px solid rgba(#{ARD.$danger500-rgb}, 0.1);
-    }
   }
 }
 

package/themes/default/core.scss

@@ -92,6 +92,9 @@
     0px 3px 14px 2px rgba(0, 0, 0, 0.12);
 
   --ard-spinner-color: rgba(0, 0, 0, 50%);
+
+  --ard-horizontal-form-field-label-width: 12rem;
+  --ard-horizontal-form-field-label-align: flex-start;
 }
 
 .ard-disabled {

package/themes/default/form-field-frame.scss

@@ -16,7 +16,11 @@
 
   .ard-form-field-content-container {
     flex-grow: 1;
-    min-height: 100%;
+    min-height: inherit;
+
+    > * {
+      min-height: inherit;
+    }
   }
   .ard-form-field-prefix-container,
   .ard-form-field-suffix-container {

package/themes/default/form-field.scss

@@ -1,6 +1,13 @@
 @use '../variables' as ARD;
 
-.ard-form-field {
+ard-form-field,
+ard-horizontal-form-field {
+  display: block;
+  width: 100%;
+}
+
+.ard-form-field,
+.ard-horizontal-form-field {
   display: flex;
   flex-direction: column;
 
@@ -11,6 +18,13 @@
   }
   .ard-form-field__hints {
     padding: 0.125rem 0 0.25rem 0.125rem;
+    font-size: 0.8125rem;
+    line-height: 1.1;
+
+    &.ard-form-field__reserve-hint-line {
+      box-sizing: content-box;
+      min-height: 1.1em;
+    }
   }
   .ard-form-field__hints-right {
     > * {
@@ -19,7 +33,7 @@
   }
   .ard-hint,
   .ard-error {
-    font-size: 0.8125rem;
+    font-size: 1em;
     line-height: 1.1;
     display: block;
     height: 1.1em;
@@ -29,6 +43,8 @@
   }
   .ard-error {
     color: ARD.$danger700;
+    overflow: hidden;
+    animation: errorAppear 0.25s ARD.$timing-fn forwards;
   }
 
   &.ard-form-field__with-error {
@@ -36,4 +52,49 @@
       color: ARD.$danger700;
     }
   }
+  &.ard-form-field__is-success {
+    .ard-label {
+      color: ARD.$success700;
+    }
+  }
+  &.ard-form-field__control-disabled {
+    .ard-label {
+      opacity: 40%;
+    }
+    .ard-form-field__hints {
+      opacity: 50%;
+    }
+  }
+}
+.ard-horizontal-form-field {
+  align-items: flex-start;
+  justify-content: stretch;
+  flex-direction: row;
+  gap: 0.5rem;
+  
+  .ard-form-field__label-container {
+    width: var(--ard-horizontal-form-field-label-width, 12rem);
+    height: 2.3125rem;
+    display: flex;
+    align-items: center;
+    justify-content: var(--ard-horizontal-form-field-label-align, flex-start);
+  }
+  .ard-form-field__non-label {
+    flex-grow: 1;
+  }
+
+  &:has(.ard-form-field__input .ard-compact) {
+    .ard-form-field__label-container {
+      height: 1.5625rem;
+    }
+  }
 }
+
+@keyframes errorAppear {
+  from {
+    height: 0;
+  }
+  to {
+    height: 1.1em;
+  }
+}

package/themes/default/inputs/digit-input.scss

@@ -34,6 +34,7 @@ ard-digit-input {
       height: 100%;
       box-sizing: border-box;
       text-align: center;
+      color: ARD.$text;
       caret-color: ARD.$text3;
       background: var(--ard-appearance-background);
       border: var(--ard-appearance-border);
@@ -71,6 +72,11 @@ ard-digit-input {
     }
   }
 
+  &.ard-is-success {
+    .ard-digit-input__item .ard-digit-input__input {
+      border-color: ARD.$success500;
+    }
+  }
   &.ard-has-error {
     .ard-digit-input__item .ard-digit-input__input {
       background-color: ARD.$danger50;
@@ -88,3 +94,9 @@ ard-digit-input {
     --ard-variant-border-radius: 0;
   }
 }
+.ard-disabled {
+  > .ard-digit-input {
+    opacity: 50%;
+    pointer-events: none;
+  }
+}