@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.
- package/dist/cjs/bundle.css +175 -26
- package/dist/cjs/bundle.js +675 -675
- package/dist/cjs/bundle.js.map +1 -1
- package/dist/cjs/types/components/Badge/Badge.d.ts +40 -0
- package/dist/cjs/types/components/Badge/Badge.stories.d.ts +295 -0
- package/dist/cjs/types/components/Badge/Badge.styles.d.ts +7 -0
- package/dist/cjs/types/components/Badge/index.d.ts +2 -0
- package/dist/cjs/types/components/Dropdown/Dropdown.d.ts +4 -8
- package/dist/cjs/types/components/Dropdown/Dropdown.stories.d.ts +1 -6
- package/dist/cjs/types/components/DropdownMenu/DropdownMenu.d.ts +5 -1
- package/dist/cjs/types/components/DropdownMenu/DropdownMenu.stories.d.ts +16 -0
- package/dist/cjs/types/index.d.ts +3 -1
- package/dist/cjs/types/patterns/menu/Menu.d.ts +70 -0
- package/dist/cjs/types/{components/Menu → patterns/menu}/Menu.stories.d.ts +17 -10
- package/dist/cjs/types/utils/mergeRefs.d.ts +20 -0
- package/dist/components/Avatar/Avatar.styles.js +2 -2
- package/dist/components/Badge/Badge.js +36 -0
- package/dist/components/Badge/Badge.stories.js +51 -0
- package/dist/components/Badge/Badge.styles.js +62 -0
- package/dist/components/Badge/index.js +2 -0
- package/dist/components/Dropdown/Dropdown.js +54 -163
- package/dist/components/Dropdown/Dropdown.stories.js +29 -0
- package/dist/components/DropdownMenu/DropdownMenu.js +22 -9
- package/dist/components/DropdownMenu/DropdownMenu.stories.js +54 -10
- package/dist/components/TextInput/TextInput.js +6 -3
- package/dist/esm/bundle.css +175 -26
- package/dist/esm/bundle.js +1545 -1545
- package/dist/esm/bundle.js.map +1 -1
- package/dist/esm/types/components/Badge/Badge.d.ts +40 -0
- package/dist/esm/types/components/Badge/Badge.stories.d.ts +295 -0
- package/dist/esm/types/components/Badge/Badge.styles.d.ts +7 -0
- package/dist/esm/types/components/Badge/index.d.ts +2 -0
- package/dist/esm/types/components/Dropdown/Dropdown.d.ts +4 -8
- package/dist/esm/types/components/Dropdown/Dropdown.stories.d.ts +1 -6
- package/dist/esm/types/components/DropdownMenu/DropdownMenu.d.ts +5 -1
- package/dist/esm/types/components/DropdownMenu/DropdownMenu.stories.d.ts +16 -0
- package/dist/esm/types/index.d.ts +3 -1
- package/dist/esm/types/patterns/menu/Menu.d.ts +70 -0
- package/dist/esm/types/{components/Menu → patterns/menu}/Menu.stories.d.ts +17 -10
- package/dist/esm/types/utils/mergeRefs.d.ts +20 -0
- package/dist/index.d.ts +116 -73
- package/dist/index.js +2 -1
- package/dist/patterns/menu/Menu.js +95 -0
- package/dist/patterns/menu/Menu.stories.js +611 -0
- package/dist/src/theme/global.css +289 -37
- package/dist/utils/mergeRefs.js +42 -0
- package/package.json +1 -1
- package/src/components/Avatar/Avatar.styles.ts +2 -2
- package/src/components/Badge/Badge.stories.tsx +128 -0
- package/src/components/Badge/Badge.styles.ts +70 -0
- package/src/components/Badge/Badge.tsx +103 -0
- package/src/components/Badge/index.ts +3 -0
- package/src/components/Dropdown/Dropdown.stories.tsx +170 -1
- package/src/components/Dropdown/Dropdown.tsx +186 -276
- package/src/components/DropdownMenu/DropdownMenu.stories.tsx +1050 -113
- package/src/components/DropdownMenu/DropdownMenu.tsx +116 -52
- package/src/components/TextInput/TextInput.tsx +6 -3
- package/src/index.ts +3 -1
- package/src/patterns/menu/Menu.stories.tsx +1100 -0
- package/src/patterns/menu/Menu.tsx +282 -0
- package/src/theme/themes/xspector/baseline.css +0 -1
- package/src/theme/tokens/baseline.css +2 -1
- package/src/theme/tokens/components/badge.css +54 -0
- package/src/theme/tokens/components/dropdown-menu.css +15 -4
- package/src/utils/mergeRefs.ts +46 -0
- package/dist/cjs/types/components/Menu/Menu.d.ts +0 -65
- package/dist/cjs/types/components/Menu/helpers.d.ts +0 -19
- package/dist/cjs/types/components/Menu/index.d.ts +0 -4
- package/dist/components/Menu/Menu.js +0 -64
- package/dist/components/Menu/Menu.stories.js +0 -406
- package/dist/components/Menu/helpers.js +0 -28
- package/dist/components/Menu/index.js +0 -3
- package/dist/esm/types/components/Menu/Menu.d.ts +0 -65
- package/dist/esm/types/components/Menu/helpers.d.ts +0 -19
- package/dist/esm/types/components/Menu/index.d.ts +0 -4
- package/src/components/Menu/Menu.stories.tsx +0 -586
- package/src/components/Menu/Menu.tsx +0 -235
- package/src/components/Menu/helpers.ts +0 -45
- package/src/components/Menu/index.ts +0 -7
- package/src/theme/themes/xspector/components/dropdown-menu.css +0 -28
package/dist/esm/bundle.css
CHANGED
|
@@ -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-
|
|
3474
|
-
padding-right:
|
|
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;
|