@rovula/ui 0.1.21 → 0.1.22

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.
Files changed (80) hide show
  1. package/dist/cjs/bundle.css +175 -26
  2. package/dist/cjs/bundle.js +675 -675
  3. package/dist/cjs/bundle.js.map +1 -1
  4. package/dist/cjs/types/components/Badge/Badge.d.ts +40 -0
  5. package/dist/cjs/types/components/Badge/Badge.stories.d.ts +295 -0
  6. package/dist/cjs/types/components/Badge/Badge.styles.d.ts +7 -0
  7. package/dist/cjs/types/components/Badge/index.d.ts +2 -0
  8. package/dist/cjs/types/components/Dropdown/Dropdown.d.ts +4 -8
  9. package/dist/cjs/types/components/Dropdown/Dropdown.stories.d.ts +1 -6
  10. package/dist/cjs/types/components/DropdownMenu/DropdownMenu.d.ts +5 -1
  11. package/dist/cjs/types/components/DropdownMenu/DropdownMenu.stories.d.ts +16 -0
  12. package/dist/cjs/types/index.d.ts +3 -1
  13. package/dist/cjs/types/patterns/menu/Menu.d.ts +70 -0
  14. package/dist/cjs/types/{components/Menu → patterns/menu}/Menu.stories.d.ts +17 -10
  15. package/dist/cjs/types/utils/mergeRefs.d.ts +20 -0
  16. package/dist/components/Avatar/Avatar.styles.js +2 -2
  17. package/dist/components/Badge/Badge.js +36 -0
  18. package/dist/components/Badge/Badge.stories.js +51 -0
  19. package/dist/components/Badge/Badge.styles.js +62 -0
  20. package/dist/components/Badge/index.js +2 -0
  21. package/dist/components/Dropdown/Dropdown.js +54 -163
  22. package/dist/components/Dropdown/Dropdown.stories.js +29 -0
  23. package/dist/components/DropdownMenu/DropdownMenu.js +22 -9
  24. package/dist/components/DropdownMenu/DropdownMenu.stories.js +54 -10
  25. package/dist/components/TextInput/TextInput.js +6 -3
  26. package/dist/esm/bundle.css +175 -26
  27. package/dist/esm/bundle.js +1545 -1545
  28. package/dist/esm/bundle.js.map +1 -1
  29. package/dist/esm/types/components/Badge/Badge.d.ts +40 -0
  30. package/dist/esm/types/components/Badge/Badge.stories.d.ts +295 -0
  31. package/dist/esm/types/components/Badge/Badge.styles.d.ts +7 -0
  32. package/dist/esm/types/components/Badge/index.d.ts +2 -0
  33. package/dist/esm/types/components/Dropdown/Dropdown.d.ts +4 -8
  34. package/dist/esm/types/components/Dropdown/Dropdown.stories.d.ts +1 -6
  35. package/dist/esm/types/components/DropdownMenu/DropdownMenu.d.ts +5 -1
  36. package/dist/esm/types/components/DropdownMenu/DropdownMenu.stories.d.ts +16 -0
  37. package/dist/esm/types/index.d.ts +3 -1
  38. package/dist/esm/types/patterns/menu/Menu.d.ts +70 -0
  39. package/dist/esm/types/{components/Menu → patterns/menu}/Menu.stories.d.ts +17 -10
  40. package/dist/esm/types/utils/mergeRefs.d.ts +20 -0
  41. package/dist/index.d.ts +116 -73
  42. package/dist/index.js +2 -1
  43. package/dist/patterns/menu/Menu.js +95 -0
  44. package/dist/patterns/menu/Menu.stories.js +611 -0
  45. package/dist/src/theme/global.css +289 -37
  46. package/dist/utils/mergeRefs.js +42 -0
  47. package/package.json +1 -1
  48. package/src/components/Avatar/Avatar.styles.ts +2 -2
  49. package/src/components/Badge/Badge.stories.tsx +128 -0
  50. package/src/components/Badge/Badge.styles.ts +70 -0
  51. package/src/components/Badge/Badge.tsx +103 -0
  52. package/src/components/Badge/index.ts +3 -0
  53. package/src/components/Dropdown/Dropdown.stories.tsx +170 -1
  54. package/src/components/Dropdown/Dropdown.tsx +186 -276
  55. package/src/components/DropdownMenu/DropdownMenu.stories.tsx +1050 -113
  56. package/src/components/DropdownMenu/DropdownMenu.tsx +116 -52
  57. package/src/components/TextInput/TextInput.tsx +6 -3
  58. package/src/index.ts +3 -1
  59. package/src/patterns/menu/Menu.stories.tsx +1100 -0
  60. package/src/patterns/menu/Menu.tsx +282 -0
  61. package/src/theme/themes/xspector/baseline.css +0 -1
  62. package/src/theme/tokens/baseline.css +2 -1
  63. package/src/theme/tokens/components/badge.css +54 -0
  64. package/src/theme/tokens/components/dropdown-menu.css +15 -4
  65. package/src/utils/mergeRefs.ts +46 -0
  66. package/dist/cjs/types/components/Menu/Menu.d.ts +0 -65
  67. package/dist/cjs/types/components/Menu/helpers.d.ts +0 -19
  68. package/dist/cjs/types/components/Menu/index.d.ts +0 -4
  69. package/dist/components/Menu/Menu.js +0 -64
  70. package/dist/components/Menu/Menu.stories.js +0 -406
  71. package/dist/components/Menu/helpers.js +0 -28
  72. package/dist/components/Menu/index.js +0 -3
  73. package/dist/esm/types/components/Menu/Menu.d.ts +0 -65
  74. package/dist/esm/types/components/Menu/helpers.d.ts +0 -19
  75. package/dist/esm/types/components/Menu/index.d.ts +0 -4
  76. package/src/components/Menu/Menu.stories.tsx +0 -586
  77. package/src/components/Menu/Menu.tsx +0 -235
  78. package/src/components/Menu/helpers.ts +0 -45
  79. package/src/components/Menu/index.ts +0 -7
  80. package/src/theme/themes/xspector/components/dropdown-menu.css +0 -28
@@ -631,9 +631,6 @@ input[type=number] {
631
631
  .bottom-\[40px\]{
632
632
  bottom: 40px;
633
633
  }
634
- .bottom-full{
635
- bottom: 100%;
636
- }
637
634
  .left-0{
638
635
  left: 0px;
639
636
  }
@@ -706,9 +703,6 @@ input[type=number] {
706
703
  .z-10{
707
704
  z-index: 10;
708
705
  }
709
- .z-40{
710
- z-index: 40;
711
- }
712
706
  .z-50{
713
707
  z-index: 50;
714
708
  }
@@ -718,16 +712,15 @@ input[type=number] {
718
712
  .z-\[100\]{
719
713
  z-index: 100;
720
714
  }
715
+ .z-\[51\]{
716
+ z-index: 51;
717
+ }
721
718
  .col-span-3{
722
719
  grid-column: span 3 / span 3;
723
720
  }
724
721
  .m-0{
725
722
  margin: 0px;
726
723
  }
727
- .-mx-2{
728
- margin-left: -0.5rem;
729
- margin-right: -0.5rem;
730
- }
731
724
  .mx-2{
732
725
  margin-left: 0.5rem;
733
726
  margin-right: 0.5rem;
@@ -760,6 +753,9 @@ input[type=number] {
760
753
  .mb-2{
761
754
  margin-bottom: 0.5rem;
762
755
  }
756
+ .mb-3{
757
+ margin-bottom: 0.75rem;
758
+ }
763
759
  .mb-4{
764
760
  margin-bottom: 1rem;
765
761
  }
@@ -817,6 +813,9 @@ input[type=number] {
817
813
  .inline-block{
818
814
  display: inline-block;
819
815
  }
816
+ .inline{
817
+ display: inline;
818
+ }
820
819
  .flex{
821
820
  display: flex;
822
821
  }
@@ -1022,9 +1021,6 @@ input[type=number] {
1022
1021
  .w-10{
1023
1022
  width: 2.5rem;
1024
1023
  }
1025
- .w-2{
1026
- width: 0.5rem;
1027
- }
1028
1024
  .w-20{
1029
1025
  width: 5rem;
1030
1026
  }
@@ -1040,6 +1036,9 @@ input[type=number] {
1040
1036
  .w-5{
1041
1037
  width: 1.25rem;
1042
1038
  }
1039
+ .w-52{
1040
+ width: 13rem;
1041
+ }
1043
1042
  .w-6{
1044
1043
  width: 1.5rem;
1045
1044
  }
@@ -1061,6 +1060,9 @@ input[type=number] {
1061
1060
  .w-\[200px\]{
1062
1061
  width: 200px;
1063
1062
  }
1063
+ .w-\[220px\]{
1064
+ width: 220px;
1065
+ }
1064
1066
  .w-\[230px\]{
1065
1067
  width: 230px;
1066
1068
  }
@@ -1203,6 +1205,9 @@ input[type=number] {
1203
1205
  .cursor-default{
1204
1206
  cursor: default;
1205
1207
  }
1208
+ .cursor-grab{
1209
+ cursor: grab;
1210
+ }
1206
1211
  .cursor-not-allowed{
1207
1212
  cursor: not-allowed;
1208
1213
  }
@@ -1307,6 +1312,9 @@ input[type=number] {
1307
1312
  .gap-0{
1308
1313
  gap: 0px;
1309
1314
  }
1315
+ .gap-0\.5{
1316
+ gap: 0.125rem;
1317
+ }
1310
1318
  .gap-1{
1311
1319
  gap: 0.25rem;
1312
1320
  }
@@ -1433,6 +1441,9 @@ input[type=number] {
1433
1441
  .rounded-\[1px\]{
1434
1442
  border-radius: 1px;
1435
1443
  }
1444
+ .rounded-\[2px\]{
1445
+ border-radius: 2px;
1446
+ }
1436
1447
  .rounded-\[8px\]{
1437
1448
  border-radius: 8px;
1438
1449
  }
@@ -1588,6 +1599,30 @@ input[type=number] {
1588
1599
  --tw-border-opacity: 1 !important;
1589
1600
  border-color: color-mix(in srgb, var(--function-default-hover) calc(100% * var(--tw-border-opacity, 1)), transparent) !important;
1590
1601
  }
1602
+ .border-\[var\(--badge-default-border\)\]{
1603
+ border-color: var(--badge-default-border);
1604
+ }
1605
+ .border-\[var\(--badge-error-border\)\]{
1606
+ border-color: var(--badge-error-border);
1607
+ }
1608
+ .border-\[var\(--badge-info-border\)\]{
1609
+ border-color: var(--badge-info-border);
1610
+ }
1611
+ .border-\[var\(--badge-success-border\)\]{
1612
+ border-color: var(--badge-success-border);
1613
+ }
1614
+ .border-\[var\(--badge-warning-border\)\]{
1615
+ border-color: var(--badge-warning-border);
1616
+ }
1617
+ .border-\[var\(--dropdown-menu-checkbox-border\)\]{
1618
+ border-color: var(--dropdown-menu-checkbox-border);
1619
+ }
1620
+ .border-\[var\(--dropdown-menu-checkbox-checked-bg\)\]{
1621
+ border-color: var(--dropdown-menu-checkbox-checked-bg);
1622
+ }
1623
+ .border-\[var\(--dropdown-menu-checkbox-disabled-border\)\]{
1624
+ border-color: var(--dropdown-menu-checkbox-disabled-border);
1625
+ }
1591
1626
  .border-\[var\(--dropdown-menu-seperator-bg\)\]{
1592
1627
  border-color: var(--dropdown-menu-seperator-bg);
1593
1628
  }
@@ -1857,9 +1892,48 @@ input[type=number] {
1857
1892
  .bg-\[rgb\(var\(--navbar-bg-color\)\)\]{
1858
1893
  background-color: rgb(var(--navbar-bg-color));
1859
1894
  }
1895
+ .bg-\[var\(--badge-default-bg\)\]{
1896
+ background-color: var(--badge-default-bg);
1897
+ }
1898
+ .bg-\[var\(--badge-error-bg\)\]{
1899
+ background-color: var(--badge-error-bg);
1900
+ }
1901
+ .bg-\[var\(--badge-info-bg\)\]{
1902
+ background-color: var(--badge-info-bg);
1903
+ }
1904
+ .bg-\[var\(--badge-severity-high-bg\)\]{
1905
+ background-color: var(--badge-severity-high-bg);
1906
+ }
1907
+ .bg-\[var\(--badge-severity-highest-bg\)\]{
1908
+ background-color: var(--badge-severity-highest-bg);
1909
+ }
1910
+ .bg-\[var\(--badge-severity-low-bg\)\]{
1911
+ background-color: var(--badge-severity-low-bg);
1912
+ }
1913
+ .bg-\[var\(--badge-severity-lowest-bg\)\]{
1914
+ background-color: var(--badge-severity-lowest-bg);
1915
+ }
1916
+ .bg-\[var\(--badge-severity-medium-bg\)\]{
1917
+ background-color: var(--badge-severity-medium-bg);
1918
+ }
1919
+ .bg-\[var\(--badge-success-bg\)\]{
1920
+ background-color: var(--badge-success-bg);
1921
+ }
1922
+ .bg-\[var\(--badge-warning-bg\)\]{
1923
+ background-color: var(--badge-warning-bg);
1924
+ }
1925
+ .bg-\[var\(--dropdown-menu-checkbox-checked-bg\)\]{
1926
+ background-color: var(--dropdown-menu-checkbox-checked-bg);
1927
+ }
1928
+ .bg-\[var\(--dropdown-menu-checkbox-disabled-checked-bg\)\]{
1929
+ background-color: var(--dropdown-menu-checkbox-disabled-checked-bg);
1930
+ }
1860
1931
  .bg-\[var\(--dropdown-menu-default-bg\)\]{
1861
1932
  background-color: var(--dropdown-menu-default-bg);
1862
1933
  }
1934
+ .bg-\[var\(--dropdown-menu-hover-bg\)\]{
1935
+ background-color: var(--dropdown-menu-hover-bg);
1936
+ }
1863
1937
  .bg-\[var\(--dropdown-menu-selected-bg\)\]{
1864
1938
  background-color: var(--dropdown-menu-selected-bg);
1865
1939
  }
@@ -1985,6 +2059,9 @@ input[type=number] {
1985
2059
  --tw-bg-opacity: 1;
1986
2060
  background-color: color-mix(in srgb, var(--transparent-black-8) calc(100% * var(--tw-bg-opacity, 1)), transparent);
1987
2061
  }
2062
+ .bg-blue-400\/10{
2063
+ background-color: rgb(96 165 250 / 0.1);
2064
+ }
1988
2065
  .bg-button-error-flat-default{
1989
2066
  --tw-bg-opacity: 1;
1990
2067
  background-color: color-mix(in srgb, var(--button-error-flat-default-bg) calc(100% * var(--tw-bg-opacity, 1)), transparent);
@@ -2205,6 +2282,9 @@ input[type=number] {
2205
2282
  --tw-bg-opacity: 1;
2206
2283
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
2207
2284
  }
2285
+ .bg-green-400\/10{
2286
+ background-color: rgb(74 222 128 / 0.1);
2287
+ }
2208
2288
  .bg-green-500{
2209
2289
  --tw-bg-opacity: 1;
2210
2290
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
@@ -2624,6 +2704,9 @@ input[type=number] {
2624
2704
  --tw-bg-opacity: 1;
2625
2705
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
2626
2706
  }
2707
+ .bg-red-400\/10{
2708
+ background-color: rgb(248 113 113 / 0.1);
2709
+ }
2627
2710
  .bg-secondary{
2628
2711
  --tw-bg-opacity: 1;
2629
2712
  background-color: color-mix(in srgb, var(--state-secondary-default) calc(100% * var(--tw-bg-opacity, 1)), transparent);
@@ -3103,6 +3186,9 @@ input[type=number] {
3103
3186
  --tw-bg-opacity: 1;
3104
3187
  background-color: color-mix(in srgb, var(--transparent-white-8) calc(100% * var(--tw-bg-opacity, 1)), transparent);
3105
3188
  }
3189
+ .bg-yellow-400\/10{
3190
+ background-color: rgb(250 204 21 / 0.1);
3191
+ }
3106
3192
  .bg-gradient-to-r{
3107
3193
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
3108
3194
  }
@@ -3366,6 +3452,10 @@ input[type=number] {
3366
3452
  padding-left: 8px;
3367
3453
  padding-right: 8px;
3368
3454
  }
3455
+ .py-0\.5{
3456
+ padding-top: 0.125rem;
3457
+ padding-bottom: 0.125rem;
3458
+ }
3369
3459
  .py-1{
3370
3460
  padding-top: 0.25rem;
3371
3461
  padding-bottom: 0.25rem;
@@ -3461,17 +3551,17 @@ input[type=number] {
3461
3551
  .pe-\[68px\]{
3462
3552
  padding-inline-end: 68px;
3463
3553
  }
3554
+ .pl-4{
3555
+ padding-left: 1rem;
3556
+ }
3464
3557
  .pl-8{
3465
3558
  padding-left: 2rem;
3466
3559
  }
3467
- .pl-9{
3468
- padding-left: 2.25rem;
3469
- }
3470
3560
  .pr-4{
3471
3561
  padding-right: 1rem;
3472
3562
  }
3473
- .pr-xxl{
3474
- padding-right: var(--spacing-spacing-xxl);
3563
+ .pr-8{
3564
+ padding-right: 2rem;
3475
3565
  }
3476
3566
  .pt-2{
3477
3567
  padding-top: 0.5rem;
@@ -3683,6 +3773,10 @@ input[type=number] {
3683
3773
  .capitalize{
3684
3774
  text-transform: capitalize;
3685
3775
  }
3776
+ .tabular-nums{
3777
+ --tw-numeric-spacing: tabular-nums;
3778
+ font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
3779
+ }
3686
3780
  .leading-\[3rem\]{
3687
3781
  line-height: 3rem;
3688
3782
  }
@@ -3729,9 +3823,39 @@ input[type=number] {
3729
3823
  .text-\[rgb\(var\(--navbar-text-color\)\)\]{
3730
3824
  color: rgb(var(--navbar-text-color));
3731
3825
  }
3826
+ .text-\[var\(--badge-default-text\)\]{
3827
+ color: var(--badge-default-text);
3828
+ }
3829
+ .text-\[var\(--badge-error-text\)\]{
3830
+ color: var(--badge-error-text);
3831
+ }
3832
+ .text-\[var\(--badge-info-text\)\]{
3833
+ color: var(--badge-info-text);
3834
+ }
3835
+ .text-\[var\(--badge-severity-text\)\]{
3836
+ color: var(--badge-severity-text);
3837
+ }
3838
+ .text-\[var\(--badge-success-text\)\]{
3839
+ color: var(--badge-success-text);
3840
+ }
3841
+ .text-\[var\(--badge-warning-text\)\]{
3842
+ color: var(--badge-warning-text);
3843
+ }
3844
+ .text-\[var\(--dropdown-menu-checkbox-checked-bg\)\]{
3845
+ color: var(--dropdown-menu-checkbox-checked-bg);
3846
+ }
3847
+ .text-\[var\(--dropdown-menu-checkbox-checked-icon\)\]{
3848
+ color: var(--dropdown-menu-checkbox-checked-icon);
3849
+ }
3732
3850
  .text-\[var\(--dropdown-menu-default-text\)\]{
3733
3851
  color: var(--dropdown-menu-default-text);
3734
3852
  }
3853
+ .text-\[var\(--dropdown-menu-hover-text\)\]{
3854
+ color: var(--dropdown-menu-hover-text);
3855
+ }
3856
+ .text-\[var\(--dropdown-menu-radio-selected-disabled-text\)\]{
3857
+ color: var(--dropdown-menu-radio-selected-disabled-text);
3858
+ }
3735
3859
  .text-\[var\(--dropdown-menu-selected-text\)\]{
3736
3860
  color: var(--dropdown-menu-selected-text);
3737
3861
  }
@@ -3784,6 +3908,10 @@ input[type=number] {
3784
3908
  --tw-text-opacity: 1;
3785
3909
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
3786
3910
  }
3911
+ .text-blue-400{
3912
+ --tw-text-opacity: 1;
3913
+ color: rgb(96 165 250 / var(--tw-text-opacity, 1));
3914
+ }
3787
3915
  .text-blue-500{
3788
3916
  --tw-text-opacity: 1;
3789
3917
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
@@ -3907,6 +4035,10 @@ input[type=number] {
3907
4035
  --tw-text-opacity: 1;
3908
4036
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
3909
4037
  }
4038
+ .text-green-400{
4039
+ --tw-text-opacity: 1;
4040
+ color: rgb(74 222 128 / var(--tw-text-opacity, 1));
4041
+ }
3910
4042
  .text-green-500{
3911
4043
  --tw-text-opacity: 1;
3912
4044
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
@@ -3946,6 +4078,10 @@ input[type=number] {
3946
4078
  --tw-text-opacity: 1;
3947
4079
  color: color-mix(in srgb, var(--state-primary-default) calc(100% * var(--tw-text-opacity, 1)), transparent);
3948
4080
  }
4081
+ .text-red-400{
4082
+ --tw-text-opacity: 1;
4083
+ color: rgb(248 113 113 / var(--tw-text-opacity, 1));
4084
+ }
3949
4085
  .text-red-500{
3950
4086
  --tw-text-opacity: 1;
3951
4087
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
@@ -4010,6 +4146,10 @@ input[type=number] {
4010
4146
  --tw-text-opacity: 1;
4011
4147
  color: color-mix(in srgb, var(--text-g-contrast-medium) calc(100% * var(--tw-text-opacity, 1)), transparent);
4012
4148
  }
4149
+ .text-text-white{
4150
+ --tw-text-opacity: 1;
4151
+ color: color-mix(in srgb, var(--text-white) calc(100% * var(--tw-text-opacity, 1)), transparent);
4152
+ }
4013
4153
  .text-warning{
4014
4154
  --tw-text-opacity: 1;
4015
4155
  color: color-mix(in srgb, var(--state-warning-default) calc(100% * var(--tw-text-opacity, 1)), transparent);
@@ -4018,6 +4158,10 @@ input[type=number] {
4018
4158
  --tw-text-opacity: 1;
4019
4159
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
4020
4160
  }
4161
+ .text-yellow-400{
4162
+ --tw-text-opacity: 1;
4163
+ color: rgb(250 204 21 / var(--tw-text-opacity, 1));
4164
+ }
4021
4165
  .underline{
4022
4166
  text-decoration-line: underline;
4023
4167
  }
@@ -4030,9 +4174,6 @@ input[type=number] {
4030
4174
  .opacity-0{
4031
4175
  opacity: 0;
4032
4176
  }
4033
- .opacity-50{
4034
- opacity: 0.5;
4035
- }
4036
4177
  .opacity-60{
4037
4178
  opacity: 0.6;
4038
4179
  }
@@ -4979,9 +5120,16 @@ input[type=number] {
4979
5120
  --tw-text-opacity: 1;
4980
5121
  color: color-mix(in srgb, var(--input-filled-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
4981
5122
  }
5123
+ .hover\:text-text-g-contrast-high:hover{
5124
+ --tw-text-opacity: 1;
5125
+ color: color-mix(in srgb, var(--text-g-contrast-high) calc(100% * var(--tw-text-opacity, 1)), transparent);
5126
+ }
4982
5127
  .hover\:opacity-100:hover{
4983
5128
  opacity: 1;
4984
5129
  }
5130
+ .hover\:opacity-80:hover{
5131
+ opacity: 0.8;
5132
+ }
4985
5133
  .hover\:ring-\[var\(--action-button-outline-active-hover-border\)\]:hover{
4986
5134
  --tw-ring-color: var(--action-button-outline-active-hover-border);
4987
5135
  }
@@ -6342,6 +6490,9 @@ input[type=number] {
6342
6490
  .data-\[disabled\]\:\!text-\[var\(--dropdown-menu-disabled-text\)\][data-disabled]{
6343
6491
  color: var(--dropdown-menu-disabled-text) !important;
6344
6492
  }
6493
+ .data-\[disabled\]\:\!text-\[var\(--dropdown-menu-radio-disabled-text\)\][data-disabled]{
6494
+ color: var(--dropdown-menu-radio-disabled-text) !important;
6495
+ }
6345
6496
  .data-\[disabled\]\:\!text-state-disable-outline[data-disabled]{
6346
6497
  --tw-text-opacity: 1 !important;
6347
6498
  color: color-mix(in srgb, var(--state-disable-outline) calc(100% * var(--tw-text-opacity, 1)), transparent) !important;
@@ -6430,6 +6581,9 @@ input[type=number] {
6430
6581
  --tw-text-opacity: 1;
6431
6582
  color: color-mix(in srgb, var(--button-warning-solid-active-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
6432
6583
  }
6584
+ .data-\[state\=\'checked\'\]\:data-\[disabled\]\:\!text-\[var\(--dropdown-menu-radio-selected-disabled-text\)\][data-disabled][data-state='checked']{
6585
+ color: var(--dropdown-menu-radio-selected-disabled-text) !important;
6586
+ }
6433
6587
  .data-\[state\=\'checked\'\]\:text-\[var\(--dropdown-menu-selected-text\)\][data-state='checked']{
6434
6588
  color: var(--dropdown-menu-selected-text);
6435
6589
  }
@@ -6458,11 +6612,6 @@ input[type=number] {
6458
6612
  .data-\[swipe\=move\]\:transition-none[data-swipe="move"]{
6459
6613
  transition-property: none;
6460
6614
  }
6461
- .data-\[state\=\'checked\'\]\:typography-subtitle5[data-state='checked']{
6462
- font-size: var(--subtitle5-size, 14px);
6463
- line-height: var(--subtitle5-line-height, 22px);
6464
- font-weight: var(--subtitle5-weight, 500);
6465
- }
6466
6615
  .data-\[disabled\]\:before\:\!bg-\[var\(--switch-disabled-color\)\][data-disabled]::before{
6467
6616
  content: var(--tw-content);
6468
6617
  background-color: var(--switch-disabled-color) !important;