@rovula/ui 0.0.11 → 0.0.12

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 (31) hide show
  1. package/dist/cjs/bundle.css +55 -5
  2. package/dist/cjs/bundle.js +23 -1
  3. package/dist/cjs/bundle.js.map +1 -1
  4. package/dist/cjs/types/components/DataTable/DataTable.d.ts +6 -11
  5. package/dist/cjs/types/components/DataTable/DataTable.stories.d.ts +3 -0
  6. package/dist/cjs/types/components/Table/Table.d.ts +3 -1
  7. package/dist/cjs/types/components/Table/Table.stories.d.ts +4 -1
  8. package/dist/cjs/types/index.d.ts +2 -1
  9. package/dist/components/DataTable/DataTable.js +62 -23
  10. package/dist/components/DataTable/DataTable.stories.js +16 -25
  11. package/dist/components/Table/Table.js +6 -6
  12. package/dist/esm/bundle.css +55 -5
  13. package/dist/esm/bundle.js +23 -1
  14. package/dist/esm/bundle.js.map +1 -1
  15. package/dist/esm/types/components/DataTable/DataTable.d.ts +6 -11
  16. package/dist/esm/types/components/DataTable/DataTable.stories.d.ts +3 -0
  17. package/dist/esm/types/components/Table/Table.d.ts +3 -1
  18. package/dist/esm/types/components/Table/Table.stories.d.ts +4 -1
  19. package/dist/esm/types/index.d.ts +2 -1
  20. package/dist/index.d.ts +14 -2
  21. package/dist/index.js +1 -0
  22. package/dist/src/theme/global.css +71 -6
  23. package/package.json +2 -1
  24. package/src/components/DataTable/DataTable.stories.tsx +26 -30
  25. package/src/components/DataTable/DataTable.tsx +111 -45
  26. package/src/components/Table/Table.tsx +17 -8
  27. package/src/index.ts +2 -1
  28. package/dist/cjs/types/components/ui/table.d.ts +0 -10
  29. package/dist/components/ui/table.js +0 -66
  30. package/dist/esm/types/components/ui/table.d.ts +0 -10
  31. package/src/components/ui/table.tsx +0 -117
@@ -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\]\)\]\:pr-0:has([role=checkbox]) {
2010
- padding-right: 0px;
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;