@opentinyvue/vue-runtime 3.30.0 → 3.31.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.
@@ -442,6 +442,22 @@ video {
442
442
  display: none;
443
443
  }
444
444
 
445
+ html {
446
+ --tiny-borderRadius-none: 0.000rem;
447
+ --tiny-borderRadius-sm: 0.125rem;
448
+ --tiny-borderRadius-DEFAULT: 0.250rem;
449
+ --tiny-borderRadius-md: 0.375rem;
450
+ --tiny-borderRadius-lg: 0.500rem;
451
+ --tiny-borderRadius-full: 126.000rem;
452
+ --tiny-borderRadius-button: var(--tiny-borderRadius-DEFAULT);
453
+ --tiny-borderRadius-search: var(--tiny-borderRadius-DEFAULT);
454
+ --tiny-borderRadius-dropdown: var(--tiny-borderRadius-DEFAULT);
455
+ --tiny-borderRadius-form: var(--tiny-borderRadius-DEFAULT);
456
+ --tiny-borderRadius-card: var(--tiny-borderRadius-lg);
457
+ --tiny-borderRadius-carousel: var(--tiny-borderRadius-DEFAULT);
458
+ --tiny-borderRadius-tag: var(--tiny-borderRadius-DEFAULT);
459
+ }
460
+
445
461
  *, ::before, ::after {
446
462
  --tw-border-spacing-x: 0;
447
463
  --tw-border-spacing-y: 0;
@@ -764,6 +780,22 @@ video {
764
780
  right: calc(var(--tiny-spacing-1_5, 0.375rem) * -1);
765
781
  }
766
782
 
783
+ .right-1 {
784
+ right: var(--tiny-spacing-1, 0.250rem);
785
+ }
786
+
787
+ .left-1 {
788
+ left: var(--tiny-spacing-1, 0.250rem);
789
+ }
790
+
791
+ .bottom-1 {
792
+ bottom: var(--tiny-spacing-1, 0.250rem);
793
+ }
794
+
795
+ .top-1 {
796
+ top: var(--tiny-spacing-1, 0.250rem);
797
+ }
798
+
767
799
  .left-2 {
768
800
  left: var(--tiny-spacing-2, 0.500rem);
769
801
  }
@@ -816,10 +848,6 @@ video {
816
848
  top: var(--tiny-spacing-1_5, 0.375rem);
817
849
  }
818
850
 
819
- .top-1 {
820
- top: var(--tiny-spacing-1, 0.250rem);
821
- }
822
-
823
851
  .-left-px {
824
852
  left: calc(var(--tiny-spacing-px, 0.0625rem) * -1);
825
853
  }
@@ -832,18 +860,10 @@ video {
832
860
  right: var(--tiny-spacing-1_5, 0.375rem);
833
861
  }
834
862
 
835
- .right-1 {
836
- right: var(--tiny-spacing-1, 0.250rem);
837
- }
838
-
839
863
  .bottom-1\.5 {
840
864
  bottom: var(--tiny-spacing-1_5, 0.375rem);
841
865
  }
842
866
 
843
- .bottom-1 {
844
- bottom: var(--tiny-spacing-1, 0.250rem);
845
- }
846
-
847
867
  .left-6 {
848
868
  left: var(--tiny-spacing-6, 1.500rem);
849
869
  }
@@ -908,10 +928,6 @@ video {
908
928
  bottom: calc(var(--tiny-spacing-2, 0.500rem) * -1);
909
929
  }
910
930
 
911
- .left-1 {
912
- left: var(--tiny-spacing-1, 0.250rem);
913
- }
914
-
915
931
  .right-3\.5 {
916
932
  right: var(--tiny-spacing-3_5, 0.875rem);
917
933
  }
@@ -1302,18 +1318,34 @@ video {
1302
1318
  margin-left: var(--tiny-spacing-1, 0.250rem);
1303
1319
  }
1304
1320
 
1321
+ .mr-6 {
1322
+ margin-right: var(--tiny-spacing-6, 1.500rem);
1323
+ }
1324
+
1325
+ .ml-6 {
1326
+ margin-left: var(--tiny-spacing-6, 1.500rem);
1327
+ }
1328
+
1305
1329
  .ml-2 {
1306
1330
  margin-left: var(--tiny-spacing-2, 0.500rem);
1307
1331
  }
1308
1332
 
1309
- .mt-1 {
1310
- margin-top: var(--tiny-spacing-1, 0.250rem);
1333
+ .mt-0\.5 {
1334
+ margin-top: var(--tiny-spacing-0_5, 0.125rem);
1335
+ }
1336
+
1337
+ .mt-0 {
1338
+ margin-top: var(--tiny-spacing-0, 0px);
1311
1339
  }
1312
1340
 
1313
1341
  .ml-2\.5 {
1314
1342
  margin-left: var(--tiny-spacing-2_5, 0.625rem);
1315
1343
  }
1316
1344
 
1345
+ .mt-1 {
1346
+ margin-top: var(--tiny-spacing-1, 0.250rem);
1347
+ }
1348
+
1317
1349
  .mr-4 {
1318
1350
  margin-right: var(--tiny-spacing-4, 1.000rem);
1319
1351
  }
@@ -1330,14 +1362,6 @@ video {
1330
1362
  margin-left: var(--tiny-spacing-4, 1.000rem);
1331
1363
  }
1332
1364
 
1333
- .mt-0\.5 {
1334
- margin-top: var(--tiny-spacing-0_5, 0.125rem);
1335
- }
1336
-
1337
- .mt-0 {
1338
- margin-top: var(--tiny-spacing-0, 0px);
1339
- }
1340
-
1341
1365
  .ml-3 {
1342
1366
  margin-left: var(--tiny-spacing-3, 0.750rem);
1343
1367
  }
@@ -1486,10 +1510,6 @@ video {
1486
1510
  margin-bottom: calc(var(--tiny-spacing-1, 0.250rem) * -1);
1487
1511
  }
1488
1512
 
1489
- .ml-6 {
1490
- margin-left: var(--tiny-spacing-6, 1.500rem);
1491
- }
1492
-
1493
1513
  .-mr-1 {
1494
1514
  margin-right: calc(var(--tiny-spacing-1, 0.250rem) * -1);
1495
1515
  }
@@ -1632,10 +1652,18 @@ video {
1632
1652
  height: var(--tiny-spacing-4, 1.000rem);
1633
1653
  }
1634
1654
 
1655
+ .h-screen {
1656
+ height: 100vh;
1657
+ }
1658
+
1635
1659
  .h-2 {
1636
1660
  height: var(--tiny-spacing-2, 0.500rem);
1637
1661
  }
1638
1662
 
1663
+ .h-6 {
1664
+ height: var(--tiny-spacing-6, 1.500rem);
1665
+ }
1666
+
1639
1667
  .h-5 {
1640
1668
  height: var(--tiny-spacing-5, 1.250rem);
1641
1669
  }
@@ -1648,16 +1676,12 @@ video {
1648
1676
  height: var(--tiny-spacing-16, 4.000rem);
1649
1677
  }
1650
1678
 
1651
- .h-4\.5 {
1652
- height: var(--tiny-spacing-4_5, 1.1250rem);
1653
- }
1654
-
1655
- .h-screen {
1656
- height: 100vh;
1679
+ .h-\[76px\] {
1680
+ height: 76px;
1657
1681
  }
1658
1682
 
1659
- .h-6 {
1660
- height: var(--tiny-spacing-6, 1.500rem);
1683
+ .h-4\.5 {
1684
+ height: var(--tiny-spacing-4_5, 1.1250rem);
1661
1685
  }
1662
1686
 
1663
1687
  .h-auto {
@@ -1928,6 +1952,10 @@ video {
1928
1952
  width: var(--tiny-spacing-2, 0.500rem);
1929
1953
  }
1930
1954
 
1955
+ .w-6 {
1956
+ width: var(--tiny-spacing-6, 1.500rem);
1957
+ }
1958
+
1931
1959
  .w-5 {
1932
1960
  width: var(--tiny-spacing-5, 1.250rem);
1933
1961
  }
@@ -1980,10 +2008,6 @@ video {
1980
2008
  width: var(--tiny-spacing-24, 6.000rem);
1981
2009
  }
1982
2010
 
1983
- .w-6 {
1984
- width: var(--tiny-spacing-6, 1.500rem);
1985
- }
1986
-
1987
2011
  .w-52 {
1988
2012
  width: var(--tiny-spacing-52, 13.000rem);
1989
2013
  }
@@ -2578,20 +2602,20 @@ video {
2578
2602
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2579
2603
  }
2580
2604
 
2581
- .rotate-180 {
2582
- --tw-rotate: 180deg;
2605
+ .rotate-90 {
2606
+ --tw-rotate: 90deg;
2583
2607
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2584
2608
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2585
2609
  }
2586
2610
 
2587
- .rotate-0 {
2588
- --tw-rotate: 0deg;
2611
+ .rotate-180 {
2612
+ --tw-rotate: 180deg;
2589
2613
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2590
2614
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2591
2615
  }
2592
2616
 
2593
- .rotate-90 {
2594
- --tw-rotate: 90deg;
2617
+ .rotate-0 {
2618
+ --tw-rotate: 0deg;
2595
2619
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2596
2620
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2597
2621
  }
@@ -2624,6 +2648,12 @@ video {
2624
2648
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2625
2649
  }
2626
2650
 
2651
+ .scale-y-125 {
2652
+ --tw-scale-y: 1.25;
2653
+ -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2654
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2655
+ }
2656
+
2627
2657
  .scale-y-100 {
2628
2658
  --tw-scale-y: 1;
2629
2659
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -3057,23 +3087,31 @@ video {
3057
3087
  }
3058
3088
 
3059
3089
  .rounded {
3060
- border-radius: var(--tiny-borderRadius-DEFAULT, 0.250rem);
3090
+ border-radius: var(--tiny-borderRadius-DEFAULT);
3061
3091
  }
3062
3092
 
3063
3093
  .rounded-full {
3064
- border-radius: var(--tiny-borderRadius-full, 126.000rem);
3094
+ border-radius: var(--tiny-borderRadius-full);
3065
3095
  }
3066
3096
 
3067
3097
  .rounded-lg {
3068
- border-radius: var(--tiny-borderRadius-lg, 0.500rem);
3098
+ border-radius: var(--tiny-borderRadius-lg);
3069
3099
  }
3070
3100
 
3071
3101
  .rounded-sm {
3072
- border-radius: var(--tiny-borderRadius-sm, 0.125rem);
3102
+ border-radius: var(--tiny-borderRadius-sm);
3073
3103
  }
3074
3104
 
3075
3105
  .rounded-none {
3076
- border-radius: var(--tiny-borderRadius-none, 0.000rem);
3106
+ border-radius: var(--tiny-borderRadius-none);
3107
+ }
3108
+
3109
+ .rounded-form {
3110
+ border-radius: var(--tiny-borderRadius-form);
3111
+ }
3112
+
3113
+ .rounded-tag {
3114
+ border-radius: var(--tiny-borderRadius-tag);
3077
3115
  }
3078
3116
 
3079
3117
  .rounded-xl {
@@ -3081,46 +3119,46 @@ video {
3081
3119
  }
3082
3120
 
3083
3121
  .\!rounded-none {
3084
- border-radius: var(--tiny-borderRadius-none, 0.000rem) !important;
3122
+ border-radius: var(--tiny-borderRadius-none) !important;
3085
3123
  }
3086
3124
 
3087
3125
  .rounded-md {
3088
- border-radius: var(--tiny-borderRadius-md, 0.375rem);
3126
+ border-radius: var(--tiny-borderRadius-md);
3089
3127
  }
3090
3128
 
3091
3129
  .rounded-t-lg {
3092
- border-top-left-radius: var(--tiny-borderRadius-lg, 0.500rem);
3093
- border-top-right-radius: var(--tiny-borderRadius-lg, 0.500rem);
3130
+ border-top-left-radius: var(--tiny-borderRadius-lg);
3131
+ border-top-right-radius: var(--tiny-borderRadius-lg);
3094
3132
  }
3095
3133
 
3096
3134
  .rounded-b-lg {
3097
- border-bottom-right-radius: var(--tiny-borderRadius-lg, 0.500rem);
3098
- border-bottom-left-radius: var(--tiny-borderRadius-lg, 0.500rem);
3135
+ border-bottom-right-radius: var(--tiny-borderRadius-lg);
3136
+ border-bottom-left-radius: var(--tiny-borderRadius-lg);
3099
3137
  }
3100
3138
 
3101
3139
  .rounded-r-lg {
3102
- border-top-right-radius: var(--tiny-borderRadius-lg, 0.500rem);
3103
- border-bottom-right-radius: var(--tiny-borderRadius-lg, 0.500rem);
3140
+ border-top-right-radius: var(--tiny-borderRadius-lg);
3141
+ border-bottom-right-radius: var(--tiny-borderRadius-lg);
3104
3142
  }
3105
3143
 
3106
3144
  .rounded-l-lg {
3107
- border-top-left-radius: var(--tiny-borderRadius-lg, 0.500rem);
3108
- border-bottom-left-radius: var(--tiny-borderRadius-lg, 0.500rem);
3145
+ border-top-left-radius: var(--tiny-borderRadius-lg);
3146
+ border-bottom-left-radius: var(--tiny-borderRadius-lg);
3109
3147
  }
3110
3148
 
3111
3149
  .rounded-l {
3112
- border-top-left-radius: var(--tiny-borderRadius-DEFAULT, 0.250rem);
3113
- border-bottom-left-radius: var(--tiny-borderRadius-DEFAULT, 0.250rem);
3150
+ border-top-left-radius: var(--tiny-borderRadius-DEFAULT);
3151
+ border-bottom-left-radius: var(--tiny-borderRadius-DEFAULT);
3114
3152
  }
3115
3153
 
3116
3154
  .rounded-r {
3117
- border-top-right-radius: var(--tiny-borderRadius-DEFAULT, 0.250rem);
3118
- border-bottom-right-radius: var(--tiny-borderRadius-DEFAULT, 0.250rem);
3155
+ border-top-right-radius: var(--tiny-borderRadius-DEFAULT);
3156
+ border-bottom-right-radius: var(--tiny-borderRadius-DEFAULT);
3119
3157
  }
3120
3158
 
3121
3159
  .rounded-b {
3122
- border-bottom-right-radius: var(--tiny-borderRadius-DEFAULT, 0.250rem);
3123
- border-bottom-left-radius: var(--tiny-borderRadius-DEFAULT, 0.250rem);
3160
+ border-bottom-right-radius: var(--tiny-borderRadius-DEFAULT);
3161
+ border-bottom-left-radius: var(--tiny-borderRadius-DEFAULT);
3124
3162
  }
3125
3163
 
3126
3164
  .rounded-r-xl {
@@ -3129,43 +3167,43 @@ video {
3129
3167
  }
3130
3168
 
3131
3169
  .rounded-bl-sm {
3132
- border-bottom-left-radius: var(--tiny-borderRadius-sm, 0.125rem);
3170
+ border-bottom-left-radius: var(--tiny-borderRadius-sm);
3133
3171
  }
3134
3172
 
3135
3173
  .rounded-tr-none {
3136
- border-top-right-radius: var(--tiny-borderRadius-none, 0.000rem);
3174
+ border-top-right-radius: var(--tiny-borderRadius-none);
3137
3175
  }
3138
3176
 
3139
3177
  .rounded-br-none {
3140
- border-bottom-right-radius: var(--tiny-borderRadius-none, 0.000rem);
3178
+ border-bottom-right-radius: var(--tiny-borderRadius-none);
3141
3179
  }
3142
3180
 
3143
3181
  .rounded-tl-none {
3144
- border-top-left-radius: var(--tiny-borderRadius-none, 0.000rem);
3182
+ border-top-left-radius: var(--tiny-borderRadius-none);
3145
3183
  }
3146
3184
 
3147
3185
  .rounded-bl-none {
3148
- border-bottom-left-radius: var(--tiny-borderRadius-none, 0.000rem);
3186
+ border-bottom-left-radius: var(--tiny-borderRadius-none);
3149
3187
  }
3150
3188
 
3151
3189
  .rounded-tr {
3152
- border-top-right-radius: var(--tiny-borderRadius-DEFAULT, 0.250rem);
3190
+ border-top-right-radius: var(--tiny-borderRadius-DEFAULT);
3153
3191
  }
3154
3192
 
3155
3193
  .rounded-br {
3156
- border-bottom-right-radius: var(--tiny-borderRadius-DEFAULT, 0.250rem);
3194
+ border-bottom-right-radius: var(--tiny-borderRadius-DEFAULT);
3157
3195
  }
3158
3196
 
3159
3197
  .rounded-tl {
3160
- border-top-left-radius: var(--tiny-borderRadius-DEFAULT, 0.250rem);
3198
+ border-top-left-radius: var(--tiny-borderRadius-DEFAULT);
3161
3199
  }
3162
3200
 
3163
3201
  .rounded-bl {
3164
- border-bottom-left-radius: var(--tiny-borderRadius-DEFAULT, 0.250rem);
3202
+ border-bottom-left-radius: var(--tiny-borderRadius-DEFAULT);
3165
3203
  }
3166
3204
 
3167
3205
  .rounded-bl-lg {
3168
- border-bottom-left-radius: var(--tiny-borderRadius-lg, 0.500rem);
3206
+ border-bottom-left-radius: var(--tiny-borderRadius-lg);
3169
3207
  }
3170
3208
 
3171
3209
  .border {
@@ -3615,6 +3653,11 @@ video {
3615
3653
  background-color: var(--tiny-color-bg-7, rgba(25,25,25,0.3));
3616
3654
  }
3617
3655
 
3656
+ .bg-white {
3657
+ --tw-bg-opacity: 1;
3658
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
3659
+ }
3660
+
3618
3661
  .bg-color-info-primary-subtler {
3619
3662
  background-color: var(--tiny-color-info-primary-subtler, #EEF3FE);
3620
3663
  }
@@ -3711,11 +3754,6 @@ video {
3711
3754
  background-color: var(--tiny-color-icon-focus, #0067D1);
3712
3755
  }
3713
3756
 
3714
- .bg-white {
3715
- --tw-bg-opacity: 1;
3716
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
3717
- }
3718
-
3719
3757
  .bg-color-border {
3720
3758
  background-color: var(--tiny-color-border, #C9C9C9);
3721
3759
  }
@@ -3836,6 +3874,10 @@ video {
3836
3874
  fill: var(--tiny-color-brand-focus, #0067D1);
3837
3875
  }
3838
3876
 
3877
+ .fill-color-icon-tertiary {
3878
+ fill: var(--tiny-color-icon-tertiary, #AEAEAE);
3879
+ }
3880
+
3839
3881
  .fill-color-icon-primary {
3840
3882
  fill: var(--tiny-color-icon-primary, #191919);
3841
3883
  }
@@ -3960,10 +4002,6 @@ video {
3960
4002
  fill: var(--tiny-color-icon-inverse, #FFFFFF);
3961
4003
  }
3962
4004
 
3963
- .fill-color-icon-tertiary {
3964
- fill: var(--tiny-color-icon-tertiary, #AEAEAE);
3965
- }
3966
-
3967
4005
  .fill-color-success-active {
3968
4006
  fill: var(--tiny-color-success-active, #058358);
3969
4007
  }
@@ -4860,6 +4898,15 @@ video {
4860
4898
  transition-duration: 150ms;
4861
4899
  }
4862
4900
 
4901
+ .transition-opacity {
4902
+ -webkit-transition-property: opacity;
4903
+ transition-property: opacity;
4904
+ -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4905
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4906
+ -webkit-transition-duration: 150ms;
4907
+ transition-duration: 150ms;
4908
+ }
4909
+
4863
4910
  .transition-all {
4864
4911
  -webkit-transition-property: all;
4865
4912
  transition-property: all;
@@ -4927,15 +4974,6 @@ video {
4927
4974
  transition-duration: 150ms;
4928
4975
  }
4929
4976
 
4930
- .transition-opacity {
4931
- -webkit-transition-property: opacity;
4932
- transition-property: opacity;
4933
- -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4934
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4935
- -webkit-transition-duration: 150ms;
4936
- transition-duration: 150ms;
4937
- }
4938
-
4939
4977
  .transition-\[height\] {
4940
4978
  -webkit-transition-property: height;
4941
4979
  transition-property: height;
@@ -5406,7 +5444,7 @@ video {
5406
5444
 
5407
5445
  .before\:rounded-full::before {
5408
5446
  content: var(--tw-content);
5409
- border-radius: var(--tiny-borderRadius-full, 126.000rem);
5447
+ border-radius: var(--tiny-borderRadius-full);
5410
5448
  }
5411
5449
 
5412
5450
  .before\:border-r::before {
@@ -5638,7 +5676,7 @@ video {
5638
5676
 
5639
5677
  .after\:rounded::after {
5640
5678
  content: var(--tw-content);
5641
- border-radius: var(--tiny-borderRadius-DEFAULT, 0.250rem);
5679
+ border-radius: var(--tiny-borderRadius-DEFAULT);
5642
5680
  }
5643
5681
 
5644
5682
  .after\:border-\[0\.3125rem\]::after {
@@ -6288,7 +6326,7 @@ video {
6288
6326
  }
6289
6327
 
6290
6328
  .active\:rounded:active {
6291
- border-radius: var(--tiny-borderRadius-DEFAULT, 0.250rem);
6329
+ border-radius: var(--tiny-borderRadius-DEFAULT);
6292
6330
  }
6293
6331
 
6294
6332
  .active\:border-2:active {
@@ -6445,6 +6483,10 @@ video {
6445
6483
  background-color: transparent;
6446
6484
  }
6447
6485
 
6486
+ .disabled\:text-color-text-secondary:disabled {
6487
+ color: var(--tiny-color-text-secondary, #595959);
6488
+ }
6489
+
6448
6490
  .disabled\:text-color-text-disabled:disabled {
6449
6491
  color: var(--tiny-color-text-disabled, #AEAEAE);
6450
6492
  }
@@ -6713,10 +6755,6 @@ video {
6713
6755
  margin-left: var(--tiny-spacing-2, 0.500rem);
6714
6756
  }
6715
6757
 
6716
- .sm\:mt-0\.5 {
6717
- margin-top: var(--tiny-spacing-0_5, 0.125rem);
6718
- }
6719
-
6720
6758
  .sm\:mt-0 {
6721
6759
  margin-top: var(--tiny-spacing-0, 0px);
6722
6760
  }
@@ -6733,6 +6771,10 @@ video {
6733
6771
  margin-right: var(--tiny-spacing-0, 0px);
6734
6772
  }
6735
6773
 
6774
+ .sm\:mt-0\.5 {
6775
+ margin-top: var(--tiny-spacing-0_5, 0.125rem);
6776
+ }
6777
+
6736
6778
  .sm\:mb-0 {
6737
6779
  margin-bottom: var(--tiny-spacing-0, 0px);
6738
6780
  }
@@ -6865,6 +6907,10 @@ video {
6865
6907
  height: var(--tiny-spacing-10, 2.500rem);
6866
6908
  }
6867
6909
 
6910
+ .sm\:h-\[42px\] {
6911
+ height: 42px;
6912
+ }
6913
+
6868
6914
  .sm\:h-11 {
6869
6915
  height: var(--tiny-spacing-11, 2.750rem);
6870
6916
  }
@@ -7116,11 +7162,11 @@ video {
7116
7162
  }
7117
7163
 
7118
7164
  .sm\:rounded-full {
7119
- border-radius: var(--tiny-borderRadius-full, 126.000rem);
7165
+ border-radius: var(--tiny-borderRadius-full);
7120
7166
  }
7121
7167
 
7122
7168
  .sm\:rounded {
7123
- border-radius: var(--tiny-borderRadius-DEFAULT, 0.250rem);
7169
+ border-radius: var(--tiny-borderRadius-DEFAULT);
7124
7170
  }
7125
7171
 
7126
7172
  .sm\:border {
@@ -7264,9 +7310,19 @@ video {
7264
7310
  padding-right: var(--tiny-spacing-2, 0.500rem);
7265
7311
  }
7266
7312
 
7267
- .sm\:px-3 {
7268
- padding-left: var(--tiny-spacing-3, 0.750rem);
7269
- padding-right: var(--tiny-spacing-3, 0.750rem);
7313
+ .sm\:py-0\.5 {
7314
+ padding-top: var(--tiny-spacing-0_5, 0.125rem);
7315
+ padding-bottom: var(--tiny-spacing-0_5, 0.125rem);
7316
+ }
7317
+
7318
+ .sm\:py-6 {
7319
+ padding-top: var(--tiny-spacing-6, 1.500rem);
7320
+ padding-bottom: var(--tiny-spacing-6, 1.500rem);
7321
+ }
7322
+
7323
+ .sm\:py-0 {
7324
+ padding-top: var(--tiny-spacing-0, 0px);
7325
+ padding-bottom: var(--tiny-spacing-0, 0px);
7270
7326
  }
7271
7327
 
7272
7328
  .sm\:px-6 {
@@ -7289,9 +7345,9 @@ video {
7289
7345
  padding-bottom: var(--tiny-spacing-2_5, 0.625rem);
7290
7346
  }
7291
7347
 
7292
- .sm\:py-0 {
7293
- padding-top: var(--tiny-spacing-0, 0px);
7294
- padding-bottom: var(--tiny-spacing-0, 0px);
7348
+ .sm\:px-3 {
7349
+ padding-left: var(--tiny-spacing-3, 0.750rem);
7350
+ padding-right: var(--tiny-spacing-3, 0.750rem);
7295
7351
  }
7296
7352
 
7297
7353
  .sm\:py-4 {
@@ -7330,10 +7386,6 @@ video {
7330
7386
  padding-right: var(--tiny-spacing-3, 0.750rem);
7331
7387
  }
7332
7388
 
7333
- .sm\:pl-3 {
7334
- padding-left: var(--tiny-spacing-3, 0.750rem);
7335
- }
7336
-
7337
7389
  .sm\:pr-6 {
7338
7390
  padding-right: var(--tiny-spacing-6, 1.500rem);
7339
7391
  }
@@ -7374,6 +7426,10 @@ video {
7374
7426
  padding-bottom: var(--tiny-spacing-1, 0.250rem);
7375
7427
  }
7376
7428
 
7429
+ .sm\:pl-3 {
7430
+ padding-left: var(--tiny-spacing-3, 0.750rem);
7431
+ }
7432
+
7377
7433
  .sm\:pl-9 {
7378
7434
  padding-left: var(--tiny-spacing-9, 2.25rem);
7379
7435
  }
@@ -7759,6 +7815,10 @@ video {
7759
7815
  background-color: var(--tiny-color-border-disabled, #F3F3F3);
7760
7816
  }
7761
7817
 
7818
+ .sm\:disabled\:text-color-text-secondary:disabled {
7819
+ color: var(--tiny-color-text-secondary, #595959);
7820
+ }
7821
+
7762
7822
  .sm\:disabled\:text-color-text-disabled:disabled {
7763
7823
  color: var(--tiny-color-text-disabled, #AEAEAE);
7764
7824
  }
@@ -8214,10 +8274,18 @@ video {
8214
8274
  max-width: 144px;
8215
8275
  }
8216
8276
 
8277
+ .\[\&_\[data-tag\=tiny-tag\]\]\:text-sm [data-tag=tiny-tag] {
8278
+ font-size: var(--tiny-fontSize-sm, 0.875rem);
8279
+ }
8280
+
8217
8281
  @media (min-width: 640px) {
8218
8282
  .\[\&_\[data-tag\=tiny-tag\]\]\:sm\:h-5 [data-tag=tiny-tag] {
8219
8283
  height: var(--tiny-spacing-5, 1.250rem);
8220
8284
  }
8285
+
8286
+ .\[\&_\[data-tag\=tiny-tag\]\]\:sm\:text-sm [data-tag=tiny-tag] {
8287
+ font-size: var(--tiny-fontSize-sm, 0.875rem);
8288
+ }
8221
8289
  }
8222
8290
 
8223
8291
  .\[\&_\[data-tag\=tiny-tag\]_svg\]\:shrink-0 [data-tag=tiny-tag] svg {
@@ -8285,8 +8353,8 @@ video {
8285
8353
  }
8286
8354
 
8287
8355
  .\[\&\:first-of-type_span\]\:rounded-l-sm:first-of-type span {
8288
- border-top-left-radius: var(--tiny-borderRadius-sm, 0.125rem);
8289
- border-bottom-left-radius: var(--tiny-borderRadius-sm, 0.125rem);
8356
+ border-top-left-radius: var(--tiny-borderRadius-sm);
8357
+ border-bottom-left-radius: var(--tiny-borderRadius-sm);
8290
8358
  }
8291
8359
 
8292
8360
  .\[\&\:first-of-type_span\]\:border-l-0\.5:first-of-type span {
@@ -8300,8 +8368,8 @@ video {
8300
8368
  }
8301
8369
 
8302
8370
  .\[\&\:last-of-type_span\]\:rounded-r-sm:last-of-type span {
8303
- border-top-right-radius: var(--tiny-borderRadius-sm, 0.125rem);
8304
- border-bottom-right-radius: var(--tiny-borderRadius-sm, 0.125rem);
8371
+ border-top-right-radius: var(--tiny-borderRadius-sm);
8372
+ border-bottom-right-radius: var(--tiny-borderRadius-sm);
8305
8373
  }
8306
8374
 
8307
8375
  .\[\&\:not\(\:first-of-type\)_span\]\:shadow-\[calc\(-1\*theme\(borderWidth\[0\.5\]\)\)_0_0_0_theme\(colors\.color\.border\.focus\)\]:not(:first-of-type) span {
@@ -8377,7 +8445,7 @@ video {
8377
8445
  }
8378
8446
 
8379
8447
  .\[\&_\>\[data-tag\=\"tiny-carousel-block\"\]\]\:\!rounded-none >[data-tag="tiny-carousel-block"] {
8380
- border-radius: var(--tiny-borderRadius-none, 0.000rem) !important;
8448
+ border-radius: var(--tiny-borderRadius-none) !important;
8381
8449
  }
8382
8450
 
8383
8451
  .\[\&_\[data-tag\=tiny-checkbox\]\]\:p-0 [data-tag=tiny-checkbox] {
@@ -8533,11 +8601,11 @@ video {
8533
8601
  }
8534
8602
  }
8535
8603
 
8536
- .\[\&_\[class\^\=tiny-autocomplete\]\]\:w-full [class^=tiny-autocomplete] {
8604
+ .\[\&_\.tiny-autocomplete\]\:w-full .tiny-autocomplete {
8537
8605
  width: 100%;
8538
8606
  }
8539
8607
 
8540
- .\[\&_\[class\^\=tiny-cascader\]\]\:w-full [class^=tiny-cascader] {
8608
+ .\[\&_\.tiny-cascader\]\:w-full .tiny-cascader {
8541
8609
  width: 100%;
8542
8610
  }
8543
8611