@ardium-ui/ui 5.0.0-alpha.45 → 5.0.0-alpha.47

package/prebuilt-themes/default/slider.css

@@ -1,20 +1,15 @@
 :root {
-  --ard-slider-font-size: ;
-  --ard-slider-font-size-compact: ;
   --ard-slider-width: 100%;
   --ard-slider-padding: 0 calc(var(--ard-slider-handle-size, 1.25em) / 2);
   --ard-slider-track-height: 0.25em;
-  --ard-slider-track-color: ;
   --ard-slider-track-opacity: 20%;
   --ard-slider-track-border-radius: 9999px;
   --ard-slider-active-track-height: calc(100% + 0.125em);
-  --ard-slider-active-color: ;
   --ard-slider-active-track-opacity: 100%;
   --ard-slider-value-tick-size: 0.125em;
   --ard-slider-value-tick-opacity: 30%;
   --ard-slider-track-hitbox-size: calc(var(--ard-slider-handle-size, 1.25em) / 2);
   --ard-slider-handle-size: 1.25em;
-  --ard-slider-handle-bg: ;
   --ard-slider-handle-border: none;
   --ard-slider-handle-border-radius: 9999px;
   --ard-slider-handle-hitbox-size: 0.375em;
@@ -24,8 +19,6 @@
   --ard-slider-handle-overlay-active-opacity: 25%;
   --ard-slider-label-font-size: 0.875rem;
   --ard-slider-label-padding-top: 0.2em;
-  --ard-slider-label-bg: ;
-  --ard-slider-label-color: ;
   --ard-slider-label-height: 2em;
   --ard-slider-label-border: none;
   --ard-slider-label-border-radius: 0.375em;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/slider.scss","../../../../projects/ui/src/themes/default/_coloring.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;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;;ACjDA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD/EF;AAAA;EACE;;AAEA;AAAA;EACE;;AAKJ;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA,YE5EC;;AF8ED;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;AAAA;EACE;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA,YExGC;EFyGD;EACA;;AAIJ;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA,YEjGY;;AFmGZ;AAAA;EGxHF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EHiHI;;AG9GJ;AAAA;EACE;EAEA,YACE;;AAMF;AAAA;AAAA;EACE;;AHuGF;AAAA;EACE;EACA;EACA;;AAGA;AAAA;EACE;;AAGJ;AAAA;EACE,YEnHW;;AFqHX;AAAA;EACE;;AAKF;AAAA;AAAA;EACE;;AAIN;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAIJ;AAAA;EACE;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;;AAIF;AAAA;EACE;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAKJ;AAAA;EACE;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAQJ;AAAA;AAAA;AAAA;EACE;;AAMA;AAAA;EACE;;AAMJ;AAAA;EACE;;;AAIN;EACE;;AAEA;EACE;EACA","file":"slider.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/slider.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAOA;EAGE;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;;ACnDA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AD7EF;AAAA;EACE;;AAEA;AAAA;EACE;;AAKJ;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA,YE9EC;;AFgFD;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;AAAA;EACE;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA,YE1GC;EF2GD;EACA;;AAIJ;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA,YEnGY;;AFqGZ;AAAA;EG1HF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EHmHI;;AGhHJ;AAAA;EACE;EAEA,YACE;;AAMF;AAAA;AAAA;EACE;;AHyGF;AAAA;EACE;EACA;EACA;;AAGA;AAAA;EACE;;AAGJ;AAAA;EACE,YErHW;;AFuHX;AAAA;EACE;;AAKF;AAAA;AAAA;EACE;;AAIN;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAIJ;AAAA;EACE;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;;AAIF;AAAA;EACE;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAKJ;AAAA;EACE;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAQJ;AAAA;AAAA;AAAA;EACE;;AAMA;AAAA;EACE;;AAMJ;AAAA;EACE;;;AAIN;EACE;;AAEA;EACE;EACA","file":"slider.css"}

package/prebuilt-themes/default/tabber.css

@@ -8,7 +8,6 @@
   --ard-tabber-tab-gap: 0;
   --ard-tabber-tab-content-gap: 0.375rem;
   --ard-tabber-separator-border: 1px solid var(--ard-detail-ultralight, rgba(0, 0, 0, 12%));
-  --ard-tabber-tab-overlay-color: ;
   --ard-tabber-tab-hover-opacity: 4%;
   --ard-tabber-tab-active-opacity: 12%;
   --ard-tabber-tab-focus-visible-opacity: 18%;

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/tabber.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;;AC3BA;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;;ADtGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EEvDJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFgDM;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAKA;EACE;;AAKF;EACE;;AAIF;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"tabber.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/tabber.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAGF;EACE;;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;;AC7BA;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;;ADpGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EEzDJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EFkDM;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAKA;EACE;;AAKF;EACE;;AAIF;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"tabber.css"}

package/prebuilt-themes/default/table.css

@@ -1,15 +1,7 @@
 .ard-table {
   border-collapse: collapse;
   background: var(--ard-bg);
-  --ard-_table-header-border: ;
-  --ard-_table-header-border-light: ;
   --ard-_table-border: ARD.$border;
-  --ard-_table-header-background: ;
-  --ard-_table-header-background-light: ;
-  --ard-_table-header-color: ;
-  --ard-_table-header-color-on-bg: ;
-  --ard-_table-overlay: ;
-  --ard-_table-overlay-colorless: ;
 }
 .ard-table.ard-color-none {
   --ard-cmpcl--bg: var(--ard-bg);

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

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/table.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_coloring.scss"],"names":[],"mappings":"AAGA;EAEE;EACA,YCNG;EDmKH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AExKA;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;;AF9HF;EACE;;AAEF;AAAA;EAEE;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAKR;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAGJ;EACE;;AAKA;EACE;;AAEF;EACE;;AAMF;AAAA;EAEE;;AAEF;EACE;;AAEF;EACE;;AAGJ;EACE,kBCvFC;EDwFD;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AASJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAOR;EACE;EACA;EACA;EACA,OC9HK;ED+HL,YC/IC;EDgJD;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAMF;EACE;;AAiBF;EACE;EACA;;AAEF;EACE;EACA;;AAIF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAIF;EACE,OC/LC;;ADiMH;EACE;EACA,kBC1MD;;AD4MD;EACE;;AAKF;AAAA;AAAA;EAGE;;AAEF;EACE;EACA;;AAEA;EACE;;AAGJ;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AACA;EACE;EACA;;AAEA;EACE;EACA;;AAIN;EACE;EACA;;AAGE;EACE;;AAIF;EACE;;AAUJ;AAAA;EACE;EACA;;AAGJ;EACE;;AAEA;EACE;;AAGJ;EACE;;AAGA;EACE;EACA;;AAGJ;EACE;;AAMF;EACE,YCzQsB;;AD+QxB;EACE;;AAGJ;EACE;;AAEF;EACE;;AAIF;EACE;EACA;EACA;;AAIF;EACE;;AAKA;EACE;EACA;EACA;;AAQF;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EACE;;AAOF;AAAA;AAAA;AAAA;EAEE;;AAMF;AAAA;AAAA;AAAA;EAEE;;AAMF;AAAA;AAAA;AAAA;EAEE;;AAMF;EACE;;AAMF;EACE;;AAMF;EACE","file":"table.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/table.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_coloring.scss"],"names":[],"mappings":"AAGA;EAEE;EACA,YCNG;EDqKH;;AElKA;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;;AF9HF;EACE;;AAEF;AAAA;EAEE;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;;AAKR;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAGJ;EACE;;AAKA;EACE;;AAEF;EACE;;AAMF;AAAA;EAEE;;AAEF;EACE;;AAEF;EACE;;AAGJ;EACE,kBCvFC;EDwFD;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AASJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAOR;EACE;EACA;EACA;EACA,OC9HK;ED+HL,YC/IC;EDgJD;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAMF;EACE;;AAiBF;EACE;EACA;;AAEF;EACE;EACA;;AAIF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAIF;EACE,OC/LC;;ADiMH;EACE;EACA,kBC1MD;;AD4MD;EACE;;AAKF;AAAA;AAAA;EAGE;;AAEF;EACE;EACA;;AAEA;EACE;;AAGJ;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AACA;EACE;EACA;;AAEA;EACE;EACA;;AAIN;EACE;EACA;;AAGE;EACE;;AAIF;EACE;;AAUJ;AAAA;EACE;EACA;;AAGJ;EACE;;AAEA;EACE;;AAGJ;EACE;;AAGA;EACE;EACA;;AAGJ;EACE;;AAMF;EACE,YCzQsB;;AD+QxB;EACE;;AAGJ;EACE;;AAEF;EACE;;AAIF;EACE;EACA;EACA;;AAIF;EACE;;AAKA;EACE;EACA;EACA;;AAQF;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EACE;;AAOF;AAAA;AAAA;AAAA;EAEE;;AAMF;AAAA;AAAA;AAAA;EAEE;;AAMF;AAAA;AAAA;AAAA;EAEE;;AAMF;EACE;;AAMF;EACE;;AAMF;EACE","file":"table.css"}

package/themes/default/buttons/button.scss

@@ -1,5 +1,7 @@
 @use './button-mixins' as shared;
 
+// the variables are commented out intentionally
+// read more in docs/dev/css-variables.md
 :root {
   --ard-button-height: 2.5em;
   --ard-button-height-compact: 2.25em;
@@ -17,7 +19,7 @@
   --ard-button-overlay-active-opacity: 0.18;
   --ard-button-overlay-focus-visible-opacity: 0.24;
   --ard-button-overlay-disabled-opacity: 0.2;
-  --ard-button-rounded-corner-radius: ;
+  // --ard-button-rounded-corner-radius: ;
   --ard-button-disabled-opacity: 0.6;
 }
 
@@ -68,7 +70,7 @@ ard-button {
   }
   &.ard-variant-rounded,
   &.ard-variant-pill.ard-button-vertical {
-    border-radius: var(--ard-button-rounded-corner-radius, 0.375rem);
+    border-radius: var(--ard-button-rounded-corner-radius, var(--ard-rounded-corner-radius, 0.375rem));
   }
   &.ard-variant-pill:not(.ard-button-vertical) {
     border-radius: 9999px;

package/themes/default/buttons/fab.scss

@@ -14,7 +14,6 @@
   --ard-fab-overlay-active-opacity: 0.18;
   --ard-fab-overlay-focus-visible-opacity: 0.24;
   --ard-fab-overlay-disabled-opacity: 0.2;
-  --ard-fab-rounded-corner-radius: ;
   --ard-fab-disabled-opacity: 0.6;
 }
 

package/themes/default/buttons/icon-button.scss

@@ -1,5 +1,7 @@
 @use './button-mixins' as shared;
 
+// the variables are commented out intentionally
+// read more in docs/dev/css-variables.md
 :root {
   --ard-icon-button-height: 2.1875em;
   --ard-icon-button-height-compact: 2.25em;
@@ -8,12 +10,12 @@
   --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: ;
-  --ard-icon-button-overlay-focus-opacity: ;
-  --ard-icon-button-overlay-active-opacity: ;
-  --ard-icon-button-overlay-focus-visible-opacity: ;
-  --ard-icon-button-overlay-disabled-opacity: ;
-  --ard-icon-button-disabled-opacity: ;
+  // --ard-icon-button-overlay-hover-opacity: ;
+  // --ard-icon-button-overlay-focus-opacity: ;
+  // --ard-icon-button-overlay-active-opacity: ;
+  // --ard-icon-button-overlay-focus-visible-opacity: ;
+  // --ard-icon-button-overlay-disabled-opacity: ;
+  // --ard-icon-button-disabled-opacity: ;
 }
 
 ard-icon-button {

package/themes/default/calendar.scss

@@ -3,6 +3,8 @@
 @use './coloring.scss' as CM;
 @use '../variables' as ARD;
 
+// the variables are commented out intentionally
+// read more in docs/dev/css-variables.md
 :root {
   --ard-calendar-grid-size: 2.25rem;
   --ard-calendar-grid-gap: 0.25rem;
@@ -11,19 +13,19 @@
   --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: ;
+  // --ard-calendar-weekday-color: ;
   --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: ;
+  // --ard-calendar-floating-month-color: ;
   --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: ;
+  // --ard-calendar-entry-today-border-color: ;
   --ard-calendar-entry-today-selected-border: 2px solid #{ARD.$bg};
   --ard-calendar-entry-highlighted-overlay-opacity: 20%;
   --ard-calendar-entry-selected-overlay-opacity: 100%;

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

@@ -3,19 +3,21 @@
 @use '../clear-button' as CB;
 @use '../../variables' as ARD;
 
+// the variables are commented out intentionally
+// read more in docs/dev/css-variables.md
 :root {
-  --ard-autocomplete-input-height: ;
-  --ard-autocomplete-input-height-compact: ;
+  // --ard-autocomplete-input-height: ;
+  // --ard-autocomplete-input-height-compact: ;
   --ard-autocomplete-input-gap: 0.625rem;
-  --ard-autocomplete-input-font-size: ;
-  --ard-autocomplete-input-font-size-compact: ;
+  // --ard-autocomplete-input-font-size: ;
+  // --ard-autocomplete-input-font-size-compact: ;
   --ard-autocomplete-input-line-height: 1.25;
   --ard-autocomplete-input-line-height-compact: 1;
   --ard-autocomplete-input-font-weight: 400;
-  --ard-autocomplete-input-padding: ;
-  --ard-autocomplete-input-padding-compact: ;
-  --ard-autocomplete-input-color: ;
-  --ard-autocomplete-input-placeholder-color: ;
+  // --ard-autocomplete-input-padding: ;
+  // --ard-autocomplete-input-padding-compact: ;
+  // --ard-autocomplete-input-color: ;
+  // --ard-autocomplete-input-placeholder-color: ;
   --ard-autocomplete-input-placeholder-opacity: 60%;
 
   --ard-autocomplete-input-min-width: 10rem;
@@ -28,10 +30,9 @@
   --ard-autocomplete-input-option-padding-compact: 0.25rem 0.5rem;
   --ard-autocomplete-input-font-size: 1rem;
   --ard-autocomplete-input-font-size-compact: 0.875rem;
-  --ard-autocomplete-input-color: ;
-  --ard-autocomplete-input-highlighted-background: ;
+  // --ard-autocomplete-input-highlighted-background: ;
   --ard-autocomplete-input-highlighted-font-weight: 400;
-  --ard-autocomplete-input-selected-background: ;
+  // --ard-autocomplete-input-selected-background: ;
   --ard-autocomplete-input-selected-font-weight: 500;
   --ard-autocomplete-input-disabled-opacity: 50%;
 }

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

@@ -1,22 +1,23 @@
 @use './shared' as S;
 @use '../../variables' as ARD;
 
+// the variables are commented out intentionally
+// read more in docs/dev/css-variables.md
 :root {
-  --ard-date-input-height: ;
-  --ard-date-input-height-compact: ;
+  // --ard-date-input-height: ;
+  // --ard-date-input-height-compact: ;
   --ard-date-input-gap: 0.625rem;
-  --ard-date-input-font-size: ;
-  --ard-date-input-font-size-compact: ;
+  // --ard-date-input-font-size: ;
+  // --ard-date-input-font-size-compact: ;
   --ard-date-input-line-height: 1.25;
   --ard-date-input-line-height-compact: 1;
   --ard-date-input-font-weight: 400;
-  --ard-date-input-padding: ;
-  --ard-date-input-padding-compact: ;
-  --ard-date-input-color: ;
-  --ard-date-input-placeholder-color: ;
+  // --ard-date-input-padding-compact: ;
+  // --ard-date-input-color: ;
+  // --ard-date-input-placeholder-color: ;
   --ard-date-input-placeholder-opacity: 60%;
+  // --ard-date-input-padding: ;
 
-  --ard-date-input-padding: 0 0 0 0.375rem;
   --ard-date-input-input-padding: 0 2.625rem 0 0.375rem;
   --ard-date-input-multipage-gap: 0;
 }

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

@@ -4,19 +4,21 @@
 @use '../coloring' as CM;
 @use '../../variables' as ARD;
 
+// the variables are commented out intentionally
+// read more in docs/dev/css-variables.md
 :root {
-  --ard-file-input-height: ;
-  --ard-file-input-height-compact: ;
+  // --ard-file-input-height: ;
+  // --ard-file-input-height-compact: ;
   --ard-file-input-gap: 0.625rem;
-  --ard-file-input-font-size: ;
-  --ard-file-input-font-size-compact: ;
+  // --ard-file-input-font-size: ;
+  // --ard-file-input-font-size-compact: ;
   --ard-file-input-line-height: 1.25;
   --ard-file-input-line-height-compact: 1;
   --ard-file-input-font-weight: 400;
-  --ard-file-input-padding: ;
-  --ard-file-input-padding-compact: ;
-  --ard-file-input-color: ;
-  --ard-file-input-placeholder-color: ;
+  // --ard-file-input-padding: ;
+  // --ard-file-input-padding-compact: ;
+  // --ard-file-input-color: ;
+  // --ard-file-input-placeholder-color: ;
   --ard-file-input-placeholder-opacity: 60%;
 
   --ard-file-input-min-width: 10rem;
@@ -32,10 +34,10 @@
   --ard-file-input-browse-button-border-radius: 9999px;
   --ard-file-input-browse-button-background: none;
   --ard-file-input-browse-button-padding: 0;
-  --ard-file-input-browse-button-color: ;
-  --ard-file-input-browse-button-color-error: ;
+  // --ard-file-input-browse-button-color: ;
+  // --ard-file-input-browse-button-color-error: ;
   --ard-file-input-browse-button-overlay-offset: 0rem;
-  --ard-file-input-browse-button-overlay-color: ;
+  // --ard-file-input-browse-button-overlay-color: ;
   --ard-file-input-browse-button-overlay-hover-opacity: 4%;
   --ard-file-input-browse-button-overlay-focus-opacity: 0;
   --ard-file-input-browse-button-overlay-active-opacity: 12%;
@@ -95,7 +97,8 @@
     border: var(--ard-file-input-browse-button-border, none);
     border-radius: var(--ard-file-input-browse-button-border-radius, 9999px);
     background: var(--ard-file-input-browse-button-background, none);
-    padding: var(--ard-file-input-browse-button-padding, 0);
+    padding: var(--ard-file-input-browse-butto-padding, 0);
+    color: var(--ard-file-input-browse-button-color, #{ARD.$text});
     position: relative;
     display: flex;
     justify-content: center;

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

@@ -3,43 +3,45 @@
 @use '../clear-button' as CB;
 @use '../../variables' as ARD;
 
+// the variables are commented out intentionally
+// read more in docs/dev/css-variables.md
 :root {
-  --ard-hex-input-height: ;
-  --ard-hex-input-height-compact: ;
+  // --ard-hex-input-height: ;
+  // --ard-hex-input-height-compact: ;
   --ard-hex-input-gap: 0.625rem;
-  --ard-hex-input-font-size: ;
-  --ard-hex-input-font-size-compact: ;
+  // --ard-hex-input-font-size: ;
+  // --ard-hex-input-font-size-compact: ;
   --ard-hex-input-line-height: 1.25;
   --ard-hex-input-line-height-compact: 1;
   --ard-hex-input-font-weight: 400;
-  --ard-hex-input-padding: ;
-  --ard-hex-input-padding-compact: ;
-  --ard-hex-input-color: ;
-  --ard-hex-input-placeholder-color: ;
+  // --ard-hex-input-padding: ;
+  // --ard-hex-input-padding-compact: ;
+  // --ard-hex-input-color: ;
+  // --ard-hex-input-placeholder-color: ;
   --ard-hex-input-placeholder-opacity: 60%;
 
   --ard-hex-input-min-width: 10rem;
   --ard-hex-input-max-width: 100%;
   --ard-hex-input-hash-margin: 0 0 -0.5rem 0;
-  --ard-hex-input-hash-color: ;
+  // --ard-hex-input-hash-color: ;
   --ard-hex-input-hash-opacity: 70%;
 }
 
 .ard-hex-input {
   @include inputMixin.genericInput(
-    var(--ard-autocomplete-input-height, var(--ard-form-field-height, 2.3125rem)),
-    var(--ard-autocomplete-input-height-compact, var(--ard-form-field-height-compact, 1.6875rem)),
-    var(--ard-autocomplete-input-gap, 0.625rem),
-    var(--ard-autocomplete-input-font-size, var(--ard-form-field-font-size, 1rem)),
-    var(--ard-autocomplete-input-font-size-compact, var(--ard-form-field-font-size-compact, 0.875rem)),
-    var(--ard-autocomplete-input-line-height, 1.25),
-    var(--ard-autocomplete-input-line-height-compact, 1),
-    var(--ard-autocomplete-input-font-weight, 400),
-    var(--ard-autocomplete-input-padding, var(--ard-form-field-padding, 0 0.375rem)),
-    var(--ard-autocomplete-input-padding-compact, var(--ard-form-field-padding-compact, 0 0.375rem)),
-    var(--ard-autocomplete-input-color, #{ARD.$text}),
-    var(--ard-autocomplete-input-placeholder-color, #{ARD.$text}),
-    var(--ard-autocomplete-input-placeholder-opacity, 60%)
+    var(--ard-hex-input-height, var(--ard-form-field-height, 2.3125rem)),
+    var(--ard-hex-input-height-compact, var(--ard-form-field-height-compact, 1.6875rem)),
+    var(--ard-hex-input-gap, 0.625rem),
+    var(--ard-hex-input-font-size, var(--ard-form-field-font-size, 1rem)),
+    var(--ard-hex-input-font-size-compact, var(--ard-form-field-font-size-compact, 0.875rem)),
+    var(--ard-hex-input-line-height, 1.25),
+    var(--ard-hex-input-line-height-compact, 1),
+    var(--ard-hex-input-font-weight, 400),
+    var(--ard-hex-input-padding, var(--ard-form-field-padding, 0 0.375rem)),
+    var(--ard-hex-input-padding-compact, var(--ard-form-field-padding-compact, 0 0.375rem)),
+    var(--ard-hex-input-color, #{ARD.$text}),
+    var(--ard-hex-input-placeholder-color, #{ARD.$text}),
+    var(--ard-hex-input-placeholder-opacity, 60%)
   );
   min-width: var(--ard-hex-input-min-width, 10rem);
   max-width: var(--ard-hex-input-max-width, 100%);

package/themes/default/inputs/input.scss

@@ -3,19 +3,21 @@
 @use '../clear-button' as CB;
 @use '../../variables' as ARD;
 
+// the variables are commented out intentionally
+// read more in docs/dev/css-variables.md
 :root {
-  --ard-input-height: ;
-  --ard-input-height-compact: ;
+  // --ard-input-height: ;
+  // --ard-input-height-compact: ;
   --ard-input-gap: 0.625rem;
-  --ard-input-font-size: ;
-  --ard-input-font-size-compact: ;
+  // --ard-input-font-size: ;
+  // --ard-input-font-size-compact: ;
   --ard-input-line-height: 1.25;
   --ard-input-line-height-compact: 1;
   --ard-input-font-weight: 400;
-  --ard-input-padding: ;
-  --ard-input-padding-compact: ;
-  --ard-input-color: ;
-  --ard-input-placeholder-color: ;
+  // --ard-input-padding: ;
+  // --ard-input-padding-compact: ;
+  // --ard-input-color: ;
+  // --ard-input-placeholder-color: ;
   --ard-input-placeholder-opacity: 60%;
 
   --ard-input-min-width: 10rem;

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

@@ -2,19 +2,21 @@
 @use '../mixins' as defaultMixins;
 @use '../../variables' as ARD;
 
+// the variables are commented out intentionally
+// read more in docs/dev/css-variables.md
 :root {
-  --ard-number-input-height: ;
-  --ard-number-input-height-compact: ;
+  // --ard-number-input-height: ;
+  // --ard-number-input-height-compact: ;
   --ard-number-input-gap: 0.625rem;
-  --ard-number-input-font-size: ;
-  --ard-number-input-font-size-compact: ;
+  // --ard-number-input-font-size: ;
+  // --ard-number-input-font-size-compact: ;
   --ard-number-input-line-height: 1.25;
   --ard-number-input-line-height-compact: 1;
   --ard-number-input-font-weight: 400;
-  --ard-number-input-padding: ;
-  --ard-number-input-padding-compact: ;
-  --ard-number-input-color: ;
-  --ard-number-input-placeholder-color: ;
+  // --ard-number-input-padding: ;
+  // --ard-number-input-padding-compact: ;
+  // --ard-number-input-color: ;
+  // --ard-number-input-placeholder-color: ;
   --ard-number-input-placeholder-opacity: 60%;
 
   --ard-number-input-width: 9.5rem;
@@ -42,7 +44,6 @@ ard-number-input {
     var(--ard-number-input-placeholder-opacity, 60%)
   );
   @include defaultMixins.formAppearances();
-  min-height: var(--ard-form-field-height, var(--ard-number-input-height, 2.3125rem));
   gap: 0;
   width: 100%;
 

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

@@ -3,19 +3,21 @@
 @use '../clear-button' as CB;
 @use '../../variables' as ARD;
 
+// the variables are commented out intentionally
+// read more in docs/dev/css-variables.md
 :root {
-  --ard-password-input-height: ;
-  --ard-password-input-height-compact: ;
+  // --ard-password-input-height: ;
+  // --ard-password-input-height-compact: ;
   --ard-password-input-gap: 0.625rem;
-  --ard-password-input-font-size: ;
-  --ard-password-input-font-size-compact: ;
+  // --ard-password-input-font-size: ;
+  // --ard-password-input-font-size-compact: ;
   --ard-password-input-line-height: 1.25;
   --ard-password-input-line-height-compact: 1;
   --ard-password-input-font-weight: 400;
-  --ard-password-input-padding: ;
-  --ard-password-input-padding-compact: ;
-  --ard-password-input-color: ;
-  --ard-password-input-placeholder-color: ;
+  // --ard-password-input-padding: ;
+  // --ard-password-input-padding-compact: ;
+  // --ard-password-input-color: ;
+  // --ard-password-input-placeholder-color: ;
   --ard-password-input-placeholder-opacity: 60%;
 
   --ard-password-input-min-width: 10rem;
@@ -27,7 +29,7 @@
   --ard-password-input-reveal-button-width: unset;
   --ard-password-input-reveal-button-aspect-ratio: 1;
   --ard-password-input-reveal-button-padding: 0;
-  --ard-password-input-reveal-button-color: ;
+  // --ard-password-input-reveal-button-color: ;
   --ard-password-input-reveal-button-border-radius: 9999px;
   --ard-password-input-reveal-button-border: none;
   --ard-password-input-reveal-button-background: transparent;

package/themes/default/inputs/search-bar.scss

@@ -3,19 +3,21 @@
 @use '../clear-button' as CB;
 @use '../../variables' as ARD;
 
+// the variables are commented out intentionally
+// read more in docs/dev/css-variables.md
 :root {
-  --ard-search-bar-height: ;
-  --ard-search-bar-height-compact: ;
+  // --ard-search-bar-height: ;
+  // --ard-search-bar-height-compact: ;
   --ard-search-bar-gap: 0.625rem;
-  --ard-search-bar-font-size: ;
-  --ard-search-bar-font-size-compact: ;
+  // --ard-search-bar-font-size: ;
+  // --ard-search-bar-font-size-compact: ;
   --ard-search-bar-line-height: 1.25;
   --ard-search-bar-line-height-compact: 1;
   --ard-search-bar-font-weight: 400;
-  --ard-search-bar-padding: ;
-  --ard-search-bar-padding-compact: ;
-  --ard-search-bar-color: ;
-  --ard-search-bar-placeholder-color: ;
+  // --ard-search-bar-padding: ;
+  // --ard-search-bar-padding-compact: ;
+  // --ard-search-bar-color: ;
+  // --ard-search-bar-placeholder-color: ;
   --ard-search-bar-placeholder-opacity: 60%;
 
   --ard-search-bar-min-width: 10rem;

package/themes/default/segment.scss

@@ -2,11 +2,13 @@
 @use './coloring' as coloringMixins;
 @use '../variables' as ARD;
 
+// the variables are commented out intentionally
+// read more in docs/dev/css-variables.md
 :root {
   --ard-segment-margin: 0;
   --ard-segment-padding: 0.15rem;
-  --ard-segment-option-gap: ;
-  --ard-segment-font-family: ;
+  // --ard-segment-option-gap: ;
+  // --ard-segment-font-family: ;
   --ard-segment-font-size: 0.875rem;
   --ard-segment-font-size-compact: 0.75rem;
   --ard-segment-rounded-border-radius: 0.5rem;
@@ -21,7 +23,7 @@
   --ard-segment-option-active-bg-opacity: 12%;
   --ard-segment-option-active-keyboard-bg-opacity: 34%;
   --ard-segment-option-selected-bg-opacity: 16%;
-  --ard-segment-border-color: ;
+  // --ard-segment-border-color: ;
 }
 
 .ard-segment-container {