@rovula/ui 0.0.69 → 0.0.71

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 +23 -9
  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.styles.d.ts +0 -1
  5. package/dist/cjs/types/components/FocusedScrollView/FocusedScrollView.d.ts +12 -0
  6. package/dist/cjs/types/components/FocusedScrollView/FocusedScrollView.stories.d.ts +7 -0
  7. package/dist/cjs/types/index.d.ts +1 -0
  8. package/dist/components/Dropdown/Dropdown.js +2 -2
  9. package/dist/components/Dropdown/Dropdown.stories.js +1 -0
  10. package/dist/components/Dropdown/Dropdown.styles.js +6 -6
  11. package/dist/components/DropdownMenu/DropdownMenu.js +2 -2
  12. package/dist/components/FocusedScrollView/FocusedScrollView.js +67 -0
  13. package/dist/components/FocusedScrollView/FocusedScrollView.stories.js +33 -0
  14. package/dist/esm/bundle.css +23 -9
  15. package/dist/esm/bundle.js +2 -2
  16. package/dist/esm/bundle.js.map +1 -1
  17. package/dist/esm/types/components/Dropdown/Dropdown.styles.d.ts +0 -1
  18. package/dist/esm/types/components/FocusedScrollView/FocusedScrollView.d.ts +12 -0
  19. package/dist/esm/types/components/FocusedScrollView/FocusedScrollView.stories.d.ts +7 -0
  20. package/dist/esm/types/index.d.ts +1 -0
  21. package/dist/index.d.ts +13 -2
  22. package/dist/index.js +1 -0
  23. package/dist/src/theme/global.css +30 -11
  24. package/package.json +1 -1
  25. package/src/components/Dropdown/Dropdown.stories.tsx +2 -0
  26. package/src/components/Dropdown/Dropdown.styles.ts +6 -6
  27. package/src/components/Dropdown/Dropdown.tsx +4 -10
  28. package/src/components/DropdownMenu/DropdownMenu.tsx +10 -2
  29. package/src/components/FocusedScrollView/FocusedScrollView.stories.tsx +114 -0
  30. package/src/components/FocusedScrollView/FocusedScrollView.tsx +112 -0
  31. package/src/index.ts +1 -0
package/dist/cjs/bundle.css CHANGED
@@ -675,6 +675,10 @@ input[type=number] {
675
675
  margin-left: -0.5rem;
676
676
  margin-right: -0.5rem;
677
677
  }
678
+ .mx-2{
679
+ margin-left: 0.5rem;
680
+ margin-right: 0.5rem;
681
+ }
678
682
  .mx-4{
679
683
  margin-left: 1rem;
680
684
  margin-right: 1rem;
@@ -744,6 +748,9 @@ input[type=number] {
744
748
  .block{
745
749
  display: block;
746
750
  }
751
+ .inline-block{
752
+ display: inline-block;
753
+ }
747
754
  .flex{
748
755
  display: flex;
749
756
  }
@@ -906,6 +913,9 @@ input[type=number] {
906
913
  .w-2{
907
914
  width: 0.5rem;
908
915
  }
916
+ .w-28{
917
+ width: 7rem;
918
+ }
909
919
  .w-3{
910
920
  width: 0.75rem;
911
921
  }
@@ -974,6 +984,9 @@ input[type=number] {
974
984
  min-width: -moz-fit-content;
975
985
  min-width: fit-content;
976
986
  }
987
+ .max-w-full{
988
+ max-width: 100%;
989
+ }
977
990
  .max-w-lg{
978
991
  max-width: 32rem;
979
992
  }
@@ -1185,6 +1198,9 @@ input[type=number] {
1185
1198
  .text-ellipsis{
1186
1199
  text-overflow: ellipsis;
1187
1200
  }
1201
+ .whitespace-nowrap{
1202
+ white-space: nowrap;
1203
+ }
1188
1204
  .rounded{
1189
1205
  border-radius: 0.25rem;
1190
1206
  }
@@ -2669,6 +2685,10 @@ input[type=number] {
2669
2685
  --tw-bg-opacity: 1;
2670
2686
  background-color: color-mix(in srgb, var(--other-transparency-warning-8) calc(100% * var(--tw-bg-opacity, 1)), transparent);
2671
2687
  }
2688
+ .bg-white{
2689
+ --tw-bg-opacity: 1;
2690
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2691
+ }
2672
2692
  .bg-white-transparent-12{
2673
2693
  --tw-bg-opacity: 1;
2674
2694
  background-color: color-mix(in srgb, var(--other-transparency-white-12) calc(100% * var(--tw-bg-opacity, 1)), transparent);
@@ -3184,6 +3204,9 @@ input[type=number] {
3184
3204
  .capitalize{
3185
3205
  text-transform: capitalize;
3186
3206
  }
3207
+ .leading-\[3rem\]{
3208
+ line-height: 3rem;
3209
+ }
3187
3210
  .leading-none{
3188
3211
  line-height: 1;
3189
3212
  }
@@ -3494,11 +3517,6 @@ input[type=number] {
3494
3517
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
3495
3518
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3496
3519
  }
3497
- .shadow-\[0px_2px_24px_0px_rgba\(145\2c _158\2c _171\2c _0\.24\)\]{
3498
- --tw-shadow: 0px 2px 24px 0px rgba(145, 158, 171, 0.24);
3499
- --tw-shadow-colored: 0px 2px 24px 0px var(--tw-shadow-color);
3500
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3501
- }
3502
3520
  .shadow-lg{
3503
3521
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
3504
3522
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -3509,10 +3527,6 @@ input[type=number] {
3509
3527
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
3510
3528
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3511
3529
  }
3512
- .shadow-\[var\(--dropdown-menu-shadow\)\]{
3513
- --tw-shadow-color: var(--dropdown-menu-shadow);
3514
- --tw-shadow: var(--tw-shadow-colored);
3515
- }
3516
3530
  .outline-none{
3517
3531
  outline: 2px solid transparent;
3518
3532
  outline-offset: 2px;