@medyll/idae-slotui-svelte 0.121.0 → 0.122.0

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

@@ -1,25 +1,25 @@
-:root {
-  --taskbar-grid-gap: var(--sld-gap-tiny);
-  --taskbar-background-color: rgba(255, 255, 255, 0.5);
-  --taskbar-backdrop-filter: blur(20px);
-  --taskbar-min-height: 48px;
-  --taskbar-border-bottom: rgba(255, 255, 255, 0.2);
-  --taskbar-box-shadow: var(--sld-elevation-3);
-}
-
-.taskbar {
-  display: flex;
-  align-items: center;
-  grid-gap: var(--taskbar-grid-gap);
-  background-size: auto;
-  background-color: var(--taskbar-background-color);
-  --moz-backdrop-filter: var(--taskbar-backdrop-filter);
-  backdrop-filter: var(--taskbar-backdrop-filter);
-  min-height: var(--taskbar-min-height);
-  border-bottom: 1px solid var(--taskbar-border-bottom);
-  box-shadow: var(--taskbar-box-shadow);
-  box-sizing: border-box;
-}
-.taskbar-main {
-  flex: 1;
+:root {
+  --taskbar-grid-gap: var(--sld-gap-tiny);
+  --taskbar-background-color: rgba(255, 255, 255, 0.5);
+  --taskbar-backdrop-filter: blur(20px);
+  --taskbar-min-height: 48px;
+  --taskbar-border-bottom: rgba(255, 255, 255, 0.2);
+  --taskbar-box-shadow: var(--sld-elevation-3);
+}
+
+.taskbar {
+  display: flex;
+  align-items: center;
+  grid-gap: var(--taskbar-grid-gap);
+  background-size: auto;
+  background-color: var(--taskbar-background-color);
+  --moz-backdrop-filter: var(--taskbar-backdrop-filter);
+  backdrop-filter: var(--taskbar-backdrop-filter);
+  min-height: var(--taskbar-min-height);
+  border-bottom: 1px solid var(--taskbar-border-bottom);
+  box-shadow: var(--taskbar-box-shadow);
+  box-sizing: border-box;
+}
+.taskbar-main {
+  flex: 1;
 }

package/dist/slotui-css/textfield.css

@@ -1,128 +1,128 @@
-.slotui-textfield {
-  --textfield-background: var(--sld-color-background-alpha-high);
-  --textfield-border-width: 1px;
-  --textfield-border-color: var(--sld-color-foreground-alpha-mid);
-  --textfield-border-bottom-width: 2px;
-  --textfield-border-bottom-color: var(--sld-color-primary-darker, rgb(208, 191, 151));
-  --textfield-radius: var(--sld-radius-small);
-  --textfield-padding: 0 0.5rem;
-  --textfield-shadow: inset 0px 0px 3px 1px rgba(51, 51, 51, 0.1);
-}
-
-.slotui-textfield {
-  width: var(--sld-width-small);
-}
-.slotui-textfield {
-  --preset-width: var(--sld-width-small);
-}
-.slotui-textfield[width=tiny], .slotui-textfield.width-tiny {
-  --preset-width: var(--sld-width-tiny);
-  width: var(--sld-width-tiny) !important;
-}
-.slotui-textfield[width=mini], .slotui-textfield.width-mini {
-  --preset-width: var(--sld-width-mini);
-  width: var(--sld-width-mini) !important;
-}
-.slotui-textfield[width=small], .slotui-textfield.width-small {
-  --preset-width: var(--sld-width-small);
-  width: var(--sld-width-small) !important;
-}
-.slotui-textfield[width=med], .slotui-textfield.width-med {
-  --preset-width: var(--sld-width-med);
-  width: var(--sld-width-med) !important;
-}
-.slotui-textfield[width=kind], .slotui-textfield.width-kind {
-  --preset-width: var(--sld-width-kind);
-  width: var(--sld-width-kind) !important;
-}
-.slotui-textfield[width=full], .slotui-textfield.width-full {
-  --preset-width: var(--sld-width-full);
-  width: var(--sld-width-full) !important;
-}
-.slotui-textfield[width=auto], .slotui-textfield.width-auto {
-  --preset-width: var(--sld-width-auto);
-  width: var(--sld-width-auto) !important;
-}
-.slotui-textfield[width=default], .slotui-textfield.width-default {
-  --preset-width: var(--sld-width-default);
-  width: var(--sld-width-default) !important;
-}
-.slotui-textfield {
-  min-height: var(--preset-tall-small);
-  height: var(--preset-tall-small);
-}
-.slotui-textfield {
-  --preset-tall: var(--sld-tall-small);
-}
-.slotui-textfield[tall=tiny], .slotui-textfield.tall-tiny {
-  min-height: var(--sld-tall-tiny) !important;
-}
-.slotui-textfield[tall=mini], .slotui-textfield.tall-mini {
-  min-height: var(--sld-tall-mini) !important;
-}
-.slotui-textfield[tall=small], .slotui-textfield.tall-small {
-  min-height: var(--sld-tall-small) !important;
-}
-.slotui-textfield[tall=med], .slotui-textfield.tall-med {
-  min-height: var(--sld-tall-med) !important;
-}
-.slotui-textfield[tall=kind], .slotui-textfield.tall-kind {
-  min-height: var(--sld-tall-kind) !important;
-}
-.slotui-textfield[tall=auto], .slotui-textfield.tall-auto {
-  min-height: var(--sld-tall-auto) !important;
-}
-.slotui-textfield[tall=default], .slotui-textfield.tall-default {
-  min-height: var(--sld-tall-default) !important;
-}
-.slotui-textfield:hover {
-  border-color: var(--sld-hover-border-color);
-  background-color: var(--sld-background-disabled);
-}
-.slotui-textfield {
-  border: var(--textfield-border-width) solid var(--textfield-border-color);
-  border-bottom: var(--textfield-border-bottom-width) solid var(--textfield-border-bottom-color);
-  border-radius: var(--textfield-radius);
-  padding: var(--textfield-padding);
-  box-shadow: var(--textfield-shadow);
-  background-color: var(--textfield-background);
-  color: var(--sld-color-foreground);
-}
-.slotui-textfield [error] {
-  border-bottom: red;
-}
-.slotui-textfield-container {
-  position: relative;
-  display: inline-flex;
-  overflow: hidden;
-}
-.slotui-textfield-start {
-  position: absolute;
-  height: 100%;
-  max-height: 100%;
-  width: 24px;
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0.25rem;
-  background-color: rgba(255, 255, 255, 0.1);
-  border-radius: var(--textfield-radius, var(--sld-radius-small));
-}
-.slotui-textfield-end {
-  position: absolute;
-  right: 0;
-  height: 100%;
-  max-height: 100%;
-  min-width: 24px;
-  overflow: hidden;
-  display: flex;
-  gap: 4px;
-  padding: 2px;
-  align-items: center;
-  border-radius: var(--textfield-radius, var(--sld-radius-small));
-}
-.slotui-textfield-end > * {
-  max-height: calc(100% - 40px) !important;
-  border: 1px solid pink;
+.slotui-textfield {
+  --textfield-background: var(--sld-color-background-alpha-high);
+  --textfield-border-width: 1px;
+  --textfield-border-color: var(--sld-color-foreground-alpha-mid);
+  --textfield-border-bottom-width: 2px;
+  --textfield-border-bottom-color: var(--sld-color-primary-darker, rgb(208, 191, 151));
+  --textfield-radius: var(--sld-radius-small);
+  --textfield-padding: 0 0.5rem;
+  --textfield-shadow: inset 0px 0px 3px 1px rgba(51, 51, 51, 0.1);
+}
+
+.slotui-textfield {
+  width: var(--sld-width-small);
+}
+.slotui-textfield {
+  --preset-width: var(--sld-width-small);
+}
+.slotui-textfield[width=tiny], .slotui-textfield.width-tiny {
+  --preset-width: var(--sld-width-tiny);
+  width: var(--sld-width-tiny) !important;
+}
+.slotui-textfield[width=mini], .slotui-textfield.width-mini {
+  --preset-width: var(--sld-width-mini);
+  width: var(--sld-width-mini) !important;
+}
+.slotui-textfield[width=small], .slotui-textfield.width-small {
+  --preset-width: var(--sld-width-small);
+  width: var(--sld-width-small) !important;
+}
+.slotui-textfield[width=med], .slotui-textfield.width-med {
+  --preset-width: var(--sld-width-med);
+  width: var(--sld-width-med) !important;
+}
+.slotui-textfield[width=kind], .slotui-textfield.width-kind {
+  --preset-width: var(--sld-width-kind);
+  width: var(--sld-width-kind) !important;
+}
+.slotui-textfield[width=full], .slotui-textfield.width-full {
+  --preset-width: var(--sld-width-full);
+  width: var(--sld-width-full) !important;
+}
+.slotui-textfield[width=auto], .slotui-textfield.width-auto {
+  --preset-width: var(--sld-width-auto);
+  width: var(--sld-width-auto) !important;
+}
+.slotui-textfield[width=default], .slotui-textfield.width-default {
+  --preset-width: var(--sld-width-default);
+  width: var(--sld-width-default) !important;
+}
+.slotui-textfield {
+  min-height: var(--preset-tall-small);
+  height: var(--preset-tall-small);
+}
+.slotui-textfield {
+  --preset-tall: var(--sld-tall-small);
+}
+.slotui-textfield[tall=tiny], .slotui-textfield.tall-tiny {
+  min-height: var(--sld-tall-tiny) !important;
+}
+.slotui-textfield[tall=mini], .slotui-textfield.tall-mini {
+  min-height: var(--sld-tall-mini) !important;
+}
+.slotui-textfield[tall=small], .slotui-textfield.tall-small {
+  min-height: var(--sld-tall-small) !important;
+}
+.slotui-textfield[tall=med], .slotui-textfield.tall-med {
+  min-height: var(--sld-tall-med) !important;
+}
+.slotui-textfield[tall=kind], .slotui-textfield.tall-kind {
+  min-height: var(--sld-tall-kind) !important;
+}
+.slotui-textfield[tall=auto], .slotui-textfield.tall-auto {
+  min-height: var(--sld-tall-auto) !important;
+}
+.slotui-textfield[tall=default], .slotui-textfield.tall-default {
+  min-height: var(--sld-tall-default) !important;
+}
+.slotui-textfield:hover {
+  border-color: var(--sld-hover-border-color);
+  background-color: var(--sld-background-disabled);
+}
+.slotui-textfield {
+  border: var(--textfield-border-width) solid var(--textfield-border-color);
+  border-bottom: var(--textfield-border-bottom-width) solid var(--textfield-border-bottom-color);
+  border-radius: var(--textfield-radius);
+  padding: var(--textfield-padding);
+  box-shadow: var(--textfield-shadow);
+  background-color: var(--textfield-background);
+  color: var(--sld-color-foreground);
+}
+.slotui-textfield [error] {
+  border-bottom: red;
+}
+.slotui-textfield-container {
+  position: relative;
+  display: inline-flex;
+  overflow: hidden;
+}
+.slotui-textfield-start {
+  position: absolute;
+  height: 100%;
+  max-height: 100%;
+  width: 24px;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.25rem;
+  background-color: rgba(255, 255, 255, 0.1);
+  border-radius: var(--textfield-radius, var(--sld-radius-small));
+}
+.slotui-textfield-end {
+  position: absolute;
+  right: 0;
+  height: 100%;
+  max-height: 100%;
+  min-width: 24px;
+  overflow: hidden;
+  display: flex;
+  gap: 4px;
+  padding: 2px;
+  align-items: center;
+  border-radius: var(--textfield-radius, var(--sld-radius-small));
+}
+.slotui-textfield-end > * {
+  max-height: calc(100% - 40px) !important;
+  border: 1px solid pink;
 }

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

@@ -1,128 +1,128 @@
-.slotui-textfield {
-  --textfield-background: var(--sld-color-background-alpha-high);
-  --textfield-border-width: 1px;
-  --textfield-border-color: var(--sld-color-foreground-alpha-mid);
-  --textfield-border-bottom-width: 2px;
-  --textfield-border-bottom-color: var(--sld-color-primary-darker, rgb(208, 191, 151));
-  --textfield-radius: var(--sld-radius-small);
-  --textfield-padding: 0 0.5rem;
-  --textfield-shadow: inset 0px 0px 3px 1px rgba(51, 51, 51, 0.1);
-}
-
-.slotui-textfield {
-  width: var(--sld-width-small);
-}
-.slotui-textfield {
-  --preset-width: var(--sld-width-small);
-}
-.slotui-textfield[width=tiny], .slotui-textfield.width-tiny {
-  --preset-width: var(--sld-width-tiny);
-  width: var(--sld-width-tiny) !important;
-}
-.slotui-textfield[width=mini], .slotui-textfield.width-mini {
-  --preset-width: var(--sld-width-mini);
-  width: var(--sld-width-mini) !important;
-}
-.slotui-textfield[width=small], .slotui-textfield.width-small {
-  --preset-width: var(--sld-width-small);
-  width: var(--sld-width-small) !important;
-}
-.slotui-textfield[width=med], .slotui-textfield.width-med {
-  --preset-width: var(--sld-width-med);
-  width: var(--sld-width-med) !important;
-}
-.slotui-textfield[width=kind], .slotui-textfield.width-kind {
-  --preset-width: var(--sld-width-kind);
-  width: var(--sld-width-kind) !important;
-}
-.slotui-textfield[width=full], .slotui-textfield.width-full {
-  --preset-width: var(--sld-width-full);
-  width: var(--sld-width-full) !important;
-}
-.slotui-textfield[width=auto], .slotui-textfield.width-auto {
-  --preset-width: var(--sld-width-auto);
-  width: var(--sld-width-auto) !important;
-}
-.slotui-textfield[width=default], .slotui-textfield.width-default {
-  --preset-width: var(--sld-width-default);
-  width: var(--sld-width-default) !important;
-}
-.slotui-textfield {
-  min-height: var(--preset-tall-small);
-  height: var(--preset-tall-small);
-}
-.slotui-textfield {
-  --preset-tall: var(--sld-tall-small);
-}
-.slotui-textfield[tall=tiny], .slotui-textfield.tall-tiny {
-  min-height: var(--sld-tall-tiny) !important;
-}
-.slotui-textfield[tall=mini], .slotui-textfield.tall-mini {
-  min-height: var(--sld-tall-mini) !important;
-}
-.slotui-textfield[tall=small], .slotui-textfield.tall-small {
-  min-height: var(--sld-tall-small) !important;
-}
-.slotui-textfield[tall=med], .slotui-textfield.tall-med {
-  min-height: var(--sld-tall-med) !important;
-}
-.slotui-textfield[tall=kind], .slotui-textfield.tall-kind {
-  min-height: var(--sld-tall-kind) !important;
-}
-.slotui-textfield[tall=auto], .slotui-textfield.tall-auto {
-  min-height: var(--sld-tall-auto) !important;
-}
-.slotui-textfield[tall=default], .slotui-textfield.tall-default {
-  min-height: var(--sld-tall-default) !important;
-}
-.slotui-textfield:hover {
-  border-color: var(--sld-hover-border-color);
-  background-color: var(--sld-background-disabled);
-}
-.slotui-textfield {
-  border: var(--textfield-border-width) solid var(--textfield-border-color);
-  border-bottom: var(--textfield-border-bottom-width) solid var(--textfield-border-bottom-color);
-  border-radius: var(--textfield-radius);
-  padding: var(--textfield-padding);
-  box-shadow: var(--textfield-shadow);
-  background-color: var(--textfield-background);
-  color: var(--sld-color-foreground);
-}
-.slotui-textfield [error] {
-  border-bottom: red;
-}
-.slotui-textfield-container {
-  position: relative;
-  display: inline-flex;
-  overflow: hidden;
-}
-.slotui-textfield-start {
-  position: absolute;
-  height: 100%;
-  max-height: 100%;
-  width: 24px;
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0.25rem;
-  background-color: rgba(255, 255, 255, 0.1);
-  border-radius: var(--textfield-radius, var(--sld-radius-small));
-}
-.slotui-textfield-end {
-  position: absolute;
-  right: 0;
-  height: 100%;
-  max-height: 100%;
-  min-width: 24px;
-  overflow: hidden;
-  display: flex;
-  gap: 4px;
-  padding: 2px;
-  align-items: center;
-  border-radius: var(--textfield-radius, var(--sld-radius-small));
-}
-.slotui-textfield-end > * {
-  max-height: calc(100% - 40px) !important;
-  border: 1px solid pink;
+.slotui-textfield {
+  --textfield-background: var(--sld-color-background-alpha-high);
+  --textfield-border-width: 1px;
+  --textfield-border-color: var(--sld-color-foreground-alpha-mid);
+  --textfield-border-bottom-width: 2px;
+  --textfield-border-bottom-color: var(--sld-color-primary-darker, rgb(208, 191, 151));
+  --textfield-radius: var(--sld-radius-small);
+  --textfield-padding: 0 0.5rem;
+  --textfield-shadow: inset 0px 0px 3px 1px rgba(51, 51, 51, 0.1);
+}
+
+.slotui-textfield {
+  width: var(--sld-width-small);
+}
+.slotui-textfield {
+  --preset-width: var(--sld-width-small);
+}
+.slotui-textfield[width=tiny], .slotui-textfield.width-tiny {
+  --preset-width: var(--sld-width-tiny);
+  width: var(--sld-width-tiny) !important;
+}
+.slotui-textfield[width=mini], .slotui-textfield.width-mini {
+  --preset-width: var(--sld-width-mini);
+  width: var(--sld-width-mini) !important;
+}
+.slotui-textfield[width=small], .slotui-textfield.width-small {
+  --preset-width: var(--sld-width-small);
+  width: var(--sld-width-small) !important;
+}
+.slotui-textfield[width=med], .slotui-textfield.width-med {
+  --preset-width: var(--sld-width-med);
+  width: var(--sld-width-med) !important;
+}
+.slotui-textfield[width=kind], .slotui-textfield.width-kind {
+  --preset-width: var(--sld-width-kind);
+  width: var(--sld-width-kind) !important;
+}
+.slotui-textfield[width=full], .slotui-textfield.width-full {
+  --preset-width: var(--sld-width-full);
+  width: var(--sld-width-full) !important;
+}
+.slotui-textfield[width=auto], .slotui-textfield.width-auto {
+  --preset-width: var(--sld-width-auto);
+  width: var(--sld-width-auto) !important;
+}
+.slotui-textfield[width=default], .slotui-textfield.width-default {
+  --preset-width: var(--sld-width-default);
+  width: var(--sld-width-default) !important;
+}
+.slotui-textfield {
+  min-height: var(--preset-tall-small);
+  height: var(--preset-tall-small);
+}
+.slotui-textfield {
+  --preset-tall: var(--sld-tall-small);
+}
+.slotui-textfield[tall=tiny], .slotui-textfield.tall-tiny {
+  min-height: var(--sld-tall-tiny) !important;
+}
+.slotui-textfield[tall=mini], .slotui-textfield.tall-mini {
+  min-height: var(--sld-tall-mini) !important;
+}
+.slotui-textfield[tall=small], .slotui-textfield.tall-small {
+  min-height: var(--sld-tall-small) !important;
+}
+.slotui-textfield[tall=med], .slotui-textfield.tall-med {
+  min-height: var(--sld-tall-med) !important;
+}
+.slotui-textfield[tall=kind], .slotui-textfield.tall-kind {
+  min-height: var(--sld-tall-kind) !important;
+}
+.slotui-textfield[tall=auto], .slotui-textfield.tall-auto {
+  min-height: var(--sld-tall-auto) !important;
+}
+.slotui-textfield[tall=default], .slotui-textfield.tall-default {
+  min-height: var(--sld-tall-default) !important;
+}
+.slotui-textfield:hover {
+  border-color: var(--sld-hover-border-color);
+  background-color: var(--sld-background-disabled);
+}
+.slotui-textfield {
+  border: var(--textfield-border-width) solid var(--textfield-border-color);
+  border-bottom: var(--textfield-border-bottom-width) solid var(--textfield-border-bottom-color);
+  border-radius: var(--textfield-radius);
+  padding: var(--textfield-padding);
+  box-shadow: var(--textfield-shadow);
+  background-color: var(--textfield-background);
+  color: var(--sld-color-foreground);
+}
+.slotui-textfield [error] {
+  border-bottom: red;
+}
+.slotui-textfield-container {
+  position: relative;
+  display: inline-flex;
+  overflow: hidden;
+}
+.slotui-textfield-start {
+  position: absolute;
+  height: 100%;
+  max-height: 100%;
+  width: 24px;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.25rem;
+  background-color: rgba(255, 255, 255, 0.1);
+  border-radius: var(--textfield-radius, var(--sld-radius-small));
+}
+.slotui-textfield-end {
+  position: absolute;
+  right: 0;
+  height: 100%;
+  max-height: 100%;
+  min-width: 24px;
+  overflow: hidden;
+  display: flex;
+  gap: 4px;
+  padding: 2px;
+  align-items: center;
+  border-radius: var(--textfield-radius, var(--sld-radius-small));
+}
+.slotui-textfield-end > * {
+  max-height: calc(100% - 40px) !important;
+  border: 1px solid pink;
 }

package/dist/slotui-css/title-bar.css

@@ -1,28 +1,28 @@
-:root {
-  --title-bar-gap: var(--sld-gap-med);
-  --title-bar-pad: var(--sld-pad-med);
-  --title-bar-color-border-bottom: var(--sld-color-border);
-}
-
-.title-bar {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-.title-bar-content {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: var(--title-bar-gap);
-  min-height: 34px;
-  flex: 1;
-}
-.title-bar-content-icon {
-  padding: var(--title-bar-pad);
-}
-.title-bar-content-title {
-  flex: 1;
-}
-.title-bar {
-  border-bottom: 1px solid var(--title-bar-color-border-bottom);
+:root {
+  --title-bar-gap: var(--sld-gap-med);
+  --title-bar-pad: var(--sld-pad-med);
+  --title-bar-color-border-bottom: var(--sld-color-border);
+}
+
+.title-bar {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.title-bar-content {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: var(--title-bar-gap);
+  min-height: 34px;
+  flex: 1;
+}
+.title-bar-content-icon {
+  padding: var(--title-bar-pad);
+}
+.title-bar-content-title {
+  flex: 1;
+}
+.title-bar {
+  border-bottom: 1px solid var(--title-bar-color-border-bottom);
 }

package/dist/slotui-css/title-bar.min.css

@@ -1,28 +1,28 @@
-:root {
-  --title-bar-gap: var(--sld-gap-med);
-  --title-bar-pad: var(--sld-pad-med);
-  --title-bar-color-border-bottom: var(--sld-color-border);
-}
-
-.title-bar {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-.title-bar-content {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: var(--title-bar-gap);
-  min-height: 34px;
-  flex: 1;
-}
-.title-bar-content-icon {
-  padding: var(--title-bar-pad);
-}
-.title-bar-content-title {
-  flex: 1;
-}
-.title-bar {
-  border-bottom: 1px solid var(--title-bar-color-border-bottom);
+:root {
+  --title-bar-gap: var(--sld-gap-med);
+  --title-bar-pad: var(--sld-pad-med);
+  --title-bar-color-border-bottom: var(--sld-color-border);
+}
+
+.title-bar {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.title-bar-content {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: var(--title-bar-gap);
+  min-height: 34px;
+  flex: 1;
+}
+.title-bar-content-icon {
+  padding: var(--title-bar-pad);
+}
+.title-bar-content-title {
+  flex: 1;
+}
+.title-bar {
+  border-bottom: 1px solid var(--title-bar-color-border-bottom);
 }