@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/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-f6b0e565] {
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-f6b0e565] {
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-f6b0e565]::after {
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-f6b0e565] {
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-muted);
1307
+ color: var(--tao-color-text);
1308
1308
  }
1309
- .tao-checkbox--disabled[data-v-f6b0e565] {
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-f6b0e565],
1314
- .tao-checkbox__input:indeterminate + .tao-checkbox__box[data-v-f6b0e565] {
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-f6b0e565]::after {
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-f6b0e565]::after {
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-f6b0e565] {
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-f6b0e565] {
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-24a38782] {
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-24a38782]:focus {
1841
+ .tao-slider[data-v-a0a9cca1]:focus {
1842
1842
  outline: none;
1843
1843
  }
1844
- .tao-slider[data-v-24a38782]:focus-visible {
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-24a38782] {
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-24a38782] {
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-24a38782] {
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-24a38782] {
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-24a38782] {
1866
+ .tao-slider--disabled .tao-slider__thumb[data-v-a0a9cca1] {
1867
1867
  cursor: not-allowed;
1868
1868
  }
1869
- .tao-slider__track[data-v-24a38782],
1870
- .tao-slider__fill[data-v-24a38782] {
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-24a38782] {
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-24a38782] {
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-24a38782],
1886
- .tao-slider--small .tao-slider__fill[data-v-24a38782] {
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-24a38782] {
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-24a38782]:active {
1900
+ .tao-slider__thumb[data-v-a0a9cca1]:active {
1901
1901
  cursor: grabbing;
1902
1902
  }
1903
- .tao-slider__value[data-v-24a38782],
1904
- .tao-slider__shadow-input[data-v-24a38782] {
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-24a38782] {
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-24a38782] {
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-bc396e5d] {
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-bc396e5d] {
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-bc396e5d] {
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-bc396e5d]::-webkit-scrollbar {
3897
+ .tao-carousel__track[data-v-b4139b57]::-webkit-scrollbar {
3898
3898
  display: none;
3899
3899
  }
3900
- .tao-carousel__track--dragging[data-v-bc396e5d] {
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-bc396e5d]:focus-visible {
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-bc396e5d] > * {
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-bc396e5d] {
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-bc396e5d] {
3940
+ .tao-carousel__nav svg[data-v-b4139b57] {
3941
3941
  display: block;
3942
3942
  }
3943
- .tao-carousel__nav[data-v-bc396e5d]:hover:not(:disabled) {
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-bc396e5d]:focus-visible {
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-bc396e5d]:disabled {
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-bc396e5d] {
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-bc396e5d] {
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-bc396e5d] {
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-bc396e5d] {
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-bc396e5d] {
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-bc396e5d]:focus-visible {
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-bc396e5d] {
3996
+ .tao-carousel__track[data-v-b4139b57] {
3997
3997
  scroll-behavior: auto;
3998
3998
  }
3999
- .tao-carousel__pip[data-v-bc396e5d] {
3999
+ .tao-carousel__pip[data-v-b4139b57] {
4000
4000
  transition: none;
4001
4001
  }
4002
4002
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@1337exp/taoui",
3
- "version": "1.10.3",
3
+ "version": "1.11.0",
4
4
  "description": "Modern UI component library for Nuxt/Vue",
5
5
  "homepage": "https://666.io",
6
6
  "type": "module",