@medyll/idae-slotui-svelte 0.121.0 → 0.122.0

package/dist/slotui-css/popper.min.css

@@ -1,85 +1,85 @@
-:root {
-  --popper-border-radius: var(--sld-radius-tiny);
-  --popper-box-shadow: var(--sld-elevation-4);
-  --popper-background-color: var(--sld-color-background-alpha-mid);
-  --popper-backdrop-filter: blur(30px);
-  --popper-z-index: 30000;
-  --popper-open-border: 1px color red;
-}
-
-:global(dialog.popper) {
-  all: unset;
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  border: none;
-  background: none;
-  color: inherit;
-  font: inherit;
-  opacity: 0;
-  visibility: hidden;
-  transition: opacity 0.3s ease, visibility 0.3s ease;
-  border-radius: var(--popper-border-radius);
-  overflow: hidden;
-  position: fixed;
-  inset: 0;
-  box-shadow: var(--popper-box-shadow);
-  background-color: var(--popper-background-color);
-  -webkit-backdrop-filter: var(--popper-backdrop-filter);
-  backdrop-filter: var(--popper-backdrop-filter);
-  z-index: var(--popper-z-index);
-  opacity: 0;
-  visibility: hidden;
-  align-items: center;
-  transition: opacity 0.3s ease, visibility 0.3s ease;
-  outline: none;
-  width: moz-fit-content;
-  width: fit-content;
-  height: moz-fit-content;
-  height: fit-content;
-  /* top: 15rem;
-  left: 40rem; */
-  z-index: 30000;
-}
-:global(dialog.popper):focus-visible {
-  outline: 2px solid var(--focus-color);
-  outline-offset: 2px;
-}
-:global(dialog.popper)[open], :global(dialog.popper):popover-open {
-  opacity: 1;
-  visibility: visible;
-  animation: popoverEnter 0.3s ease-out;
-}
-:global(dialog.popper) .popper-left,
-:global(dialog.popper) .popper-right {
-  height: 100%;
-  max-height: 100%;
-  overflow: hidden;
-}
-:global(dialog.popper)::backdrop {
-  background-color: rgba(0, 0, 0, 0.5);
-  width: moz-fit-content;
-  width: fit-content;
-}
-
-@keyframes popoverEnter {
-  from {
-    opacity: 0;
-    transform: scale(0.9);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-/* @media (prefers-color-scheme: dark) {
-    :global(dialog.popper) {
-        --popper-background-color: #2a2a2a;
-        --popper-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
-        --focus-color: #6ab5ff;
-    }
-} */
-:global(dialog.popper) {
-  padding-block: 0;
-  padding-inline: 0;
+:root {
+  --popper-border-radius: var(--sld-radius-tiny);
+  --popper-box-shadow: var(--sld-elevation-4);
+  --popper-background-color: var(--sld-color-background-alpha-mid);
+  --popper-backdrop-filter: blur(30px);
+  --popper-z-index: 30000;
+  --popper-open-border: 1px color red;
+}
+
+:global(dialog.popper) {
+  all: unset;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  border: none;
+  background: none;
+  color: inherit;
+  font: inherit;
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity 0.3s ease, visibility 0.3s ease;
+  border-radius: var(--popper-border-radius);
+  overflow: hidden;
+  position: fixed;
+  inset: 0;
+  box-shadow: var(--popper-box-shadow);
+  background-color: var(--popper-background-color);
+  -webkit-backdrop-filter: var(--popper-backdrop-filter);
+  backdrop-filter: var(--popper-backdrop-filter);
+  z-index: var(--popper-z-index);
+  opacity: 0;
+  visibility: hidden;
+  align-items: center;
+  transition: opacity 0.3s ease, visibility 0.3s ease;
+  outline: none;
+  width: moz-fit-content;
+  width: fit-content;
+  height: moz-fit-content;
+  height: fit-content;
+  /* top: 15rem;
+  left: 40rem; */
+  z-index: 30000;
+}
+:global(dialog.popper):focus-visible {
+  outline: 2px solid var(--focus-color);
+  outline-offset: 2px;
+}
+:global(dialog.popper)[open], :global(dialog.popper):popover-open {
+  opacity: 1;
+  visibility: visible;
+  animation: popoverEnter 0.3s ease-out;
+}
+:global(dialog.popper) .popper-left,
+:global(dialog.popper) .popper-right {
+  height: 100%;
+  max-height: 100%;
+  overflow: hidden;
+}
+:global(dialog.popper)::backdrop {
+  background-color: rgba(0, 0, 0, 0.5);
+  width: moz-fit-content;
+  width: fit-content;
+}
+
+@keyframes popoverEnter {
+  from {
+    opacity: 0;
+    transform: scale(0.9);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+/* @media (prefers-color-scheme: dark) {
+    :global(dialog.popper) {
+        --popper-background-color: #2a2a2a;
+        --popper-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
+        --focus-color: #6ab5ff;
+    }
+} */
+:global(dialog.popper) {
+  padding-block: 0;
+  padding-inline: 0;
 }

package/dist/slotui-css/progress.css

@@ -1,20 +1,20 @@
-:root {
-  --progress-border: var(--sld-color-secondary-alpha-mid);
-  --progress-radius: var(--sld-radius-tiny);
-  --progress-gouge-background: var(--sld-color-primary);
-  --progress-gouge-border: var(--sld-color-primary-alpha);
-}
-
-.progress {
-  border: 1px solid var(--progress-border);
-  border-radius: var(--progress-radius);
-  padding: 1px;
-}
-.progress .progress-gouge {
-  background: var(--progress-gouge-background);
-  border-radius: var(--progress-radius);
-  border: 1px solid var(--progress-gouge-border);
-  transition-delay: 250ms;
-  transition: all 0.25s;
-  max-width: 100%;
+:root {
+  --progress-border: var(--sld-color-secondary-alpha-mid);
+  --progress-radius: var(--sld-radius-tiny);
+  --progress-gouge-background: var(--sld-color-primary);
+  --progress-gouge-border: var(--sld-color-primary-alpha);
+}
+
+.progress {
+  border: 1px solid var(--progress-border);
+  border-radius: var(--progress-radius);
+  padding: 1px;
+}
+.progress .progress-gouge {
+  background: var(--progress-gouge-background);
+  border-radius: var(--progress-radius);
+  border: 1px solid var(--progress-gouge-border);
+  transition-delay: 250ms;
+  transition: all 0.25s;
+  max-width: 100%;
 }

package/dist/slotui-css/progress.min.css

@@ -1,20 +1,20 @@
-:root {
-  --progress-border: var(--sld-color-secondary-alpha-mid);
-  --progress-radius: var(--sld-radius-tiny);
-  --progress-gouge-background: var(--sld-color-primary);
-  --progress-gouge-border: var(--sld-color-primary-alpha);
-}
-
-.progress {
-  border: 1px solid var(--progress-border);
-  border-radius: var(--progress-radius);
-  padding: 1px;
-}
-.progress .progress-gouge {
-  background: var(--progress-gouge-background);
-  border-radius: var(--progress-radius);
-  border: 1px solid var(--progress-gouge-border);
-  transition-delay: 250ms;
-  transition: all 0.25s;
-  max-width: 100%;
+:root {
+  --progress-border: var(--sld-color-secondary-alpha-mid);
+  --progress-radius: var(--sld-radius-tiny);
+  --progress-gouge-background: var(--sld-color-primary);
+  --progress-gouge-border: var(--sld-color-primary-alpha);
+}
+
+.progress {
+  border: 1px solid var(--progress-border);
+  border-radius: var(--progress-radius);
+  padding: 1px;
+}
+.progress .progress-gouge {
+  background: var(--progress-gouge-background);
+  border-radius: var(--progress-radius);
+  border: 1px solid var(--progress-gouge-border);
+  transition-delay: 250ms;
+  transition: all 0.25s;
+  max-width: 100%;
 }

package/dist/slotui-css/rating.css

@@ -1,9 +1,9 @@
-:root {
-  --rating-gap: var(--sld-gap-small);
-}
-
-.rating {
-  display: flex;
-  flex-direction: var(--direction);
-  gap: var(--rating-gap);
+:root {
+  --rating-gap: var(--sld-gap-small);
+}
+
+.rating {
+  display: flex;
+  flex-direction: var(--direction);
+  gap: var(--rating-gap);
 }

package/dist/slotui-css/rating.min.css

@@ -1,9 +1,9 @@
-:root {
-  --rating-gap: var(--sld-gap-small);
-}
-
-.rating {
-  display: flex;
-  flex-direction: var(--direction);
-  gap: var(--rating-gap);
+:root {
+  --rating-gap: var(--sld-gap-small);
+}
+
+.rating {
+  display: flex;
+  flex-direction: var(--direction);
+  gap: var(--rating-gap);
 }

package/dist/slotui-css/select.css

@@ -1,11 +1,11 @@
-:root {
-  --select-background-color: var(--sld-color-background);
-  --select-radius: var(--sld-radius-small);
-}
-
-.select {
-  background-color: var(--select-background-color);
-  height: 160px;
-  width: 160px;
-  border-radius: var(--select-radius);
+:root {
+  --select-background-color: var(--sld-color-background);
+  --select-radius: var(--sld-radius-small);
+}
+
+.select {
+  background-color: var(--select-background-color);
+  height: 160px;
+  width: 160px;
+  border-radius: var(--select-radius);
 }

package/dist/slotui-css/select.min.css

@@ -1,11 +1,11 @@
-:root {
-  --select-background-color: var(--sld-color-background);
-  --select-radius: var(--sld-radius-small);
-}
-
-.select {
-  background-color: var(--select-background-color);
-  height: 160px;
-  width: 160px;
-  border-radius: var(--select-radius);
+:root {
+  --select-background-color: var(--sld-color-background);
+  --select-radius: var(--sld-radius-small);
+}
+
+.select {
+  background-color: var(--select-background-color);
+  height: 160px;
+  width: 160px;
+  border-radius: var(--select-radius);
 }

package/dist/slotui-css/sheetConfig.css

@@ -1,7 +1,7 @@
-:root {
-  --container-item: container-item;
-  --on-container: on-container;
-  --than: than;
-  --show-selector: show;
-  --hide-selector: hide;
+:root {
+  --container-item: container-item;
+  --on-container: on-container;
+  --than: than;
+  --show-selector: show;
+  --hide-selector: hide;
 }

package/dist/slotui-css/sheetConfig.min.css

@@ -1,7 +1,7 @@
-:root {
-  --container-item: container-item;
-  --on-container: on-container;
-  --than: than;
-  --show-selector: show;
-  --hide-selector: hide;
+:root {
+  --container-item: container-item;
+  --on-container: on-container;
+  --than: than;
+  --show-selector: show;
+  --hide-selector: hide;
 }

package/dist/slotui-css/slider.css

@@ -1,74 +1,74 @@
-:root {
-  --slider-background-color: var(--sld-color-background);
-  --slider-gouge-background-color: var(--sld-color-secondary);
-  --slider-gouge-selected-background-color: var(--sld-color-primary);
-  --slider-thumb-background-color: var(--sld-color-primary);
-  --slider-thumb-border: var(--sld-color-primary-darken-high);
-  --slider-thumb-hover-outline: var(--sld-color-primary-alpha-high);
-  --slider-thumb-hover-box-shadow: var(--sld-elevation-3);
-}
-
-.slider {
-  min-height: var(--preset-tall-small);
-  height: var(--preset-tall-small);
-}
-.slider {
-  --preset-tall: var(--sld-tall-small);
-}
-.slider[tall=tiny], .slider.tall-tiny {
-  min-height: var(--sld-tall-tiny) !important;
-}
-.slider[tall=mini], .slider.tall-mini {
-  min-height: var(--sld-tall-mini) !important;
-}
-.slider[tall=small], .slider.tall-small {
-  min-height: var(--sld-tall-small) !important;
-}
-.slider[tall=med], .slider.tall-med {
-  min-height: var(--sld-tall-med) !important;
-}
-.slider[tall=kind], .slider.tall-kind {
-  min-height: var(--sld-tall-kind) !important;
-}
-.slider[tall=auto], .slider.tall-auto {
-  min-height: var(--sld-tall-auto) !important;
-}
-.slider[tall=default], .slider.tall-default {
-  min-height: var(--sld-tall-default) !important;
-}
-.slider {
-  --height: calc(var(--preset-density) / 6);
-  background-color: var(--slider-background-color);
-  position: relative;
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-  width: 168px;
-}
-.slider .slider-gouge {
-  height: var(--height);
-  width: 100%;
-  border-radius: 10px;
-  background-color: var(--slider-gouge-background-color);
-}
-.slider .slider-gouge-selected {
-  height: var(--height);
-  border-radius: 10px;
-  background-color: var(--slider-gouge-selected-background-color);
-}
-.slider .slider-thumb {
-  top: 0;
-  aspect-ratio: 1/1;
-  height: 90%;
-  transform: translateY(50%);
-  background-color: var(--slider-thumb-background-color);
-  position: absolute;
-  border: 3px solid var(--slider-thumb-border);
-  border-radius: 50%;
-  display: inline-block;
-  background-clip: padding-box;
-}
-.slider .slider-thumb:hover {
-  box-shadow: var(--slider-thumb-hover-box-shadow);
-  outline: 4px solid var(--slider-thumb-hover-outline);
+:root {
+  --slider-background-color: var(--sld-color-background);
+  --slider-gouge-background-color: var(--sld-color-secondary);
+  --slider-gouge-selected-background-color: var(--sld-color-primary);
+  --slider-thumb-background-color: var(--sld-color-primary);
+  --slider-thumb-border: var(--sld-color-primary-darken-high);
+  --slider-thumb-hover-outline: var(--sld-color-primary-alpha-high);
+  --slider-thumb-hover-box-shadow: var(--sld-elevation-3);
+}
+
+.slider {
+  min-height: var(--preset-tall-small);
+  height: var(--preset-tall-small);
+}
+.slider {
+  --preset-tall: var(--sld-tall-small);
+}
+.slider[tall=tiny], .slider.tall-tiny {
+  min-height: var(--sld-tall-tiny) !important;
+}
+.slider[tall=mini], .slider.tall-mini {
+  min-height: var(--sld-tall-mini) !important;
+}
+.slider[tall=small], .slider.tall-small {
+  min-height: var(--sld-tall-small) !important;
+}
+.slider[tall=med], .slider.tall-med {
+  min-height: var(--sld-tall-med) !important;
+}
+.slider[tall=kind], .slider.tall-kind {
+  min-height: var(--sld-tall-kind) !important;
+}
+.slider[tall=auto], .slider.tall-auto {
+  min-height: var(--sld-tall-auto) !important;
+}
+.slider[tall=default], .slider.tall-default {
+  min-height: var(--sld-tall-default) !important;
+}
+.slider {
+  --height: calc(var(--preset-density) / 6);
+  background-color: var(--slider-background-color);
+  position: relative;
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  width: 168px;
+}
+.slider .slider-gouge {
+  height: var(--height);
+  width: 100%;
+  border-radius: 10px;
+  background-color: var(--slider-gouge-background-color);
+}
+.slider .slider-gouge-selected {
+  height: var(--height);
+  border-radius: 10px;
+  background-color: var(--slider-gouge-selected-background-color);
+}
+.slider .slider-thumb {
+  top: 0;
+  aspect-ratio: 1/1;
+  height: 90%;
+  transform: translateY(50%);
+  background-color: var(--slider-thumb-background-color);
+  position: absolute;
+  border: 3px solid var(--slider-thumb-border);
+  border-radius: 50%;
+  display: inline-block;
+  background-clip: padding-box;
+}
+.slider .slider-thumb:hover {
+  box-shadow: var(--slider-thumb-hover-box-shadow);
+  outline: 4px solid var(--slider-thumb-hover-outline);
 }

package/dist/slotui-css/slider.min.css

@@ -1,74 +1,74 @@
-:root {
-  --slider-background-color: var(--sld-color-background);
-  --slider-gouge-background-color: var(--sld-color-secondary);
-  --slider-gouge-selected-background-color: var(--sld-color-primary);
-  --slider-thumb-background-color: var(--sld-color-primary);
-  --slider-thumb-border: var(--sld-color-primary-darken-high);
-  --slider-thumb-hover-outline: var(--sld-color-primary-alpha-high);
-  --slider-thumb-hover-box-shadow: var(--sld-elevation-3);
-}
-
-.slider {
-  min-height: var(--preset-tall-small);
-  height: var(--preset-tall-small);
-}
-.slider {
-  --preset-tall: var(--sld-tall-small);
-}
-.slider[tall=tiny], .slider.tall-tiny {
-  min-height: var(--sld-tall-tiny) !important;
-}
-.slider[tall=mini], .slider.tall-mini {
-  min-height: var(--sld-tall-mini) !important;
-}
-.slider[tall=small], .slider.tall-small {
-  min-height: var(--sld-tall-small) !important;
-}
-.slider[tall=med], .slider.tall-med {
-  min-height: var(--sld-tall-med) !important;
-}
-.slider[tall=kind], .slider.tall-kind {
-  min-height: var(--sld-tall-kind) !important;
-}
-.slider[tall=auto], .slider.tall-auto {
-  min-height: var(--sld-tall-auto) !important;
-}
-.slider[tall=default], .slider.tall-default {
-  min-height: var(--sld-tall-default) !important;
-}
-.slider {
-  --height: calc(var(--preset-density) / 6);
-  background-color: var(--slider-background-color);
-  position: relative;
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-  width: 168px;
-}
-.slider .slider-gouge {
-  height: var(--height);
-  width: 100%;
-  border-radius: 10px;
-  background-color: var(--slider-gouge-background-color);
-}
-.slider .slider-gouge-selected {
-  height: var(--height);
-  border-radius: 10px;
-  background-color: var(--slider-gouge-selected-background-color);
-}
-.slider .slider-thumb {
-  top: 0;
-  aspect-ratio: 1/1;
-  height: 90%;
-  transform: translateY(50%);
-  background-color: var(--slider-thumb-background-color);
-  position: absolute;
-  border: 3px solid var(--slider-thumb-border);
-  border-radius: 50%;
-  display: inline-block;
-  background-clip: padding-box;
-}
-.slider .slider-thumb:hover {
-  box-shadow: var(--slider-thumb-hover-box-shadow);
-  outline: 4px solid var(--slider-thumb-hover-outline);
+:root {
+  --slider-background-color: var(--sld-color-background);
+  --slider-gouge-background-color: var(--sld-color-secondary);
+  --slider-gouge-selected-background-color: var(--sld-color-primary);
+  --slider-thumb-background-color: var(--sld-color-primary);
+  --slider-thumb-border: var(--sld-color-primary-darken-high);
+  --slider-thumb-hover-outline: var(--sld-color-primary-alpha-high);
+  --slider-thumb-hover-box-shadow: var(--sld-elevation-3);
+}
+
+.slider {
+  min-height: var(--preset-tall-small);
+  height: var(--preset-tall-small);
+}
+.slider {
+  --preset-tall: var(--sld-tall-small);
+}
+.slider[tall=tiny], .slider.tall-tiny {
+  min-height: var(--sld-tall-tiny) !important;
+}
+.slider[tall=mini], .slider.tall-mini {
+  min-height: var(--sld-tall-mini) !important;
+}
+.slider[tall=small], .slider.tall-small {
+  min-height: var(--sld-tall-small) !important;
+}
+.slider[tall=med], .slider.tall-med {
+  min-height: var(--sld-tall-med) !important;
+}
+.slider[tall=kind], .slider.tall-kind {
+  min-height: var(--sld-tall-kind) !important;
+}
+.slider[tall=auto], .slider.tall-auto {
+  min-height: var(--sld-tall-auto) !important;
+}
+.slider[tall=default], .slider.tall-default {
+  min-height: var(--sld-tall-default) !important;
+}
+.slider {
+  --height: calc(var(--preset-density) / 6);
+  background-color: var(--slider-background-color);
+  position: relative;
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  width: 168px;
+}
+.slider .slider-gouge {
+  height: var(--height);
+  width: 100%;
+  border-radius: 10px;
+  background-color: var(--slider-gouge-background-color);
+}
+.slider .slider-gouge-selected {
+  height: var(--height);
+  border-radius: 10px;
+  background-color: var(--slider-gouge-selected-background-color);
+}
+.slider .slider-thumb {
+  top: 0;
+  aspect-ratio: 1/1;
+  height: 90%;
+  transform: translateY(50%);
+  background-color: var(--slider-thumb-background-color);
+  position: absolute;
+  border: 3px solid var(--slider-thumb-border);
+  border-radius: 50%;
+  display: inline-block;
+  background-clip: padding-box;
+}
+.slider .slider-thumb:hover {
+  box-shadow: var(--slider-thumb-hover-box-shadow);
+  outline: 4px solid var(--slider-thumb-hover-outline);
 }