@rovula/ui 0.0.28 → 0.0.30

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 (58) hide show
  1. package/dist/cjs/bundle.css +40 -0
  2. package/dist/cjs/bundle.js +3 -3
  3. package/dist/cjs/bundle.js.map +1 -1
  4. package/dist/cjs/types/components/DatePicker/DatePicker.d.ts +2 -1
  5. package/dist/cjs/types/components/DatePicker/DatePicker.stories.d.ts +720 -1
  6. package/dist/cjs/types/components/Dropdown/Dropdown.d.ts +2 -0
  7. package/dist/cjs/types/components/Dropdown/Dropdown.stories.d.ts +8 -0
  8. package/dist/cjs/types/components/InputFilter/InputFilter.d.ts +5 -0
  9. package/dist/cjs/types/components/InputFilter/InputFilter.stories.d.ts +334 -0
  10. package/dist/cjs/types/components/InputFilter/InputFilter.styles.d.ts +7 -0
  11. package/dist/cjs/types/components/Search/Search.d.ts +2 -20
  12. package/dist/cjs/types/components/Search/Search.stories.d.ts +20 -38
  13. package/dist/cjs/types/components/TextInput/TextInput.d.ts +10 -0
  14. package/dist/cjs/types/components/TextInput/TextInput.stories.d.ts +10 -0
  15. package/dist/cjs/types/components/TextInput/TextInput.styles.d.ts +1 -0
  16. package/dist/cjs/types/index.d.ts +1 -0
  17. package/dist/components/DatePicker/DatePicker.js +16 -3
  18. package/dist/components/Dropdown/Dropdown.js +26 -15
  19. package/dist/components/Dropdown/Dropdown.stories.js +1 -0
  20. package/dist/components/InputFilter/InputFilter.js +18 -0
  21. package/dist/components/InputFilter/InputFilter.stories.js +33 -0
  22. package/dist/components/InputFilter/InputFilter.styles.js +60 -0
  23. package/dist/components/Search/Search.js +1 -1
  24. package/dist/components/TextInput/TextInput.js +22 -6
  25. package/dist/components/TextInput/TextInput.styles.js +84 -11
  26. package/dist/esm/bundle.css +40 -0
  27. package/dist/esm/bundle.js +3 -3
  28. package/dist/esm/bundle.js.map +1 -1
  29. package/dist/esm/types/components/DatePicker/DatePicker.d.ts +2 -1
  30. package/dist/esm/types/components/DatePicker/DatePicker.stories.d.ts +720 -1
  31. package/dist/esm/types/components/Dropdown/Dropdown.d.ts +2 -0
  32. package/dist/esm/types/components/Dropdown/Dropdown.stories.d.ts +8 -0
  33. package/dist/esm/types/components/InputFilter/InputFilter.d.ts +5 -0
  34. package/dist/esm/types/components/InputFilter/InputFilter.stories.d.ts +334 -0
  35. package/dist/esm/types/components/InputFilter/InputFilter.styles.d.ts +7 -0
  36. package/dist/esm/types/components/Search/Search.d.ts +2 -20
  37. package/dist/esm/types/components/Search/Search.stories.d.ts +20 -38
  38. package/dist/esm/types/components/TextInput/TextInput.d.ts +10 -0
  39. package/dist/esm/types/components/TextInput/TextInput.stories.d.ts +10 -0
  40. package/dist/esm/types/components/TextInput/TextInput.styles.d.ts +1 -0
  41. package/dist/esm/types/index.d.ts +1 -0
  42. package/dist/index.d.ts +19 -22
  43. package/dist/index.js +1 -0
  44. package/dist/src/theme/global.css +65 -0
  45. package/dist/theme/tokens/components/action-button.css +13 -0
  46. package/package.json +1 -1
  47. package/src/components/DatePicker/DatePicker.tsx +8 -3
  48. package/src/components/Dropdown/Dropdown.stories.tsx +1 -0
  49. package/src/components/Dropdown/Dropdown.tsx +51 -34
  50. package/src/components/InputFilter/InputFilter.stories.tsx +71 -0
  51. package/src/components/InputFilter/InputFilter.styles.ts +69 -0
  52. package/src/components/InputFilter/InputFilter.tsx +55 -0
  53. package/src/components/Search/Search.stories.tsx +1 -1
  54. package/src/components/Search/Search.tsx +13 -2
  55. package/src/components/TextInput/TextInput.styles.ts +84 -11
  56. package/src/components/TextInput/TextInput.tsx +51 -10
  57. package/src/index.ts +1 -0
  58. package/src/theme/tokens/components/action-button.css +13 -0
package/dist/cjs/bundle.css CHANGED
@@ -1391,6 +1391,10 @@ body {
1391
1391
  --tw-bg-opacity: 1;
1392
1392
  background-color: color-mix(in srgb, var(--background) calc(100% * var(--tw-bg-opacity)), transparent);
1393
1393
  }
1394
+ .bg-base-bg2{
1395
+ --tw-bg-opacity: 1;
1396
+ background-color: color-mix(in srgb, var(--base-color-bg2) calc(100% * var(--tw-bg-opacity)), transparent);
1397
+ }
1394
1398
  .bg-base-popup{
1395
1399
  --tw-bg-opacity: 1;
1396
1400
  background-color: color-mix(in srgb, var(--base-color-popup) calc(100% * var(--tw-bg-opacity)), transparent);
@@ -1678,6 +1682,15 @@ body {
1678
1682
  .fill-primary{
1679
1683
  fill: color-mix(in srgb, var(--state-color-primary-default) calc(100% * 1), transparent);
1680
1684
  }
1685
+ .fill-primary-default{
1686
+ fill: color-mix(in srgb, var(--state-color-primary-default) calc(100% * 1), transparent);
1687
+ }
1688
+ .stroke-input-default-stroke{
1689
+ stroke: color-mix(in srgb, var(--input-color-default-stroke) calc(100% * 1), transparent);
1690
+ }
1691
+ .stroke-primary-default{
1692
+ stroke: color-mix(in srgb, var(--state-color-primary-default) calc(100% * 1), transparent);
1693
+ }
1681
1694
  .p-0{
1682
1695
  padding: 0px;
1683
1696
  }
@@ -3909,6 +3922,12 @@ body {
3909
3922
  .peer:placeholder-shown ~ .peer-placeholder-shown\:top-4{
3910
3923
  top: 1rem;
3911
3924
  }
3925
+ .peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:block{
3926
+ display: block;
3927
+ }
3928
+ .peer:placeholder-shown ~ .peer-placeholder-shown\:block{
3929
+ display: block;
3930
+ }
3912
3931
  .peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:bg-transparent{
3913
3932
  background-color: transparent;
3914
3933
  }
@@ -3952,6 +3971,15 @@ body {
3952
3971
  .peer:hover ~ .peer-hover\:fill-input-filled-text{
3953
3972
  fill: color-mix(in srgb, var(--input-color-filled-text) calc(100% * 1), transparent);
3954
3973
  }
3974
+ .peer:hover ~ .peer-hover\:fill-primary-default{
3975
+ fill: color-mix(in srgb, var(--state-color-primary-default) calc(100% * 1), transparent);
3976
+ }
3977
+ .peer:hover ~ .peer-hover\:stroke-input-active-stroke{
3978
+ stroke: color-mix(in srgb, var(--input-color-active-stroke) calc(100% * 1), transparent);
3979
+ }
3980
+ .peer:hover ~ .peer-hover\:stroke-primary-default{
3981
+ stroke: color-mix(in srgb, var(--state-color-primary-default) calc(100% * 1), transparent);
3982
+ }
3955
3983
  .peer:focus ~ .peer-focus\:-top-1{
3956
3984
  top: -0.25rem;
3957
3985
  }
@@ -3973,9 +4001,21 @@ body {
3973
4001
  --tw-bg-opacity: 1;
3974
4002
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
3975
4003
  }
4004
+ .peer:focus ~ .peer-focus\:bg-transparent{
4005
+ background-color: transparent;
4006
+ }
3976
4007
  .peer:focus ~ .peer-focus\:fill-input-filled-text{
3977
4008
  fill: color-mix(in srgb, var(--input-color-filled-text) calc(100% * 1), transparent);
3978
4009
  }
4010
+ .peer:focus ~ .peer-focus\:fill-primary-hover{
4011
+ fill: color-mix(in srgb, var(--state-color-primary-hover) calc(100% * 1), transparent);
4012
+ }
4013
+ .peer:focus ~ .peer-focus\:stroke-input-filled-text{
4014
+ stroke: color-mix(in srgb, var(--input-color-filled-text) calc(100% * 1), transparent);
4015
+ }
4016
+ .peer:focus ~ .peer-focus\:stroke-primary-hover{
4017
+ stroke: color-mix(in srgb, var(--state-color-primary-hover) calc(100% * 1), transparent);
4018
+ }
3979
4019
  .peer:focus ~ .peer-focus\:text-input-filled-text{
3980
4020
  --tw-text-opacity: 1;
3981
4021
  color: color-mix(in srgb, var(--input-color-filled-text) calc(100% * var(--tw-text-opacity)), transparent);