@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.
- package/dist/cjs/bundle.css +67 -0
- package/dist/cjs/bundle.js +3 -3
- package/dist/cjs/bundle.js.map +1 -1
- package/dist/cjs/types/components/Dropdown/Dropdown.stories.d.ts +2 -0
- package/dist/cjs/types/components/FocusedScrollView/FocusedScrollView.d.ts +12 -0
- package/dist/cjs/types/components/FocusedScrollView/FocusedScrollView.stories.d.ts +7 -0
- package/dist/cjs/types/components/InputFilter/InputFilter.stories.d.ts +2 -0
- package/dist/cjs/types/components/Search/Search.stories.d.ts +2 -0
- package/dist/cjs/types/components/TextInput/TextInput.d.ts +4 -0
- package/dist/cjs/types/components/TextInput/TextInput.stories.d.ts +11 -0
- package/dist/cjs/types/components/TextInput/TextInput.styles.d.ts +1 -0
- package/dist/cjs/types/index.d.ts +1 -0
- package/dist/components/FocusedScrollView/FocusedScrollView.js +67 -0
- package/dist/components/FocusedScrollView/FocusedScrollView.stories.js +33 -0
- package/dist/components/TextInput/TextInput.js +66 -14
- package/dist/components/TextInput/TextInput.stories.js +15 -0
- package/dist/components/TextInput/TextInput.styles.js +116 -7
- package/dist/esm/bundle.css +67 -0
- package/dist/esm/bundle.js +3 -3
- package/dist/esm/bundle.js.map +1 -1
- package/dist/esm/types/components/Dropdown/Dropdown.stories.d.ts +2 -0
- package/dist/esm/types/components/FocusedScrollView/FocusedScrollView.d.ts +12 -0
- package/dist/esm/types/components/FocusedScrollView/FocusedScrollView.stories.d.ts +7 -0
- package/dist/esm/types/components/InputFilter/InputFilter.stories.d.ts +2 -0
- package/dist/esm/types/components/Search/Search.stories.d.ts +2 -0
- package/dist/esm/types/components/TextInput/TextInput.d.ts +4 -0
- package/dist/esm/types/components/TextInput/TextInput.stories.d.ts +11 -0
- package/dist/esm/types/components/TextInput/TextInput.styles.d.ts +1 -0
- package/dist/esm/types/index.d.ts +1 -0
- package/dist/index.d.ts +17 -2
- package/dist/index.js +1 -0
- package/dist/src/theme/global.css +86 -0
- package/package.json +1 -1
- package/src/components/FocusedScrollView/FocusedScrollView.stories.tsx +114 -0
- package/src/components/FocusedScrollView/FocusedScrollView.tsx +112 -0
- package/src/components/TextInput/TextInput.stories.tsx +83 -0
- package/src/components/TextInput/TextInput.styles.ts +117 -7
- package/src/components/TextInput/TextInput.tsx +115 -21
- package/src/index.ts +1 -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
|
}
|
|
@@ -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
|
}
|