@ardium-ui/ui 5.0.0-alpha.46 → 5.0.0-alpha.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/fesm2022/ardium-ui-ui.mjs +55 -21
  2. package/fesm2022/ardium-ui-ui.mjs.map +1 -1
  3. package/lib/_internal/item-storages/dropdown-item-storage.d.ts +4 -1
  4. package/lib/search-functions.d.ts +1 -1
  5. package/lib/select/select.component.d.ts +5 -4
  6. package/lib/select/select.defaults.d.ts +2 -2
  7. package/lib/types/item-storage.types.d.ts +2 -1
  8. package/package.json +1 -1
  9. package/prebuilt-themes/default/buttons/button.css +0 -1
  10. package/prebuilt-themes/default/buttons/button.css.map +1 -1
  11. package/prebuilt-themes/default/buttons/icon-button.css +0 -6
  12. package/prebuilt-themes/default/buttons/icon-button.css.map +1 -1
  13. package/prebuilt-themes/default/calendar.css +0 -3
  14. package/prebuilt-themes/default/calendar.css.map +1 -1
  15. package/prebuilt-themes/default/inputs/autocomplete-input.css +0 -10
  16. package/prebuilt-themes/default/inputs/autocomplete-input.css.map +1 -1
  17. package/prebuilt-themes/default/inputs/date-input.css +0 -8
  18. package/prebuilt-themes/default/inputs/date-input.css.map +1 -1
  19. package/prebuilt-themes/default/inputs/file-input.css +0 -11
  20. package/prebuilt-themes/default/inputs/file-input.css.map +1 -1
  21. package/prebuilt-themes/default/inputs/hex-input.css +0 -9
  22. package/prebuilt-themes/default/inputs/hex-input.css.map +1 -1
  23. package/prebuilt-themes/default/inputs/input.css +0 -8
  24. package/prebuilt-themes/default/inputs/input.css.map +1 -1
  25. package/prebuilt-themes/default/inputs/number-input.css +0 -9
  26. package/prebuilt-themes/default/inputs/number-input.css.map +1 -1
  27. package/prebuilt-themes/default/inputs/password-input.css +0 -9
  28. package/prebuilt-themes/default/inputs/password-input.css.map +1 -1
  29. package/prebuilt-themes/default/inputs/search-bar.css +0 -8
  30. package/prebuilt-themes/default/inputs/search-bar.css.map +1 -1
  31. package/prebuilt-themes/default/segment.css +0 -3
  32. package/prebuilt-themes/default/segment.css.map +1 -1
  33. package/prebuilt-themes/default/select.css +0 -13
  34. package/prebuilt-themes/default/select.css.map +1 -1
  35. package/prebuilt-themes/default/slider.css +0 -7
  36. package/prebuilt-themes/default/slider.css.map +1 -1
  37. package/prebuilt-themes/default/tabber.css +0 -1
  38. package/prebuilt-themes/default/tabber.css.map +1 -1
  39. package/prebuilt-themes/default/table.css +0 -8
  40. package/prebuilt-themes/default/table.css.map +1 -1
  41. package/themes/default/buttons/button.scss +3 -1
  42. package/themes/default/buttons/icon-button.scss +8 -6
  43. package/themes/default/calendar.scss +5 -3
  44. package/themes/default/inputs/autocomplete-input.scss +12 -10
  45. package/themes/default/inputs/date-input.scss +10 -8
  46. package/themes/default/inputs/file-input.scss +13 -11
  47. package/themes/default/inputs/hex-input.scss +11 -9
  48. package/themes/default/inputs/input.scss +10 -8
  49. package/themes/default/inputs/number-input.scss +10 -9
  50. package/themes/default/inputs/password-input.scss +11 -9
  51. package/themes/default/inputs/search-bar.scss +10 -8
  52. package/themes/default/segment.scss +5 -3
  53. package/themes/default/select.scss +15 -13
  54. package/themes/default/slider.scss +9 -7
  55. package/themes/default/tabber.scss +3 -1
  56. package/themes/default/table.scss +8 -8
package/prebuilt-themes/default/slider.css.map CHANGED
@@ -1 +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"}
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":"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 CHANGED
@@ -8,7 +8,6 @@
8
8
  --ard-tabber-tab-gap: 0;
9
9
  --ard-tabber-tab-content-gap: 0.375rem;
10
10
  --ard-tabber-separator-border: 1px solid var(--ard-detail-ultralight, rgba(0, 0, 0, 12%));
11
- --ard-tabber-tab-overlay-color: ;
12
11
  --ard-tabber-tab-hover-opacity: 4%;
13
12
  --ard-tabber-tab-active-opacity: 12%;
14
13
  --ard-tabber-tab-focus-visible-opacity: 18%;
package/prebuilt-themes/default/tabber.css.map CHANGED
@@ -1 +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"}
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":"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 CHANGED
@@ -1,15 +1,7 @@
1
1
  .ard-table {
2
2
  border-collapse: collapse;
3
3
  background: var(--ard-bg);
4
- --ard-_table-header-border: ;
5
- --ard-_table-header-border-light: ;
6
4
  --ard-_table-border: ARD.$border;
7
- --ard-_table-header-background: ;
8
- --ard-_table-header-background-light: ;
9
- --ard-_table-header-color: ;
10
- --ard-_table-header-color-on-bg: ;
11
- --ard-_table-overlay: ;
12
- --ard-_table-overlay-colorless: ;
13
5
  }
14
6
  .ard-table.ard-color-none {
15
7
  --ard-cmpcl--bg: var(--ard-bg);
package/prebuilt-themes/default/table.css.map CHANGED
@@ -1 +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"}
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;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 CHANGED
@@ -1,5 +1,7 @@
1
1
  @use './button-mixins' as shared;
2
2
 
3
+ // the variables are commented out intentionally
4
+ // read more in docs/dev/css-variables.md
3
5
  :root {
4
6
  --ard-button-height: 2.5em;
5
7
  --ard-button-height-compact: 2.25em;
@@ -17,7 +19,7 @@
17
19
  --ard-button-overlay-active-opacity: 0.18;
18
20
  --ard-button-overlay-focus-visible-opacity: 0.24;
19
21
  --ard-button-overlay-disabled-opacity: 0.2;
20
- --ard-button-rounded-corner-radius: ;
22
+ // --ard-button-rounded-corner-radius: ;
21
23
  --ard-button-disabled-opacity: 0.6;
22
24
  }
23
25
 
package/themes/default/buttons/icon-button.scss CHANGED
@@ -1,5 +1,7 @@
1
1
  @use './button-mixins' as shared;
2
2
 
3
+ // the variables are commented out intentionally
4
+ // read more in docs/dev/css-variables.md
3
5
  :root {
4
6
  --ard-icon-button-height: 2.1875em;
5
7
  --ard-icon-button-height-compact: 2.25em;
@@ -8,12 +10,12 @@
8
10
  --ard-icon-button-icon-font-size: 1.5em;
9
11
  --ard-icon-button-font-size-compact: 0.75rem;
10
12
  --ard-icon-button-font-weight: 600;
11
- --ard-icon-button-overlay-hover-opacity: ;
12
- --ard-icon-button-overlay-focus-opacity: ;
13
- --ard-icon-button-overlay-active-opacity: ;
14
- --ard-icon-button-overlay-focus-visible-opacity: ;
15
- --ard-icon-button-overlay-disabled-opacity: ;
16
- --ard-icon-button-disabled-opacity: ;
13
+ // --ard-icon-button-overlay-hover-opacity: ;
14
+ // --ard-icon-button-overlay-focus-opacity: ;
15
+ // --ard-icon-button-overlay-active-opacity: ;
16
+ // --ard-icon-button-overlay-focus-visible-opacity: ;
17
+ // --ard-icon-button-overlay-disabled-opacity: ;
18
+ // --ard-icon-button-disabled-opacity: ;
17
19
  }
18
20
 
19
21
  ard-icon-button {
package/themes/default/calendar.scss CHANGED
@@ -3,6 +3,8 @@
3
3
  @use './coloring.scss' as CM;
4
4
  @use '../variables' as ARD;
5
5
 
6
+ // the variables are commented out intentionally
7
+ // read more in docs/dev/css-variables.md
6
8
  :root {
7
9
  --ard-calendar-grid-size: 2.25rem;
8
10
  --ard-calendar-grid-gap: 0.25rem;
@@ -11,19 +13,19 @@
11
13
  --ard-calendar-weekday-padding: 0 0 0.5rem 0;
12
14
  --ard-calendar-weekday-font-size: 0.875rem;
13
15
  --ard-calendar-weekday-font-weight: 500;
14
- --ard-calendar-weekday-color: ;
16
+ // --ard-calendar-weekday-color: ;
15
17
  --ard-calendar-floating-month-transform: none;
16
18
  --ard-calendar-floating-month-padding: 0 0 0 1rem;
17
19
  --ard-calendar-floating-month-font-size: 0.875rem;
18
20
  --ard-calendar-floating-month-font-weight: 500;
19
- --ard-calendar-floating-month-color: ;
21
+ // --ard-calendar-floating-month-color: ;
20
22
  --ard-calendar-entry-padding: 0;
21
23
  --ard-calendar-entry-font-size: 0.875rem;
22
24
  --ard-calendar-entry-font-weight: 400;
23
25
  --ard-calendar-entry-border-radius: 9999px;
24
26
  --ard-calendar-entry-range-overlay-border-width: 1px;
25
27
  --ard-calendar-entry-range-overlay-border-style: dashed;
26
- --ard-calendar-entry-today-border-color: ;
28
+ // --ard-calendar-entry-today-border-color: ;
27
29
  --ard-calendar-entry-today-selected-border: 2px solid #{ARD.$bg};
28
30
  --ard-calendar-entry-highlighted-overlay-opacity: 20%;
29
31
  --ard-calendar-entry-selected-overlay-opacity: 100%;
package/themes/default/inputs/autocomplete-input.scss CHANGED
@@ -3,19 +3,21 @@
3
3
  @use '../clear-button' as CB;
4
4
  @use '../../variables' as ARD;
5
5
 
6
+ // the variables are commented out intentionally
7
+ // read more in docs/dev/css-variables.md
6
8
  :root {
7
- --ard-autocomplete-input-height: ;
8
- --ard-autocomplete-input-height-compact: ;
9
+ // --ard-autocomplete-input-height: ;
10
+ // --ard-autocomplete-input-height-compact: ;
9
11
  --ard-autocomplete-input-gap: 0.625rem;
10
- --ard-autocomplete-input-font-size: ;
11
- --ard-autocomplete-input-font-size-compact: ;
12
+ // --ard-autocomplete-input-font-size: ;
13
+ // --ard-autocomplete-input-font-size-compact: ;
12
14
  --ard-autocomplete-input-line-height: 1.25;
13
15
  --ard-autocomplete-input-line-height-compact: 1;
14
16
  --ard-autocomplete-input-font-weight: 400;
15
- --ard-autocomplete-input-padding: ;
16
- --ard-autocomplete-input-padding-compact: ;
17
- --ard-autocomplete-input-color: ;
18
- --ard-autocomplete-input-placeholder-color: ;
17
+ // --ard-autocomplete-input-padding: ;
18
+ // --ard-autocomplete-input-padding-compact: ;
19
+ // --ard-autocomplete-input-color: ;
20
+ // --ard-autocomplete-input-placeholder-color: ;
19
21
  --ard-autocomplete-input-placeholder-opacity: 60%;
20
22
 
21
23
  --ard-autocomplete-input-min-width: 10rem;
@@ -28,9 +30,9 @@
28
30
  --ard-autocomplete-input-option-padding-compact: 0.25rem 0.5rem;
29
31
  --ard-autocomplete-input-font-size: 1rem;
30
32
  --ard-autocomplete-input-font-size-compact: 0.875rem;
31
- --ard-autocomplete-input-highlighted-background: ;
33
+ // --ard-autocomplete-input-highlighted-background: ;
32
34
  --ard-autocomplete-input-highlighted-font-weight: 400;
33
- --ard-autocomplete-input-selected-background: ;
35
+ // --ard-autocomplete-input-selected-background: ;
34
36
  --ard-autocomplete-input-selected-font-weight: 500;
35
37
  --ard-autocomplete-input-disabled-opacity: 50%;
36
38
  }
package/themes/default/inputs/date-input.scss CHANGED
@@ -1,20 +1,22 @@
1
1
  @use './shared' as S;
2
2
  @use '../../variables' as ARD;
3
3
 
4
+ // the variables are commented out intentionally
5
+ // read more in docs/dev/css-variables.md
4
6
  :root {
5
- --ard-date-input-height: ;
6
- --ard-date-input-height-compact: ;
7
+ // --ard-date-input-height: ;
8
+ // --ard-date-input-height-compact: ;
7
9
  --ard-date-input-gap: 0.625rem;
8
- --ard-date-input-font-size: ;
9
- --ard-date-input-font-size-compact: ;
10
+ // --ard-date-input-font-size: ;
11
+ // --ard-date-input-font-size-compact: ;
10
12
  --ard-date-input-line-height: 1.25;
11
13
  --ard-date-input-line-height-compact: 1;
12
14
  --ard-date-input-font-weight: 400;
13
- --ard-date-input-padding-compact: ;
14
- --ard-date-input-color: ;
15
- --ard-date-input-placeholder-color: ;
15
+ // --ard-date-input-padding-compact: ;
16
+ // --ard-date-input-color: ;
17
+ // --ard-date-input-placeholder-color: ;
16
18
  --ard-date-input-placeholder-opacity: 60%;
17
- --ard-date-input-padding: ;
19
+ // --ard-date-input-padding: ;
18
20
 
19
21
  --ard-date-input-input-padding: 0 2.625rem 0 0.375rem;
20
22
  --ard-date-input-multipage-gap: 0;
package/themes/default/inputs/file-input.scss CHANGED
@@ -4,19 +4,21 @@
4
4
  @use '../coloring' as CM;
5
5
  @use '../../variables' as ARD;
6
6
 
7
+ // the variables are commented out intentionally
8
+ // read more in docs/dev/css-variables.md
7
9
  :root {
8
- --ard-file-input-height: ;
9
- --ard-file-input-height-compact: ;
10
+ // --ard-file-input-height: ;
11
+ // --ard-file-input-height-compact: ;
10
12
  --ard-file-input-gap: 0.625rem;
11
- --ard-file-input-font-size: ;
12
- --ard-file-input-font-size-compact: ;
13
+ // --ard-file-input-font-size: ;
14
+ // --ard-file-input-font-size-compact: ;
13
15
  --ard-file-input-line-height: 1.25;
14
16
  --ard-file-input-line-height-compact: 1;
15
17
  --ard-file-input-font-weight: 400;
16
- --ard-file-input-padding: ;
17
- --ard-file-input-padding-compact: ;
18
- --ard-file-input-color: ;
19
- --ard-file-input-placeholder-color: ;
18
+ // --ard-file-input-padding: ;
19
+ // --ard-file-input-padding-compact: ;
20
+ // --ard-file-input-color: ;
21
+ // --ard-file-input-placeholder-color: ;
20
22
  --ard-file-input-placeholder-opacity: 60%;
21
23
 
22
24
  --ard-file-input-min-width: 10rem;
@@ -32,10 +34,10 @@
32
34
  --ard-file-input-browse-button-border-radius: 9999px;
33
35
  --ard-file-input-browse-button-background: none;
34
36
  --ard-file-input-browse-button-padding: 0;
35
- --ard-file-input-browse-button-color: ;
36
- --ard-file-input-browse-button-color-error: ;
37
+ // --ard-file-input-browse-button-color: ;
38
+ // --ard-file-input-browse-button-color-error: ;
37
39
  --ard-file-input-browse-button-overlay-offset: 0rem;
38
- --ard-file-input-browse-button-overlay-color: ;
40
+ // --ard-file-input-browse-button-overlay-color: ;
39
41
  --ard-file-input-browse-button-overlay-hover-opacity: 4%;
40
42
  --ard-file-input-browse-button-overlay-focus-opacity: 0;
41
43
  --ard-file-input-browse-button-overlay-active-opacity: 12%;
package/themes/default/inputs/hex-input.scss CHANGED
@@ -3,25 +3,27 @@
3
3
  @use '../clear-button' as CB;
4
4
  @use '../../variables' as ARD;
5
5
 
6
+ // the variables are commented out intentionally
7
+ // read more in docs/dev/css-variables.md
6
8
  :root {
7
- --ard-hex-input-height: ;
8
- --ard-hex-input-height-compact: ;
9
+ // --ard-hex-input-height: ;
10
+ // --ard-hex-input-height-compact: ;
9
11
  --ard-hex-input-gap: 0.625rem;
10
- --ard-hex-input-font-size: ;
11
- --ard-hex-input-font-size-compact: ;
12
+ // --ard-hex-input-font-size: ;
13
+ // --ard-hex-input-font-size-compact: ;
12
14
  --ard-hex-input-line-height: 1.25;
13
15
  --ard-hex-input-line-height-compact: 1;
14
16
  --ard-hex-input-font-weight: 400;
15
- --ard-hex-input-padding: ;
16
- --ard-hex-input-padding-compact: ;
17
- --ard-hex-input-color: ;
18
- --ard-hex-input-placeholder-color: ;
17
+ // --ard-hex-input-padding: ;
18
+ // --ard-hex-input-padding-compact: ;
19
+ // --ard-hex-input-color: ;
20
+ // --ard-hex-input-placeholder-color: ;
19
21
  --ard-hex-input-placeholder-opacity: 60%;
20
22
 
21
23
  --ard-hex-input-min-width: 10rem;
22
24
  --ard-hex-input-max-width: 100%;
23
25
  --ard-hex-input-hash-margin: 0 0 -0.5rem 0;
24
- --ard-hex-input-hash-color: ;
26
+ // --ard-hex-input-hash-color: ;
25
27
  --ard-hex-input-hash-opacity: 70%;
26
28
  }
27
29
 
package/themes/default/inputs/input.scss CHANGED
@@ -3,19 +3,21 @@
3
3
  @use '../clear-button' as CB;
4
4
  @use '../../variables' as ARD;
5
5
 
6
+ // the variables are commented out intentionally
7
+ // read more in docs/dev/css-variables.md
6
8
  :root {
7
- --ard-input-height: ;
8
- --ard-input-height-compact: ;
9
+ // --ard-input-height: ;
10
+ // --ard-input-height-compact: ;
9
11
  --ard-input-gap: 0.625rem;
10
- --ard-input-font-size: ;
11
- --ard-input-font-size-compact: ;
12
+ // --ard-input-font-size: ;
13
+ // --ard-input-font-size-compact: ;
12
14
  --ard-input-line-height: 1.25;
13
15
  --ard-input-line-height-compact: 1;
14
16
  --ard-input-font-weight: 400;
15
- --ard-input-padding: ;
16
- --ard-input-padding-compact: ;
17
- --ard-input-color: ;
18
- --ard-input-placeholder-color: ;
17
+ // --ard-input-padding: ;
18
+ // --ard-input-padding-compact: ;
19
+ // --ard-input-color: ;
20
+ // --ard-input-placeholder-color: ;
19
21
  --ard-input-placeholder-opacity: 60%;
20
22
 
21
23
  --ard-input-min-width: 10rem;
package/themes/default/inputs/number-input.scss CHANGED
@@ -2,19 +2,21 @@
2
2
  @use '../mixins' as defaultMixins;
3
3
  @use '../../variables' as ARD;
4
4
 
5
+ // the variables are commented out intentionally
6
+ // read more in docs/dev/css-variables.md
5
7
  :root {
6
- --ard-number-input-height: ;
7
- --ard-number-input-height-compact: ;
8
+ // --ard-number-input-height: ;
9
+ // --ard-number-input-height-compact: ;
8
10
  --ard-number-input-gap: 0.625rem;
9
- --ard-number-input-font-size: ;
10
- --ard-number-input-font-size-compact: ;
11
+ // --ard-number-input-font-size: ;
12
+ // --ard-number-input-font-size-compact: ;
11
13
  --ard-number-input-line-height: 1.25;
12
14
  --ard-number-input-line-height-compact: 1;
13
15
  --ard-number-input-font-weight: 400;
14
- --ard-number-input-padding: ;
15
- --ard-number-input-padding-compact: ;
16
- --ard-number-input-color: ;
17
- --ard-number-input-placeholder-color: ;
16
+ // --ard-number-input-padding: ;
17
+ // --ard-number-input-padding-compact: ;
18
+ // --ard-number-input-color: ;
19
+ // --ard-number-input-placeholder-color: ;
18
20
  --ard-number-input-placeholder-opacity: 60%;
19
21
 
20
22
  --ard-number-input-width: 9.5rem;
@@ -42,7 +44,6 @@ ard-number-input {
42
44
  var(--ard-number-input-placeholder-opacity, 60%)
43
45
  );
44
46
  @include defaultMixins.formAppearances();
45
- min-height: var(--ard-form-field-height, var(--ard-number-input-height, 2.3125rem));
46
47
  gap: 0;
47
48
  width: 100%;
48
49
 
package/themes/default/inputs/password-input.scss CHANGED
@@ -3,19 +3,21 @@
3
3
  @use '../clear-button' as CB;
4
4
  @use '../../variables' as ARD;
5
5
 
6
+ // the variables are commented out intentionally
7
+ // read more in docs/dev/css-variables.md
6
8
  :root {
7
- --ard-password-input-height: ;
8
- --ard-password-input-height-compact: ;
9
+ // --ard-password-input-height: ;
10
+ // --ard-password-input-height-compact: ;
9
11
  --ard-password-input-gap: 0.625rem;
10
- --ard-password-input-font-size: ;
11
- --ard-password-input-font-size-compact: ;
12
+ // --ard-password-input-font-size: ;
13
+ // --ard-password-input-font-size-compact: ;
12
14
  --ard-password-input-line-height: 1.25;
13
15
  --ard-password-input-line-height-compact: 1;
14
16
  --ard-password-input-font-weight: 400;
15
- --ard-password-input-padding: ;
16
- --ard-password-input-padding-compact: ;
17
- --ard-password-input-color: ;
18
- --ard-password-input-placeholder-color: ;
17
+ // --ard-password-input-padding: ;
18
+ // --ard-password-input-padding-compact: ;
19
+ // --ard-password-input-color: ;
20
+ // --ard-password-input-placeholder-color: ;
19
21
  --ard-password-input-placeholder-opacity: 60%;
20
22
 
21
23
  --ard-password-input-min-width: 10rem;
@@ -27,7 +29,7 @@
27
29
  --ard-password-input-reveal-button-width: unset;
28
30
  --ard-password-input-reveal-button-aspect-ratio: 1;
29
31
  --ard-password-input-reveal-button-padding: 0;
30
- --ard-password-input-reveal-button-color: ;
32
+ // --ard-password-input-reveal-button-color: ;
31
33
  --ard-password-input-reveal-button-border-radius: 9999px;
32
34
  --ard-password-input-reveal-button-border: none;
33
35
  --ard-password-input-reveal-button-background: transparent;
package/themes/default/inputs/search-bar.scss CHANGED
@@ -3,19 +3,21 @@
3
3
  @use '../clear-button' as CB;
4
4
  @use '../../variables' as ARD;
5
5
 
6
+ // the variables are commented out intentionally
7
+ // read more in docs/dev/css-variables.md
6
8
  :root {
7
- --ard-search-bar-height: ;
8
- --ard-search-bar-height-compact: ;
9
+ // --ard-search-bar-height: ;
10
+ // --ard-search-bar-height-compact: ;
9
11
  --ard-search-bar-gap: 0.625rem;
10
- --ard-search-bar-font-size: ;
11
- --ard-search-bar-font-size-compact: ;
12
+ // --ard-search-bar-font-size: ;
13
+ // --ard-search-bar-font-size-compact: ;
12
14
  --ard-search-bar-line-height: 1.25;
13
15
  --ard-search-bar-line-height-compact: 1;
14
16
  --ard-search-bar-font-weight: 400;
15
- --ard-search-bar-padding: ;
16
- --ard-search-bar-padding-compact: ;
17
- --ard-search-bar-color: ;
18
- --ard-search-bar-placeholder-color: ;
17
+ // --ard-search-bar-padding: ;
18
+ // --ard-search-bar-padding-compact: ;
19
+ // --ard-search-bar-color: ;
20
+ // --ard-search-bar-placeholder-color: ;
19
21
  --ard-search-bar-placeholder-opacity: 60%;
20
22
 
21
23
  --ard-search-bar-min-width: 10rem;
package/themes/default/segment.scss CHANGED
@@ -2,11 +2,13 @@
2
2
  @use './coloring' as coloringMixins;
3
3
  @use '../variables' as ARD;
4
4
 
5
+ // the variables are commented out intentionally
6
+ // read more in docs/dev/css-variables.md
5
7
  :root {
6
8
  --ard-segment-margin: 0;
7
9
  --ard-segment-padding: 0.15rem;
8
- --ard-segment-option-gap: ;
9
- --ard-segment-font-family: ;
10
+ // --ard-segment-option-gap: ;
11
+ // --ard-segment-font-family: ;
10
12
  --ard-segment-font-size: 0.875rem;
11
13
  --ard-segment-font-size-compact: 0.75rem;
12
14
  --ard-segment-rounded-border-radius: 0.5rem;
@@ -21,7 +23,7 @@
21
23
  --ard-segment-option-active-bg-opacity: 12%;
22
24
  --ard-segment-option-active-keyboard-bg-opacity: 34%;
23
25
  --ard-segment-option-selected-bg-opacity: 16%;
24
- --ard-segment-border-color: ;
26
+ // --ard-segment-border-color: ;
25
27
  }
26
28
 
27
29
  .ard-segment-container {
package/themes/default/select.scss CHANGED
@@ -2,9 +2,11 @@
2
2
  @use './mixins' as defaultMixins;
3
3
  @use '../variables' as ARD;
4
4
 
5
+ // the variables are commented out intentionally
6
+ // read more in docs/dev/css-variables.md
5
7
  :root {
6
- --ard-select-height: ;
7
- --ard-select-height-compact: ;
8
+ // --ard-select-height: ;
9
+ // --ard-select-height-compact: ;
8
10
  --ard-select-gap: 0.625rem;
9
11
  --ard-select-gap-compact: 0.5rem;
10
12
  --ard-select-controls-gap: 0.625rem;
@@ -12,12 +14,12 @@
12
14
  --ard-select-padding: 0 1em 0 0.375em;
13
15
  --ard-select-padding-compact: 0 0.625em 0 0.375em;
14
16
 
15
- --ard-select-font-size: ;
16
- --ard-select-font-size-compact: ;
17
- --ard-select-text-color: ;
18
- --ard-select-placeholder-color: ;
17
+ // --ard-select-font-size: ;
18
+ // --ard-select-font-size-compact: ;
19
+ // --ard-select-text-color: ;
20
+ // --ard-select-placeholder-color: ;
19
21
  --ard-select-search-min-width: 10ch;
20
- --ard-select-dropdown-arrow-color: ;
22
+ // --ard-select-dropdown-arrow-color: ;
21
23
  --ard-select-dropdown-arrow-active-transform: rotate(180deg);
22
24
  --ard-select-dropdown-arrow-transition: 0.2s ease-in-out;
23
25
 
@@ -28,8 +30,8 @@
28
30
  --ard-select-dropdown-max-width: max(25em, 100%);
29
31
  --ard-select-dropdown-min-width: 100%;
30
32
  --ard-select-dropdown-max-height: 15em;
31
- --ard-select-dropdown-font-size: ;
32
- --ard-select-dropdown-font-size-compact: ;
33
+ // --ard-select-dropdown-font-size: ;
34
+ // --ard-select-dropdown-font-size-compact: ;
33
35
  --ard-select-dropdown-padding: 0.375em 0.625em;
34
36
  --ard-select-dropdown-gap: 0;
35
37
 
@@ -39,11 +41,11 @@
39
41
  --ard-select-dropdown-optgroup-label-padding: 0.375em 0.625em 0.0625em 0.625em;
40
42
 
41
43
  --ard-select-dropdown-option-padding: 0.375em 0.625em;
42
- --ard-select-dropdown-option-text-color: ;
43
- --ard-select-dropdown-option-highlighted-bg: ;
44
+ // --ard-select-dropdown-option-text-color: ;
45
+ // --ard-select-dropdown-option-highlighted-bg: ;
44
46
  --ard-select-dropdown-option-selected-font-weight: 500;
45
- --ard-select-dropdown-option-selected-bg: ;
46
- --ard-select-dropdown-option-selected-highlighted-bg: ;
47
+ // --ard-select-dropdown-option-selected-bg: ;
48
+ // --ard-select-dropdown-option-selected-highlighted-bg: ;
47
49
  --ard-select-dropdown-option-disabled-opacity: 50%;
48
50
 
49
51
  --ard-select-dropdown-add-custom-gap: 0.375rem;
package/themes/default/slider.scss CHANGED
@@ -3,23 +3,25 @@
3
3
  @use 'sass:math';
4
4
  @use '../variables' as ARD;
5
5
 
6
+ // the variables are commented out intentionally
7
+ // read more in docs/dev/css-variables.md
6
8
  :root {
7
- --ard-slider-font-size: ;
8
- --ard-slider-font-size-compact: ;
9
+ // --ard-slider-font-size: ;
10
+ // --ard-slider-font-size-compact: ;
9
11
  --ard-slider-width: 100%;
10
12
  --ard-slider-padding: 0 calc(var(--ard-slider-handle-size, 1.25em) / 2);
11
13
  --ard-slider-track-height: 0.25em;
12
- --ard-slider-track-color: ;
14
+ // --ard-slider-track-color: ;
13
15
  --ard-slider-track-opacity: 20%;
14
16
  --ard-slider-track-border-radius: 9999px;
15
17
  --ard-slider-active-track-height: calc(100% + 0.125em);
16
- --ard-slider-active-color: ;
18
+ // --ard-slider-active-color: ;
17
19
  --ard-slider-active-track-opacity: 100%;
18
20
  --ard-slider-value-tick-size: 0.125em;
19
21
  --ard-slider-value-tick-opacity: 30%;
20
22
  --ard-slider-track-hitbox-size: calc(var(--ard-slider-handle-size, 1.25em) / 2);
21
23
  --ard-slider-handle-size: 1.25em;
22
- --ard-slider-handle-bg: ;
24
+ // --ard-slider-handle-bg: ;
23
25
  --ard-slider-handle-border: none;
24
26
  --ard-slider-handle-border-radius: 9999px;
25
27
  --ard-slider-handle-hitbox-size: 0.375em;
@@ -29,8 +31,8 @@
29
31
  --ard-slider-handle-overlay-active-opacity: 25%;
30
32
  --ard-slider-label-font-size: 0.875rem;
31
33
  --ard-slider-label-padding-top: 0.2em;
32
- --ard-slider-label-bg: ;
33
- --ard-slider-label-color: ;
34
+ // --ard-slider-label-bg: ;
35
+ // --ard-slider-label-color: ;
34
36
  --ard-slider-label-height: 2em;
35
37
  --ard-slider-label-border: none;
36
38
  --ard-slider-label-border-radius: 0.375em;
package/themes/default/tabber.scss CHANGED
@@ -1,6 +1,8 @@
1
1
  @use './coloring' as CM;
2
2
  @use './mixins' as M;
3
3
 
4
+ // the variables are commented out intentionally
5
+ // read more in docs/dev/css-variables.md
4
6
  :root {
5
7
  --ard-tabber-tab-height: 2.5em;
6
8
  --ard-tabber-tab-font-size: 0.875rem;
@@ -11,7 +13,7 @@
11
13
  --ard-tabber-tab-gap: 0;
12
14
  --ard-tabber-tab-content-gap: 0.375rem;
13
15
  --ard-tabber-separator-border: 1px solid var(--ard-detail-ultralight, rgba(0, 0, 0, 12%));
14
- --ard-tabber-tab-overlay-color: ;
16
+ // --ard-tabber-tab-overlay-color: ;
15
17
  --ard-tabber-tab-hover-opacity: 4%;
16
18
  --ard-tabber-tab-active-opacity: 12%;
17
19
  --ard-tabber-tab-focus-visible-opacity: 18%;
package/themes/default/table.scss CHANGED
@@ -161,15 +161,15 @@
161
161
  }
162
162
 
163
163
  //! color
164
- --ard-_table-header-border: ;
165
- --ard-_table-header-border-light: ;
164
+ // --ard-_table-header-border: ;
165
+ // --ard-_table-header-border-light: ;
166
166
  --ard-_table-border: ARD.$border;
167
- --ard-_table-header-background: ;
168
- --ard-_table-header-background-light: ;
169
- --ard-_table-header-color: ;
170
- --ard-_table-header-color-on-bg: ;
171
- --ard-_table-overlay: ;
172
- --ard-_table-overlay-colorless: ;
167
+ // --ard-_table-header-background: ;
168
+ // --ard-_table-header-background-light: ;
169
+ // --ard-_table-header-color: ;
170
+ // --ard-_table-header-color-on-bg: ;
171
+ // --ard-_table-overlay: ;
172
+ // --ard-_table-overlay-colorless: ;
173
173
 
174
174
  //! appearances
175
175
  &.ard-appearance-strong {