@rovula/ui 0.0.51 → 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 (63) hide show
  1. package/dist/cjs/bundle.css +50 -11
  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 +14 -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 +7 -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 -11
  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 +14 -4
  23. package/dist/index.d.ts +27 -5
  24. package/dist/src/theme/global.css +36 -1164
  25. package/dist/theme/global.css +0 -1
  26. package/package.json +6 -1
  27. package/src/components/Tabs/Tabs.css +21 -0
  28. package/src/components/Tabs/Tabs.stories.tsx +140 -4
  29. package/src/components/Tabs/Tabs.tsx +134 -50
  30. package/src/components/Tree/Tree.stories.tsx +58 -2124
  31. package/src/components/Tree/Tree.tsx +17 -3
  32. package/src/components/Tree/TreeItem.tsx +47 -17
  33. package/src/components/Tree/example-data.ts +2162 -0
  34. package/src/components/Tree/type.ts +18 -4
  35. package/src/theme/global.css +0 -1
  36. package/dist/theme/themes/SKL/baseline.css +0 -12
  37. package/dist/theme/themes/SKL/color.css +0 -78
  38. package/dist/theme/themes/SKL/components/action-button.css +0 -127
  39. package/dist/theme/themes/SKL/components/button.css +0 -512
  40. package/dist/theme/themes/SKL/components/dropdown-menu.css +0 -27
  41. package/dist/theme/themes/SKL/components/loading.css +0 -11
  42. package/dist/theme/themes/SKL/components/navbar.css +0 -8
  43. package/dist/theme/themes/SKL/components/progress-bar.css +0 -8
  44. package/dist/theme/themes/SKL/components/switch.css +0 -30
  45. package/dist/theme/themes/SKL/palette.css +0 -145
  46. package/dist/theme/themes/SKL/state.css +0 -86
  47. package/dist/theme/themes/SKL/transparent.css +0 -68
  48. package/dist/theme/themes/SKL/typography.css +0 -199
  49. package/dist/theme/themes/SKL/variables.css +0 -28
  50. package/src/theme/themes/SKL/baseline.css +0 -12
  51. package/src/theme/themes/SKL/color.css +0 -78
  52. package/src/theme/themes/SKL/components/action-button.css +0 -127
  53. package/src/theme/themes/SKL/components/button.css +0 -512
  54. package/src/theme/themes/SKL/components/dropdown-menu.css +0 -27
  55. package/src/theme/themes/SKL/components/loading.css +0 -11
  56. package/src/theme/themes/SKL/components/navbar.css +0 -8
  57. package/src/theme/themes/SKL/components/progress-bar.css +0 -8
  58. package/src/theme/themes/SKL/components/switch.css +0 -30
  59. package/src/theme/themes/SKL/palette.css +0 -145
  60. package/src/theme/themes/SKL/state.css +0 -86
  61. package/src/theme/themes/SKL/transparent.css +0 -68
  62. package/src/theme/themes/SKL/typography.css +0 -199
  63. package/src/theme/themes/SKL/variables.css +0 -28
package/dist/cjs/bundle.css CHANGED
@@ -1,7 +1,6 @@
1
1
 
2
2
  @import "./tokens/baseline.css";
3
3
  @import "./themes/xspector/baseline.css";
4
- @import "./themes/SKL/baseline.css";
5
4
 
6
5
  /*
7
6
  ! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
@@ -588,15 +587,15 @@ input[type=number] {
588
587
  top: 0px;
589
588
  bottom: 0px;
590
589
  }
591
- .-bottom-\[1px\]{
592
- bottom: -1px;
593
- }
594
590
  .-top-1{
595
591
  top: -0.25rem;
596
592
  }
597
593
  .-top-1\.5{
598
594
  top: -0.375rem;
599
595
  }
596
+ .bottom-0{
597
+ bottom: 0px;
598
+ }
600
599
  .bottom-\[40px\]{
601
600
  bottom: 40px;
602
601
  }
@@ -661,6 +660,10 @@ input[type=number] {
661
660
  margin-left: -0.5rem;
662
661
  margin-right: -0.5rem;
663
662
  }
663
+ .mx-4{
664
+ margin-left: 1rem;
665
+ margin-right: 1rem;
666
+ }
664
667
  .mx-auto{
665
668
  margin-left: auto;
666
669
  margin-right: auto;
@@ -823,9 +826,6 @@ input[type=number] {
823
826
  .h-60{
824
827
  height: 15rem;
825
828
  }
826
- .h-\[1px\]{
827
- height: 1px;
828
- }
829
829
  .h-\[24px\]{
830
830
  height: 24px;
831
831
  }
@@ -884,6 +884,9 @@ input[type=number] {
884
884
  .w-2{
885
885
  width: 0.5rem;
886
886
  }
887
+ .w-3{
888
+ width: 0.75rem;
889
+ }
887
890
  .w-4{
888
891
  width: 1rem;
889
892
  }
@@ -923,6 +926,9 @@ input[type=number] {
923
926
  .w-\[48px\]{
924
927
  width: 48px;
925
928
  }
929
+ .w-\[500px\]{
930
+ width: 500px;
931
+ }
926
932
  .w-\[64px\]{
927
933
  width: 64px;
928
934
  }
@@ -1140,6 +1146,9 @@ input[type=number] {
1140
1146
  .overflow-hidden{
1141
1147
  overflow: hidden;
1142
1148
  }
1149
+ .overflow-x-auto{
1150
+ overflow-x: auto;
1151
+ }
1143
1152
  .overflow-y-auto{
1144
1153
  overflow-y: auto;
1145
1154
  }
@@ -1383,6 +1392,10 @@ input[type=number] {
1383
1392
  --tw-border-opacity: 1;
1384
1393
  border-color: color-mix(in srgb, var(--state-color-secondary-default) calc(100% * var(--tw-border-opacity)), transparent);
1385
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
+ }
1386
1399
  .border-success-stroke{
1387
1400
  --tw-border-opacity: 1;
1388
1401
  border-color: color-mix(in srgb, var(--state-color-success-stroke) calc(100% * var(--tw-border-opacity)), transparent);
@@ -2786,10 +2799,6 @@ input[type=number] {
2786
2799
  .p-8{
2787
2800
  padding: 2rem;
2788
2801
  }
2789
- .px-1{
2790
- padding-left: 0.25rem;
2791
- padding-right: 0.25rem;
2792
- }
2793
2802
  .px-2{
2794
2803
  padding-left: 0.5rem;
2795
2804
  padding-right: 0.5rem;
@@ -3356,6 +3365,14 @@ input[type=number] {
3356
3365
  --tw-text-opacity: 1;
3357
3366
  color: color-mix(in srgb, var(--secondary-foreground) calc(100% * var(--tw-text-opacity)), transparent);
3358
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
+ }
3359
3376
  .text-success{
3360
3377
  --tw-text-opacity: 1;
3361
3378
  color: color-mix(in srgb, var(--state-color-success-default) calc(100% * var(--tw-text-opacity)), transparent);
@@ -5694,3 +5711,25 @@ input[type=number] {
5694
5711
  .\[\&_tr\]\:border-b tr{
5695
5712
  border-bottom-width: 1px;
5696
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
+ }