@1337exp/taoui 1.11.6 → 1.12.0

package/dist/styles.css

@@ -399,12 +399,12 @@ to {
     outline-offset: -2px;
 }
 
-.tao-input-number[data-v-f2141b0c] {
+.tao-input-number[data-v-a4d3eca0] {
     position: relative;
     display: flex;
     width: 100%;
 }
-.tao-input-number__input[data-v-f2141b0c] {
+.tao-input-number__input[data-v-a4d3eca0] {
     width: 100%;
     padding: var(--tao-space-2) var(--tao-space-3);
     border: 1px solid var(--tao-color-border-strong);
@@ -416,30 +416,30 @@ to {
     font-variant-numeric: tabular-nums;
     transition: var(--tao-transition-base);
 }
-.tao-input-number--controls .tao-input-number__input[data-v-f2141b0c] {
+.tao-input-number--controls .tao-input-number__input[data-v-a4d3eca0] {
     padding-right: 34px;
 }
-.tao-input-number__input[data-v-f2141b0c]::placeholder {
+.tao-input-number__input[data-v-a4d3eca0]::placeholder {
     color: var(--tao-color-input-placeholder);
 }
-.tao-input-number__input[data-v-f2141b0c]:focus {
+.tao-input-number__input[data-v-a4d3eca0]:focus {
     outline: none;
     border-color: var(--tao-color-accent);
     box-shadow: 0 0 0 2px var(--tao-color-accent-subtle-hover);
 }
-.tao-input-number__input[data-v-f2141b0c]:disabled {
+.tao-input-number__input[data-v-a4d3eca0]:disabled {
     opacity: 0.6;
     cursor: not-allowed;
     color: var(--tao-color-input-disabled-text);
     background: var(--tao-color-input-disabled-bg);
 }
-.tao-input-number--invalid .tao-input-number__input[data-v-f2141b0c] {
+.tao-input-number--invalid .tao-input-number__input[data-v-a4d3eca0] {
     border-color: var(--tao-color-danger);
 }
-.tao-input-number--invalid .tao-input-number__input[data-v-f2141b0c]:focus {
+.tao-input-number--invalid .tao-input-number__input[data-v-a4d3eca0]:focus {
     box-shadow: 0 0 0 2px var(--tao-color-danger-subtle);
 }
-.tao-input-number__steppers[data-v-f2141b0c] {
+.tao-input-number__steppers[data-v-a4d3eca0] {
     position: absolute;
     top: 1px;
     right: 1px;
@@ -449,7 +449,7 @@ to {
     width: 28px;
     border-left: 1px solid var(--tao-color-border);
 }
-.tao-input-number__step[data-v-f2141b0c] {
+.tao-input-number__step[data-v-a4d3eca0] {
     flex: 1;
     margin: 0;
     padding: 0;
@@ -460,18 +460,18 @@ to {
     line-height: 1;
     cursor: pointer;
 }
-.tao-input-number__step + .tao-input-number__step[data-v-f2141b0c] {
+.tao-input-number__step + .tao-input-number__step[data-v-a4d3eca0] {
     border-top: 1px solid var(--tao-color-border);
 }
-.tao-input-number__step[data-v-f2141b0c]:hover:not(:disabled) {
+.tao-input-number__step[data-v-a4d3eca0]:hover:not(:disabled) {
     color: var(--tao-color-text-strong);
     background: var(--tao-color-surface-hover);
 }
-.tao-input-number__step[data-v-f2141b0c]:focus-visible {
+.tao-input-number__step[data-v-a4d3eca0]:focus-visible {
     outline: 2px solid var(--tao-color-accent);
     outline-offset: -2px;
 }
-.tao-input-number__step[data-v-f2141b0c]:disabled {
+.tao-input-number__step[data-v-a4d3eca0]:disabled {
     cursor: not-allowed;
     opacity: 0.4;
 }
@@ -2226,11 +2226,23 @@ to {
     opacity: 0.5;
     cursor: not-allowed;
 }
+
+/* Sizes of the teleported panel follow the control / Размеры панели (она телепортирована) следуют размеру контрола */
+.tao-select__panel--small .tao-select__option,
+.tao-select__panel--small .tao-select__clear {
+    padding: var(--tao-space-1) var(--tao-space-2);
+    font-size: var(--tao-font-size-xs);
+}
+.tao-select__panel--large .tao-select__option,
+.tao-select__panel--large .tao-select__clear {
+    padding: var(--tao-space-3) var(--tao-space-4);
+    font-size: var(--tao-font-size-lg);
+}
 
-.tao-select[data-v-854360a4] {
+.tao-select[data-v-70703b6d] {
     width: 100%;
 }
-.tao-select__trigger[data-v-854360a4] {
+.tao-select__trigger[data-v-70703b6d] {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -2248,31 +2260,41 @@ to {
     cursor: pointer;
     transition: var(--tao-transition-base);
 }
-.tao-select__trigger--placeholder[data-v-854360a4] {
+.tao-select--small .tao-select__trigger[data-v-70703b6d] {
+    min-height: 28px;
+    padding: var(--tao-space-1) var(--tao-space-2);
+    font-size: var(--tao-font-size-xs);
+}
+.tao-select--large .tao-select__trigger[data-v-70703b6d] {
+    min-height: 44px;
+    padding: var(--tao-space-3) var(--tao-space-4);
+    font-size: var(--tao-font-size-lg);
+}
+.tao-select__trigger--placeholder[data-v-70703b6d] {
     color: var(--tao-color-input-placeholder);
 }
-.tao-select__trigger[data-v-854360a4]:focus {
+.tao-select__trigger[data-v-70703b6d]:focus {
     outline: none;
     border-color: var(--tao-color-accent);
     box-shadow: 0 0 0 2px var(--tao-color-accent-subtle-hover);
 }
-.tao-select--invalid .tao-select__trigger[data-v-854360a4] {
+.tao-select--invalid .tao-select__trigger[data-v-70703b6d] {
     border-color: var(--tao-color-danger);
 }
-.tao-select--invalid .tao-select__trigger[data-v-854360a4]:focus {
+.tao-select--invalid .tao-select__trigger[data-v-70703b6d]:focus {
     box-shadow: 0 0 0 2px var(--tao-color-danger-subtle);
 }
-.tao-select__trigger[data-v-854360a4]:disabled {
+.tao-select__trigger[data-v-70703b6d]:disabled {
     opacity: 0.6;
     cursor: not-allowed;
 }
-.tao-select__value[data-v-854360a4] {
+.tao-select__value[data-v-70703b6d] {
     min-width: 0;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
-.tao-select__chevron[data-v-854360a4] {
+.tao-select__chevron[data-v-70703b6d] {
     flex-shrink: 0;
     width: 0;
     height: 0;
@@ -2282,10 +2304,10 @@ to {
     opacity: 0.6;
     transition: transform var(--tao-duration-fast) var(--tao-ease-base);
 }
-.tao-select--open .tao-select__chevron[data-v-854360a4] {
+.tao-select--open .tao-select__chevron[data-v-70703b6d] {
     transform: rotate(180deg);
 }
-.tao-select__chevron--custom[data-v-854360a4] {
+.tao-select__chevron--custom[data-v-70703b6d] {
     display: inline-flex;
     width: auto;
     height: auto;
@@ -2353,11 +2375,25 @@ to {
     opacity: 0.5;
     cursor: not-allowed;
 }
+
+/* Sizes of the teleported panel follow the control / Размеры панели (она телепортирована) следуют размеру контрола */
+.tao-combobox__panel--small .tao-combobox__option,
+.tao-combobox__panel--small .tao-combobox__clear,
+.tao-combobox__panel--small .tao-combobox__empty {
+    padding: var(--tao-space-1) var(--tao-space-2);
+    font-size: var(--tao-font-size-xs);
+}
+.tao-combobox__panel--large .tao-combobox__option,
+.tao-combobox__panel--large .tao-combobox__clear,
+.tao-combobox__panel--large .tao-combobox__empty {
+    padding: var(--tao-space-3) var(--tao-space-4);
+    font-size: var(--tao-font-size-lg);
+}
 
-.tao-combobox[data-v-c1f14f5a] {
+.tao-combobox[data-v-ce122d2d] {
     width: 100%;
 }
-.tao-combobox__field[data-v-c1f14f5a] {
+.tao-combobox__field[data-v-ce122d2d] {
     display: flex;
     align-items: center;
     gap: var(--tao-space-2);
@@ -2370,17 +2406,33 @@ to {
     color: var(--tao-color-input-text);
     transition: var(--tao-transition-base);
 }
-.tao-combobox__field[data-v-c1f14f5a]:focus-within {
+.tao-combobox--small .tao-combobox__field[data-v-ce122d2d] {
+    min-height: 28px;
+    padding: 0 var(--tao-space-2);
+}
+.tao-combobox--small .tao-combobox__input[data-v-ce122d2d] {
+    height: 26px;
+    font-size: var(--tao-font-size-xs);
+}
+.tao-combobox--large .tao-combobox__field[data-v-ce122d2d] {
+    min-height: 44px;
+    padding: 0 var(--tao-space-4);
+}
+.tao-combobox--large .tao-combobox__input[data-v-ce122d2d] {
+    height: 42px;
+    font-size: var(--tao-font-size-lg);
+}
+.tao-combobox__field[data-v-ce122d2d]:focus-within {
     border-color: var(--tao-color-accent);
     box-shadow: 0 0 0 2px var(--tao-color-accent-subtle-hover);
 }
-.tao-combobox--invalid .tao-combobox__field[data-v-c1f14f5a] {
+.tao-combobox--invalid .tao-combobox__field[data-v-ce122d2d] {
     border-color: var(--tao-color-danger);
 }
-.tao-combobox--invalid .tao-combobox__field[data-v-c1f14f5a]:focus-within {
+.tao-combobox--invalid .tao-combobox__field[data-v-ce122d2d]:focus-within {
     box-shadow: 0 0 0 2px var(--tao-color-danger-subtle);
 }
-.tao-combobox__input[data-v-c1f14f5a] {
+.tao-combobox__input[data-v-ce122d2d] {
     flex: 1;
     min-width: 0;
     height: 34px;
@@ -2392,17 +2444,17 @@ to {
     font-family: inherit;
     outline: none;
 }
-.tao-combobox__input[data-v-c1f14f5a]::placeholder {
+.tao-combobox__input[data-v-ce122d2d]::placeholder {
     color: var(--tao-color-input-placeholder);
 }
-.tao-combobox__input[data-v-c1f14f5a]:disabled {
+.tao-combobox__input[data-v-ce122d2d]:disabled {
     cursor: not-allowed;
 }
-.tao-combobox--disabled .tao-combobox__field[data-v-c1f14f5a] {
+.tao-combobox--disabled .tao-combobox__field[data-v-ce122d2d] {
     opacity: 0.6;
     cursor: not-allowed;
 }
-.tao-combobox__chevron[data-v-c1f14f5a] {
+.tao-combobox__chevron[data-v-ce122d2d] {
     flex-shrink: 0;
     width: 0;
     height: 0;
@@ -2413,10 +2465,10 @@ to {
     pointer-events: none;
     transition: transform var(--tao-duration-fast) var(--tao-ease-base);
 }
-.tao-combobox--open .tao-combobox__chevron[data-v-c1f14f5a] {
+.tao-combobox--open .tao-combobox__chevron[data-v-ce122d2d] {
     transform: rotate(180deg);
 }
-.tao-combobox__chevron--custom[data-v-c1f14f5a] {
+.tao-combobox__chevron--custom[data-v-ce122d2d] {
     display: inline-flex;
     width: auto;
     height: auto;

package/package.json

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