@rovula/ui 0.0.11 → 0.0.13
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 +55 -5
- package/dist/cjs/bundle.js +23 -1
- package/dist/cjs/bundle.js.map +1 -1
- package/dist/cjs/types/components/DataTable/DataTable.d.ts +6 -11
- package/dist/cjs/types/components/DataTable/DataTable.stories.d.ts +3 -0
- package/dist/cjs/types/components/Table/Table.d.ts +3 -1
- package/dist/cjs/types/components/Table/Table.stories.d.ts +4 -1
- package/dist/cjs/types/index.d.ts +2 -1
- package/dist/components/DataTable/DataTable.js +62 -23
- package/dist/components/DataTable/DataTable.stories.js +16 -25
- package/dist/components/Dropdown/Dropdown.js +39 -2
- package/dist/components/Dropdown/Dropdown.stories.js +29 -4
- package/dist/components/Table/Table.js +6 -6
- package/dist/esm/bundle.css +55 -5
- package/dist/esm/bundle.js +23 -1
- package/dist/esm/bundle.js.map +1 -1
- package/dist/esm/types/components/DataTable/DataTable.d.ts +6 -11
- package/dist/esm/types/components/DataTable/DataTable.stories.d.ts +3 -0
- package/dist/esm/types/components/Table/Table.d.ts +3 -1
- package/dist/esm/types/components/Table/Table.stories.d.ts +4 -1
- package/dist/esm/types/index.d.ts +2 -1
- package/dist/index.d.ts +14 -2
- package/dist/index.js +1 -0
- package/dist/src/theme/global.css +71 -6
- package/package.json +2 -1
- package/src/components/DataTable/DataTable.stories.tsx +26 -30
- package/src/components/DataTable/DataTable.tsx +111 -45
- package/src/components/Dropdown/Dropdown.stories.tsx +25 -3
- package/src/components/Dropdown/Dropdown.tsx +61 -2
- package/src/components/Table/Table.tsx +17 -8
- package/src/index.ts +2 -1
- package/dist/cjs/types/components/ui/table.d.ts +0 -10
- package/dist/components/ui/table.js +0 -66
- package/dist/esm/types/components/ui/table.d.ts +0 -10
- package/src/components/ui/table.tsx +0 -117
package/dist/cjs/bundle.css
CHANGED
|
@@ -734,6 +734,9 @@ video {
|
|
|
734
734
|
.relative {
|
|
735
735
|
position: relative;
|
|
736
736
|
}
|
|
737
|
+
.sticky {
|
|
738
|
+
position: sticky;
|
|
739
|
+
}
|
|
737
740
|
.inset-0 {
|
|
738
741
|
inset: 0px;
|
|
739
742
|
}
|
|
@@ -762,6 +765,9 @@ video {
|
|
|
762
765
|
.right-4 {
|
|
763
766
|
right: 1rem;
|
|
764
767
|
}
|
|
768
|
+
.top-0 {
|
|
769
|
+
top: 0px;
|
|
770
|
+
}
|
|
765
771
|
.top-4 {
|
|
766
772
|
top: 1rem;
|
|
767
773
|
}
|
|
@@ -785,6 +791,9 @@ video {
|
|
|
785
791
|
margin-top: auto;
|
|
786
792
|
margin-bottom: auto;
|
|
787
793
|
}
|
|
794
|
+
.ml-3 {
|
|
795
|
+
margin-left: 0.75rem;
|
|
796
|
+
}
|
|
788
797
|
.mr-2 {
|
|
789
798
|
margin-right: 0.5rem;
|
|
790
799
|
}
|
|
@@ -864,21 +873,24 @@ video {
|
|
|
864
873
|
.h-12 {
|
|
865
874
|
height: 3rem;
|
|
866
875
|
}
|
|
867
|
-
.h-24 {
|
|
868
|
-
height: 6rem;
|
|
869
|
-
}
|
|
870
876
|
.h-4 {
|
|
871
877
|
height: 1rem;
|
|
872
878
|
}
|
|
873
879
|
.h-\[54px\] {
|
|
874
880
|
height: 54px;
|
|
875
881
|
}
|
|
882
|
+
.h-full {
|
|
883
|
+
height: 100%;
|
|
884
|
+
}
|
|
876
885
|
.max-h-60 {
|
|
877
886
|
max-height: 15rem;
|
|
878
887
|
}
|
|
879
888
|
.w-4 {
|
|
880
889
|
width: 1rem;
|
|
881
890
|
}
|
|
891
|
+
.w-8 {
|
|
892
|
+
width: 2rem;
|
|
893
|
+
}
|
|
882
894
|
.w-\[100px\] {
|
|
883
895
|
width: 100px;
|
|
884
896
|
}
|
|
@@ -900,12 +912,18 @@ video {
|
|
|
900
912
|
.max-w-lg {
|
|
901
913
|
max-width: 32rem;
|
|
902
914
|
}
|
|
915
|
+
.flex-1 {
|
|
916
|
+
flex: 1 1 0%;
|
|
917
|
+
}
|
|
903
918
|
.shrink-0 {
|
|
904
919
|
flex-shrink: 0;
|
|
905
920
|
}
|
|
906
921
|
.caption-bottom {
|
|
907
922
|
caption-side: bottom;
|
|
908
923
|
}
|
|
924
|
+
.border-collapse {
|
|
925
|
+
border-collapse: collapse;
|
|
926
|
+
}
|
|
909
927
|
.translate-x-\[-50\%\] {
|
|
910
928
|
--tw-translate-x: -50%;
|
|
911
929
|
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));
|
|
@@ -998,15 +1016,24 @@ video {
|
|
|
998
1016
|
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
|
|
999
1017
|
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
|
|
1000
1018
|
}
|
|
1019
|
+
.self-stretch {
|
|
1020
|
+
align-self: stretch;
|
|
1021
|
+
}
|
|
1001
1022
|
.overflow-auto {
|
|
1002
1023
|
overflow: auto;
|
|
1003
1024
|
}
|
|
1025
|
+
.overflow-hidden {
|
|
1026
|
+
overflow: hidden;
|
|
1027
|
+
}
|
|
1004
1028
|
.overflow-x-auto {
|
|
1005
1029
|
overflow-x: auto;
|
|
1006
1030
|
}
|
|
1007
1031
|
.overflow-y-auto {
|
|
1008
1032
|
overflow-y: auto;
|
|
1009
1033
|
}
|
|
1034
|
+
.overflow-y-scroll {
|
|
1035
|
+
overflow-y: scroll;
|
|
1036
|
+
}
|
|
1010
1037
|
.whitespace-nowrap {
|
|
1011
1038
|
white-space: nowrap;
|
|
1012
1039
|
}
|
|
@@ -1155,6 +1182,10 @@ video {
|
|
|
1155
1182
|
--tw-bg-opacity: 1;
|
|
1156
1183
|
background-color: rgb(var(--secondary-110) / var(--tw-bg-opacity));
|
|
1157
1184
|
}
|
|
1185
|
+
.bg-secondary-80 {
|
|
1186
|
+
--tw-bg-opacity: 1;
|
|
1187
|
+
background-color: rgb(var(--secondary-80) / var(--tw-bg-opacity));
|
|
1188
|
+
}
|
|
1158
1189
|
.bg-success {
|
|
1159
1190
|
--tw-bg-opacity: 1;
|
|
1160
1191
|
background-color: rgb(var(--success-default) / var(--tw-bg-opacity));
|
|
@@ -1245,6 +1276,10 @@ video {
|
|
|
1245
1276
|
padding-top: 0.5rem;
|
|
1246
1277
|
padding-bottom: 0.5rem;
|
|
1247
1278
|
}
|
|
1279
|
+
.py-3 {
|
|
1280
|
+
padding-top: 0.75rem;
|
|
1281
|
+
padding-bottom: 0.75rem;
|
|
1282
|
+
}
|
|
1248
1283
|
.py-4 {
|
|
1249
1284
|
padding-top: 1rem;
|
|
1250
1285
|
padding-bottom: 1rem;
|
|
@@ -1451,6 +1486,10 @@ video {
|
|
|
1451
1486
|
--tw-text-opacity: 1;
|
|
1452
1487
|
color: rgb(var(--secondary-110) / var(--tw-text-opacity));
|
|
1453
1488
|
}
|
|
1489
|
+
.text-secondary-120 {
|
|
1490
|
+
--tw-text-opacity: 1;
|
|
1491
|
+
color: rgb(var(--secondary-120) / var(--tw-text-opacity));
|
|
1492
|
+
}
|
|
1454
1493
|
.text-secondary-130 {
|
|
1455
1494
|
--tw-text-opacity: 1;
|
|
1456
1495
|
color: rgb(var(--secondary-130) / var(--tw-text-opacity));
|
|
@@ -1487,6 +1526,10 @@ video {
|
|
|
1487
1526
|
--tw-text-opacity: 1;
|
|
1488
1527
|
color: rgb(var(--text-grey-light) / var(--tw-text-opacity));
|
|
1489
1528
|
}
|
|
1529
|
+
.text-textcolor-grey-medium {
|
|
1530
|
+
--tw-text-opacity: 1;
|
|
1531
|
+
color: rgb(var(--text-grey-medium) / var(--tw-text-opacity));
|
|
1532
|
+
}
|
|
1490
1533
|
.text-warning {
|
|
1491
1534
|
--tw-text-opacity: 1;
|
|
1492
1535
|
color: rgb(var(--warning-default) / var(--tw-text-opacity));
|
|
@@ -1970,6 +2013,10 @@ video {
|
|
|
1970
2013
|
--tw-bg-opacity: 1;
|
|
1971
2014
|
background-color: rgb(var(--primary-default) / var(--tw-bg-opacity));
|
|
1972
2015
|
}
|
|
2016
|
+
.data-\[state\=selected\]\:bg-grey-20[data-state=selected] {
|
|
2017
|
+
--tw-bg-opacity: 1;
|
|
2018
|
+
background-color: rgb(var(--grey-20) / var(--tw-bg-opacity));
|
|
2019
|
+
}
|
|
1973
2020
|
.data-\[state\=checked\]\:text-primary-foreground[data-state=checked] {
|
|
1974
2021
|
--tw-text-opacity: 1;
|
|
1975
2022
|
color: rgb(var(--primary-foreground) / var(--tw-text-opacity));
|
|
@@ -2006,8 +2053,11 @@ video {
|
|
|
2006
2053
|
text-align: left;
|
|
2007
2054
|
}
|
|
2008
2055
|
}
|
|
2009
|
-
.\[\&\:has\(\[role\=checkbox\]\)\]\:
|
|
2010
|
-
|
|
2056
|
+
.\[\&\:has\(\[role\=checkbox\]\)\]\:w-4:has([role=checkbox]) {
|
|
2057
|
+
width: 1rem;
|
|
2058
|
+
}
|
|
2059
|
+
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-4:has([role=checkbox]) {
|
|
2060
|
+
padding-right: 1rem;
|
|
2011
2061
|
}
|
|
2012
2062
|
.\[\&\>tr\]\:last\:border-b-0:last-child>tr {
|
|
2013
2063
|
border-bottom-width: 0px;
|