@rovula/ui 0.0.47 → 0.0.49

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 (45) hide show
  1. package/dist/cjs/bundle.css +32 -4
  2. package/dist/cjs/bundle.js +3 -3
  3. package/dist/cjs/bundle.js.map +1 -1
  4. package/dist/cjs/types/components/Switch/Switch.stories.d.ts +1 -6
  5. package/dist/cjs/types/components/Tree/Tree.d.ts +4 -0
  6. package/dist/cjs/types/components/Tree/Tree.stories.d.ts +12 -0
  7. package/dist/cjs/types/components/Tree/TreeItem.d.ts +4 -0
  8. package/dist/cjs/types/components/Tree/index.d.ts +4 -0
  9. package/dist/cjs/types/components/Tree/type.d.ts +76 -0
  10. package/dist/cjs/types/index.d.ts +1 -0
  11. package/dist/components/Switch/Switch.js +2 -2
  12. package/dist/components/Switch/Switch.stories.js +2 -7
  13. package/dist/components/Tree/Tree.js +104 -0
  14. package/dist/components/Tree/Tree.stories.js +162 -0
  15. package/dist/components/Tree/TreeItem.js +81 -0
  16. package/dist/components/Tree/index.js +4 -0
  17. package/dist/components/Tree/type.js +1 -0
  18. package/dist/esm/bundle.css +32 -4
  19. package/dist/esm/bundle.js +1 -1
  20. package/dist/esm/bundle.js.map +1 -1
  21. package/dist/esm/types/components/Switch/Switch.stories.d.ts +1 -6
  22. package/dist/esm/types/components/Tree/Tree.d.ts +4 -0
  23. package/dist/esm/types/components/Tree/Tree.stories.d.ts +12 -0
  24. package/dist/esm/types/components/Tree/TreeItem.d.ts +4 -0
  25. package/dist/esm/types/components/Tree/index.d.ts +4 -0
  26. package/dist/esm/types/components/Tree/type.d.ts +76 -0
  27. package/dist/esm/types/index.d.ts +1 -0
  28. package/dist/index.d.ts +82 -2
  29. package/dist/index.js +1 -0
  30. package/dist/src/theme/global.css +75 -14
  31. package/dist/theme/themes/SKL/color.css +10 -10
  32. package/dist/theme/themes/xspector/baseline.css +1 -0
  33. package/dist/theme/themes/xspector/components/switch.css +30 -0
  34. package/package.json +1 -1
  35. package/src/components/Switch/Switch.stories.tsx +2 -7
  36. package/src/components/Switch/Switch.tsx +2 -2
  37. package/src/components/Tree/Tree.stories.tsx +288 -0
  38. package/src/components/Tree/Tree.tsx +192 -0
  39. package/src/components/Tree/TreeItem.tsx +231 -0
  40. package/src/components/Tree/index.ts +5 -0
  41. package/src/components/Tree/type.ts +90 -0
  42. package/src/index.ts +1 -0
  43. package/src/theme/themes/SKL/color.css +10 -10
  44. package/src/theme/themes/xspector/baseline.css +1 -0
  45. package/src/theme/themes/xspector/components/switch.css +30 -0
package/dist/cjs/bundle.css CHANGED
@@ -699,6 +699,9 @@ input[type=number] {
699
699
  .mr-4{
700
700
  margin-right: 1rem;
701
701
  }
702
+ .mr-\[2px\]{
703
+ margin-right: 2px;
704
+ }
702
705
  .mt-1{
703
706
  margin-top: 0.25rem;
704
707
  }
@@ -777,6 +780,10 @@ input[type=number] {
777
780
  width: 14px;
778
781
  height: 14px;
779
782
  }
783
+ .size-\[16pt\]{
784
+ width: 16pt;
785
+ height: 16pt;
786
+ }
780
787
  .size-\[30px\]{
781
788
  width: 30px;
782
789
  height: 30px;
@@ -789,6 +796,9 @@ input[type=number] {
789
796
  width: 100%;
790
797
  height: 100%;
791
798
  }
799
+ .h-1\/2{
800
+ height: 50%;
801
+ }
792
802
  .h-10{
793
803
  height: 2.5rem;
794
804
  }
@@ -819,6 +829,9 @@ input[type=number] {
819
829
  .h-\[24px\]{
820
830
  height: 24px;
821
831
  }
832
+ .h-\[2px\]{
833
+ height: 2px;
834
+ }
822
835
  .h-\[32px\]{
823
836
  height: 32px;
824
837
  }
@@ -859,6 +872,9 @@ input[type=number] {
859
872
  .max-h-screen{
860
873
  max-height: 100vh;
861
874
  }
875
+ .min-h-10{
876
+ min-height: 2.5rem;
877
+ }
862
878
  .w-1\/2{
863
879
  width: 50%;
864
880
  }
@@ -1132,6 +1148,9 @@ input[type=number] {
1132
1148
  text-overflow: ellipsis;
1133
1149
  white-space: nowrap;
1134
1150
  }
1151
+ .text-ellipsis{
1152
+ text-overflow: ellipsis;
1153
+ }
1135
1154
  .rounded{
1136
1155
  border-radius: 0.25rem;
1137
1156
  }
@@ -2701,6 +2720,9 @@ input[type=number] {
2701
2720
  .fill-error{
2702
2721
  fill: color-mix(in srgb, var(--state-color-error-default) calc(100% * 1), transparent);
2703
2722
  }
2723
+ .fill-info{
2724
+ fill: color-mix(in srgb, var(--state-color-info-default) calc(100% * 1), transparent);
2725
+ }
2704
2726
  .fill-inherit{
2705
2727
  fill: inherit;
2706
2728
  }
@@ -2719,6 +2741,12 @@ input[type=number] {
2719
2741
  .fill-primary-default{
2720
2742
  fill: color-mix(in srgb, var(--state-color-primary-default) calc(100% * 1), transparent);
2721
2743
  }
2744
+ .fill-secondary{
2745
+ fill: color-mix(in srgb, var(--state-color-secondary-default) calc(100% * 1), transparent);
2746
+ }
2747
+ .fill-warning{
2748
+ fill: color-mix(in srgb, var(--state-color-warning-default) calc(100% * 1), transparent);
2749
+ }
2722
2750
  .stroke-input-default-stroke{
2723
2751
  stroke: color-mix(in srgb, var(--input-color-default-stroke) calc(100% * 1), transparent);
2724
2752
  }
@@ -4974,8 +5002,8 @@ input[type=number] {
4974
5002
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
4975
5003
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
4976
5004
  }
4977
- .group:disabled .group-disabled\:bg-\[--switch-thumb-disabled-color\]{
4978
- background-color: var(--switch-thumb-disabled-color);
5005
+ .group:disabled .group-disabled\:\!bg-\[--switch-thumb-disabled-color\]{
5006
+ background-color: var(--switch-thumb-disabled-color) !important;
4979
5007
  }
4980
5008
  .peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:top-2{
4981
5009
  top: 0.5rem;
@@ -5237,8 +5265,8 @@ input[type=number] {
5237
5265
  .data-\[disabled\]\:\!bg-\[var\(--dropdown-menu-disabled-bg\)\][data-disabled]{
5238
5266
  background-color: var(--dropdown-menu-disabled-bg) !important;
5239
5267
  }
5240
- .data-\[disabled\]\:bg-\[var\(--switch-disabled-color\)\][data-disabled]{
5241
- background-color: var(--switch-disabled-color);
5268
+ .data-\[disabled\]\:\!bg-\[var\(--switch-disabled-color\)\][data-disabled]{
5269
+ background-color: var(--switch-disabled-color) !important;
5242
5270
  }
5243
5271
  .data-\[loading\=true\]\:bg-button-error-flat-active[data-loading=true]{
5244
5272
  --tw-bg-opacity: 1;