npm - @ardium-ui/ui - Versions diffs - 5.0.0-alpha.92 → 5.0.0-alpha.93 - Mend

@ardium-ui/ui 5.0.0-alpha.92 → 5.0.0-alpha.93

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 (68) hide show

package/prebuilt-themes/default/radio.css CHANGED Viewed

@@ -244,6 +244,18 @@
     opacity: var(--ard-radio-disabled-opacity, 50%);
     user-select: none;
   }
+  .ard-readonly .ard-radio {
+    cursor: var(--ard-radio-readonly-cursor, var(--ard-readonly-cursor, default));
+  }
+  .ard-readonly .ard-radio > .ard-radio-circles {
+    pointer-events: none;
+  }
+  .ard-readonly .ard-radio > .ard-radio-circles .ard-focus-overlay {
+    display: none;
+  }
+  .ard-readonly .ard-radio:focus-visible > .ard-radio-circles > .ard-focus-overlay {
+    display: block;
+  }
 }
 /*# sourceMappingURL=radio.css.map */

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

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/radio.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_mixins.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAIA;EAGE;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;~~EAGF~~;IACE;IACA;;EAGF;IACE;IACA;IACA;;EAGF;IAGE;IACA;IACA;IACA;IACA;IACA;IACA;;~~ECzCF~~;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;~~ED/FA~~;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;~~IE5DJ~~;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;~~IFqDM~~;IACA,~~kBG1EE~~;~~IH4EF~~,YACE;;EAGJ;IACE;IACA;IACA;IACA;IACA;IACA;;EAIA;IACE;;EAOF;IACE;;EAEF;IACE;;EAEF;IACE;;EAMF;IACE;;EAMF;IACE;;EAON;IACE;IACA;IACA","file":"radio.css"}
1	+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/radio.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/default/_mixins.scss","../../../../projects/ui/src/themes/_variables.scss"],"names":[],"mappings":"AAIA;EAGE;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAIF;IACE;IACA;;EAGF;IACE;IACA;IACA;;EAGF;IAGE;IACA;IACA;IACA;IACA;IACA;IACA;;EC1CF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;ED9FA;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IE7DJ;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IFsDM;IACA,kBG3EE;IH6EF,YACE;;EAGJ;IACE;IACA;IACA;IACA;IACA;IACA;;EAIA;IACE;;EAOF;IACE;;EAEF;IACE;;EAEF;IACE;;EAMF;IACE;;EAMF;IACE;;EAON;IACE;IACA;IACA;;EAIF;IACE;;EAEA;IACE;;EAEA;IACE;;EAIF;IACE","file":"radio.css"}

package/prebuilt-themes/default/segment.css CHANGED Viewed

@@ -258,16 +258,16 @@
   .ard-segment-container .ard-segment-option.ard-option-highlighted .ard-focus-overlay {
     opacity: var(--ard-segment-option-highlighted-bg-opacity, 4%);
   }
-  .ard-segment-container .ard-segment-option:active .ard-focus-overlay {
-    opacity: var(--ard-segment-option-active-bg-opacity, 12%);
-  }
   .ard-segment-container .ard-segment-option.ard-option-selected .ard-focus-overlay {
     opacity: var(--ard-segment-option-selected-bg-opacity, 16%);
   }
+  ard-segment:not(.ard-disabled):not(.ard-readonly) .ard-segment-container .ard-segment-option:active .ard-focus-overlay {
+    opacity: var(--ard-segment-option-active-bg-opacity, 12%);
+  }
   .ard-segment-container.ard-using-keyboard .ard-segment-option.ard-option-highlighted .ard-focus-overlay {
     opacity: var(--ard-segment-option-highlighted-keyboard-bg-opacity, 28%);
   }
-  .ard-segment-container.ard-using-keyboard .ard-segment-option:active .ard-focus-overlay {
+  ard-segment:not(.ard-disabled):not(.ard-readonly) .ard-segment-container.ard-using-keyboard .ard-segment-option:active .ard-focus-overlay {
     opacity: var(--ard-segment-option-active-keyboard-bg-opacity, 34%);
   }
   .ard-segment-container.ard-appearance-transparent {
@@ -416,20 +416,26 @@
     aspect-ratio: 1;
     justify-content: center;
   }
-  .ard-segment-container.ard-disabled {
+  .ard-disabled > .ard-segment-container {
     pointer-events: none;
     opacity: var(--ard-segment-option-disabled-opacity, 50%);
   }
-  .ard-segment-container.ard-disabled .ard-focus-overlay {
+  .ard-disabled > .ard-segment-container .ard-focus-overlay {
     opacity: 10%;
   }
-  .ard-segment-container.ard-disabled.ard-color-none .ard-button-icon,
-  .ard-segment-container.ard-disabled.ard-color-none .ard-button-content {
+  .ard-disabled > .ard-segment-container.ard-color-none .ard-button-icon,
+  .ard-disabled > .ard-segment-container.ard-color-none .ard-button-content {
     opacity: calc(var(--ard-segment-option-disabled-opacity, 50%) * 1.2);
   }
-  .ard-segment-container.ard-disabled.ard-color-none .ard-focus-overlay {
+  .ard-disabled > .ard-segment-container.ard-color-none .ard-focus-overlay {
     background: var(--ard-cmpcl--overlay);
   }
+  .ard-readonly > .ard-segment-container {
+    cursor: var(--ard-segment-readonly-cursor, var(--ard-readonly-cursor, default));
+  }
+  .ard-readonly > .ard-segment-container .ard-segment-row .ard-segment-option {
+    cursor: inherit;
+  }
 }
 /*# sourceMappingURL=segment.css.map */

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

	@@ -1 +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;EAGE;IACE;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;~~EAIF~~;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;~~ICsCF~~;;~~ECzEA~~;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;~~EDnGF~~;IACE;IACA;IACA;;EAEA;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAGJ;IACE;IACA;;EAEA;IACE;;EAEF;IACE;;EAGJ;IACE;IACA;;EAOF;IAEE;;EAEF;IACE;;EAEF;IACE;;~~ED1CA~~;~~IC/BF~~;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;~~IDwBI~~;;EAIF;IACE;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,YACE;IAIF;IACA;IACA;;EAEA;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;IACA;;EAEA;IACE;IACA;;EAQJ;IACE;;EAIF;IACE;;~~EAIF~~;IACE;;~~EAOA~~;IACE;;~~EAIF~~;IACE;;~~EAOR~~;IACE;;EAII;IACE;;EAGF;IACE;;EAKR;IAEE,~~YGnJD~~;~~IHoJC~~;;EAEA;IACE;;EAEA;IACE;IACA;;EAGJ;IAGE;;EAEA;IACE;;EAEA;IACE;;EAGF;IACE;;EAOF;IACE;;EAIE;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAMF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAMF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;;EAQN;IACE;;EAEF;IACE;;EAMN;IACE;IACA;;EAGJ;IACE;;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAGJ;IACE;IACA;;EAGE;IACE;;EAEA;IACE;;EAGA;IACE;;EAGJ;IACE;IACA;;EAEA;IACE;;EAQV;IAGE;IACA;;EAGE;IACE;;EAON;IAEE;;EAGE;IACE;;EAIN;IAEE;;EAGE;IACE;;EAIN;IACE;;EAKA;IACE;IACA;;EAEA;IACE;IACA;;EAMJ;IACE;IACA;IACA;IACA;;~~EAKJ~~;IACE;IACA;;EAEA;IACE;;EAKA;AAAA;IAEE;;EAEF;IACE","file":"segment.css"}
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;EAGE;IACE;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAKF;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;ICuCF;;EC3EA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EDjGF;IACE;IACA;IACA;;EAEA;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAGJ;IACE;IACA;;EAEA;IACE;;EAEF;IACE;;EAGJ;IACE;IACA;;EAOF;IAEE;;EAEF;IACE;;EAEF;IACE;;ED3CA;IChCF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IDyBI;;EAIF;IACE;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,YACE;IAIF;IACA;IACA;;EAEA;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;IACA;;EAEA;IACE;IACA;;EAQJ;IACE;;EAIF;IACE;;EAKA;IACE;;EAQF;IACE;;EAKA;IACE;;EAQV;IACE;;EAII;IACE;;EAGF;IACE;;EAKR;IAEE,YGxJD;IHyJC;;EAEA;IACE;;EAEA;IACE;IACA;;EAGJ;IAGE;;EAEA;IACE;;EAEA;IACE;;EAGF;IACE;;EAOF;IACE;;EAIE;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAMF;IACE;;EAEF;IACE;;EAEF;IACE;IACA;;EAMF;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;;EAQN;IACE;;EAEF;IACE;;EAMN;IACE;IACA;;EAGJ;IACE;;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAGJ;IACE;IACA;;EAGE;IACE;;EAEA;IACE;;EAGA;IACE;;EAGJ;IACE;IACA;;EAEA;IACE;;EAQV;IAGE;IACA;;EAGE;IACE;;EAON;IAEE;;EAGE;IACE;;EAIN;IAEE;;EAGE;IACE;;EAIN;IACE;;EAKA;IACE;IACA;;EAEA;IACE;IACA;;EAMJ;IACE;IACA;IACA;IACA;;EAMN;IACE;IACA;;EAEA;IACE;;EAKA;AAAA;IAEE;;EAEF;IACE;;EAKN;IACE;;EAEA;IACE","file":"segment.css"}

package/prebuilt-themes/default/select.css CHANGED Viewed

@@ -104,6 +104,9 @@
   .ard-select .ard-clear-btn-wrapper:active .ard-focus-overlay {
     opacity: 15%;
   }
+  .ard-select .ard-disabled .ard-clear-btn-wrapper, .ard-select .ard-readonly .ard-clear-btn-wrapper {
+    pointer-events: none;
+  }
   .ard-select .ard-select-value-container {
     position: relative;
     height: 2em;

package/prebuilt-themes/default/select.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/select.scss","../../../../projects/ui/src/themes/default/_clear-button.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAIA;EAGE;IAGE;IACA;IACA;IACA;IACA;IACA;IAMA;IAEA;IACA;IAEA;IACA;IAEA;IACA;IACA;IACA;IAGA;IACA;IAEA;IACA;IACA;IACA;IAEA;IAGA;IAGA;IAEA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EC9DF;IACE,QCmCgB;IDlChB,OCkCgB;IDjChB;;EAGF;IACE;IACA;IACA,OCGK;IDFL,OC0BgB;IDzBhB,QCyBgB;IDxBhB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;;EAGF;IEvBF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IFgBI;;EAGF;IACE;IACA;IACA;IACA;;EAEA;IACE;IE7CN;IACA;IACA,yBACE;IF4CI;;EAKF;IACE;;EAKF;IACE;;EAKF;IACE;;~~EDGJ~~;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAIN;IACE;IACA;IACA;IACA;;EAIA;IACE;IACA;;EAKF;IACE;IACA;IACA;IACA;IACA;;EAEA;IACE;;EAIN;IACE;;EAEF;IACE;;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;;EAGJ;IACE;IACA;IACA;;EAEA;IACE;;EAGJ;IACE;;EAIJ;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;;EAIF;IACE;;EAKJ;IACE;IACA;IACA;;EAEA;IACE;;EAEF;IACE;;EAMN;IACE;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;;EAEF;IACE;;EAGF;IACE;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAEA;IACE;;EAGF;IACE;IACA;;EAEA;IACE;;EAIJ;IACE;IACA;;EAIJ;IACE;IACA;IACA;IACA;;EAGF;IACE;;EAGF;IACE;IACA;IACA;;EAEA;IACE;;EAKJ;IACE;;EAKJ;IACE;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAKN;EACE;IACE;;EAGF;IACE","file":"select.css"}
1	+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/select.scss","../../../../projects/ui/src/themes/default/_clear-button.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAIA;EAGE;IAGE;IACA;IACA;IACA;IACA;IACA;IAMA;IAEA;IACA;IAEA;IACA;IAEA;IACA;IACA;IACA;IAGA;IACA;IAEA;IACA;IACA;IACA;IAEA;IAGA;IAGA;IAEA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EC9DF;IACE,QCmCgB;IDlChB,OCkCgB;IDjChB;;EAGF;IACE;IACA;IACA,OCGK;IDFL,OC0BgB;IDzBhB,QCyBgB;IDxBhB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;;EAGF;IEvBF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IFgBI;;EAGF;IACE;IACA;IACA;IACA;;EAEA;IACE;IE7CN;IACA;IACA,yBACE;IF4CI;;EAKF;IACE;;EAKF;IACE;;EAKF;IACE;;EAKJ;IACE;;EDHF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAIN;IACE;IACA;IACA;IACA;;EAIA;IACE;IACA;;EAKF;IACE;IACA;IACA;IACA;IACA;;EAEA;IACE;;EAIN;IACE;;EAEF;IACE;;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;;EAGJ;IACE;IACA;IACA;;EAEA;IACE;;EAGJ;IACE;;EAIJ;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;;EAIF;IACE;;EAKJ;IACE;IACA;IACA;;EAEA;IACE;;EAEF;IACE;;EAMN;IACE;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;;EAEF;IACE;;EAGF;IACE;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAEA;IACE;;EAGF;IACE;IACA;;EAEA;IACE;;EAIJ;IACE;IACA;;EAIJ;IACE;IACA;IACA;IACA;;EAGF;IACE;;EAGF;IACE;IACA;IACA;;EAEA;IACE;;EAKJ;IACE;;EAKJ;IACE;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAKN;EACE;IACE;;EAGF;IACE","file":"select.css"}

package/prebuilt-themes/default/slider.css CHANGED Viewed

@@ -265,6 +265,7 @@
     cursor: grab;
     transition: box-shadow 0.15s ease, left var(--_ard-slider-transition) ease;
     box-shadow: var(--ard-simple-shadow);
+    --_ard-focus-overlay-scale: 0.2;
   }
   .ard-slider-container-master .ard-slider-handle .ard-focus-overlay,
   .ard-range-slider-container-master .ard-slider-handle .ard-focus-overlay {
@@ -281,13 +282,14 @@
   }
   .ard-slider-container-master .ard-slider-handle > .ard-focus-overlay,
   .ard-range-slider-container-master .ard-slider-handle > .ard-focus-overlay {
-    transform: scale(0.2);
+    transform: scale(var(--_ard-focus-overlay-scale));
     transition: opacity 0.2s ease, transform 0.1s ease;
   }
-  .ard-slider-container-master .ard-slider-handle:hover > .ard-focus-overlay, .ard-slider-container-master .ard-slider-handle:focus > .ard-focus-overlay,
+  .ard-slider-container-master .ard-slider-handle:hover > .ard-focus-overlay, .ard-slider-container-master .ard-slider-handle:focus > .ard-focus-overlay, .ard-slider-container-master .ard-slider-handle:focus-visible > .ard-focus-overlay,
   .ard-range-slider-container-master .ard-slider-handle:hover > .ard-focus-overlay,
-  .ard-range-slider-container-master .ard-slider-handle:focus > .ard-focus-overlay {
-    transform: scale(1);
+  .ard-range-slider-container-master .ard-slider-handle:focus > .ard-focus-overlay,
+  .ard-range-slider-container-master .ard-slider-handle:focus-visible > .ard-focus-overlay {
+    --_ard-focus-overlay-scale: 1;
   }
   .ard-slider-container-master .ard-slider-handle .ard-hitbox,
   .ard-range-slider-container-master .ard-slider-handle .ard-hitbox {
@@ -362,7 +364,7 @@
   .ard-slider-container-master.ard-tooltip-top .ard-slider-tooltip::before,
   .ard-range-slider-container-master.ard-tooltip-top .ard-slider-tooltip::before {
     bottom: 0;
-    border-top-color: var(--ard-slider-label-bg);
+    border-top-color: var(--ard-slider-label-b, var(--ard-text3));
     transform: translate(-50%, 100%);
   }
   .ard-slider-container-master.ard-tooltip-bottom .ard-slider-tooltip,
@@ -373,7 +375,7 @@
   .ard-slider-container-master.ard-tooltip-bottom .ard-slider-tooltip::before,
   .ard-range-slider-container-master.ard-tooltip-bottom .ard-slider-tooltip::before {
     top: 0;
-    border-bottom-color: var(--ard-slider-label-bg);
+    border-bottom-color: var(--ard-slider-label-bg, var(--ard-text3));
     transform: translate(-50%, -100%);
   }
   .ard-slider-container-master .ard-slider-handle:hover + .ard-slider-tooltip-wrapper .ard-slider-tooltip,
@@ -397,6 +399,30 @@
     cursor: grabbing !important;
     pointer-events: none !important;
   }
+  .ard-disabled .ard-slider-container-master,
+  .ard-disabled .ard-range-slider-container-master,
+  .ard-readonly .ard-slider-container-master,
+  .ard-readonly .ard-range-slider-container-master {
+    cursor: var(--ard-slider-readonly-cursor, var(--ard-readonly-cursor, default));
+  }
+  .ard-disabled .ard-slider-container-master .ard-slider-container,
+  .ard-disabled .ard-range-slider-container-master .ard-slider-container,
+  .ard-readonly .ard-slider-container-master .ard-slider-container,
+  .ard-readonly .ard-range-slider-container-master .ard-slider-container {
+    cursor: inherit;
+  }
+  .ard-disabled .ard-slider-container-master .ard-slider-container .ard-slider-handle,
+  .ard-disabled .ard-range-slider-container-master .ard-slider-container .ard-slider-handle,
+  .ard-readonly .ard-slider-container-master .ard-slider-container .ard-slider-handle,
+  .ard-readonly .ard-range-slider-container-master .ard-slider-container .ard-slider-handle {
+    cursor: inherit;
+  }
+  .ard-disabled .ard-slider-container-master .ard-slider-container .ard-slider-handle .ard-focus-overlay,
+  .ard-disabled .ard-range-slider-container-master .ard-slider-container .ard-slider-handle .ard-focus-overlay,
+  .ard-readonly .ard-slider-container-master .ard-slider-container .ard-slider-handle .ard-focus-overlay,
+  .ard-readonly .ard-range-slider-container-master .ard-slider-container .ard-slider-handle .ard-focus-overlay {
+    display: none;
+  }
 }
 /*# sourceMappingURL=slider.css.map */

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

	@@ -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;EAGE;IAGE;IACA;IACA;IAEA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;;~~EAGF~~;AAAA;IAIE;IACA;IACA;IACA;IACA;IACA;IACA;;~~ECpDF~~;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;~~EDnFA~~;AAAA;IACE;;EAEA;AAAA;IACE;;EAKJ;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;;EAGF;AAAA;IACE;IACA;IACA,~~YE/ED~~;;~~EFiFC~~;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;;EAEA;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA,YACE;;EAIN;AAAA;IACE;IACA;;EAEF;AAAA;IACE;IACA;IACA;IACA;;EAEF;AAAA;IACE;IACA;IACA;IACA;IACA,~~YE7GD~~;~~IF8GC~~;IACA;;EAIJ;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA,YACE;IAEF,~~YExGU~~;;~~EF0GV~~;AAAA;~~IG/HJ~~;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;~~IHwHM~~;;EGrHN;AAAA;IACE;IAEA,YACE;;~~EAMF~~;AAAA;AAAA;IACE;;~~EH8GA~~;AAAA;IACE;IACA;IACA;;EAGA;AAAA;IACE;;EAGJ;AAAA;IACE,~~YE1HS~~;;~~EF4HT~~;AAAA;IACE;;EAKF;AAAA;AAAA;IACE;;EAIN;AAAA;IACE;IACA;IACA;IACA;IACA;;EAEA;AAAA;IACE;;EAIJ;AAAA;IACE;IACA;;EAEF;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;;EAEA;AAAA;IACE;IACA;IACA;IACA;;EAIF;AAAA;IACE;IACA;;EAEA;AAAA;IACE;IACA;IACA;;EAKJ;AAAA;IACE;IACA;;EAEA;AAAA;IACE;IACA;IACA;;EAQJ;AAAA;AAAA;AAAA;IACE;;EAMA;AAAA;IACE;;EAMJ;AAAA;IACE;;EAIN;IACE;;EAEA;IACE;IACA","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":"AAKA;EAGE;IAGE;IACA;IACA;IAEA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAGA;IACA;IACA;IACA;IACA;IACA;IACA;;EAIF;AAAA;IAIE;IACA;IACA;IACA;IACA;IACA;IACA;;ECrDF;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EDlFA;AAAA;IACE;;EAEA;AAAA;IACE;;EAKJ;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;;EAGF;AAAA;IACE;IACA;IACA,YEhFD;;EFkFC;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;;EAEA;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA,YACE;;EAIN;AAAA;IACE;IACA;;EAEF;AAAA;IACE;IACA;IACA;IACA;;EAEF;AAAA;IACE;IACA;IACA;IACA;IACA,YE9GD;IF+GC;IACA;;EAIJ;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA,YACE;IAEF,YEzGU;ICTd;;EHoHI;AAAA;IGhIJ;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IHyHM;;EGrHN;AAAA;IACE;IAEA,YACE;;EAOF;AAAA;AAAA;AAAA;IACE;;EH6GA;AAAA;IACE;IACA;IACA;;EAGA;AAAA;IACE;;EAGJ;AAAA;IACE,YE3HS;;EF6HT;AAAA;IACE;;EAKF;AAAA;AAAA;IACE;;EAIN;AAAA;IACE;IACA;IACA;IACA;IACA;;EAEA;AAAA;IACE;;EAIJ;AAAA;IACE;IACA;;EAEF;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;;EAEA;AAAA;IACE;IACA;IACA;IACA;;EAIF;AAAA;IACE;IACA;;EAEA;AAAA;IACE;IACA;IACA;;EAKJ;AAAA;IACE;IACA;;EAEA;AAAA;IACE;IACA;IACA;;EAQJ;AAAA;AAAA;AAAA;IACE;;EAMA;AAAA;IACE;;EAMJ;AAAA;IACE;;EAIN;IACE;;EAEA;IACE;IACA;;EAKF;AAAA;AAAA;AAAA;IAEE;;EAEA;AAAA;AAAA;AAAA;IACE;;EAEA;AAAA;AAAA;AAAA;IACE;;EAEA;AAAA;AAAA;AAAA;IACE","file":"slider.css"}

package/prebuilt-themes/default/stars.css CHANGED Viewed

@@ -5,7 +5,7 @@
     --ard-star-button-overlay-offset: -0.125em;
     --ard-star-button-hover-overlay-opacity: 10%;
     --ard-star-button-focus-overlay-opacity: 0;
-    --ard-star-button-focus-visible-overlay-opacity: 10%;
+    --ard-star-button-focus-visible-overlay-opacity: 30%;
     --ard-star-button-active-overlay-opacity: 20%;
     --ard-star-button-disabled-opacity: 50%;
     --ard-rating-input-not-in-value-opacity: 50%;
@@ -216,6 +216,7 @@
     justify-content: center;
     align-items: center;
     outline: none;
+    --_ard-focus-overlay-scale: 0.2;
   }
   .ard-star-button .ard-hitbox {
     position: absolute;
@@ -243,11 +244,11 @@
     background: currentColor;
   }
   .ard-star-button > .ard-focus-overlay {
-    transform: scale(0.2);
+    transform: scale(var(--_ard-focus-overlay-scale));
     transition: opacity 0.2s ease, transform 0.1s ease;
   }
-  .ard-star-button:hover > .ard-focus-overlay, .ard-star-button:focus > .ard-focus-overlay {
-    transform: scale(1);
+  .ard-star-button:hover > .ard-focus-overlay, .ard-star-button:focus > .ard-focus-overlay, .ard-star-button:focus-visible > .ard-focus-overlay {
+    --_ard-focus-overlay-scale: 1;
   }
   .ard-star-button:hover .ard-focus-overlay {
     opacity: var(--ard-star-button-hover-overlay-opacity, 10%);
@@ -256,7 +257,7 @@
     opacity: var(--ard-star-button-focus-overlay-opacity, 0%);
   }
   .ard-star-button:focus-visible .ard-focus-overlay {
-    opacity: var(--ard-star-button-focus-visible-overlay-opacity, 10%);
+    opacity: var(--ard-star-button-focus-visible-overlay-opacity, 30%);
   }
   .ard-star-button:active .ard-focus-overlay {
     opacity: var(--ard-star-button-active-overlay-opacity, 20%);
@@ -269,6 +270,15 @@
     pointer-events: none;
     opacity: var(--ard-rating-input-disabled-opacity, 50%);
   }
+  .ard-readonly > .ard-star-button {
+    cursor: var(--ard-star-button-readonly-cursor, var(--ard-readonly-cursor, default));
+  }
+  .ard-readonly > .ard-star-button .ard-focus-overlay {
+    display: none;
+  }
+  .ard-readonly > .ard-rating-input {
+    cursor: var(--ard-rating-input-readonly-cursor, var(--ard-readonly-cursor, default));
+  }
 }
 /*# sourceMappingURL=stars.css.map */

package/prebuilt-themes/default/stars.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/stars.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAIA;EAGE;IACE;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;;~~EAGF~~;AAAA;AAAA;AAAA;IAKE;;~~ECxBF~~;AAAA;AAAA;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;AAAA;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;AAAA;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;AAAA;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;AAAA;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;AAAA;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;AAAA;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;AAAA;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;~~EDhHA~~;AAAA;AAAA;AAAA;IACE,~~OEeC~~;;~~EFZL~~;IACE;IACA;IACA;IACA;;EAEF;AAAA;IAEE;IACA;;EAEF;IACE;;EAEA;IACE;;EAGJ;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;~~EAEA~~;IACE;IACA;IACA;IACA;IACA;;EAGF;~~IG3DF~~;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;~~IHoDI~~;IACA;IACA;IACA;IACA;IACA;IACA;;~~EGvDJ~~;IACE;IAEA,YACE;;~~EAMF~~;IACE;;~~EHgDA~~;IACE;;EAIF;IACE;;EAIF;IACE;;EAIF;IACE;;EAMJ;IACE;IACA;;EAEF;IACE;IACA","file":"stars.css"}
1	+ {"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/stars.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAIA;EAGE;IACE;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;;EAMF;AAAA;AAAA;AAAA;IAKE;;EC3BF;AAAA;AAAA;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;AAAA;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;AAAA;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;AAAA;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;AAAA;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;AAAA;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;AAAA;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;AAAA;AAAA;AAAA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;ED7GA;AAAA;AAAA;AAAA;IACE,OEYC;;EFTL;IACE;IACA;IACA;IACA;;EAEF;AAAA;IAEE;IACA;;EAEF;IACE;;EAEA;IACE;;EAGJ;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IGxCF;;EH0CE;IACE;IACA;IACA;IACA;IACA;;EAGF;IG9DF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IHuDI;IACA;IACA;IACA;IACA;IACA;IACA;;EGzDJ;IACE;IAEA,YACE;;EAOF;IACE;;EHkDA;IACE;;EAIF;IACE;;EAIF;IACE;;EAIF;IACE;;EAMJ;IACE;IACA;;EAEF;IACE;IACA;;EAKF;IACE;;EAEA;IACE;;EAGJ;IACE","file":"stars.css"}

package/themes/default/_clear-button.scss CHANGED Viewed

@@ -70,4 +70,9 @@
       }
     }
   }
+  .ard-disabled, .ard-readonly {
+    .ard-clear-btn-wrapper {
+      pointer-events: none;
+    }
+  }
 }

package/themes/default/_mixins.scss CHANGED Viewed

@@ -23,8 +23,9 @@
   transition: opacity 0.2s ease;
 }
 @mixin focus-overlay-scale-addon() {
+  --_ard-focus-overlay-scale: 0.2;
   > .ard-focus-overlay {
-    transform: scale(0.2);
+    transform: scale(var(--_ard-focus-overlay-scale));
     transition:
       opacity 0.2s ease,
@@ -32,9 +33,10 @@
   }
   &:hover,
-  &:focus {
+  &:focus,
+  &:focus-visible {
     > .ard-focus-overlay {
-      transform: scale(1);
+      --_ard-focus-overlay-scale: 1;
     }
   }
 }

package/themes/default/checkbox-list.scss CHANGED Viewed

@@ -16,6 +16,7 @@
     --ard-checkbox-list-item-gap: 0.5rem;
     --ard-checkbox-list-item-gap-compact: 0.325rem;
     --ard-checkbox-list-disabled-opacity: 50%;
+    // --ard-checkbox-list-readonly-cursor: ;
   }
   .ard-checkbox-list {
@@ -108,4 +109,17 @@
       }
     }
   }
+  .ard-disabled, .ard-readonly {
+    .ard-checkbox-list {
+      .ard-focus-overlay {
+        display: none;
+      }
+    }
+  }
+  .ard-disabled > .ard-checkbox-list {
+    pointer-events: none;
+  }
+  .ard-readonly > .ard-checkbox-list {
+    cursor: var(--ard-checkbox-list-readonly-cursor, var(--ard-readonly-cursor, default));
+  }
 }

package/themes/default/checkbox.scss CHANGED Viewed

@@ -15,6 +15,7 @@
     --ard-checkbox-indeterminate-disabled-opacity: 50%;
     --ard-checkbox-selected-disabled-opacity: 50%;
     // --ard-checkbox-base-color: ;
+    // --ard-checkbox-readonly-cursor: ;
   }
   .ard-checkbox {
@@ -68,7 +69,7 @@
     }
   }
   //! disabled state
-  .ard-disabled .ard-checkbox {
+  .ard-disabled > .ard-checkbox {
     pointer-events: none;
     opacity: var(--ard-checkbox-unselected-disabled-opacity, 40%);
@@ -79,4 +80,12 @@
       opacity: var(--ard-checkbox-indeterminate-disabled-opacity, 50%);
     }
   }
+  //! readonly state
+  .ard-readonly > .ard-checkbox {
+    cursor: var(--ard-checkbox-readonly-cursor, var(--ard-readonly-cursor, default));
+    .ard-focus-overlay {
+      display: none;
+    }
+  }
 }

package/themes/default/chips.scss CHANGED Viewed

@@ -39,6 +39,7 @@
     --ard-chip-transition: 0.15s ease;
     --ard-chip-disabled-opacity: 60%;
     --ard-chip-disabled-selected-opacity: 40%;
+    // --ard-chip-readonly-cursor: ;
   }
   //! general css
@@ -77,15 +78,17 @@
       display: flex;
       align-items: center;
-      &:hover,
-      &:focus {
-        > .ard-focus-overlay {
-          opacity: var(--ard-chip-selectable-hover-overlay-opacity, 7.5%);
+      :not(.ard-disabled):not(.ard-readonly) > & {
+        &:hover,
+        &:focus {
+          > .ard-focus-overlay {
+            opacity: var(--ard-chip-selectable-hover-overlay-opacity, 7.5%);
+          }
         }
-      }
-      &:active {
-        > .ard-focus-overlay {
-          opacity: var(--ard-chip-selectable-active-overlay-opacity, 20%);
+        &:active {
+          > .ard-focus-overlay {
+            opacity: var(--ard-chip-selectable-active-overlay-opacity, 20%);
+          }
         }
       }
@@ -141,15 +144,17 @@
           opacity: 0;
           background: var(--ard-cmpcl--bg-colored);
         }
-        &:hover,
-        &:focus {
-          > .ard-focus-overlay {
-            opacity: var(--ard-chip-outlined-hover-overlay-opacity, 4%);
+        :not(.ard-disabled):not(.ard-readonly) > & {
+          &:hover,
+          &:focus {
+            > .ard-focus-overlay {
+              opacity: var(--ard-chip-outlined-hover-overlay-opacity, 4%);
+            }
           }
-        }
-        &:active {
-          > .ard-focus-overlay {
-            opacity: var(--ard-chip-outlined-active-overlay-opacity, 10%);
+          &:active {
+            > .ard-focus-overlay {
+              opacity: var(--ard-chip-outlined-active-overlay-opacity, 10%);
+            }
           }
         }
@@ -160,24 +165,26 @@
           > .ard-focus-overlay {
             opacity: var(--ard-chip-outlined-selected-overlay-opacity, 12%);
           }
-          &:hover {
-            > .ard-focus-overlay {
-              opacity: var(--ard-chip-outlined-selected-hover-overlay-opacity, 17%);
+          :not(.ard-disabled):not(.ard-readonly) > & {
+            &:hover {
+              > .ard-focus-overlay {
+                opacity: var(--ard-chip-outlined-selected-hover-overlay-opacity, 17%);
+              }
             }
-          }
-          &:focus {
-            > .ard-focus-overlay {
-              opacity: var(--ard-chip-outlined-selected-focus-overlay-opacity, 0%);
+            &:focus {
+              > .ard-focus-overlay {
+                opacity: var(--ard-chip-outlined-selected-focus-overlay-opacity, 0%);
+              }
             }
-          }
-          &:focus-visible {
-            > .ard-focus-overlay {
-              opacity: var(--ard-chip-outlined-selected-focus-visible-overlay-opacity, 17%);
+            &:focus-visible {
+              > .ard-focus-overlay {
+                opacity: var(--ard-chip-outlined-selected-focus-visible-overlay-opacity, 17%);
+              }
             }
-          }
-          &:active {
-            > .ard-focus-overlay {
-              opacity: var(--ard-chip-outlined-selected-active-overlay-opacity, 22%);
+            &:active {
+              > .ard-focus-overlay {
+                opacity: var(--ard-chip-outlined-selected-active-overlay-opacity, 22%);
+              }
             }
           }
         }
@@ -247,14 +254,16 @@
     }
   }
   //! disabled state
-  .ard-disabled {
-    .ard-chip-wrapper {
-      pointer-events: none;
-      opacity: var(--ard-chip-disabled-opacity, 60%);
+  .ard-disabled > .ard-chip-wrapper {
+    pointer-events: none;
+    opacity: var(--ard-chip-disabled-opacity, 60%);
-      &.ard-chip-selected {
-        opacity: var(--ard-chip-disabled-selected-opacity, 40%);
-      }
+    &.ard-chip-selected {
+      opacity: var(--ard-chip-disabled-selected-opacity, 40%);
     }
   }
+  //! readonly state
+  .ard-readonly > .ard-chip-wrapper {
+    cursor: var(--ard-chip-readonly-cursor, var(--ard-readonly-cursor, default));
+  }
 }

package/themes/default/core.scss CHANGED Viewed

@@ -1,8 +1,5 @@
 @use '../variables';
-@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
 @layer ard-ui {
   :root {
     --ard-bg: white;
@@ -39,6 +36,8 @@
     --ard-font-family: 'Roboto', sans-serif;
     --ard-font-family-mono: monospace;
+    --ard-readonly-cursor: default;
     --ard-gold: #ffc107;
     --ard-clear-button-size: 0.9rem;

package/themes/default/inputs/_shared.scss CHANGED Viewed

@@ -22,7 +22,8 @@
   $padding-left-compact,
   $color,
   $placeholder-color,
-  $placeholder-opacity
+  $placeholder-opacity,
+  $readonly-cursor
 ) {
   height: $height;
   position: relative;
@@ -87,4 +88,8 @@
     padding-top: $padding-top-compact;
     padding-bottom: $padding-bottom-compact;
   }
+  //! readonly
+  .ard-readonly > & {
+    cursor: $readonly-cursor;
+  }
 }

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

@@ -42,6 +42,7 @@
     // --ard-autocomplete-input-selected-background: ;
     --ard-autocomplete-input-selected-font-weight: 500;
     --ard-autocomplete-input-disabled-opacity: 50%;
+    // --ard-autocomplete-input-readonly-cursor: ;
   }
   .ard-autocomplete-input {
@@ -64,7 +65,8 @@
       var(--ard-autocomplete-input-padding-left-compact, var(--ard-form-field-padding-left-compact, 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-autocomplete-input-placeholder-opacity, 60%),
+      var(--ard-autocomplete-input-readonly-cursor, var(--ard-readonly-cursor, default))
     );
     min-width: var(--ard-autocomplete-input-min-width, 10rem);
     max-width: var(--ard-autocomplete-input-max-width, 100%);

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

@@ -24,6 +24,7 @@
     // --ard-date-input-color: ;
     // --ard-date-input-placeholder-color: ;
     --ard-date-input-placeholder-opacity: 60%;
+    // --ard-date-input-readonly-cursor: ;
     --ard-date-input-multipage-gap: 0;
   }
@@ -50,7 +51,8 @@
       var(--ard-date-input-padding-left-compact, var(--ard-form-field-padding-left-compact, 0.375rem)),
       var(--ard-date-input-color, #{ARD.$text}),
       var(--ard-date-input-placeholder-color, #{ARD.$text}),
-      var(--ard-date-input-placeholder-opacity, 60%)
+      var(--ard-date-input-placeholder-opacity, 60%),
+      var(--ard-date-input-readonly-cursor, var(--ard-readonly-cursor, default))
     );
     display: grid;
     grid-template-columns: 1fr max-content;

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

@@ -22,6 +22,7 @@
     // --ard-digit-input-error-background-color: ;
     // --ard-digit-input-error-border-color: ;
     --ard-digit-input-disabled-opacity: 50%;
+    // --ard-digit-input-readonly-cursor: ;
   }
   ard-digit-input {
@@ -125,4 +126,13 @@
       pointer-events: none;
     }
   }
+  .ard-readonly {
+    > .ard-digit-input {
+      cursor: var(--ard-digit-input-readonly-cursor, var(--ard-readonly-cursor, default));
+      .ard-digit-input__input {
+        outline: none;
+      }
+    }
+  }
 }

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

@@ -27,6 +27,7 @@
     // --ard-file-input-color: ;
     // --ard-file-input-placeholder-color: ;
     --ard-file-input-placeholder-opacity: 60%;
+    // --ard-file-input-readonly-cursor: ;
     --ard-file-input-min-width: 10rem;
     --ard-file-input-max-width: 100%;
@@ -78,7 +79,8 @@
       var(--ard-file-input-padding-left-compact, var(--ard-form-field-padding-left-compact, 0.375rem)),
       var(--ard-file-input-color, #{ARD.$text}),
       var(--ard-file-input-placeholder-color, #{ARD.$text}),
-      var(--ard-file-input-placeholder-opacity, 60%)
+      var(--ard-file-input-placeholder-opacity, 60%),
+      var(--ard-file-input-readonly-cursor, var(--ard-readonly-cursor, default))
     );
     @include CM.typeColors();
     min-width: var(--ard-file-input-min-width, 10rem);

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

@@ -26,6 +26,7 @@
     // --ard-hex-input-color: ;
     // --ard-hex-input-placeholder-color: ;
     --ard-hex-input-placeholder-opacity: 60%;
+    // --ard-hex-input-readonly-cursor: ;
     --ard-hex-input-min-width: 10rem;
     --ard-hex-input-max-width: 100%;
@@ -53,7 +54,8 @@
       var(--ard-hex-input-padding-left-compact, var(--ard-form-field-padding-left-compact, 0.375rem)),
       var(--ard-hex-input-color, #{ARD.$text}),
       var(--ard-hex-input-placeholder-color, #{ARD.$text}),
-      var(--ard-hex-input-placeholder-opacity, 60%)
+      var(--ard-hex-input-placeholder-opacity, 60%),
+      var(--ard-hex-input-readonly-cursor, var(--ard-readonly-cursor, default))
     );
     min-width: var(--ard-hex-input-min-width, 10rem);
     max-width: var(--ard-hex-input-max-width, 100%);

package/themes/default/inputs/input.scss CHANGED Viewed

@@ -26,6 +26,7 @@
     // --ard-input-color: ;
     // --ard-input-placeholder-color: ;
     --ard-input-placeholder-opacity: 60%;
+    // --ard-input-readonly-cursor: ;
     --ard-input-min-width: 10rem;
     --ard-input-max-width: 100%;
@@ -51,7 +52,8 @@
       var(--ard-input-padding-left-compact, var(--ard-form-field-padding-left-compact, 0.375rem)),
       var(--ard-input-color, #{ARD.$text}),
       var(--ard-input-placeholder-color, #{ARD.$text}),
-      var(--ard-input-placeholder-opacity, 60%)
+      var(--ard-input-placeholder-opacity, 60%),
+      var(--ard-input-readonly-cursor, var(--ard-readonly-cursor, default))
     );
     min-width: var(--ard-input-min-width, 10rem);
     max-width: var(--ard-input-max-width, 100%);