vanilla-jui 1.7.9 → 1.7.11

package/src/css/themes/default/tag.css

@@ -1,85 +0,0 @@
-@layer themes {
-  .j-tag {
-    --tag-gap: var(--space);
-    --tag-fg: var(--ui-fg-muted);
-    --tag-bg: var(--ui-bg);
-    --tag-font-size: var(--font-size-sm);
-    --tag-font-weight: var(--font-normal);
-    --tag-line-height: var(--line-height-self);
-    --tag-height: var(--el-height-xs);
-    --tag-padding: 0 calc(var(--space) * 1.5);
-    --tag-border-width: 1px;
-    --tag-border-style: solid;
-    --tag-border-color: var(--ui-border);
-    --tag-border-radius: var(--radius-md);
-    --tag-box-shadow: var(--shadow-sm);
-  }
-
-  .j-font-md .j-tag {
-    --tag-padding: 0 var(--s2);
-  }
-
-  .j-tag.is-reverse {
-    --tag-fg: var(--ui-bg);
-    --tag-bg: var(--ui-fg);
-  }
-
-  .j-tag.is-primary {
-    --tag-bg: var(--tone-solid);
-    --tag-fg: var(--tone-fg);
-    --tag-border-color: var(--tone-solid);
-  }
-
-  .j-tag.is-secondary {
-    --tag-bg: var(--tone-soft);
-    --tag-fg: var(--tone-text);
-    --tag-border-color: transparent;
-  }
-
-  .j-tag.is-outline {
-    --tag-bg: transparent;
-    --tag-fg: var(--tone-solid);
-    --tag-border-color: var(--tone-solid);
-  }
-
-  .j-tag.is-ghost {
-    --tag-border-color: transparent;
-    --tag-box-shadow: none;
-  }
-
-  .j-tag img,
-  .j-tag svg {
-    --tag-icon-size: var(--font-size-sm);
-  }
-
-  .j-tag.is-default:hover {
-    background: var(--ui-surface-hover);
-  }
-
-  .j-tag.is-outline:hover,
-  .j-tag.is-ghost:hover {
-    background: var(--tone-subtle);
-  }
-
-  .j-tag .el-icon[data-action='close']:hover {
-    color: var(--tone-fg);
-    background: var(--tone-solid);
-    border-radius: 50%;
-  }
-
-  .j-tag.is-default .el-icon[data-action='close']:hover,
-  .j-tag.is-ghost .el-icon[data-action='close']:hover {
-    background: var(--ui-fg);
-    color: var(--ui-bg-subtle);
-  }
-
-  .j-tag.is-reverse .el-icon[data-action='close']:hover {
-    color: var(--ui-fg);
-    background: var(--ui-bg);
-  }
-
-  .j-tag.is-primary .el-icon[data-action='close']:hover {
-    color: var(--tone-solid);
-    background: var(--tone-fg);
-  }
-}

package/src/css/tip.css

@@ -1,40 +0,0 @@
-@layer components {
-  .j-tip {
-    position: relative;
-    display: grid;
-    grid-template-columns: 0 1fr;
-    align-items: flex-start;
-  }
-
-  .j-tip:has(.tip-icon) {
-    column-gap: var(--s3);
-    grid-template-columns: var(--s4) 1fr;
-  }
-
-  .j-font-md .j-tip:has(.tip-icon) {
-    column-gap: var(--s5);
-  }
-
-  .j-tip .tip-title {
-    grid-column-start: 2;
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
-    line-clamp: 1;
-    margin: 0;
-  }
-
-  .j-tip .tip-content {
-    grid-column-start: 2;
-    color: var(--ui-gray);
-  }
-
-  .j-tip .tip-content > *:first-child {
-    margin-top: 0;
-  }
-
-  .j-tip .tip-content > *:last-child {
-    margin-bottom: 0;
-  }
-}

package/src/css/toast.css

@@ -1,54 +0,0 @@
-@layer components {
-  .j-toast-container {
-    position: fixed;
-    z-index: var(--z-toast);
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    left: 50%;
-    transform: translateX(-50%);
-    pointer-events: none;
-  }
-
-  .j-toast {
-    display: flex;
-    align-items: center;
-    word-break: break-all;
-    cursor: pointer;
-    pointer-events: auto;
-  }
-
-  .j-toast .el-icon {
-    position: relative;
-    color: inherit;
-  }
-
-  .j-toast .el-text {
-    flex: 1;
-    word-break: normal;
-  }
-
-  .j-toast-lite {
-    position: fixed;
-    top: 45%;
-    left: 50%;
-    z-index: var(--z-toast);
-    width: fit-content;
-    text-align: center;
-    user-select: none;
-    pointer-events: none;
-    transform: translate(-50%, -50%);
-  }
-
-  .j-toast.is-confirm {
-    flex-direction: column;
-    align-items: flex-start;
-    cursor: default;
-  }
-
-  .j-toast.is-confirm .toast-buttons {
-    display: flex;
-    justify-content: flex-end;
-    position: relative;
-  }
-}

package/src/css/toolbar.css

@@ -1,34 +0,0 @@
-@layer components {
-  .j-toolbar-container {
-    position: -webkit-sticky;
-    position: sticky;
-    top: 0;
-    width: 100%;
-    z-index: var(--z-toolbar);
-    overflow: hidden;
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
-    scrollbar-color: transparent transparent;
-    scrollbar-width: none;
-    -ms-overflow-style: none;
-    scroll-behavior: smooth;
-  }
-
-  .j-toolbar {
-    position: relative;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  @media screen and (max-width: 992px) {
-    .j-toolbar {
-      justify-content: flex-start;
-    }
-  }
-
-  .editor-drop-color .color-panel {
-    display: grid;
-    grid-template-columns: repeat(5, 1fr);
-  }
-}

package/src/css/tooltip.css

@@ -1,12 +0,0 @@
-@layer comopnents {
-  .j-tooltip {
-    position: relative;
-    width: fit-content;
-    user-select: none;
-  }
-
-  .j-tooltip .el-text {
-    word-wrap: break-word;
-    position: relative;
-  }
-}

package/src/css/tree.css

@@ -1,51 +0,0 @@
-@layer components {
-  .j-tree-list {
-    display: grid;
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
-
-  .j-tree-list[hidden] {
-    display: none;
-  }
-
-  .j-tree-list .j-tree-list {
-    position: relative;
-  }
-
-  .j-tree-list .j-tree-list::before {
-    position: absolute;
-    content: '';
-  }
-
-  .j-tree-item {
-    position: relative;
-  }
-
-  .j-tree-list .j-tree-list > .j-tree-item::before {
-    position: absolute;
-    content: '';
-  }
-
-  .j-tree-node {
-    display: flex;
-    align-items: center;
-  }
-
-  .j-tree-node[role='button'] {
-    cursor: pointer;
-  }
-
-  .j-tree-icon {
-    display: inline-flex;
-    flex: 0 0 auto;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .j-tree-label {
-    min-width: 0;
-    overflow-wrap: anywhere;
-  }
-}