@rovula/ui 0.1.22 → 0.1.24

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 (26) hide show
  1. package/dist/cjs/bundle.css +29 -0
  2. package/dist/cjs/bundle.js +2 -2
  3. package/dist/cjs/bundle.js.map +1 -1
  4. package/dist/cjs/types/patterns/menu/Menu.d.ts +5 -1
  5. package/dist/cjs/types/patterns/menu/Menu.stories.d.ts +2 -1
  6. package/dist/components/ActionButton/ActionButton.styles.js +9 -1
  7. package/dist/components/Dropdown/Dropdown.js +1 -1
  8. package/dist/components/DropdownMenu/DropdownMenu.js +2 -2
  9. package/dist/components/TextInput/TextInput.js +4 -2
  10. package/dist/esm/bundle.css +29 -0
  11. package/dist/esm/bundle.js +2 -2
  12. package/dist/esm/bundle.js.map +1 -1
  13. package/dist/esm/types/patterns/menu/Menu.d.ts +5 -1
  14. package/dist/esm/types/patterns/menu/Menu.stories.d.ts +2 -1
  15. package/dist/index.d.ts +5 -1
  16. package/dist/patterns/menu/Menu.js +4 -4
  17. package/dist/src/theme/global.css +104 -6
  18. package/package.json +1 -1
  19. package/src/components/ActionButton/ActionButton.styles.ts +9 -1
  20. package/src/components/Dropdown/Dropdown.tsx +2 -2
  21. package/src/components/DropdownMenu/DropdownMenu.tsx +3 -6
  22. package/src/components/TextInput/TextInput.tsx +36 -29
  23. package/src/patterns/menu/Menu.tsx +9 -0
  24. package/src/theme/presets/colors.js +14 -0
  25. package/src/theme/themes/variable-mapping.css +30 -0
  26. package/src/theme/themes/variable.css +37 -6
package/dist/cjs/bundle.css CHANGED
@@ -744,6 +744,9 @@ input[type=number] {
744
744
  .-mr-2{
745
745
  margin-right: -0.5rem;
746
746
  }
747
+ .-mt-3{
748
+ margin-top: -0.75rem;
749
+ }
747
750
  .-mt-\[30px\]{
748
751
  margin-top: -30px;
749
752
  }
@@ -1666,6 +1669,10 @@ input[type=number] {
1666
1669
  --tw-border-opacity: 1;
1667
1670
  border-color: color-mix(in srgb, var(--bg-stroke2) calc(100% * var(--tw-border-opacity, 1)), transparent);
1668
1671
  }
1672
+ .border-bg-stroke3{
1673
+ --tw-border-opacity: 1;
1674
+ border-color: color-mix(in srgb, var(--bg-stroke3) calc(100% * var(--tw-border-opacity, 1)), transparent);
1675
+ }
1669
1676
  .border-blue-500{
1670
1677
  --tw-border-opacity: 1;
1671
1678
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
@@ -2552,6 +2559,10 @@ input[type=number] {
2552
2559
  --tw-bg-opacity: 1;
2553
2560
  background-color: color-mix(in srgb, var(--input-label-bg) calc(100% * var(--tw-bg-opacity, 1)), transparent);
2554
2561
  }
2562
+ .bg-modal-dropdown-surface{
2563
+ --tw-bg-opacity: 1;
2564
+ background-color: color-mix(in srgb, var(--modal-dropdown-surface) calc(100% * var(--tw-bg-opacity, 1)), transparent);
2565
+ }
2555
2566
  .bg-modal-highlight{
2556
2567
  --tw-bg-opacity: 1;
2557
2568
  background-color: color-mix(in srgb, var(--modal-highlight) calc(100% * var(--tw-bg-opacity, 1)), transparent);
@@ -5237,6 +5248,24 @@ input[type=number] {
5237
5248
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
5238
5249
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
5239
5250
  }
5251
+ .focus-visible\:ring-\[var\(--action-button-icon-active-border\)\]:focus-visible{
5252
+ --tw-ring-color: var(--action-button-icon-active-border);
5253
+ }
5254
+ .focus-visible\:ring-\[var\(--action-button-icon-default-border\)\]:focus-visible{
5255
+ --tw-ring-color: var(--action-button-icon-default-border);
5256
+ }
5257
+ .focus-visible\:ring-\[var\(--action-button-outline-active-border\)\]:focus-visible{
5258
+ --tw-ring-color: var(--action-button-outline-active-border);
5259
+ }
5260
+ .focus-visible\:ring-\[var\(--action-button-outline-default-border\)\]:focus-visible{
5261
+ --tw-ring-color: var(--action-button-outline-default-border);
5262
+ }
5263
+ .focus-visible\:ring-\[var\(--action-button-solid-active-border\)\]:focus-visible{
5264
+ --tw-ring-color: var(--action-button-solid-active-border);
5265
+ }
5266
+ .focus-visible\:ring-\[var\(--action-button-solid-default-border\)\]:focus-visible{
5267
+ --tw-ring-color: var(--action-button-solid-default-border);
5268
+ }
5240
5269
  .focus-visible\:ring-gray-500:focus-visible{
5241
5270
  --tw-ring-opacity: 1;
5242
5271
  --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1));