@rovula/ui 0.0.78 → 0.0.79

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 (42) hide show
  1. package/dist/cjs/bundle.css +15 -3
  2. package/dist/cjs/bundle.js +3 -3
  3. package/dist/cjs/bundle.js.map +1 -1
  4. package/dist/cjs/types/components/Dropdown/Dropdown.d.ts +3 -0
  5. package/dist/cjs/types/components/Dropdown/Dropdown.stories.d.ts +5 -1
  6. package/dist/cjs/types/components/Menu/Menu.d.ts +65 -0
  7. package/dist/cjs/types/components/Menu/Menu.stories.d.ts +31 -0
  8. package/dist/cjs/types/components/Menu/helpers.d.ts +19 -0
  9. package/dist/cjs/types/components/Menu/index.d.ts +4 -0
  10. package/dist/cjs/types/components/Search/Search.d.ts +46 -3
  11. package/dist/cjs/types/components/Search/Search.stories.d.ts +46 -27
  12. package/dist/cjs/types/index.d.ts +1 -0
  13. package/dist/components/Dropdown/Dropdown.js +41 -19
  14. package/dist/components/Dropdown/Dropdown.stories.js +13 -0
  15. package/dist/components/Menu/Menu.js +64 -0
  16. package/dist/components/Menu/Menu.stories.js +406 -0
  17. package/dist/components/Menu/helpers.js +28 -0
  18. package/dist/components/Menu/index.js +3 -0
  19. package/dist/esm/bundle.css +15 -3
  20. package/dist/esm/bundle.js +3 -3
  21. package/dist/esm/bundle.js.map +1 -1
  22. package/dist/esm/types/components/Dropdown/Dropdown.d.ts +3 -0
  23. package/dist/esm/types/components/Dropdown/Dropdown.stories.d.ts +5 -1
  24. package/dist/esm/types/components/Menu/Menu.d.ts +65 -0
  25. package/dist/esm/types/components/Menu/Menu.stories.d.ts +31 -0
  26. package/dist/esm/types/components/Menu/helpers.d.ts +19 -0
  27. package/dist/esm/types/components/Menu/index.d.ts +4 -0
  28. package/dist/esm/types/components/Search/Search.d.ts +46 -3
  29. package/dist/esm/types/components/Search/Search.stories.d.ts +46 -27
  30. package/dist/esm/types/index.d.ts +1 -0
  31. package/dist/index.d.ts +111 -3
  32. package/dist/index.js +1 -0
  33. package/dist/src/theme/global.css +20 -4
  34. package/package.json +1 -1
  35. package/src/components/Dropdown/Dropdown.stories.tsx +31 -0
  36. package/src/components/Dropdown/Dropdown.tsx +73 -54
  37. package/src/components/Menu/Menu.stories.tsx +586 -0
  38. package/src/components/Menu/Menu.tsx +235 -0
  39. package/src/components/Menu/helpers.ts +45 -0
  40. package/src/components/Menu/index.ts +7 -0
  41. package/src/components/Search/Search.tsx +24 -11
  42. package/src/index.ts +1 -0
package/dist/cjs/bundle.css CHANGED
@@ -662,6 +662,9 @@ input[type=number] {
662
662
  .z-10{
663
663
  z-index: 10;
664
664
  }
665
+ .z-40{
666
+ z-index: 40;
667
+ }
665
668
  .z-50{
666
669
  z-index: 50;
667
670
  }
@@ -671,9 +674,6 @@ input[type=number] {
671
674
  .z-\[100\]{
672
675
  z-index: 100;
673
676
  }
674
- .z-\[9999\]{
675
- z-index: 9999;
676
- }
677
677
  .col-span-3{
678
678
  grid-column: span 3 / span 3;
679
679
  }
@@ -943,6 +943,9 @@ input[type=number] {
943
943
  .w-8{
944
944
  width: 2rem;
945
945
  }
946
+ .w-80{
947
+ width: 20rem;
948
+ }
946
949
  .w-\[100px\]{
947
950
  width: 100px;
948
951
  }
@@ -3590,6 +3593,9 @@ input[type=number] {
3590
3593
  .caret-primary{
3591
3594
  caret-color: color-mix(in srgb, var(--state-color-primary-default) calc(100% * 1), transparent);
3592
3595
  }
3596
+ .opacity-50{
3597
+ opacity: 0.5;
3598
+ }
3593
3599
  .opacity-60{
3594
3600
  opacity: 0.6;
3595
3601
  }
@@ -4004,6 +4010,9 @@ input[type=number] {
4004
4010
  --tw-border-opacity: 1;
4005
4011
  border-color: color-mix(in srgb, var(--input-color-active-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
4006
4012
  }
4013
+ .hover\:bg-\[var\(--dropdown-menu-hover-bg\)\]:hover{
4014
+ background-color: var(--dropdown-menu-hover-bg);
4015
+ }
4007
4016
  .hover\:bg-action-button-icon-active-hover:hover{
4008
4017
  --tw-bg-opacity: 1;
4009
4018
  background-color: color-mix(in srgb, var(--action-button-icon-active-hover-bg) calc(100% * var(--tw-bg-opacity, 1)), transparent);
@@ -4215,6 +4224,9 @@ input[type=number] {
4215
4224
  .hover\:fill-input-default-text:hover{
4216
4225
  fill: color-mix(in srgb, var(--input-color-default-text) calc(100% * 1), transparent);
4217
4226
  }
4227
+ .hover\:text-\[var\(--dropdown-menu-hover-text\)\]:hover{
4228
+ color: var(--dropdown-menu-hover-text);
4229
+ }
4218
4230
  .hover\:text-action-button-icon-active-hover:hover{
4219
4231
  --tw-text-opacity: 1;
4220
4232
  color: color-mix(in srgb, var(--action-button-icon-active-hover-text) calc(100% * var(--tw-text-opacity, 1)), transparent);