@1337exp/taoui 1.10.0 → 1.10.2

package/dist/styles.css

@@ -698,10 +698,10 @@ to {
     opacity: 0;
 }
 
-.tao-tabs[data-v-bf16735e] {
+.tao-tabs[data-v-a17ac487] {
     width: 100%;
 }
-.tao-tabs__list[data-v-bf16735e] {
+.tao-tabs__list[data-v-a17ac487] {
     display: flex;
     flex-wrap: wrap;
     gap: var(--tao-space-1);
@@ -709,35 +709,35 @@ to {
     padding: 0;
     border-bottom: 1px solid var(--tao-color-border);
 }
-.tao-tabs__tab[data-v-bf16735e] {
+.tao-tabs__tab[data-v-a17ac487] {
     margin-bottom: -1px;
     padding: var(--tao-space-2) var(--tao-space-4);
     border: none;
     border-bottom: 2px solid transparent;
     background: transparent;
-    color: var(--tao-color-text-muted);
+    color: var(--tao-color-text-subtle);
     font: inherit;
     font-size: var(--tao-font-size-md);
     font-weight: 500;
     cursor: pointer;
 }
-.tao-tabs__tab[data-v-bf16735e]:hover:not(:disabled) {
+.tao-tabs__tab[data-v-a17ac487]:hover:not(:disabled) {
     color: var(--tao-color-text-strong);
 }
-.tao-tabs__tab[aria-selected='true'][data-v-bf16735e] {
+.tao-tabs__tab[aria-selected='true'][data-v-a17ac487] {
     color: var(--tao-color-accent);
     border-bottom-color: var(--tao-color-accent);
 }
-.tao-tabs__tab[data-v-bf16735e]:disabled {
+.tao-tabs__tab[data-v-a17ac487]:disabled {
     cursor: not-allowed;
     color: var(--tao-color-text-disabled);
 }
-.tao-tabs__tab[data-v-bf16735e]:focus-visible {
+.tao-tabs__tab[data-v-a17ac487]:focus-visible {
     outline: 2px solid var(--tao-color-accent);
     outline-offset: 2px;
     border-radius: var(--tao-radius-control) var(--tao-radius-control) 0 0;
 }
-.tao-tabs__content[data-v-bf16735e] {
+.tao-tabs__content[data-v-a17ac487] {
     padding: var(--tao-space-4) 0 0;
     color: var(--tao-color-text);
 }
@@ -1409,26 +1409,26 @@ to {
     border-color: transparent;
 }
 
-.tao-divider[data-v-c1d072e5] {
+.tao-divider[data-v-b8f809ac] {
     margin: var(--tao-space-5) 0;
 }
-.tao-divider--labeled[data-v-c1d072e5] {
+.tao-divider--labeled[data-v-b8f809ac] {
     display: flex;
     align-items: center;
 }
-.tao-divider__line[data-v-c1d072e5] {
+.tao-divider__line[data-v-b8f809ac] {
     box-sizing: content-box;
     display: block;
     height: 0;
     min-width: 0;
 }
-.tao-divider--labeled .tao-divider__line[data-v-c1d072e5] {
+.tao-divider--labeled .tao-divider__line[data-v-b8f809ac] {
     flex: 1;
 }
-.tao-divider:not(.tao-divider--labeled) .tao-divider__line[data-v-c1d072e5] {
+.tao-divider:not(.tao-divider--labeled) .tao-divider__line[data-v-b8f809ac] {
     width: 100%;
 }
-.tao-divider__text[data-v-c1d072e5] {
+.tao-divider__text[data-v-b8f809ac] {
     margin: 0 var(--tao-space-4);
     font-size: var(--tao-font-size-xs);
     font-weight: 500;
@@ -1436,65 +1436,68 @@ to {
     white-space: nowrap;
     color: var(--tao-color-text-muted);
 }
-.tao-divider--labeled:not(.tao-divider--gap) .tao-divider__text[data-v-c1d072e5] {
+.tao-divider--labeled:not(.tao-divider--gap) .tao-divider__text[data-v-b8f809ac] {
     height: 1px;
     display: flex;
     align-items: center;
     overflow: visible;
 }
-.tao-divider--solid .tao-divider__line[data-v-c1d072e5] {
-    border-top: 1px solid var(--tao-color-border);
+.tao-divider--solid .tao-divider__line[data-v-b8f809ac],
+.tao-divider--dashed .tao-divider__line[data-v-b8f809ac] {
+    opacity: 0.2;
 }
-.tao-divider--dashed .tao-divider__line[data-v-c1d072e5] {
-    border-top: 1px dashed var(--tao-color-border-strong);
-    opacity: 0.45;
+.tao-divider--solid .tao-divider__line[data-v-b8f809ac] {
+    border-top: 1px solid var(--tao-gray-300);
 }
-.tao-divider--colored .tao-divider__line[data-v-c1d072e5] {
+.tao-divider--dashed .tao-divider__line[data-v-b8f809ac] {
+    border-top: 1px dashed var(--tao-gray-300);
+}
+.tao-divider--colored .tao-divider__line[data-v-b8f809ac] {
     height: 1px;
     background: var(--tao-color-accent);
 }
-.tao-divider--colored.tao-divider--fade:not(.tao-divider--labeled) .tao-divider__line[data-v-c1d072e5] {
+.tao-divider--colored.tao-divider--fade:not(.tao-divider--labeled) .tao-divider__line[data-v-b8f809ac] {
     background: linear-gradient(to right, transparent, var(--tao-color-accent), transparent);
 }
-.tao-divider--colored.tao-divider--fade.tao-divider--labeled .tao-divider__line--start[data-v-c1d072e5] {
+.tao-divider--colored.tao-divider--fade.tao-divider--labeled .tao-divider__line--start[data-v-b8f809ac] {
     background: linear-gradient(to right, transparent, var(--tao-color-accent));
 }
-.tao-divider--colored.tao-divider--fade.tao-divider--labeled .tao-divider__line--end[data-v-c1d072e5] {
+.tao-divider--colored.tao-divider--fade.tao-divider--labeled .tao-divider__line--end[data-v-b8f809ac] {
     background: linear-gradient(to left, transparent, var(--tao-color-accent));
 }
-.tao-divider--fade:not(.tao-divider--colored):not(.tao-divider--labeled) .tao-divider__line[data-v-c1d072e5] {
+.tao-divider--fade:not(.tao-divider--colored):not(.tao-divider--labeled) .tao-divider__line[data-v-b8f809ac] {
     mask: linear-gradient(90deg, transparent 0%, black 20%, black 80%, transparent 100%);
 }
-.tao-divider--fade:not(.tao-divider--colored) .tao-divider__line--start[data-v-c1d072e5] {
+.tao-divider--fade:not(.tao-divider--colored) .tao-divider__line--start[data-v-b8f809ac] {
     mask: linear-gradient(90deg, transparent 0%, black 30%);
 }
-.tao-divider--fade:not(.tao-divider--colored) .tao-divider__line--end[data-v-c1d072e5] {
+.tao-divider--fade:not(.tao-divider--colored) .tao-divider__line--end[data-v-b8f809ac] {
     mask: linear-gradient(90deg, black 70%, transparent 100%);
 }
-.tao-divider--gap[data-v-c1d072e5] {
+.tao-divider--gap[data-v-b8f809ac] {
     margin: 0;
 }
-.tao-divider--gap[data-v-c1d072e5]:not(.tao-divider--labeled) {
+.tao-divider--gap[data-v-b8f809ac]:not(.tao-divider--labeled) {
     height: 40px;
 }
-.tao-divider--gap-small[data-v-c1d072e5]:not(.tao-divider--labeled) {
+.tao-divider--gap-small[data-v-b8f809ac]:not(.tao-divider--labeled) {
     height: 20px;
 }
-.tao-divider--gap-large[data-v-c1d072e5]:not(.tao-divider--labeled),
-.tao-divider--gap-big[data-v-c1d072e5]:not(.tao-divider--labeled) {
+.tao-divider--gap-large[data-v-b8f809ac]:not(.tao-divider--labeled),
+.tao-divider--gap-big[data-v-b8f809ac]:not(.tao-divider--labeled) {
     height: 60px;
 }
-.tao-divider--gap.tao-divider--labeled[data-v-c1d072e5] {
+.tao-divider--gap.tao-divider--labeled[data-v-b8f809ac] {
     display: flex;
     align-items: center;
     justify-content: center;
     min-height: 40px;
 }
-.tao-divider--gap-small.tao-divider--labeled[data-v-c1d072e5] {
+.tao-divider--gap-small.tao-divider--labeled[data-v-b8f809ac] {
     min-height: 20px;
 }
-.tao-divider--gap-large.tao-divider--labeled[data-v-c1d072e5],
-.tao-divider--gap-big.tao-divider--labeled[data-v-c1d072e5] {
+.tao-divider--gap-large.tao-divider--labeled[data-v-b8f809ac],
+.tao-divider--gap-big.tao-divider--labeled[data-v-b8f809ac] {
     min-height: 60px;
 }
 
@@ -2899,7 +2902,7 @@ to {
 }
 }
 
-.tao-segmented-option[data-v-1a9357a1] {
+.tao-segmented-option[data-v-acd5de66] {
     position: relative;
     z-index: 1;
     display: inline-flex;
@@ -2908,9 +2911,9 @@ to {
     min-width: 0;
     cursor: pointer;
     user-select: none;
-    color: var(--tao-color-text-muted);
+    color: var(--tao-color-text-subtle);
 }
-.tao-segmented-option__face[data-v-1a9357a1] {
+.tao-segmented-option__face[data-v-acd5de66] {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -2925,45 +2928,45 @@ to {
         color var(--tao-duration-base) var(--tao-ease-base),
         background var(--tao-duration-base) var(--tao-ease-base);
 }
-.tao-segmented-option--small .tao-segmented-option__face[data-v-1a9357a1] {
+.tao-segmented-option--small .tao-segmented-option__face[data-v-acd5de66] {
     min-height: 20px;
     padding: 0 var(--tao-space-2);
     font-size: var(--tao-font-size-xs);
 }
-.tao-segmented-option--medium .tao-segmented-option__face[data-v-1a9357a1] {
+.tao-segmented-option--medium .tao-segmented-option__face[data-v-acd5de66] {
     min-height: 24px;
     padding: 0 var(--tao-space-3);
     font-size: var(--tao-font-size-sm);
 }
-.tao-segmented-option--large .tao-segmented-option__face[data-v-1a9357a1] {
+.tao-segmented-option--large .tao-segmented-option__face[data-v-acd5de66] {
     min-height: 32px;
     padding: 0 var(--tao-space-4);
     font-size: var(--tao-font-size-md);
 }
-.tao-segmented-option--icon-only.tao-segmented-option--small .tao-segmented-option__face[data-v-1a9357a1] {
+.tao-segmented-option--icon-only.tao-segmented-option--small .tao-segmented-option__face[data-v-acd5de66] {
     min-width: 20px;
     padding: 0;
 }
-.tao-segmented-option--icon-only.tao-segmented-option--medium .tao-segmented-option__face[data-v-1a9357a1] {
+.tao-segmented-option--icon-only.tao-segmented-option--medium .tao-segmented-option__face[data-v-acd5de66] {
     min-width: 24px;
     padding: 0;
 }
-.tao-segmented-option--icon-only.tao-segmented-option--large .tao-segmented-option__face[data-v-1a9357a1] {
+.tao-segmented-option--icon-only.tao-segmented-option--large .tao-segmented-option__face[data-v-acd5de66] {
     min-width: 32px;
     padding: 0;
 }
-.tao-segmented-option__icon[data-v-1a9357a1] {
+.tao-segmented-option__icon[data-v-acd5de66] {
     display: inline-flex;
     flex-shrink: 0;
     align-items: center;
     justify-content: center;
     line-height: 1;
 }
-.tao-segmented-option__label[data-v-1a9357a1] {
+.tao-segmented-option__label[data-v-acd5de66] {
     min-width: 0;
     line-height: 1.25;
 }
-.tao-segmented-option__count[data-v-1a9357a1] {
+.tao-segmented-option__count[data-v-acd5de66] {
     display: inline-flex;
     flex-shrink: 0;
     align-items: center;
@@ -2978,20 +2981,20 @@ to {
     font-weight: 700;
     line-height: 1;
 }
-.tao-segmented-option[data-v-1a9357a1]:hover:not(.tao-segmented-option--disabled):not(.tao-segmented-option--checked) {
+.tao-segmented-option[data-v-acd5de66]:hover:not(.tao-segmented-option--disabled):not(.tao-segmented-option--checked) {
     color: var(--tao-color-text);
 }
-.tao-segmented-option--checked[data-v-1a9357a1] {
+.tao-segmented-option--checked[data-v-acd5de66] {
     color: var(--tao-color-accent);
 }
-.tao-segmented-option--checked .tao-segmented-option__count[data-v-1a9357a1] {
+.tao-segmented-option--checked .tao-segmented-option__count[data-v-acd5de66] {
     background: color-mix(in srgb, var(--tao-color-accent) 22%, transparent);
 }
-.tao-segmented-option--disabled[data-v-1a9357a1] {
+.tao-segmented-option--disabled[data-v-acd5de66] {
     cursor: not-allowed;
     opacity: 0.55;
 }
-.tao-segmented-option__input[data-v-1a9357a1] {
+.tao-segmented-option__input[data-v-acd5de66] {
     position: absolute;
     width: 1px;
     height: 1px;
@@ -3002,7 +3005,7 @@ to {
     white-space: nowrap;
     border: 0;
 }
-.tao-segmented-option__sr[data-v-1a9357a1] {
+.tao-segmented-option__sr[data-v-acd5de66] {
     position: absolute;
     width: 1px;
     height: 1px;
@@ -3013,7 +3016,7 @@ to {
     white-space: nowrap;
     border: 0;
 }
-.tao-segmented-option__input:focus-visible + .tao-segmented-option__face[data-v-1a9357a1] {
+.tao-segmented-option__input:focus-visible + .tao-segmented-option__face[data-v-acd5de66] {
     outline: 2px solid var(--tao-color-accent);
     outline-offset: -2px;
 }
@@ -4482,6 +4485,7 @@ to {
     /* ---------- Text ---------- */
     --tao-color-text: var(--tao-gray-200);
     --tao-color-text-strong: var(--tao-gray-0);
+    --tao-color-text-subtle: var(--tao-gray-300); /* idle-контролы: segmented, tabs. Подписи остаются muted */
     --tao-color-text-muted: var(--tao-gray-400);
     --tao-color-text-disabled: var(--tao-gray-300);
 
@@ -4557,6 +4561,7 @@ to {
 
     --tao-color-text: var(--tao-gray-700);
     --tao-color-text-strong: var(--tao-gray-950);
+    --tao-color-text-subtle: var(--tao-gray-400);
     --tao-color-text-muted: var(--tao-gray-400);
     --tao-color-text-on-accent: var(--tao-color-on-accent);
     --tao-color-text-disabled: var(--tao-gray-300);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1337exp/taoui",
-  "version": "1.10.0",
+  "version": "1.10.2",
   "description": "Modern UI component library for Nuxt/Vue",
   "homepage": "https://666.io",
   "type": "module",

package/src/styles/semantic.css

@@ -36,6 +36,7 @@
     /* ---------- Text ---------- */
     --tao-color-text: var(--tao-gray-200);
     --tao-color-text-strong: var(--tao-gray-0);
+    --tao-color-text-subtle: var(--tao-gray-300); /* idle-контролы: segmented, tabs. Подписи остаются muted */
     --tao-color-text-muted: var(--tao-gray-400);
     --tao-color-text-disabled: var(--tao-gray-300);
 

package/src/styles/themes/light.css

@@ -30,6 +30,7 @@
 
     --tao-color-text: var(--tao-gray-700);
     --tao-color-text-strong: var(--tao-gray-950);
+    --tao-color-text-subtle: var(--tao-gray-400);
     --tao-color-text-muted: var(--tao-gray-400);
     --tao-color-text-on-accent: var(--tao-color-on-accent);
     --tao-color-text-disabled: var(--tao-gray-300);