@team_yumi/ramen 0.4.0-next.20231122-d263823-a18fd9e3731f8dd2df6191ed42cd9ab1 → 0.4.0-next.20231122-6c23a89-c587da26d90e05e962417adff5551535
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/components/mobile/xselect/root.d.ts +3 -1
- package/index.css +12 -5
- package/index.js +1 -1
- package/package.json +1 -1
|
@@ -18,7 +18,9 @@ export interface IProps {
|
|
|
18
18
|
disabled?: boolean;
|
|
19
19
|
hasError?: boolean;
|
|
20
20
|
searchable?: boolean;
|
|
21
|
-
|
|
21
|
+
selectionAsTag?: boolean;
|
|
22
|
+
searchPlaceholder?: string;
|
|
23
|
+
onChange?: (value: IOption | undefined) => void;
|
|
22
24
|
}
|
|
23
25
|
declare const XSelect: React.FC<IProps>;
|
|
24
26
|
export default XSelect;
|
package/index.css
CHANGED
|
@@ -3480,6 +3480,14 @@
|
|
|
3480
3480
|
user-select: none;
|
|
3481
3481
|
}
|
|
3482
3482
|
|
|
3483
|
+
.root-module_xselect__tag_container__nalJG {
|
|
3484
|
+
display: flex;
|
|
3485
|
+
flex-flow: wrap;
|
|
3486
|
+
padding: 8px;
|
|
3487
|
+
gap: 8px;
|
|
3488
|
+
width: 100%;
|
|
3489
|
+
}
|
|
3490
|
+
|
|
3483
3491
|
.root-module_xselect--has-error__2-N-L .root-module_xselect__content__0LFVf {
|
|
3484
3492
|
border: 1px solid var(--global-error-red-50);
|
|
3485
3493
|
}
|
|
@@ -3530,7 +3538,7 @@
|
|
|
3530
3538
|
width: 168px;
|
|
3531
3539
|
}
|
|
3532
3540
|
|
|
3533
|
-
.root-module_xselect__text__aVJZj
|
|
3541
|
+
.root-module_xselect__text__aVJZj>div {
|
|
3534
3542
|
white-space: nowrap;
|
|
3535
3543
|
overflow: hidden;
|
|
3536
3544
|
text-overflow: ellipsis;
|
|
@@ -3571,7 +3579,7 @@
|
|
|
3571
3579
|
flex-direction: column;
|
|
3572
3580
|
}
|
|
3573
3581
|
|
|
3574
|
-
.root-module_modal__ExdYM
|
|
3582
|
+
.root-module_modal__ExdYM>.root-module_modal__item__uJVqQ {
|
|
3575
3583
|
cursor: pointer;
|
|
3576
3584
|
}
|
|
3577
3585
|
|
|
@@ -3587,18 +3595,17 @@
|
|
|
3587
3595
|
border: 2px solid #1F1F1F;
|
|
3588
3596
|
}
|
|
3589
3597
|
|
|
3590
|
-
.root-module_modal__item--selected__h9fcZ
|
|
3598
|
+
.root-module_modal__item--selected__h9fcZ>div>div:nth-child(1) {
|
|
3591
3599
|
border: 2px solid #1F1F1F;
|
|
3592
3600
|
}
|
|
3593
3601
|
|
|
3594
3602
|
|
|
3595
|
-
.theme-arcus
|
|
3603
|
+
.theme-arcus .root-module_modal__item--selected__h9fcZ {
|
|
3596
3604
|
color: var(--color-neutral-darkest);
|
|
3597
3605
|
background: linear-gradient(#fff, #fff) padding-box, var(--color-gradient-arcus) border-box;
|
|
3598
3606
|
border-color: transparent;
|
|
3599
3607
|
|
|
3600
3608
|
}
|
|
3601
|
-
|
|
3602
3609
|
.root-module_xfloat-button__naGjT {
|
|
3603
3610
|
position: fixed;
|
|
3604
3611
|
bottom: env(safe-area-inset-bottom, 33px);
|