@medyll/idae-slotui-svelte 0.121.0 → 0.122.0

package/dist/slotui-css/menu-list.css

@@ -1,217 +1,217 @@
-:root {
-  --menulist-padding: var(--sld-pad-tiny);
-  --menulist-item-padding: 0;
-  --menulist-item-radius: var(--sld-radius-small);
-  --menulist-item-selected-background: var(--sld-selected-background-color);
-  --menulist-item-action-display: flex;
-  --menulist-item-action-justify-content: center;
-  --menulist-grid-items-count: 0;
-}
-
-:global(.slotui-menulist) {
-  margin: 0;
-  cursor: pointer;
-  display: flex;
-  flex-direction: column;
-  align-items: end;
-  padding: var(--menulist-padding);
-}
-:global(.slotui-menulist).grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(max(var(--grid-item-min-width), 100% / var(--grid-items-count)), 1fr));
-}
-:global(.slotui-menulist) li.menulist-title,
-:global(.slotui-menulist) a.menulist-title {
-  font-weight: bold;
-}
-
-:global(.menulist-item)[variant*=square] {
-  aspect-ratio: 1/1 !important;
-  height: auto;
-}
-:global(.menulist-item)[variant*=rounded] {
-  border-radius: 50%;
-}
-:global(.menulist-item) {
-  width: var(--sld-width-small);
-}
-:global(.menulist-item) {
-  --preset-width: var(--sld-width-small);
-}
-:global(.menulist-item)[width=tiny], :global(.menulist-item).width-tiny {
-  --preset-width: var(--sld-width-tiny);
-  width: var(--sld-width-tiny) !important;
-}
-:global(.menulist-item)[width=mini], :global(.menulist-item).width-mini {
-  --preset-width: var(--sld-width-mini);
-  width: var(--sld-width-mini) !important;
-}
-:global(.menulist-item)[width=small], :global(.menulist-item).width-small {
-  --preset-width: var(--sld-width-small);
-  width: var(--sld-width-small) !important;
-}
-:global(.menulist-item)[width=med], :global(.menulist-item).width-med {
-  --preset-width: var(--sld-width-med);
-  width: var(--sld-width-med) !important;
-}
-:global(.menulist-item)[width=kind], :global(.menulist-item).width-kind {
-  --preset-width: var(--sld-width-kind);
-  width: var(--sld-width-kind) !important;
-}
-:global(.menulist-item)[width=full], :global(.menulist-item).width-full {
-  --preset-width: var(--sld-width-full);
-  width: var(--sld-width-full) !important;
-}
-:global(.menulist-item)[width=auto], :global(.menulist-item).width-auto {
-  --preset-width: var(--sld-width-auto);
-  width: var(--sld-width-auto) !important;
-}
-:global(.menulist-item)[width=default], :global(.menulist-item).width-default {
-  --preset-width: var(--sld-width-default);
-  width: var(--sld-width-default) !important;
-}
-:global(.menulist-item) {
-  min-height: var(--preset-tall-small);
-  height: var(--preset-tall-small);
-}
-:global(.menulist-item) {
-  --preset-tall: var(--sld-tall-small);
-}
-:global(.menulist-item)[tall=tiny], :global(.menulist-item).tall-tiny {
-  min-height: var(--sld-tall-tiny) !important;
-}
-:global(.menulist-item)[tall=mini], :global(.menulist-item).tall-mini {
-  min-height: var(--sld-tall-mini) !important;
-}
-:global(.menulist-item)[tall=small], :global(.menulist-item).tall-small {
-  min-height: var(--sld-tall-small) !important;
-}
-:global(.menulist-item)[tall=med], :global(.menulist-item).tall-med {
-  min-height: var(--sld-tall-med) !important;
-}
-:global(.menulist-item)[tall=kind], :global(.menulist-item).tall-kind {
-  min-height: var(--sld-tall-kind) !important;
-}
-:global(.menulist-item)[tall=auto], :global(.menulist-item).tall-auto {
-  min-height: var(--sld-tall-auto) !important;
-}
-:global(.menulist-item)[tall=default], :global(.menulist-item).tall-default {
-  min-height: var(--sld-tall-default) !important;
-}
-:global(.menulist-item) {
-  --preset-gutter: var(--sld-gutter-default);
-}
-:global(.menulist-item) [gutter=tiny], :global(.menulist-item) .gutter-tiny {
-  padding: var(--sld-gutter-tiny);
-  gap: var(--sld-gutter-tiny);
-  --preset-gutter: var(--sld-gutter-tiny);
-}
-:global(.menulist-item) [gutter=mini], :global(.menulist-item) .gutter-mini {
-  padding: var(--sld-gutter-mini);
-  gap: var(--sld-gutter-mini);
-  --preset-gutter: var(--sld-gutter-mini);
-}
-:global(.menulist-item) [gutter=small], :global(.menulist-item) .gutter-small {
-  padding: var(--sld-gutter-small);
-  gap: var(--sld-gutter-small);
-  --preset-gutter: var(--sld-gutter-small);
-}
-:global(.menulist-item) [gutter=med], :global(.menulist-item) .gutter-med {
-  padding: var(--sld-gutter-med);
-  gap: var(--sld-gutter-med);
-  --preset-gutter: var(--sld-gutter-med);
-}
-:global(.menulist-item) [gutter=kind], :global(.menulist-item) .gutter-kind {
-  padding: var(--sld-gutter-kind);
-  gap: var(--sld-gutter-kind);
-  --preset-gutter: var(--sld-gutter-kind);
-}
-:global(.menulist-item) [gutter=default], :global(.menulist-item) .gutter-default {
-  padding: var(--sld-gutter-default);
-  gap: var(--sld-gutter-default);
-  --preset-gutter: var(--sld-gutter-default);
-}
-:global(.menulist-item):hover {
-  border-color: var(--sld-hover-border-color);
-  background-color: var(--sld-background-disabled);
-}
-:global(.menulist-item).selected, :global(.menulist-item)[aria-selected=true] {
-  border-color: none;
-  background-color: var(--sld-selected-background-color, var(--sld-color-background-darken-mid));
-  box-shadow: var(--sld-selected-shadow);
-}
-:global(.menulist-item).selected .chip,
-:global(.menulist-item).selected .menuItemChip, :global(.menulist-item)[aria-selected=true] .chip,
-:global(.menulist-item)[aria-selected=true] .menuItemChip {
-  position: absolute;
-  min-height: 16px;
-  height: 50%;
-  width: 3px;
-  background-color: var(--sld-color-primary);
-  border-radius: var(--sld-radius-med);
-  left: 0;
-  border: 1px solid var(--sld-color-primary-alpha-mid);
-}
-:global(.menulist-item) {
-  text-decoration: none;
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  position: relative;
-  width: 100%;
-  max-width: 100%;
-  border: 1px solid transparent;
-  border-radius: var(--menulist-item-radius);
-  align-self: flex-start;
-}
-:global(.menulist-item)::before {
-  position: absolute;
-  min-height: 16px;
-  height: 45%;
-  width: 2px;
-  overflow: hidden;
-  max-width: 3px;
-  background-color: transparent;
-  border-radius: var(--sld-radius-med);
-  left: 0px;
-  border: 1px solid transparent;
-  content: " ";
-}
-:global(.menulist-item) .menulist-item-icon {
-  width: 16px;
-  max-width: 16px;
-  text-align: center;
-  overflow: hidden;
-  text-align: center;
-  display: flex;
-  justify-content: center;
-  padding: 0 0.2rem;
-}
-:global(.menulist-item) .menulist-item-text {
-  flex: 1;
-}
-:global(.menulist-item) .menulist-item-text.wrap {
-  text-wrap: ellipsis;
-  white-space: normal;
-  overflow: hidden;
-}
-:global(.menulist-item) .menulist-item-text svg {
-  display: inline-block;
-}
-:global(.menulist-item) .menulist-item-action {
-  display: var(--menulist-item-action-display);
-  justify-content: var(--menulist-item-action-justify-content);
-}
-
-:global(ul.menuList.showLastOnSelected) :global(li.menulist-item[aria-selected="true"] .menulist-item-action) {
-  visibility: visible;
-}
-:global(ul.menuList.showLastOnSelected) :global(a.menulist-item[aria-selected="true"] .menulist-item-action) {
-  visibility: visible;
-}
-:global(ul.menuList.showLastOnSelected) :global(li.menulist-item .menulist-item-action) {
-  visibility: hidden;
-}
-:global(ul.menuList.showLastOnSelected) :global(a.menulist-item .menulist-item-action) {
-  visibility: hidden;
+:root {
+  --menulist-padding: var(--sld-pad-tiny);
+  --menulist-item-padding: 0;
+  --menulist-item-radius: var(--sld-radius-small);
+  --menulist-item-selected-background: var(--sld-selected-background-color);
+  --menulist-item-action-display: flex;
+  --menulist-item-action-justify-content: center;
+  --menulist-grid-items-count: 0;
+}
+
+:global(.slotui-menulist) {
+  margin: 0;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  align-items: end;
+  padding: var(--menulist-padding);
+}
+:global(.slotui-menulist).grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(max(var(--grid-item-min-width), 100% / var(--grid-items-count)), 1fr));
+}
+:global(.slotui-menulist) li.menulist-title,
+:global(.slotui-menulist) a.menulist-title {
+  font-weight: bold;
+}
+
+:global(.menulist-item)[variant*=square] {
+  aspect-ratio: 1/1 !important;
+  height: auto;
+}
+:global(.menulist-item)[variant*=rounded] {
+  border-radius: 50%;
+}
+:global(.menulist-item) {
+  width: var(--sld-width-small);
+}
+:global(.menulist-item) {
+  --preset-width: var(--sld-width-small);
+}
+:global(.menulist-item)[width=tiny], :global(.menulist-item).width-tiny {
+  --preset-width: var(--sld-width-tiny);
+  width: var(--sld-width-tiny) !important;
+}
+:global(.menulist-item)[width=mini], :global(.menulist-item).width-mini {
+  --preset-width: var(--sld-width-mini);
+  width: var(--sld-width-mini) !important;
+}
+:global(.menulist-item)[width=small], :global(.menulist-item).width-small {
+  --preset-width: var(--sld-width-small);
+  width: var(--sld-width-small) !important;
+}
+:global(.menulist-item)[width=med], :global(.menulist-item).width-med {
+  --preset-width: var(--sld-width-med);
+  width: var(--sld-width-med) !important;
+}
+:global(.menulist-item)[width=kind], :global(.menulist-item).width-kind {
+  --preset-width: var(--sld-width-kind);
+  width: var(--sld-width-kind) !important;
+}
+:global(.menulist-item)[width=full], :global(.menulist-item).width-full {
+  --preset-width: var(--sld-width-full);
+  width: var(--sld-width-full) !important;
+}
+:global(.menulist-item)[width=auto], :global(.menulist-item).width-auto {
+  --preset-width: var(--sld-width-auto);
+  width: var(--sld-width-auto) !important;
+}
+:global(.menulist-item)[width=default], :global(.menulist-item).width-default {
+  --preset-width: var(--sld-width-default);
+  width: var(--sld-width-default) !important;
+}
+:global(.menulist-item) {
+  min-height: var(--preset-tall-small);
+  height: var(--preset-tall-small);
+}
+:global(.menulist-item) {
+  --preset-tall: var(--sld-tall-small);
+}
+:global(.menulist-item)[tall=tiny], :global(.menulist-item).tall-tiny {
+  min-height: var(--sld-tall-tiny) !important;
+}
+:global(.menulist-item)[tall=mini], :global(.menulist-item).tall-mini {
+  min-height: var(--sld-tall-mini) !important;
+}
+:global(.menulist-item)[tall=small], :global(.menulist-item).tall-small {
+  min-height: var(--sld-tall-small) !important;
+}
+:global(.menulist-item)[tall=med], :global(.menulist-item).tall-med {
+  min-height: var(--sld-tall-med) !important;
+}
+:global(.menulist-item)[tall=kind], :global(.menulist-item).tall-kind {
+  min-height: var(--sld-tall-kind) !important;
+}
+:global(.menulist-item)[tall=auto], :global(.menulist-item).tall-auto {
+  min-height: var(--sld-tall-auto) !important;
+}
+:global(.menulist-item)[tall=default], :global(.menulist-item).tall-default {
+  min-height: var(--sld-tall-default) !important;
+}
+:global(.menulist-item) {
+  --preset-gutter: var(--sld-gutter-default);
+}
+:global(.menulist-item) [gutter=tiny], :global(.menulist-item) .gutter-tiny {
+  padding: var(--sld-gutter-tiny);
+  gap: var(--sld-gutter-tiny);
+  --preset-gutter: var(--sld-gutter-tiny);
+}
+:global(.menulist-item) [gutter=mini], :global(.menulist-item) .gutter-mini {
+  padding: var(--sld-gutter-mini);
+  gap: var(--sld-gutter-mini);
+  --preset-gutter: var(--sld-gutter-mini);
+}
+:global(.menulist-item) [gutter=small], :global(.menulist-item) .gutter-small {
+  padding: var(--sld-gutter-small);
+  gap: var(--sld-gutter-small);
+  --preset-gutter: var(--sld-gutter-small);
+}
+:global(.menulist-item) [gutter=med], :global(.menulist-item) .gutter-med {
+  padding: var(--sld-gutter-med);
+  gap: var(--sld-gutter-med);
+  --preset-gutter: var(--sld-gutter-med);
+}
+:global(.menulist-item) [gutter=kind], :global(.menulist-item) .gutter-kind {
+  padding: var(--sld-gutter-kind);
+  gap: var(--sld-gutter-kind);
+  --preset-gutter: var(--sld-gutter-kind);
+}
+:global(.menulist-item) [gutter=default], :global(.menulist-item) .gutter-default {
+  padding: var(--sld-gutter-default);
+  gap: var(--sld-gutter-default);
+  --preset-gutter: var(--sld-gutter-default);
+}
+:global(.menulist-item):hover {
+  border-color: var(--sld-hover-border-color);
+  background-color: var(--sld-background-disabled);
+}
+:global(.menulist-item).selected, :global(.menulist-item)[aria-selected=true] {
+  border-color: none;
+  background-color: var(--sld-selected-background-color, var(--sld-color-background-darken-mid));
+  box-shadow: var(--sld-selected-shadow);
+}
+:global(.menulist-item).selected .chip,
+:global(.menulist-item).selected .menuItemChip, :global(.menulist-item)[aria-selected=true] .chip,
+:global(.menulist-item)[aria-selected=true] .menuItemChip {
+  position: absolute;
+  min-height: 16px;
+  height: 50%;
+  width: 3px;
+  background-color: var(--sld-color-primary);
+  border-radius: var(--sld-radius-med);
+  left: 0;
+  border: 1px solid var(--sld-color-primary-alpha-mid);
+}
+:global(.menulist-item) {
+  text-decoration: none;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  position: relative;
+  width: 100%;
+  max-width: 100%;
+  border: 1px solid transparent;
+  border-radius: var(--menulist-item-radius);
+  align-self: flex-start;
+}
+:global(.menulist-item)::before {
+  position: absolute;
+  min-height: 16px;
+  height: 45%;
+  width: 2px;
+  overflow: hidden;
+  max-width: 3px;
+  background-color: transparent;
+  border-radius: var(--sld-radius-med);
+  left: 0px;
+  border: 1px solid transparent;
+  content: " ";
+}
+:global(.menulist-item) .menulist-item-icon {
+  width: 16px;
+  max-width: 16px;
+  text-align: center;
+  overflow: hidden;
+  text-align: center;
+  display: flex;
+  justify-content: center;
+  padding: 0 0.2rem;
+}
+:global(.menulist-item) .menulist-item-text {
+  flex: 1;
+}
+:global(.menulist-item) .menulist-item-text.wrap {
+  text-wrap: ellipsis;
+  white-space: normal;
+  overflow: hidden;
+}
+:global(.menulist-item) .menulist-item-text svg {
+  display: inline-block;
+}
+:global(.menulist-item) .menulist-item-action {
+  display: var(--menulist-item-action-display);
+  justify-content: var(--menulist-item-action-justify-content);
+}
+
+:global(ul.menuList.showLastOnSelected) :global(li.menulist-item[aria-selected="true"] .menulist-item-action) {
+  visibility: visible;
+}
+:global(ul.menuList.showLastOnSelected) :global(a.menulist-item[aria-selected="true"] .menulist-item-action) {
+  visibility: visible;
+}
+:global(ul.menuList.showLastOnSelected) :global(li.menulist-item .menulist-item-action) {
+  visibility: hidden;
+}
+:global(ul.menuList.showLastOnSelected) :global(a.menulist-item .menulist-item-action) {
+  visibility: hidden;
 }