@rovula/ui 0.0.52 → 0.0.53

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 (33) hide show
  1. package/dist/cjs/bundle.css +50 -10
  2. package/dist/cjs/bundle.js +2 -2
  3. package/dist/cjs/bundle.js.map +1 -1
  4. package/dist/cjs/types/components/Tabs/Tabs.d.ts +14 -1
  5. package/dist/cjs/types/components/Tabs/Tabs.stories.d.ts +81 -2
  6. package/dist/cjs/types/components/Tree/Tree.stories.d.ts +3 -0
  7. package/dist/cjs/types/components/Tree/example-data.d.ts +5 -0
  8. package/dist/cjs/types/components/Tree/type.d.ts +13 -4
  9. package/dist/components/Tabs/Tabs.js +35 -18
  10. package/dist/components/Tabs/Tabs.stories.js +70 -3
  11. package/dist/components/Tree/Tree.js +6 -4
  12. package/dist/components/Tree/Tree.stories.js +34 -2090
  13. package/dist/components/Tree/TreeItem.js +16 -8
  14. package/dist/components/Tree/example-data.js +2125 -0
  15. package/dist/esm/bundle.css +50 -10
  16. package/dist/esm/bundle.js +2 -2
  17. package/dist/esm/bundle.js.map +1 -1
  18. package/dist/esm/types/components/Tabs/Tabs.d.ts +14 -1
  19. package/dist/esm/types/components/Tabs/Tabs.stories.d.ts +81 -2
  20. package/dist/esm/types/components/Tree/Tree.stories.d.ts +3 -0
  21. package/dist/esm/types/components/Tree/example-data.d.ts +5 -0
  22. package/dist/esm/types/components/Tree/type.d.ts +13 -4
  23. package/dist/index.d.ts +26 -5
  24. package/dist/src/theme/global.css +36 -13
  25. package/package.json +6 -1
  26. package/src/components/Tabs/Tabs.css +21 -0
  27. package/src/components/Tabs/Tabs.stories.tsx +140 -4
  28. package/src/components/Tabs/Tabs.tsx +134 -50
  29. package/src/components/Tree/Tree.stories.tsx +58 -2125
  30. package/src/components/Tree/Tree.tsx +15 -2
  31. package/src/components/Tree/TreeItem.tsx +47 -17
  32. package/src/components/Tree/example-data.ts +2162 -0
  33. package/src/components/Tree/type.ts +17 -4
package/dist/cjs/bundle.css CHANGED
@@ -587,15 +587,15 @@ input[type=number] {
587
587
  top: 0px;
588
588
  bottom: 0px;
589
589
  }
590
- .-bottom-\[1px\]{
591
- bottom: -1px;
592
- }
593
590
  .-top-1{
594
591
  top: -0.25rem;
595
592
  }
596
593
  .-top-1\.5{
597
594
  top: -0.375rem;
598
595
  }
596
+ .bottom-0{
597
+ bottom: 0px;
598
+ }
599
599
  .bottom-\[40px\]{
600
600
  bottom: 40px;
601
601
  }
@@ -660,6 +660,10 @@ input[type=number] {
660
660
  margin-left: -0.5rem;
661
661
  margin-right: -0.5rem;
662
662
  }
663
+ .mx-4{
664
+ margin-left: 1rem;
665
+ margin-right: 1rem;
666
+ }
663
667
  .mx-auto{
664
668
  margin-left: auto;
665
669
  margin-right: auto;
@@ -822,9 +826,6 @@ input[type=number] {
822
826
  .h-60{
823
827
  height: 15rem;
824
828
  }
825
- .h-\[1px\]{
826
- height: 1px;
827
- }
828
829
  .h-\[24px\]{
829
830
  height: 24px;
830
831
  }
@@ -883,6 +884,9 @@ input[type=number] {
883
884
  .w-2{
884
885
  width: 0.5rem;
885
886
  }
887
+ .w-3{
888
+ width: 0.75rem;
889
+ }
886
890
  .w-4{
887
891
  width: 1rem;
888
892
  }
@@ -922,6 +926,9 @@ input[type=number] {
922
926
  .w-\[48px\]{
923
927
  width: 48px;
924
928
  }
929
+ .w-\[500px\]{
930
+ width: 500px;
931
+ }
925
932
  .w-\[64px\]{
926
933
  width: 64px;
927
934
  }
@@ -1139,6 +1146,9 @@ input[type=number] {
1139
1146
  .overflow-hidden{
1140
1147
  overflow: hidden;
1141
1148
  }
1149
+ .overflow-x-auto{
1150
+ overflow-x: auto;
1151
+ }
1142
1152
  .overflow-y-auto{
1143
1153
  overflow-y: auto;
1144
1154
  }
@@ -1382,6 +1392,10 @@ input[type=number] {
1382
1392
  --tw-border-opacity: 1;
1383
1393
  border-color: color-mix(in srgb, var(--state-color-secondary-default) calc(100% * var(--tw-border-opacity)), transparent);
1384
1394
  }
1395
+ .border-state-disable-outline{
1396
+ --tw-border-opacity: 1;
1397
+ border-color: color-mix(in srgb, var(--state-color-disable-outline) calc(100% * var(--tw-border-opacity)), transparent);
1398
+ }
1385
1399
  .border-success-stroke{
1386
1400
  --tw-border-opacity: 1;
1387
1401
  border-color: color-mix(in srgb, var(--state-color-success-stroke) calc(100% * var(--tw-border-opacity)), transparent);
@@ -2785,10 +2799,6 @@ input[type=number] {
2785
2799
  .p-8{
2786
2800
  padding: 2rem;
2787
2801
  }
2788
- .px-1{
2789
- padding-left: 0.25rem;
2790
- padding-right: 0.25rem;
2791
- }
2792
2802
  .px-2{
2793
2803
  padding-left: 0.5rem;
2794
2804
  padding-right: 0.5rem;
@@ -3355,6 +3365,14 @@ input[type=number] {
3355
3365
  --tw-text-opacity: 1;
3356
3366
  color: color-mix(in srgb, var(--secondary-foreground) calc(100% * var(--tw-text-opacity)), transparent);
3357
3367
  }
3368
+ .text-state-disable-outline{
3369
+ --tw-text-opacity: 1;
3370
+ color: color-mix(in srgb, var(--state-color-disable-outline) calc(100% * var(--tw-text-opacity)), transparent);
3371
+ }
3372
+ .text-state-disable-solid{
3373
+ --tw-text-opacity: 1;
3374
+ color: color-mix(in srgb, var(--state-color-disable-solid) calc(100% * var(--tw-text-opacity)), transparent);
3375
+ }
3358
3376
  .text-success{
3359
3377
  --tw-text-opacity: 1;
3360
3378
  color: color-mix(in srgb, var(--state-color-success-default) calc(100% * var(--tw-text-opacity)), transparent);
@@ -5693,3 +5711,25 @@ input[type=number] {
5693
5711
  .\[\&_tr\]\:border-b tr{
5694
5712
  border-bottom-width: 1px;
5695
5713
  }
5714
+
5715
+ /* Scroll bar */
5716
+ .tabs-scrollbar::-webkit-scrollbar {
5717
+ height: 4px;
5718
+ width: 4px;
5719
+ background: rgba(0, 0, 0, 0.08);
5720
+ }
5721
+
5722
+ .tabs-scrollbar::-webkit-scrollbar-thumb {
5723
+ border-radius: 4px;
5724
+ background: rgba(121, 141, 150, 0.48);
5725
+ width: 4px;
5726
+ }
5727
+
5728
+ .tabs-scrollbar::-webkit-scrollbar-thumb:hover {
5729
+ background: rgba(251, 252, 253, 0.48);
5730
+ cursor: pointer
5731
+ }
5732
+
5733
+ .tabs-scrollbar::-webkit-scrollbar-corner {
5734
+ display: none;
5735
+ }