@rovula/ui 0.0.68 → 0.0.70

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 (39) hide show
  1. package/dist/cjs/bundle.css +67 -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/FocusedScrollView/FocusedScrollView.d.ts +12 -0
  6. package/dist/cjs/types/components/FocusedScrollView/FocusedScrollView.stories.d.ts +7 -0
  7. package/dist/cjs/types/components/InputFilter/InputFilter.stories.d.ts +2 -0
  8. package/dist/cjs/types/components/Search/Search.stories.d.ts +2 -0
  9. package/dist/cjs/types/components/TextInput/TextInput.d.ts +4 -0
  10. package/dist/cjs/types/components/TextInput/TextInput.stories.d.ts +11 -0
  11. package/dist/cjs/types/components/TextInput/TextInput.styles.d.ts +1 -0
  12. package/dist/cjs/types/index.d.ts +1 -0
  13. package/dist/components/FocusedScrollView/FocusedScrollView.js +67 -0
  14. package/dist/components/FocusedScrollView/FocusedScrollView.stories.js +33 -0
  15. package/dist/components/TextInput/TextInput.js +66 -14
  16. package/dist/components/TextInput/TextInput.stories.js +15 -0
  17. package/dist/components/TextInput/TextInput.styles.js +116 -7
  18. package/dist/esm/bundle.css +67 -0
  19. package/dist/esm/bundle.js +3 -3
  20. package/dist/esm/bundle.js.map +1 -1
  21. package/dist/esm/types/components/Dropdown/Dropdown.stories.d.ts +2 -0
  22. package/dist/esm/types/components/FocusedScrollView/FocusedScrollView.d.ts +12 -0
  23. package/dist/esm/types/components/FocusedScrollView/FocusedScrollView.stories.d.ts +7 -0
  24. package/dist/esm/types/components/InputFilter/InputFilter.stories.d.ts +2 -0
  25. package/dist/esm/types/components/Search/Search.stories.d.ts +2 -0
  26. package/dist/esm/types/components/TextInput/TextInput.d.ts +4 -0
  27. package/dist/esm/types/components/TextInput/TextInput.stories.d.ts +11 -0
  28. package/dist/esm/types/components/TextInput/TextInput.styles.d.ts +1 -0
  29. package/dist/esm/types/index.d.ts +1 -0
  30. package/dist/index.d.ts +17 -2
  31. package/dist/index.js +1 -0
  32. package/dist/src/theme/global.css +86 -0
  33. package/package.json +1 -1
  34. package/src/components/FocusedScrollView/FocusedScrollView.stories.tsx +114 -0
  35. package/src/components/FocusedScrollView/FocusedScrollView.tsx +112 -0
  36. package/src/components/TextInput/TextInput.stories.tsx +83 -0
  37. package/src/components/TextInput/TextInput.styles.ts +117 -7
  38. package/src/components/TextInput/TextInput.tsx +115 -21
  39. package/src/index.ts +1 -0
@@ -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
  }
@@ -666,6 +675,10 @@ input[type=number] {
666
675
  margin-left: -0.5rem;
667
676
  margin-right: -0.5rem;
668
677
  }
678
+ .mx-2{
679
+ margin-left: 0.5rem;
680
+ margin-right: 0.5rem;
681
+ }
669
682
  .mx-4{
670
683
  margin-left: 1rem;
671
684
  margin-right: 1rem;
@@ -735,6 +748,9 @@ input[type=number] {
735
748
  .block{
736
749
  display: block;
737
750
  }
751
+ .inline-block{
752
+ display: inline-block;
753
+ }
738
754
  .flex{
739
755
  display: flex;
740
756
  }
@@ -897,6 +913,9 @@ input[type=number] {
897
913
  .w-2{
898
914
  width: 0.5rem;
899
915
  }
916
+ .w-28{
917
+ width: 7rem;
918
+ }
900
919
  .w-3{
901
920
  width: 0.75rem;
902
921
  }
@@ -965,6 +984,9 @@ input[type=number] {
965
984
  min-width: -moz-fit-content;
966
985
  min-width: fit-content;
967
986
  }
987
+ .max-w-full{
988
+ max-width: 100%;
989
+ }
968
990
  .max-w-lg{
969
991
  max-width: 32rem;
970
992
  }
@@ -1176,6 +1198,9 @@ input[type=number] {
1176
1198
  .text-ellipsis{
1177
1199
  text-overflow: ellipsis;
1178
1200
  }
1201
+ .whitespace-nowrap{
1202
+ white-space: nowrap;
1203
+ }
1179
1204
  .rounded{
1180
1205
  border-radius: 0.25rem;
1181
1206
  }
@@ -1200,6 +1225,18 @@ input[type=number] {
1200
1225
  .rounded-xs{
1201
1226
  border-radius: var(--radius-radius-xs);
1202
1227
  }
1228
+ .rounded-l-full{
1229
+ border-top-left-radius: 9999px;
1230
+ border-bottom-left-radius: 9999px;
1231
+ }
1232
+ .rounded-l-none{
1233
+ border-top-left-radius: 0px;
1234
+ border-bottom-left-radius: 0px;
1235
+ }
1236
+ .rounded-l-xl{
1237
+ border-top-left-radius: var(--radius-radius-xl);
1238
+ border-bottom-left-radius: var(--radius-radius-xl);
1239
+ }
1203
1240
  .rounded-r-full{
1204
1241
  border-top-right-radius: 9999px;
1205
1242
  border-bottom-right-radius: 9999px;
@@ -1236,6 +1273,9 @@ input[type=number] {
1236
1273
  .border-l{
1237
1274
  border-left-width: 1px;
1238
1275
  }
1276
+ .border-r{
1277
+ border-right-width: 1px;
1278
+ }
1239
1279
  .border-t{
1240
1280
  border-top-width: 1px;
1241
1281
  }
@@ -1447,6 +1487,14 @@ input[type=number] {
1447
1487
  --tw-border-opacity: 1;
1448
1488
  border-left-color: color-mix(in srgb, var(--input-color-error) calc(100% * var(--tw-border-opacity, 1)), transparent);
1449
1489
  }
1490
+ .border-r-input-default-stroke{
1491
+ --tw-border-opacity: 1;
1492
+ border-right-color: color-mix(in srgb, var(--input-color-default-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
1493
+ }
1494
+ .border-r-input-error{
1495
+ --tw-border-opacity: 1;
1496
+ border-right-color: color-mix(in srgb, var(--input-color-error) calc(100% * var(--tw-border-opacity, 1)), transparent);
1497
+ }
1450
1498
  .border-t-secondary{
1451
1499
  --tw-border-opacity: 1;
1452
1500
  border-top-color: color-mix(in srgb, var(--state-color-secondary-default) calc(100% * var(--tw-border-opacity, 1)), transparent);
@@ -2637,6 +2685,10 @@ input[type=number] {
2637
2685
  --tw-bg-opacity: 1;
2638
2686
  background-color: color-mix(in srgb, var(--other-transparency-warning-8) calc(100% * var(--tw-bg-opacity, 1)), transparent);
2639
2687
  }
2688
+ .bg-white{
2689
+ --tw-bg-opacity: 1;
2690
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2691
+ }
2640
2692
  .bg-white-transparent-12{
2641
2693
  --tw-bg-opacity: 1;
2642
2694
  background-color: color-mix(in srgb, var(--other-transparency-white-12) calc(100% * var(--tw-bg-opacity, 1)), transparent);
@@ -3152,6 +3204,9 @@ input[type=number] {
3152
3204
  .capitalize{
3153
3205
  text-transform: capitalize;
3154
3206
  }
3207
+ .leading-\[3rem\]{
3208
+ line-height: 3rem;
3209
+ }
3155
3210
  .leading-none{
3156
3211
  line-height: 1;
3157
3212
  }
@@ -5116,6 +5171,10 @@ input[type=number] {
5116
5171
  --tw-border-opacity: 1;
5117
5172
  border-left-color: color-mix(in srgb, var(--input-color-active-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
5118
5173
  }
5174
+ .peer:hover ~ .peer-hover\:border-r-input-active-stroke{
5175
+ --tw-border-opacity: 1;
5176
+ border-right-color: color-mix(in srgb, var(--input-color-active-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
5177
+ }
5119
5178
  .peer:hover ~ .peer-hover\:fill-input-filled-text{
5120
5179
  fill: color-mix(in srgb, var(--input-color-filled-text) calc(100% * 1), transparent);
5121
5180
  }
@@ -5138,6 +5197,10 @@ input[type=number] {
5138
5197
  --tw-border-opacity: 1;
5139
5198
  border-left-color: color-mix(in srgb, var(--input-color-active-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
5140
5199
  }
5200
+ .peer:focus ~ .peer-focus\:border-r-input-active-stroke{
5201
+ --tw-border-opacity: 1;
5202
+ border-right-color: color-mix(in srgb, var(--input-color-active-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
5203
+ }
5141
5204
  .peer:focus ~ .peer-focus\:bg-input-label-bg{
5142
5205
  --tw-bg-opacity: 1;
5143
5206
  background-color: color-mix(in srgb, var(--input-color-label-bg) calc(100% * var(--tw-bg-opacity, 1)), transparent);
@@ -5182,6 +5245,10 @@ input[type=number] {
5182
5245
  --tw-border-opacity: 1;
5183
5246
  border-left-color: color-mix(in srgb, var(--input-color-disable-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
5184
5247
  }
5248
+ .peer:disabled ~ .peer-disabled\:border-r-input-disable-stroke{
5249
+ --tw-border-opacity: 1;
5250
+ border-right-color: color-mix(in srgb, var(--input-color-disable-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
5251
+ }
5185
5252
  .peer:disabled ~ .peer-disabled\:fill-input-disable-stroke{
5186
5253
  fill: color-mix(in srgb, var(--input-color-disable-stroke) calc(100% * 1), transparent);
5187
5254
  }