@rovula/ui 0.0.67 → 0.0.69

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 (34) hide show
  1. package/dist/cjs/bundle.css +44 -0
  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.stories.d.ts +2 -0
  5. package/dist/cjs/types/components/InputFilter/InputFilter.stories.d.ts +2 -0
  6. package/dist/cjs/types/components/Search/Search.stories.d.ts +2 -0
  7. package/dist/cjs/types/components/TextInput/TextInput.d.ts +4 -0
  8. package/dist/cjs/types/components/TextInput/TextInput.stories.d.ts +11 -0
  9. package/dist/cjs/types/components/TextInput/TextInput.styles.d.ts +1 -0
  10. package/dist/cjs/types/components/Toast/useToast.d.ts +3 -0
  11. package/dist/components/TextInput/TextInput.js +66 -14
  12. package/dist/components/TextInput/TextInput.stories.js +15 -0
  13. package/dist/components/TextInput/TextInput.styles.js +116 -7
  14. package/dist/components/Toast/Toast.js +1 -1
  15. package/dist/components/Toast/Toaster.js +2 -2
  16. package/dist/esm/bundle.css +44 -0
  17. package/dist/esm/bundle.js +2 -2
  18. package/dist/esm/bundle.js.map +1 -1
  19. package/dist/esm/types/components/Dropdown/Dropdown.stories.d.ts +2 -0
  20. package/dist/esm/types/components/InputFilter/InputFilter.stories.d.ts +2 -0
  21. package/dist/esm/types/components/Search/Search.stories.d.ts +2 -0
  22. package/dist/esm/types/components/TextInput/TextInput.d.ts +4 -0
  23. package/dist/esm/types/components/TextInput/TextInput.stories.d.ts +11 -0
  24. package/dist/esm/types/components/TextInput/TextInput.styles.d.ts +1 -0
  25. package/dist/esm/types/components/Toast/useToast.d.ts +3 -0
  26. package/dist/index.d.ts +6 -0
  27. package/dist/src/theme/global.css +56 -0
  28. package/package.json +1 -1
  29. package/src/components/TextInput/TextInput.stories.tsx +83 -0
  30. package/src/components/TextInput/TextInput.styles.ts +117 -7
  31. package/src/components/TextInput/TextInput.tsx +115 -21
  32. package/src/components/Toast/Toast.tsx +1 -1
  33. package/src/components/Toast/Toaster.tsx +12 -1
  34. package/src/components/Toast/useToast.ts +3 -0
package/dist/cjs/bundle.css CHANGED
@@ -617,9 +617,18 @@ input[type=number] {
617
617
  .left-9{
618
618
  left: 2.25rem;
619
619
  }
620
+ .left-\[38px\]{
621
+ left: 38px;
622
+ }
623
+ .left-\[46px\]{
624
+ left: 46px;
625
+ }
620
626
  .left-\[50\%\]{
621
627
  left: 50%;
622
628
  }
629
+ .left-\[72px\]{
630
+ left: 72px;
631
+ }
623
632
  .right-0{
624
633
  right: 0px;
625
634
  }
@@ -1200,6 +1209,18 @@ input[type=number] {
1200
1209
  .rounded-xs{
1201
1210
  border-radius: var(--radius-radius-xs);
1202
1211
  }
1212
+ .rounded-l-full{
1213
+ border-top-left-radius: 9999px;
1214
+ border-bottom-left-radius: 9999px;
1215
+ }
1216
+ .rounded-l-none{
1217
+ border-top-left-radius: 0px;
1218
+ border-bottom-left-radius: 0px;
1219
+ }
1220
+ .rounded-l-xl{
1221
+ border-top-left-radius: var(--radius-radius-xl);
1222
+ border-bottom-left-radius: var(--radius-radius-xl);
1223
+ }
1203
1224
  .rounded-r-full{
1204
1225
  border-top-right-radius: 9999px;
1205
1226
  border-bottom-right-radius: 9999px;
@@ -1236,6 +1257,9 @@ input[type=number] {
1236
1257
  .border-l{
1237
1258
  border-left-width: 1px;
1238
1259
  }
1260
+ .border-r{
1261
+ border-right-width: 1px;
1262
+ }
1239
1263
  .border-t{
1240
1264
  border-top-width: 1px;
1241
1265
  }
@@ -1447,6 +1471,14 @@ input[type=number] {
1447
1471
  --tw-border-opacity: 1;
1448
1472
  border-left-color: color-mix(in srgb, var(--input-color-error) calc(100% * var(--tw-border-opacity, 1)), transparent);
1449
1473
  }
1474
+ .border-r-input-default-stroke{
1475
+ --tw-border-opacity: 1;
1476
+ border-right-color: color-mix(in srgb, var(--input-color-default-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
1477
+ }
1478
+ .border-r-input-error{
1479
+ --tw-border-opacity: 1;
1480
+ border-right-color: color-mix(in srgb, var(--input-color-error) calc(100% * var(--tw-border-opacity, 1)), transparent);
1481
+ }
1450
1482
  .border-t-secondary{
1451
1483
  --tw-border-opacity: 1;
1452
1484
  border-top-color: color-mix(in srgb, var(--state-color-secondary-default) calc(100% * var(--tw-border-opacity, 1)), transparent);
@@ -5116,6 +5148,10 @@ input[type=number] {
5116
5148
  --tw-border-opacity: 1;
5117
5149
  border-left-color: color-mix(in srgb, var(--input-color-active-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
5118
5150
  }
5151
+ .peer:hover ~ .peer-hover\:border-r-input-active-stroke{
5152
+ --tw-border-opacity: 1;
5153
+ border-right-color: color-mix(in srgb, var(--input-color-active-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
5154
+ }
5119
5155
  .peer:hover ~ .peer-hover\:fill-input-filled-text{
5120
5156
  fill: color-mix(in srgb, var(--input-color-filled-text) calc(100% * 1), transparent);
5121
5157
  }
@@ -5138,6 +5174,10 @@ input[type=number] {
5138
5174
  --tw-border-opacity: 1;
5139
5175
  border-left-color: color-mix(in srgb, var(--input-color-active-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
5140
5176
  }
5177
+ .peer:focus ~ .peer-focus\:border-r-input-active-stroke{
5178
+ --tw-border-opacity: 1;
5179
+ border-right-color: color-mix(in srgb, var(--input-color-active-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
5180
+ }
5141
5181
  .peer:focus ~ .peer-focus\:bg-input-label-bg{
5142
5182
  --tw-bg-opacity: 1;
5143
5183
  background-color: color-mix(in srgb, var(--input-color-label-bg) calc(100% * var(--tw-bg-opacity, 1)), transparent);
@@ -5182,6 +5222,10 @@ input[type=number] {
5182
5222
  --tw-border-opacity: 1;
5183
5223
  border-left-color: color-mix(in srgb, var(--input-color-disable-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
5184
5224
  }
5225
+ .peer:disabled ~ .peer-disabled\:border-r-input-disable-stroke{
5226
+ --tw-border-opacity: 1;
5227
+ border-right-color: color-mix(in srgb, var(--input-color-disable-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
5228
+ }
5185
5229
  .peer:disabled ~ .peer-disabled\:fill-input-disable-stroke{
5186
5230
  fill: color-mix(in srgb, var(--input-color-disable-stroke) calc(100% * 1), transparent);
5187
5231
  }