@1337exp/taoui 1.10.3 → 1.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +43 -17
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +9 -2
- package/dist/index.mjs +43 -17
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +52 -52
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -1269,7 +1269,7 @@ to {
|
|
|
1269
1269
|
color: var(--tao-color-text-muted);
|
|
1270
1270
|
}
|
|
1271
1271
|
|
|
1272
|
-
.tao-checkbox[data-v-
|
|
1272
|
+
.tao-checkbox[data-v-bb1ea2fb] {
|
|
1273
1273
|
display: flex;
|
|
1274
1274
|
align-items: center;
|
|
1275
1275
|
gap: var(--tao-space-2);
|
|
@@ -1278,7 +1278,7 @@ to {
|
|
|
1278
1278
|
font-size: var(--tao-font-size-lg);
|
|
1279
1279
|
color: var(--tao-color-text);
|
|
1280
1280
|
}
|
|
1281
|
-
.tao-checkbox__box[data-v-
|
|
1281
|
+
.tao-checkbox__box[data-v-bb1ea2fb] {
|
|
1282
1282
|
position: relative;
|
|
1283
1283
|
display: flex;
|
|
1284
1284
|
align-items: center;
|
|
@@ -1291,7 +1291,7 @@ to {
|
|
|
1291
1291
|
border-radius: var(--tao-radius-sm);
|
|
1292
1292
|
transition: var(--tao-transition-base);
|
|
1293
1293
|
}
|
|
1294
|
-
.tao-checkbox__box[data-v-
|
|
1294
|
+
.tao-checkbox__box[data-v-bb1ea2fb]::after {
|
|
1295
1295
|
content: '';
|
|
1296
1296
|
display: block;
|
|
1297
1297
|
width: 12px;
|
|
@@ -1301,36 +1301,36 @@ to {
|
|
|
1301
1301
|
transform: scale(0);
|
|
1302
1302
|
transition: var(--tao-transition-base);
|
|
1303
1303
|
}
|
|
1304
|
-
.tao-checkbox__label[data-v-
|
|
1304
|
+
.tao-checkbox__label[data-v-bb1ea2fb] {
|
|
1305
1305
|
font-size: var(--tao-font-size-sm);
|
|
1306
1306
|
white-space: nowrap;
|
|
1307
|
-
color: var(--tao-color-text
|
|
1307
|
+
color: var(--tao-color-text);
|
|
1308
1308
|
}
|
|
1309
|
-
.tao-checkbox--disabled[data-v-
|
|
1309
|
+
.tao-checkbox--disabled[data-v-bb1ea2fb] {
|
|
1310
1310
|
cursor: not-allowed;
|
|
1311
1311
|
opacity: 0.6;
|
|
1312
1312
|
}
|
|
1313
|
-
.tao-checkbox__input:checked + .tao-checkbox__box[data-v-
|
|
1314
|
-
.tao-checkbox__input:indeterminate + .tao-checkbox__box[data-v-
|
|
1313
|
+
.tao-checkbox__input:checked + .tao-checkbox__box[data-v-bb1ea2fb],
|
|
1314
|
+
.tao-checkbox__input:indeterminate + .tao-checkbox__box[data-v-bb1ea2fb] {
|
|
1315
1315
|
border-color: var(--tao-color-accent);
|
|
1316
1316
|
background-color: var(--tao-color-accent);
|
|
1317
1317
|
}
|
|
1318
|
-
.tao-checkbox__input:checked + .tao-checkbox__box[data-v-
|
|
1318
|
+
.tao-checkbox__input:checked + .tao-checkbox__box[data-v-bb1ea2fb]::after {
|
|
1319
1319
|
background-color: var(--tao-color-on-accent);
|
|
1320
1320
|
transform: scale(1);
|
|
1321
1321
|
}
|
|
1322
|
-
.tao-checkbox__input:indeterminate + .tao-checkbox__box[data-v-
|
|
1322
|
+
.tao-checkbox__input:indeterminate + .tao-checkbox__box[data-v-bb1ea2fb]::after {
|
|
1323
1323
|
width: 10px;
|
|
1324
1324
|
height: 2px;
|
|
1325
1325
|
border-radius: 1px;
|
|
1326
1326
|
background-color: var(--tao-color-on-accent);
|
|
1327
1327
|
transform: scale(1);
|
|
1328
1328
|
}
|
|
1329
|
-
.tao-checkbox__input:focus-visible + .tao-checkbox__box[data-v-
|
|
1329
|
+
.tao-checkbox__input:focus-visible + .tao-checkbox__box[data-v-bb1ea2fb] {
|
|
1330
1330
|
outline: 2px solid var(--tao-color-accent);
|
|
1331
1331
|
outline-offset: 1px;
|
|
1332
1332
|
}
|
|
1333
|
-
.tao-checkbox__input[aria-invalid='true'] + .tao-checkbox__box[data-v-
|
|
1333
|
+
.tao-checkbox__input[aria-invalid='true'] + .tao-checkbox__box[data-v-bb1ea2fb] {
|
|
1334
1334
|
border-color: var(--tao-color-danger);
|
|
1335
1335
|
}
|
|
1336
1336
|
|
|
@@ -1826,7 +1826,7 @@ to {
|
|
|
1826
1826
|
}
|
|
1827
1827
|
}
|
|
1828
1828
|
|
|
1829
|
-
.tao-slider[data-v-
|
|
1829
|
+
.tao-slider[data-v-a0a9cca1] {
|
|
1830
1830
|
--tao-slider-hit: 14px;
|
|
1831
1831
|
--tao-slider-track: var(--tao-slider-hit);
|
|
1832
1832
|
--tao-slider-thumb: 20px;
|
|
@@ -1838,36 +1838,36 @@ to {
|
|
|
1838
1838
|
user-select: none;
|
|
1839
1839
|
touch-action: none;
|
|
1840
1840
|
}
|
|
1841
|
-
.tao-slider[data-v-
|
|
1841
|
+
.tao-slider[data-v-a0a9cca1]:focus {
|
|
1842
1842
|
outline: none;
|
|
1843
1843
|
}
|
|
1844
|
-
.tao-slider[data-v-
|
|
1844
|
+
.tao-slider[data-v-a0a9cca1]:focus-visible {
|
|
1845
1845
|
outline: 2px solid var(--tao-color-accent);
|
|
1846
1846
|
outline-offset: 4px;
|
|
1847
1847
|
border-radius: var(--tao-radius-sm);
|
|
1848
1848
|
}
|
|
1849
|
-
.tao-slider--show-value[data-v-
|
|
1849
|
+
.tao-slider--show-value[data-v-a0a9cca1] {
|
|
1850
1850
|
--tao-slider-hit: 20px;
|
|
1851
1851
|
}
|
|
1852
1852
|
|
|
1853
1853
|
/* Тонкий трек, hit-area шире картинки — seek / громкость. */
|
|
1854
|
-
.tao-slider--small[data-v-
|
|
1854
|
+
.tao-slider--small[data-v-a0a9cca1] {
|
|
1855
1855
|
--tao-slider-hit: 16px;
|
|
1856
1856
|
--tao-slider-track: 4px;
|
|
1857
1857
|
--tao-slider-thumb: 12px;
|
|
1858
1858
|
}
|
|
1859
|
-
.tao-slider--small.tao-slider--show-value[data-v-
|
|
1859
|
+
.tao-slider--small.tao-slider--show-value[data-v-a0a9cca1] {
|
|
1860
1860
|
--tao-slider-hit: 20px;
|
|
1861
1861
|
}
|
|
1862
|
-
.tao-slider--disabled[data-v-
|
|
1862
|
+
.tao-slider--disabled[data-v-a0a9cca1] {
|
|
1863
1863
|
cursor: not-allowed;
|
|
1864
1864
|
opacity: 0.6;
|
|
1865
1865
|
}
|
|
1866
|
-
.tao-slider--disabled .tao-slider__thumb[data-v-
|
|
1866
|
+
.tao-slider--disabled .tao-slider__thumb[data-v-a0a9cca1] {
|
|
1867
1867
|
cursor: not-allowed;
|
|
1868
1868
|
}
|
|
1869
|
-
.tao-slider__track[data-v-
|
|
1870
|
-
.tao-slider__fill[data-v-
|
|
1869
|
+
.tao-slider__track[data-v-a0a9cca1],
|
|
1870
|
+
.tao-slider__fill[data-v-a0a9cca1] {
|
|
1871
1871
|
position: absolute;
|
|
1872
1872
|
top: 50%;
|
|
1873
1873
|
left: 0;
|
|
@@ -1875,18 +1875,18 @@ to {
|
|
|
1875
1875
|
border-radius: var(--tao-radius-sm);
|
|
1876
1876
|
transform: translateY(-50%);
|
|
1877
1877
|
}
|
|
1878
|
-
.tao-slider__track[data-v-
|
|
1878
|
+
.tao-slider__track[data-v-a0a9cca1] {
|
|
1879
1879
|
width: 100%;
|
|
1880
1880
|
background-color: var(--tao-color-surface-sunken);
|
|
1881
1881
|
}
|
|
1882
|
-
.tao-slider__fill[data-v-
|
|
1882
|
+
.tao-slider__fill[data-v-a0a9cca1] {
|
|
1883
1883
|
background-color: var(--tao-color-accent);
|
|
1884
1884
|
}
|
|
1885
|
-
.tao-slider--small .tao-slider__track[data-v-
|
|
1886
|
-
.tao-slider--small .tao-slider__fill[data-v-
|
|
1885
|
+
.tao-slider--small .tao-slider__track[data-v-a0a9cca1],
|
|
1886
|
+
.tao-slider--small .tao-slider__fill[data-v-a0a9cca1] {
|
|
1887
1887
|
border-radius: var(--tao-radius-full);
|
|
1888
1888
|
}
|
|
1889
|
-
.tao-slider__thumb[data-v-
|
|
1889
|
+
.tao-slider__thumb[data-v-a0a9cca1] {
|
|
1890
1890
|
position: absolute;
|
|
1891
1891
|
top: 50%;
|
|
1892
1892
|
width: var(--tao-slider-thumb);
|
|
@@ -1897,11 +1897,11 @@ to {
|
|
|
1897
1897
|
transform: translate(-50%, -50%);
|
|
1898
1898
|
cursor: grab;
|
|
1899
1899
|
}
|
|
1900
|
-
.tao-slider__thumb[data-v-
|
|
1900
|
+
.tao-slider__thumb[data-v-a0a9cca1]:active {
|
|
1901
1901
|
cursor: grabbing;
|
|
1902
1902
|
}
|
|
1903
|
-
.tao-slider__value[data-v-
|
|
1904
|
-
.tao-slider__shadow-input[data-v-
|
|
1903
|
+
.tao-slider__value[data-v-a0a9cca1],
|
|
1904
|
+
.tao-slider__shadow-input[data-v-a0a9cca1] {
|
|
1905
1905
|
position: absolute;
|
|
1906
1906
|
inset: 0;
|
|
1907
1907
|
display: flex;
|
|
@@ -1913,12 +1913,12 @@ to {
|
|
|
1913
1913
|
font-weight: 900;
|
|
1914
1914
|
letter-spacing: 0.05em;
|
|
1915
1915
|
}
|
|
1916
|
-
.tao-slider__value[data-v-
|
|
1916
|
+
.tao-slider__value[data-v-a0a9cca1] {
|
|
1917
1917
|
color: var(--tao-color-text-strong);
|
|
1918
1918
|
text-shadow: -1px -1px 0 var(--tao-color-bg), 1px -1px 0 var(--tao-color-bg),
|
|
1919
1919
|
-1px 1px 0 var(--tao-color-bg), 1px 1px 0 var(--tao-color-bg);
|
|
1920
1920
|
}
|
|
1921
|
-
.tao-slider__shadow-input[data-v-
|
|
1921
|
+
.tao-slider__shadow-input[data-v-a0a9cca1] {
|
|
1922
1922
|
text-align: center;
|
|
1923
1923
|
border: none;
|
|
1924
1924
|
background: transparent;
|
|
@@ -3868,19 +3868,19 @@ button.tao-list-item__hit[data-v-878b7727]:focus-visible {
|
|
|
3868
3868
|
}
|
|
3869
3869
|
}
|
|
3870
3870
|
|
|
3871
|
-
.tao-carousel[data-v-
|
|
3871
|
+
.tao-carousel[data-v-b4139b57] {
|
|
3872
3872
|
display: flex;
|
|
3873
3873
|
flex-direction: column;
|
|
3874
3874
|
gap: var(--tao-space-2);
|
|
3875
3875
|
width: 100%;
|
|
3876
3876
|
}
|
|
3877
|
-
.tao-carousel__row[data-v-
|
|
3877
|
+
.tao-carousel__row[data-v-b4139b57] {
|
|
3878
3878
|
display: flex;
|
|
3879
3879
|
align-items: center;
|
|
3880
3880
|
gap: var(--tao-space-2);
|
|
3881
3881
|
width: 100%;
|
|
3882
3882
|
}
|
|
3883
|
-
.tao-carousel__track[data-v-
|
|
3883
|
+
.tao-carousel__track[data-v-b4139b57] {
|
|
3884
3884
|
display: flex;
|
|
3885
3885
|
flex: 1 1 auto;
|
|
3886
3886
|
gap: var(--tao-space-3);
|
|
@@ -3894,18 +3894,18 @@ button.tao-list-item__hit[data-v-878b7727]:focus-visible {
|
|
|
3894
3894
|
touch-action: pan-x;
|
|
3895
3895
|
cursor: grab;
|
|
3896
3896
|
}
|
|
3897
|
-
.tao-carousel__track[data-v-
|
|
3897
|
+
.tao-carousel__track[data-v-b4139b57]::-webkit-scrollbar {
|
|
3898
3898
|
display: none;
|
|
3899
3899
|
}
|
|
3900
|
-
.tao-carousel__track--dragging[data-v-
|
|
3900
|
+
.tao-carousel__track--dragging[data-v-b4139b57] {
|
|
3901
3901
|
scroll-snap-type: none;
|
|
3902
3902
|
cursor: grabbing;
|
|
3903
3903
|
}
|
|
3904
|
-
.tao-carousel__track[data-v-
|
|
3904
|
+
.tao-carousel__track[data-v-b4139b57]:focus-visible {
|
|
3905
3905
|
outline: 2px solid var(--tao-color-accent);
|
|
3906
3906
|
outline-offset: 2px;
|
|
3907
3907
|
}
|
|
3908
|
-
.tao-carousel__track[data-v-
|
|
3908
|
+
.tao-carousel__track[data-v-b4139b57] > * {
|
|
3909
3909
|
box-sizing: border-box;
|
|
3910
3910
|
flex: 0 0 auto;
|
|
3911
3911
|
width: max(
|
|
@@ -3918,7 +3918,7 @@ button.tao-list-item__hit[data-v-878b7727]:focus-visible {
|
|
|
3918
3918
|
min-width: 0;
|
|
3919
3919
|
scroll-snap-align: start;
|
|
3920
3920
|
}
|
|
3921
|
-
.tao-carousel__nav[data-v-
|
|
3921
|
+
.tao-carousel__nav[data-v-b4139b57] {
|
|
3922
3922
|
display: inline-flex;
|
|
3923
3923
|
flex: 0 0 auto;
|
|
3924
3924
|
align-items: center;
|
|
@@ -3937,29 +3937,29 @@ button.tao-list-item__hit[data-v-878b7727]:focus-visible {
|
|
|
3937
3937
|
cursor: pointer;
|
|
3938
3938
|
transition: var(--tao-transition-base);
|
|
3939
3939
|
}
|
|
3940
|
-
.tao-carousel__nav svg[data-v-
|
|
3940
|
+
.tao-carousel__nav svg[data-v-b4139b57] {
|
|
3941
3941
|
display: block;
|
|
3942
3942
|
}
|
|
3943
|
-
.tao-carousel__nav[data-v-
|
|
3943
|
+
.tao-carousel__nav[data-v-b4139b57]:hover:not(:disabled) {
|
|
3944
3944
|
background: var(--tao-color-surface-hover);
|
|
3945
3945
|
color: var(--tao-color-text-strong);
|
|
3946
3946
|
}
|
|
3947
|
-
.tao-carousel__nav[data-v-
|
|
3947
|
+
.tao-carousel__nav[data-v-b4139b57]:focus-visible {
|
|
3948
3948
|
outline: 2px solid var(--tao-color-accent);
|
|
3949
3949
|
outline-offset: 2px;
|
|
3950
3950
|
}
|
|
3951
|
-
.tao-carousel__nav[data-v-
|
|
3951
|
+
.tao-carousel__nav[data-v-b4139b57]:disabled {
|
|
3952
3952
|
opacity: 0.4;
|
|
3953
3953
|
cursor: not-allowed;
|
|
3954
3954
|
}
|
|
3955
|
-
.tao-carousel__dots[data-v-
|
|
3955
|
+
.tao-carousel__dots[data-v-b4139b57] {
|
|
3956
3956
|
display: flex;
|
|
3957
3957
|
flex-wrap: wrap;
|
|
3958
3958
|
align-items: center;
|
|
3959
3959
|
justify-content: center;
|
|
3960
3960
|
gap: 2px;
|
|
3961
3961
|
}
|
|
3962
|
-
.tao-carousel__dot[data-v-
|
|
3962
|
+
.tao-carousel__dot[data-v-b4139b57] {
|
|
3963
3963
|
display: inline-flex;
|
|
3964
3964
|
flex: 0 0 auto;
|
|
3965
3965
|
align-items: center;
|
|
@@ -3972,7 +3972,7 @@ button.tao-list-item__hit[data-v-878b7727]:focus-visible {
|
|
|
3972
3972
|
background: transparent;
|
|
3973
3973
|
cursor: pointer;
|
|
3974
3974
|
}
|
|
3975
|
-
.tao-carousel__pip[data-v-
|
|
3975
|
+
.tao-carousel__pip[data-v-b4139b57] {
|
|
3976
3976
|
display: block;
|
|
3977
3977
|
width: 6px;
|
|
3978
3978
|
height: 6px;
|
|
@@ -3980,23 +3980,23 @@ button.tao-list-item__hit[data-v-878b7727]:focus-visible {
|
|
|
3980
3980
|
background: var(--tao-color-border-strong);
|
|
3981
3981
|
transition: width var(--tao-duration-base) var(--tao-ease-base), background var(--tao-duration-base) var(--tao-ease-base);
|
|
3982
3982
|
}
|
|
3983
|
-
.tao-carousel__dot--active .tao-carousel__pip[data-v-
|
|
3983
|
+
.tao-carousel__dot--active .tao-carousel__pip[data-v-b4139b57] {
|
|
3984
3984
|
width: 18px;
|
|
3985
3985
|
background: var(--tao-color-accent);
|
|
3986
3986
|
}
|
|
3987
|
-
.tao-carousel__dot:hover:not(.tao-carousel__dot--active) .tao-carousel__pip[data-v-
|
|
3987
|
+
.tao-carousel__dot:hover:not(.tao-carousel__dot--active) .tao-carousel__pip[data-v-b4139b57] {
|
|
3988
3988
|
background: var(--tao-color-text-muted);
|
|
3989
3989
|
}
|
|
3990
|
-
.tao-carousel__dot[data-v-
|
|
3990
|
+
.tao-carousel__dot[data-v-b4139b57]:focus-visible {
|
|
3991
3991
|
outline: 2px solid var(--tao-color-accent);
|
|
3992
3992
|
outline-offset: 2px;
|
|
3993
3993
|
border-radius: var(--tao-radius-full);
|
|
3994
3994
|
}
|
|
3995
3995
|
@media (prefers-reduced-motion: reduce) {
|
|
3996
|
-
.tao-carousel__track[data-v-
|
|
3996
|
+
.tao-carousel__track[data-v-b4139b57] {
|
|
3997
3997
|
scroll-behavior: auto;
|
|
3998
3998
|
}
|
|
3999
|
-
.tao-carousel__pip[data-v-
|
|
3999
|
+
.tao-carousel__pip[data-v-b4139b57] {
|
|
4000
4000
|
transition: none;
|
|
4001
4001
|
}
|
|
4002
4002
|
}
|