@ardium-ui/ui 1.0.0

package/prebuilt-themes/default/slide-toggle.css

@@ -0,0 +1,264 @@
+.ard-slide-toggle {
+  position: relative;
+  height: 1.25em;
+  font-size: inherit;
+  cursor: pointer;
+  user-select: none;
+  border: none;
+  background: none;
+  padding: 0;
+}
+.ard-slide-toggle.ard-color-none {
+  --ard-cmpcl--bg: var(--ard-bg);
+  --ard-cmpcl--bg-colored: var(--ard-bg-alt);
+  --ard-cmpcl--bg-colored-light: var(--ard-detail-light);
+  --ard-cmpcl--bg-header: var(--ard-bg-filled);
+  --ard-cmpcl--bg-colored-verylight: var(--ard-bg-darker);
+  --ard-cmpcl--on-bg: var(--ard-text);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: var(--ard-text);
+  --ard-cmpcl--border-light: var(--ard-text2);
+  --ard-cmpcl--content: var(--ard-text);
+  --ard-cmpcl--content-light: var(--ard-text-alt);
+  --ard-cmpcl--overlay-rgb: var(--ard-overlay-rgb);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored-light: var(--ard-text-alt);
+}
+.ard-slide-toggle.ard-color-primary {
+  --ard-cmpcl--bg: rgb(var(--ard-primary-500));
+  --ard-cmpcl--bg-colored: rgb(var(--ard-primary-500));
+  --ard-cmpcl--bg-colored-light: rgb(var(--ard-primary-100));
+  --ard-cmpcl--bg-header: rgb(var(--ard-primary-100));
+  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-primary-50));
+  --ard-cmpcl--on-bg: var(--ard-text-alt);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: rgb(var(--ard-primary-300));
+  --ard-cmpcl--border-light: rgb(var(--ard-primary-100));
+  --ard-cmpcl--content: rgb(var(--ard-primary-700));
+  --ard-cmpcl--content-light: rgb(var(--ard-primary-300));
+  --ard-cmpcl--overlay-rgb: var(--ard-primary-500);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: rgb(var(--ard-primary-700));
+  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-primary-100));
+}
+.ard-slide-toggle.ard-color-secondary {
+  --ard-cmpcl--bg: rgb(var(--ard-secondary-500));
+  --ard-cmpcl--bg-colored: rgb(var(--ard-secondary-500));
+  --ard-cmpcl--bg-colored-light: rgb(var(--ard-secondary-50));
+  --ard-cmpcl--bg-header: rgb(var(--ard-secondary-50));
+  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-secondary-50));
+  --ard-cmpcl--on-bg: var(--ard-text-alt);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: rgb(var(--ard-secondary-300));
+  --ard-cmpcl--border-light: rgb(var(--ard-secondary-100));
+  --ard-cmpcl--content: rgb(var(--ard-secondary-700));
+  --ard-cmpcl--content-light: rgb(var(--ard-secondary-300));
+  --ard-cmpcl--overlay-rgb: var(--ard-secondary-500);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: rgb(var(--ard-secondary-700));
+  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-secondary-100));
+}
+.ard-slide-toggle.ard-color-warn {
+  --ard-cmpcl--bg: rgb(var(--ard-warn-500));
+  --ard-cmpcl--bg-colored: rgb(var(--ard-warn-500));
+  --ard-cmpcl--bg-colored-light: rgb(var(--ard-warn-50));
+  --ard-cmpcl--bg-header: rgb(var(--ard-warn-50));
+  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-warn-50));
+  --ard-cmpcl--on-bg: var(--ard-text-alt);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: rgb(var(--ard-warn-300));
+  --ard-cmpcl--border-light: rgb(var(--ard-warn-100));
+  --ard-cmpcl--content: rgb(var(--ard-warn-700));
+  --ard-cmpcl--content-light: rgb(var(--ard-warn-100));
+  --ard-cmpcl--overlay-rgb: var(--ard-warn-500);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: rgb(var(--ard-warn-700));
+  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-warn-100));
+}
+.ard-slide-toggle.ard-color-danger {
+  --ard-cmpcl--bg: rgb(var(--ard-danger-700));
+  --ard-cmpcl--bg-colored: rgb(var(--ard-danger-700));
+  --ard-cmpcl--bg-colored-light: rgb(var(--ard-danger-100));
+  --ard-cmpcl--bg-header: rgb(var(--ard-danger-100));
+  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-danger-50));
+  --ard-cmpcl--on-bg: var(--ard-text-alt);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: rgb(var(--ard-danger-300));
+  --ard-cmpcl--border-light: rgb(var(--ard-danger-100));
+  --ard-cmpcl--content: rgb(var(--ard-danger-900));
+  --ard-cmpcl--content-light: rgb(var(--ard-danger-500));
+  --ard-cmpcl--overlay-rgb: var(--ard-danger-700);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: rgb(var(--ard-danger-700));
+  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-danger-300));
+}
+.ard-slide-toggle.ard-color-success {
+  --ard-cmpcl--bg: rgb(var(--ard-success-700));
+  --ard-cmpcl--bg-colored: rgb(var(--ard-success-700));
+  --ard-cmpcl--bg-colored-light: rgb(var(--ard-success-50));
+  --ard-cmpcl--bg-header: rgb(var(--ard-success-50));
+  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-success-50));
+  --ard-cmpcl--on-bg: var(--ard-text-alt);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: rgb(var(--ard-success-300));
+  --ard-cmpcl--border-light: rgb(var(--ard-success-100));
+  --ard-cmpcl--content: rgb(var(--ard-success-900));
+  --ard-cmpcl--content-light: rgb(var(--ard-success-300));
+  --ard-cmpcl--overlay-rgb: var(--ard-success-700);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: rgb(var(--ard-success-700));
+  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-success-300));
+}
+.ard-slide-toggle.ard-color-info {
+  --ard-cmpcl--bg: rgb(var(--ard-info-500));
+  --ard-cmpcl--bg-colored: rgb(var(--ard-info-500));
+  --ard-cmpcl--bg-colored-light: rgb(var(--ard-info-50));
+  --ard-cmpcl--bg-header: rgb(var(--ard-info-50));
+  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-info-50));
+  --ard-cmpcl--on-bg: var(--ard-text-alt);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: rgb(var(--ard-info-300));
+  --ard-cmpcl--border-light: rgb(var(--ard-info-100));
+  --ard-cmpcl--content: rgb(var(--ard-info-700));
+  --ard-cmpcl--content-light: rgb(var(--ard-info-300));
+  --ard-cmpcl--overlay-rgb: var(--ard-info-500);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: rgb(var(--ard-info-700));
+  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-info-100));
+}
+.ard-slide-toggle.ard-color-currentColor {
+  --ard-cmpcl--bg: var(--ard-bg);
+  --ard-cmpcl--bg-colored: currentColor;
+  --ard-cmpcl--on-bg: currentColor;
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: currentColor;
+  --ard-cmpcl--border-light: currentColor;
+  --ard-cmpcl--content: currentColor;
+  --ard-cmpcl--content-light: currentColor;
+  --ard-cmpcl--overlay-rgb: var(--ard-overlay-rgb);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: currentColor;
+  --ard-cmpcl--overlay-colored-light: currentColor;
+}
+.ard-slide-toggle .ard-hitbox {
+  position: absolute;
+  left: -4px;
+  right: -4px;
+  bottom: -4px;
+  top: -4px;
+}
+.ard-slide-toggle .ard-slide-toggle-track {
+  position: relative;
+  width: 2.25em;
+  height: 0.75em;
+  font-size: inherit;
+  border-radius: 999px;
+  overflow: hidden;
+  background: var(--ard-bg);
+}
+.ard-slide-toggle .ard-slide-toggle-track .ard-slide-toggle-track-overlay {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  background: var(--ard-overlay);
+  opacity: 20%;
+}
+.ard-slide-toggle .ard-slide-toggle-handle {
+  width: 1.25em;
+  height: 1.25em;
+  font-size: inherit;
+  border-radius: 999px;
+  background: var(--ard-bg-filled);
+  position: absolute;
+  top: 0;
+  left: 0;
+  box-shadow: var(--ard-simple-shadow);
+  overflow: hidden;
+  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1), left 0.1s ease, background-color 0.1s ease, transform 0.1s ease;
+}
+.ard-slide-toggle .ard-slide-toggle-handle .ard-focus-overlay {
+  position: absolute;
+  top: -0;
+  bottom: -0;
+  left: -0;
+  right: -0;
+  opacity: 0;
+  border-radius: inherit;
+  pointer-events: none;
+  transition: opacity 0.2s ease;
+  background: var(--ard-cmpcl--overlay-colored);
+}
+.ard-slide-toggle .ard-slide-toggle-handle .ard-slide-toggle-icon {
+  font-family: "Material Symbols Outlined";
+  font-size: 1.5em;
+  font-variation-settings: "FILL" 0, "wght" 600, "GRAD" 0, "opsz" 48;
+  font-size: 0.95em;
+  color: var(--ard-text);
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  transition: color 0.1s ease;
+}
+.ard-slide-toggle .ard-slide-toggle-handle .ard-slide-toggle-icon.ard-icon-for-selected {
+  display: none;
+}
+.ard-slide-toggle .ard-slide-toggle-handle .ard-slide-toggle-icon.ard-icon-for-unselected {
+  display: block;
+}
+.ard-slide-toggle:hover .ard-slide-toggle-handle, .ard-slide-toggle:focus .ard-slide-toggle-handle {
+  box-shadow: var(--ard-simple-shadow2);
+}
+.ard-slide-toggle:hover .ard-slide-toggle-handle .ard-focus-overlay, .ard-slide-toggle:focus .ard-slide-toggle-handle .ard-focus-overlay {
+  opacity: 4%;
+}
+.ard-slide-toggle:active .ard-slide-toggle-handle {
+  box-shadow: var(--ard-simple-shadow3);
+}
+.ard-slide-toggle:active .ard-slide-toggle-handle .ard-focus-overlay {
+  opacity: 12%;
+}
+
+.ard-slide-toggle.ard-slide-toggle-selected .ard-slide-toggle-track-overlay {
+  background: var(--ard-cmpcl--content);
+  opacity: 40%;
+}
+.ard-slide-toggle.ard-slide-toggle-selected .ard-slide-toggle-handle {
+  left: 100%;
+  transform: translateX(-100%);
+  background: var(--ard-cmpcl--bg);
+}
+.ard-slide-toggle.ard-slide-toggle-selected .ard-slide-toggle-handle .ard-slide-toggle-icon {
+  color: var(--ard-cmpcl--on-bg);
+}
+.ard-slide-toggle.ard-slide-toggle-selected .ard-slide-toggle-handle .ard-slide-toggle-icon.ard-icon-for-selected {
+  display: block;
+}
+.ard-slide-toggle.ard-slide-toggle-selected .ard-slide-toggle-handle .ard-slide-toggle-icon.ard-icon-for-unselected {
+  display: none;
+}
+.ard-slide-toggle.ard-slide-toggle-selected.ard-color-none .ard-slide-toggle-track-overlay {
+  opacity: 35%;
+}
+
+.ard-disabled .ard-slide-toggle {
+  pointer-events: none;
+  opacity: 60%;
+}
+.ard-disabled .ard-slide-toggle .ard-slide-toggle-track-overlay {
+  opacity: 20%;
+}
+.ard-disabled .ard-slide-toggle .ard-focus-overlay {
+  opacity: 20%;
+}
+.ard-disabled .ard-slide-toggle .ard-slide-toggle-icon {
+  opacity: 60%;
+}
+.ard-disabled .ard-slide-toggle.ard-color-none .ard-slide-toggle-track-overlay, .ard-disabled .ard-slide-toggle:not(.ard-slide-toggle-selected) .ard-slide-toggle-track-overlay {
+  opacity: 12.5%;
+}
+
+/*# sourceMappingURL=slide-toggle.css.map */

package/prebuilt-themes/default/slide-toggle.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../projects/ui/src/themes/default/slide-toggle.scss","../../../../projects/ui/src/themes/default/_coloring.scss","../../../../projects/ui/src/themes/_variables.scss","../../../../projects/ui/src/themes/default/_mixins.scss"],"names":[],"mappings":"AAIA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ACVA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADvHJ;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA,YE7BH;;AF+BG;EACI;EACA;EACA;EACA;EACA;EACA,YEnCF;EFoCE;;AAGR;EACI;EACA;EACA;EACA;EACA,YEzCD;EF0CC;EACA;EACA;EACA,YEjBQ;EFkBR;EAEA,YACI;;AAKJ;EG9CJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EHuCQ;;AAEJ;EG5DJ;EACA;EACA,yBACI;EH2DI;EACA,OE3DL;EF4DK;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;;AAMR;EACI,YElDK;;AFoDL;EACI;;AAKR;EACI,YE1DK;;AF4DL;EACI;;;AAMZ;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAEA;EACI;;AAEA;EACI;;AAEJ;EACI;;AAMR;EACI;;;AAKZ;EACI;EACA;;AAEA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAKA;EACI","file":"slide-toggle.css"}

package/prebuilt-themes/default/slider.css

@@ -0,0 +1,354 @@
+.ard-slider-container-master,
+.ard-range-slider-container-master {
+  position: relative;
+  font-size: 1rem;
+  width: 20em;
+  max-width: 100%;
+  padding: 0 0.625em;
+  display: flex;
+  flex-direction: column;
+  color: var(--ard-cmpcl--bg-colored);
+}
+.ard-slider-container-master.ard-color-none,
+.ard-range-slider-container-master.ard-color-none {
+  --ard-cmpcl--bg: var(--ard-bg);
+  --ard-cmpcl--bg-colored: var(--ard-bg-alt);
+  --ard-cmpcl--bg-colored-light: var(--ard-detail-light);
+  --ard-cmpcl--bg-header: var(--ard-bg-filled);
+  --ard-cmpcl--bg-colored-verylight: var(--ard-bg-darker);
+  --ard-cmpcl--on-bg: var(--ard-text);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: var(--ard-text);
+  --ard-cmpcl--border-light: var(--ard-text2);
+  --ard-cmpcl--content: var(--ard-text);
+  --ard-cmpcl--content-light: var(--ard-text-alt);
+  --ard-cmpcl--overlay-rgb: var(--ard-overlay-rgb);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored-light: var(--ard-text-alt);
+}
+.ard-slider-container-master.ard-color-primary,
+.ard-range-slider-container-master.ard-color-primary {
+  --ard-cmpcl--bg: rgb(var(--ard-primary-500));
+  --ard-cmpcl--bg-colored: rgb(var(--ard-primary-500));
+  --ard-cmpcl--bg-colored-light: rgb(var(--ard-primary-100));
+  --ard-cmpcl--bg-header: rgb(var(--ard-primary-100));
+  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-primary-50));
+  --ard-cmpcl--on-bg: var(--ard-text-alt);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: rgb(var(--ard-primary-300));
+  --ard-cmpcl--border-light: rgb(var(--ard-primary-100));
+  --ard-cmpcl--content: rgb(var(--ard-primary-700));
+  --ard-cmpcl--content-light: rgb(var(--ard-primary-300));
+  --ard-cmpcl--overlay-rgb: var(--ard-primary-500);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: rgb(var(--ard-primary-700));
+  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-primary-100));
+}
+.ard-slider-container-master.ard-color-secondary,
+.ard-range-slider-container-master.ard-color-secondary {
+  --ard-cmpcl--bg: rgb(var(--ard-secondary-500));
+  --ard-cmpcl--bg-colored: rgb(var(--ard-secondary-500));
+  --ard-cmpcl--bg-colored-light: rgb(var(--ard-secondary-50));
+  --ard-cmpcl--bg-header: rgb(var(--ard-secondary-50));
+  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-secondary-50));
+  --ard-cmpcl--on-bg: var(--ard-text-alt);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: rgb(var(--ard-secondary-300));
+  --ard-cmpcl--border-light: rgb(var(--ard-secondary-100));
+  --ard-cmpcl--content: rgb(var(--ard-secondary-700));
+  --ard-cmpcl--content-light: rgb(var(--ard-secondary-300));
+  --ard-cmpcl--overlay-rgb: var(--ard-secondary-500);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: rgb(var(--ard-secondary-700));
+  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-secondary-100));
+}
+.ard-slider-container-master.ard-color-warn,
+.ard-range-slider-container-master.ard-color-warn {
+  --ard-cmpcl--bg: rgb(var(--ard-warn-500));
+  --ard-cmpcl--bg-colored: rgb(var(--ard-warn-500));
+  --ard-cmpcl--bg-colored-light: rgb(var(--ard-warn-50));
+  --ard-cmpcl--bg-header: rgb(var(--ard-warn-50));
+  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-warn-50));
+  --ard-cmpcl--on-bg: var(--ard-text-alt);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: rgb(var(--ard-warn-300));
+  --ard-cmpcl--border-light: rgb(var(--ard-warn-100));
+  --ard-cmpcl--content: rgb(var(--ard-warn-700));
+  --ard-cmpcl--content-light: rgb(var(--ard-warn-100));
+  --ard-cmpcl--overlay-rgb: var(--ard-warn-500);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: rgb(var(--ard-warn-700));
+  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-warn-100));
+}
+.ard-slider-container-master.ard-color-danger,
+.ard-range-slider-container-master.ard-color-danger {
+  --ard-cmpcl--bg: rgb(var(--ard-danger-700));
+  --ard-cmpcl--bg-colored: rgb(var(--ard-danger-700));
+  --ard-cmpcl--bg-colored-light: rgb(var(--ard-danger-100));
+  --ard-cmpcl--bg-header: rgb(var(--ard-danger-100));
+  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-danger-50));
+  --ard-cmpcl--on-bg: var(--ard-text-alt);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: rgb(var(--ard-danger-300));
+  --ard-cmpcl--border-light: rgb(var(--ard-danger-100));
+  --ard-cmpcl--content: rgb(var(--ard-danger-900));
+  --ard-cmpcl--content-light: rgb(var(--ard-danger-500));
+  --ard-cmpcl--overlay-rgb: var(--ard-danger-700);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: rgb(var(--ard-danger-700));
+  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-danger-300));
+}
+.ard-slider-container-master.ard-color-success,
+.ard-range-slider-container-master.ard-color-success {
+  --ard-cmpcl--bg: rgb(var(--ard-success-700));
+  --ard-cmpcl--bg-colored: rgb(var(--ard-success-700));
+  --ard-cmpcl--bg-colored-light: rgb(var(--ard-success-50));
+  --ard-cmpcl--bg-header: rgb(var(--ard-success-50));
+  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-success-50));
+  --ard-cmpcl--on-bg: var(--ard-text-alt);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: rgb(var(--ard-success-300));
+  --ard-cmpcl--border-light: rgb(var(--ard-success-100));
+  --ard-cmpcl--content: rgb(var(--ard-success-900));
+  --ard-cmpcl--content-light: rgb(var(--ard-success-300));
+  --ard-cmpcl--overlay-rgb: var(--ard-success-700);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: rgb(var(--ard-success-700));
+  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-success-300));
+}
+.ard-slider-container-master.ard-color-info,
+.ard-range-slider-container-master.ard-color-info {
+  --ard-cmpcl--bg: rgb(var(--ard-info-500));
+  --ard-cmpcl--bg-colored: rgb(var(--ard-info-500));
+  --ard-cmpcl--bg-colored-light: rgb(var(--ard-info-50));
+  --ard-cmpcl--bg-header: rgb(var(--ard-info-50));
+  --ard-cmpcl--bg-colored-verylight: rgb(var(--ard-info-50));
+  --ard-cmpcl--on-bg: var(--ard-text-alt);
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: rgb(var(--ard-info-300));
+  --ard-cmpcl--border-light: rgb(var(--ard-info-100));
+  --ard-cmpcl--content: rgb(var(--ard-info-700));
+  --ard-cmpcl--content-light: rgb(var(--ard-info-300));
+  --ard-cmpcl--overlay-rgb: var(--ard-info-500);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: rgb(var(--ard-info-700));
+  --ard-cmpcl--overlay-colored-light: rgb(var(--ard-info-100));
+}
+.ard-slider-container-master.ard-color-currentColor,
+.ard-range-slider-container-master.ard-color-currentColor {
+  --ard-cmpcl--bg: var(--ard-bg);
+  --ard-cmpcl--bg-colored: currentColor;
+  --ard-cmpcl--on-bg: currentColor;
+  --ard-cmpcl--on-bg-colored: var(--ard-text-alt);
+  --ard-cmpcl--border: currentColor;
+  --ard-cmpcl--border-light: currentColor;
+  --ard-cmpcl--content: currentColor;
+  --ard-cmpcl--content-light: currentColor;
+  --ard-cmpcl--overlay-rgb: var(--ard-overlay-rgb);
+  --ard-cmpcl--overlay: var(--ard-overlay);
+  --ard-cmpcl--overlay-colored: currentColor;
+  --ard-cmpcl--overlay-colored-light: currentColor;
+}
+.ard-slider-container-master.ard-compact,
+.ard-range-slider-container-master.ard-compact {
+  font-size: 0.85rem;
+}
+.ard-slider-container-master.ard-compact .ard-slider-container > .ard-slider-handle,
+.ard-range-slider-container-master.ard-compact .ard-slider-container > .ard-slider-handle {
+  font-size: 0.95em;
+}
+.ard-slider-container-master .ard-slider-container,
+.ard-range-slider-container-master .ard-slider-container {
+  display: flex;
+  align-items: center;
+  position: relative;
+  width: 100%;
+  height: 1.25em;
+  cursor: pointer;
+}
+.ard-slider-container-master .ard-slider-track,
+.ard-range-slider-container-master .ard-slider-track {
+  width: 100%;
+  height: 0.25em;
+  background: var(--ard-bg);
+}
+.ard-slider-container-master .ard-slider-track .ard-slider-track-overlay,
+.ard-range-slider-container-master .ard-slider-track .ard-slider-track-overlay {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background: currentColor;
+  opacity: 20%;
+  border-radius: 9999px;
+}
+.ard-slider-container-master .ard-slider-track .ard-slider-track-overlay.ard-slider-track-active,
+.ard-range-slider-container-master .ard-slider-track .ard-slider-track-overlay.ard-slider-track-active {
+  width: 0;
+  height: calc(100% + 0.125em);
+  top: -0.0625em;
+  opacity: 100%;
+  transition: width var(--_ard-slider-transition) ease, left var(--_ard-slider-transition) ease;
+}
+.ard-slider-container-master .ard-slider-track .ard-hitbox,
+.ard-range-slider-container-master .ard-slider-track .ard-hitbox {
+  position: absolute;
+  inset: -0.625em;
+}
+.ard-slider-container-master .ard-slider-track .ard-value-tick-container,
+.ard-range-slider-container-master .ard-slider-track .ard-value-tick-container {
+  position: absolute;
+  left: 0.125em;
+  width: calc(100% - 0.25em);
+  height: 100%;
+}
+.ard-slider-container-master .ard-slider-track .ard-value-tick,
+.ard-range-slider-container-master .ard-slider-track .ard-value-tick {
+  top: 50%;
+  width: 0.125em;
+  height: 0.125em;
+  border-radius: 9999px;
+  background: var(--ard-text);
+  opacity: 30%;
+  transform: translate(-50%, -50%);
+}
+.ard-slider-container-master .ard-slider-handle,
+.ard-range-slider-container-master .ard-slider-handle {
+  font-size: inherit;
+  top: 0;
+  width: 1.25em;
+  height: 1.25em;
+  color: inherit;
+  background: currentColor;
+  border-radius: 9999px;
+  border: none;
+  z-index: 1;
+  outline: none;
+  cursor: pointer;
+  transition: box-shadow 0.15s ease, left var(--_ard-slider-transition) ease;
+  box-shadow: var(--ard-simple-shadow);
+}
+.ard-slider-container-master .ard-slider-handle .ard-focus-overlay,
+.ard-range-slider-container-master .ard-slider-handle .ard-focus-overlay {
+  position: absolute;
+  top: -0.5em;
+  bottom: -0.5em;
+  left: -0.5em;
+  right: -0.5em;
+  opacity: 0;
+  border-radius: inherit;
+  pointer-events: none;
+  transition: opacity 0.2s ease;
+  background: currentColor;
+}
+.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);
+  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-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-slider-container-master .ard-slider-handle .ard-hitbox,
+.ard-range-slider-container-master .ard-slider-handle .ard-hitbox {
+  position: absolute;
+  inset: -0.4375em;
+  border-radius: 9999px;
+}
+.ard-slider-container-master .ard-slider-handle:hover .ard-focus-overlay,
+.ard-range-slider-container-master .ard-slider-handle:hover .ard-focus-overlay {
+  opacity: 7.5%;
+}
+.ard-slider-container-master .ard-slider-handle:focus,
+.ard-range-slider-container-master .ard-slider-handle:focus {
+  box-shadow: var(--ard-simple-shadow2);
+}
+.ard-slider-container-master .ard-slider-handle:focus .ard-focus-overlay,
+.ard-range-slider-container-master .ard-slider-handle:focus .ard-focus-overlay {
+  opacity: 15%;
+}
+.ard-slider-container-master .ard-slider-handle:active .ard-focus-overlay, .ard-slider-container-master .ard-slider-handle.ard-grabbed .ard-focus-overlay,
+.ard-range-slider-container-master .ard-slider-handle:active .ard-focus-overlay,
+.ard-range-slider-container-master .ard-slider-handle.ard-grabbed .ard-focus-overlay {
+  opacity: 25%;
+}
+.ard-slider-container-master .ard-slider-label-container,
+.ard-range-slider-container-master .ard-slider-label-container {
+  position: relative;
+  font-size: 0.9em;
+  padding-top: 0.2em;
+  left: 2px;
+  width: calc(100% - 0.25em) !important;
+}
+.ard-slider-container-master .ard-slider-label-container .ard-slider-label,
+.ard-range-slider-container-master .ard-slider-label-container .ard-slider-label {
+  transform: translateX(-50%);
+}
+.ard-slider-container-master .ard-slider-tooltip-wrapper,
+.ard-range-slider-container-master .ard-slider-tooltip-wrapper {
+  transition: left var(--_ard-slider-transition) ease;
+  z-index: 2;
+}
+.ard-slider-container-master .ard-slider-tooltip,
+.ard-range-slider-container-master .ard-slider-tooltip {
+  --ard-background: var(--ard-text3);
+  background: var(--ard-background);
+  color: var(--ard-text2-alt);
+  font-size: 0.875em;
+  border-radius: 0.375em;
+  height: 2em;
+  padding: 0 0.75em;
+  display: flex;
+  align-items: center;
+  font-weight: 500;
+  position: relative;
+  z-index: 2;
+  user-select: none;
+  transform: scale(0);
+  transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.ard-slider-container-master .ard-slider-tooltip::before,
+.ard-range-slider-container-master .ard-slider-tooltip::before {
+  content: "";
+  position: absolute;
+  border: 0.375em solid transparent;
+  left: 50%;
+}
+.ard-slider-container-master.ard-tooltip-top .ard-slider-tooltip,
+.ard-range-slider-container-master.ard-tooltip-top .ard-slider-tooltip {
+  bottom: 0.5em;
+}
+.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-background);
+  transform: translate(-50%, 100%);
+}
+.ard-slider-container-master.ard-tooltip-bottom .ard-slider-tooltip,
+.ard-range-slider-container-master.ard-tooltip-bottom .ard-slider-tooltip {
+  top: 0.5em;
+}
+.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-background);
+  transform: translate(-50%, -100%);
+}
+.ard-slider-container-master .ard-slider-handle:hover + .ard-slider-tooltip-wrapper .ard-slider-tooltip,
+.ard-slider-container-master .ard-slider-handle:focus + .ard-slider-tooltip-wrapper .ard-slider-tooltip,
+.ard-range-slider-container-master .ard-slider-handle:hover + .ard-slider-tooltip-wrapper .ard-slider-tooltip,
+.ard-range-slider-container-master .ard-slider-handle:focus + .ard-slider-tooltip-wrapper .ard-slider-tooltip {
+  transform: scale(1);
+}
+.ard-slider-container-master .ard-slider-container:focus-within .ard-slider-handle:not(:focus) + .ard-slider-tooltip-wrapper .ard-slider-tooltip,
+.ard-range-slider-container-master .ard-slider-container:focus-within .ard-slider-handle:not(:focus) + .ard-slider-tooltip-wrapper .ard-slider-tooltip {
+  transform: scale(0);
+}
+.ard-slider-container-master .ard-slider-handle .ard-slider-tooltip-wrapper.ard-tooltip-always .ard-slider-tooltip,
+.ard-range-slider-container-master .ard-slider-handle .ard-slider-tooltip-wrapper.ard-tooltip-always .ard-slider-tooltip {
+  transform: scale(1) !important;
+}
+
+/*# sourceMappingURL=slider.css.map */

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

@@ -0,0 +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;AAAA;EAII;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;ACdA;AAAA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;AAAA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;AAAA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;AAAA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;AAAA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;AAAA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;AAAA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;AAAA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ADlHJ;AAAA;EACI;;AAEA;AAAA;EACI;;AAKR;AAAA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;AAAA;EACI;EACA;EACA,YEzCH;;AF2CG;AAAA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACI;EACA;EACA;EACA;EACA,YACI;;AAIZ;AAAA;EACI;EACA;;AAEJ;AAAA;EACI;EACA;EACA;EACA;;AAEJ;AAAA;EACI;EACA;EACA;EACA;EACA,YErEL;EFsEK;EACA;;AAQR;AAAA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,YACI;EAEJ,YErEQ;;AF4ER;AAAA;EGhGJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EHyFQ;;AGtFR;AAAA;EACI;EAEA,YACI;;AAMJ;AAAA;AAAA;EACI;;AH+EJ;AAAA;EACI;EACA;EACA;;AAGA;AAAA;EACI;;AAGR;AAAA;EACI,YE5FK;;AF6FL;AAAA;EACI;;AAKJ;AAAA;AAAA;EACI;;AAIZ;AAAA;EACI;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACI;;AAIR;AAAA;EACI;EACA;;AAEJ;AAAA;EACI;EACA;EACA,OElJI;EFmJJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;AAAA;EACI;EACA;EACA;EACA;;AAIJ;AAAA;EACI;;AAEA;AAAA;EACI;EACA;EACA;;AAKR;AAAA;EACI;;AAEA;AAAA;EACI;EACA;EACA;;AAQR;AAAA;AAAA;AAAA;EACI;;AAMA;AAAA;EACI;;AAMR;AAAA;EACI","file":"slider.css"}