@salutejs/sdds-cs 0.233.1-dev.0 → 0.234.0-dev.0
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/api/sdds-cs.api.md +40 -16
- package/components/Autocomplete/Autocomplete.d.ts +12 -4
- package/components/Combobox/Combobox.d.ts +732 -24
- package/components/Mask/Mask.d.ts +12 -4
- package/components/Select/Select.d.ts +128 -0
- package/components/TextArea/TextArea.d.ts +4 -4
- package/components/TextField/TextField.d.ts +12 -4
- package/emotion/cjs/components/Autocomplete/Autocomplete.stories.tsx +14 -1
- package/emotion/cjs/components/Combobox/Combobox.stories.tsx +14 -1
- package/emotion/cjs/components/Select/Select.stories.tsx +14 -1
- package/emotion/cjs/components/TextArea/TextArea.stories.tsx +10 -58
- package/emotion/cjs/components/TextField/TextField.stories.tsx +11 -66
- package/emotion/es/components/Autocomplete/Autocomplete.stories.tsx +14 -1
- package/emotion/es/components/Combobox/Combobox.stories.tsx +14 -1
- package/emotion/es/components/Select/Select.stories.tsx +14 -1
- package/emotion/es/components/TextArea/TextArea.stories.tsx +10 -58
- package/emotion/es/components/TextField/TextField.stories.tsx +11 -66
- package/package.json +6 -6
package/api/sdds-cs.api.md
CHANGED
@@ -520,10 +520,11 @@ clear?: boolean | undefined;
|
|
520
520
|
hasDivider?: boolean | undefined;
|
521
521
|
} & {
|
522
522
|
hintText: string;
|
523
|
-
hintTrigger?: "
|
523
|
+
hintTrigger?: "hover" | "click" | undefined;
|
524
524
|
hintView?: string | undefined;
|
525
525
|
hintSize?: string | undefined;
|
526
526
|
hintTargetIcon?: ReactNode;
|
527
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
527
528
|
hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
|
528
529
|
hintHasArrow?: boolean | undefined;
|
529
530
|
hintOffset?: [number, number] | undefined;
|
@@ -550,10 +551,11 @@ clear?: boolean | undefined;
|
|
550
551
|
hasDivider?: boolean | undefined;
|
551
552
|
} & {
|
552
553
|
hintText: string;
|
553
|
-
hintTrigger?: "
|
554
|
+
hintTrigger?: "hover" | "click" | undefined;
|
554
555
|
hintView?: string | undefined;
|
555
556
|
hintSize?: string | undefined;
|
556
557
|
hintTargetIcon?: ReactNode;
|
558
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
557
559
|
hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
|
558
560
|
hintHasArrow?: boolean | undefined;
|
559
561
|
hintOffset?: [number, number] | undefined;
|
@@ -586,6 +588,7 @@ hintText?: undefined;
|
|
586
588
|
hintView?: undefined;
|
587
589
|
hintSize?: undefined;
|
588
590
|
hintTargetIcon?: undefined;
|
591
|
+
hintTargetPlacement?: undefined;
|
589
592
|
hintPlacement?: undefined;
|
590
593
|
hintHasArrow?: undefined;
|
591
594
|
hintOffset?: undefined;
|
@@ -616,6 +619,7 @@ hintText?: undefined;
|
|
616
619
|
hintView?: undefined;
|
617
620
|
hintSize?: undefined;
|
618
621
|
hintTargetIcon?: undefined;
|
622
|
+
hintTargetPlacement?: undefined;
|
619
623
|
hintPlacement?: undefined;
|
620
624
|
hintHasArrow?: undefined;
|
621
625
|
hintOffset?: undefined;
|
@@ -644,10 +648,11 @@ clear?: false | undefined;
|
|
644
648
|
hasDivider?: undefined;
|
645
649
|
} & {
|
646
650
|
hintText: string;
|
647
|
-
hintTrigger?: "
|
651
|
+
hintTrigger?: "hover" | "click" | undefined;
|
648
652
|
hintView?: string | undefined;
|
649
653
|
hintSize?: string | undefined;
|
650
654
|
hintTargetIcon?: ReactNode;
|
655
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
651
656
|
hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
|
652
657
|
hintHasArrow?: boolean | undefined;
|
653
658
|
hintOffset?: [number, number] | undefined;
|
@@ -674,10 +679,11 @@ clear?: false | undefined;
|
|
674
679
|
hasDivider?: undefined;
|
675
680
|
} & {
|
676
681
|
hintText: string;
|
677
|
-
hintTrigger?: "
|
682
|
+
hintTrigger?: "hover" | "click" | undefined;
|
678
683
|
hintView?: string | undefined;
|
679
684
|
hintSize?: string | undefined;
|
680
685
|
hintTargetIcon?: ReactNode;
|
686
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
681
687
|
hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
|
682
688
|
hintHasArrow?: boolean | undefined;
|
683
689
|
hintOffset?: [number, number] | undefined;
|
@@ -710,6 +716,7 @@ hintText?: undefined;
|
|
710
716
|
hintView?: undefined;
|
711
717
|
hintSize?: undefined;
|
712
718
|
hintTargetIcon?: undefined;
|
719
|
+
hintTargetPlacement?: undefined;
|
713
720
|
hintPlacement?: undefined;
|
714
721
|
hintHasArrow?: undefined;
|
715
722
|
hintOffset?: undefined;
|
@@ -740,6 +747,7 @@ hintText?: undefined;
|
|
740
747
|
hintView?: undefined;
|
741
748
|
hintSize?: undefined;
|
742
749
|
hintTargetIcon?: undefined;
|
750
|
+
hintTargetPlacement?: undefined;
|
743
751
|
hintPlacement?: undefined;
|
744
752
|
hintHasArrow?: undefined;
|
745
753
|
hintOffset?: undefined;
|
@@ -1893,10 +1901,11 @@ clear?: boolean | undefined;
|
|
1893
1901
|
hasDivider?: boolean | undefined;
|
1894
1902
|
} & {
|
1895
1903
|
hintText: string;
|
1896
|
-
hintTrigger?: "
|
1904
|
+
hintTrigger?: "hover" | "click" | undefined;
|
1897
1905
|
hintView?: string | undefined;
|
1898
1906
|
hintSize?: string | undefined;
|
1899
1907
|
hintTargetIcon?: ReactNode;
|
1908
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
1900
1909
|
hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
|
1901
1910
|
hintHasArrow?: boolean | undefined;
|
1902
1911
|
hintOffset?: [number, number] | undefined;
|
@@ -1955,10 +1964,11 @@ clear?: boolean | undefined;
|
|
1955
1964
|
hasDivider?: boolean | undefined;
|
1956
1965
|
} & {
|
1957
1966
|
hintText: string;
|
1958
|
-
hintTrigger?: "
|
1967
|
+
hintTrigger?: "hover" | "click" | undefined;
|
1959
1968
|
hintView?: string | undefined;
|
1960
1969
|
hintSize?: string | undefined;
|
1961
1970
|
hintTargetIcon?: ReactNode;
|
1971
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
1962
1972
|
hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
|
1963
1973
|
hintHasArrow?: boolean | undefined;
|
1964
1974
|
hintOffset?: [number, number] | undefined;
|
@@ -2023,6 +2033,7 @@ hintText?: undefined;
|
|
2023
2033
|
hintView?: undefined;
|
2024
2034
|
hintSize?: undefined;
|
2025
2035
|
hintTargetIcon?: undefined;
|
2036
|
+
hintTargetPlacement?: undefined;
|
2026
2037
|
hintPlacement?: undefined;
|
2027
2038
|
hintHasArrow?: undefined;
|
2028
2039
|
hintOffset?: undefined;
|
@@ -2085,6 +2096,7 @@ hintText?: undefined;
|
|
2085
2096
|
hintView?: undefined;
|
2086
2097
|
hintSize?: undefined;
|
2087
2098
|
hintTargetIcon?: undefined;
|
2099
|
+
hintTargetPlacement?: undefined;
|
2088
2100
|
hintPlacement?: undefined;
|
2089
2101
|
hintHasArrow?: undefined;
|
2090
2102
|
hintOffset?: undefined;
|
@@ -2145,10 +2157,11 @@ clear?: false | undefined;
|
|
2145
2157
|
hasDivider?: undefined;
|
2146
2158
|
} & {
|
2147
2159
|
hintText: string;
|
2148
|
-
hintTrigger?: "
|
2160
|
+
hintTrigger?: "hover" | "click" | undefined;
|
2149
2161
|
hintView?: string | undefined;
|
2150
2162
|
hintSize?: string | undefined;
|
2151
2163
|
hintTargetIcon?: ReactNode;
|
2164
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
2152
2165
|
hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
|
2153
2166
|
hintHasArrow?: boolean | undefined;
|
2154
2167
|
hintOffset?: [number, number] | undefined;
|
@@ -2207,10 +2220,11 @@ clear?: false | undefined;
|
|
2207
2220
|
hasDivider?: undefined;
|
2208
2221
|
} & {
|
2209
2222
|
hintText: string;
|
2210
|
-
hintTrigger?: "
|
2223
|
+
hintTrigger?: "hover" | "click" | undefined;
|
2211
2224
|
hintView?: string | undefined;
|
2212
2225
|
hintSize?: string | undefined;
|
2213
2226
|
hintTargetIcon?: ReactNode;
|
2227
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
2214
2228
|
hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
|
2215
2229
|
hintHasArrow?: boolean | undefined;
|
2216
2230
|
hintOffset?: [number, number] | undefined;
|
@@ -2275,6 +2289,7 @@ hintText?: undefined;
|
|
2275
2289
|
hintView?: undefined;
|
2276
2290
|
hintSize?: undefined;
|
2277
2291
|
hintTargetIcon?: undefined;
|
2292
|
+
hintTargetPlacement?: undefined;
|
2278
2293
|
hintPlacement?: undefined;
|
2279
2294
|
hintHasArrow?: undefined;
|
2280
2295
|
hintOffset?: undefined;
|
@@ -2337,6 +2352,7 @@ hintText?: undefined;
|
|
2337
2352
|
hintView?: undefined;
|
2338
2353
|
hintSize?: undefined;
|
2339
2354
|
hintTargetIcon?: undefined;
|
2355
|
+
hintTargetPlacement?: undefined;
|
2340
2356
|
hintPlacement?: undefined;
|
2341
2357
|
hintHasArrow?: undefined;
|
2342
2358
|
hintOffset?: undefined;
|
@@ -3094,7 +3110,7 @@ requiredPlacement?: "right" | "left" | undefined;
|
|
3094
3110
|
optional?: boolean | undefined;
|
3095
3111
|
} & {
|
3096
3112
|
hintText: string;
|
3097
|
-
hintTrigger?: "
|
3113
|
+
hintTrigger?: "hover" | "click" | undefined;
|
3098
3114
|
hintOpened?: boolean | undefined;
|
3099
3115
|
hintView?: string | undefined;
|
3100
3116
|
hintSize?: string | undefined;
|
@@ -3137,7 +3153,7 @@ requiredPlacement?: "right" | "left" | undefined;
|
|
3137
3153
|
optional?: boolean | undefined;
|
3138
3154
|
} & {
|
3139
3155
|
hintText: string;
|
3140
|
-
hintTrigger?: "
|
3156
|
+
hintTrigger?: "hover" | "click" | undefined;
|
3141
3157
|
hintOpened?: boolean | undefined;
|
3142
3158
|
hintView?: string | undefined;
|
3143
3159
|
hintSize?: string | undefined;
|
@@ -3180,7 +3196,7 @@ requiredPlacement?: "right" | "left" | undefined;
|
|
3180
3196
|
optional?: boolean | undefined;
|
3181
3197
|
} & {
|
3182
3198
|
hintText: string;
|
3183
|
-
hintTrigger?: "
|
3199
|
+
hintTrigger?: "hover" | "click" | undefined;
|
3184
3200
|
hintOpened?: boolean | undefined;
|
3185
3201
|
hintView?: string | undefined;
|
3186
3202
|
hintSize?: string | undefined;
|
@@ -3223,7 +3239,7 @@ requiredPlacement?: "right" | "left" | undefined;
|
|
3223
3239
|
optional?: boolean | undefined;
|
3224
3240
|
} & {
|
3225
3241
|
hintText: string;
|
3226
|
-
hintTrigger?: "
|
3242
|
+
hintTrigger?: "hover" | "click" | undefined;
|
3227
3243
|
hintOpened?: boolean | undefined;
|
3228
3244
|
hintView?: string | undefined;
|
3229
3245
|
hintSize?: string | undefined;
|
@@ -3469,10 +3485,11 @@ clear?: boolean | undefined;
|
|
3469
3485
|
hasDivider?: boolean | undefined;
|
3470
3486
|
} & {
|
3471
3487
|
hintText: string;
|
3472
|
-
hintTrigger?: "
|
3488
|
+
hintTrigger?: "hover" | "click" | undefined;
|
3473
3489
|
hintView?: string | undefined;
|
3474
3490
|
hintSize?: string | undefined;
|
3475
3491
|
hintTargetIcon?: ReactNode;
|
3492
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
3476
3493
|
hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
|
3477
3494
|
hintHasArrow?: boolean | undefined;
|
3478
3495
|
hintOffset?: [number, number] | undefined;
|
@@ -3504,10 +3521,11 @@ clear?: boolean | undefined;
|
|
3504
3521
|
hasDivider?: boolean | undefined;
|
3505
3522
|
} & {
|
3506
3523
|
hintText: string;
|
3507
|
-
hintTrigger?: "
|
3524
|
+
hintTrigger?: "hover" | "click" | undefined;
|
3508
3525
|
hintView?: string | undefined;
|
3509
3526
|
hintSize?: string | undefined;
|
3510
3527
|
hintTargetIcon?: ReactNode;
|
3528
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
3511
3529
|
hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
|
3512
3530
|
hintHasArrow?: boolean | undefined;
|
3513
3531
|
hintOffset?: [number, number] | undefined;
|
@@ -3545,6 +3563,7 @@ hintText?: undefined;
|
|
3545
3563
|
hintView?: undefined;
|
3546
3564
|
hintSize?: undefined;
|
3547
3565
|
hintTargetIcon?: undefined;
|
3566
|
+
hintTargetPlacement?: undefined;
|
3548
3567
|
hintPlacement?: undefined;
|
3549
3568
|
hintHasArrow?: undefined;
|
3550
3569
|
hintOffset?: undefined;
|
@@ -3580,6 +3599,7 @@ hintText?: undefined;
|
|
3580
3599
|
hintView?: undefined;
|
3581
3600
|
hintSize?: undefined;
|
3582
3601
|
hintTargetIcon?: undefined;
|
3602
|
+
hintTargetPlacement?: undefined;
|
3583
3603
|
hintPlacement?: undefined;
|
3584
3604
|
hintHasArrow?: undefined;
|
3585
3605
|
hintOffset?: undefined;
|
@@ -3613,10 +3633,11 @@ clear?: false | undefined;
|
|
3613
3633
|
hasDivider?: undefined;
|
3614
3634
|
} & {
|
3615
3635
|
hintText: string;
|
3616
|
-
hintTrigger?: "
|
3636
|
+
hintTrigger?: "hover" | "click" | undefined;
|
3617
3637
|
hintView?: string | undefined;
|
3618
3638
|
hintSize?: string | undefined;
|
3619
3639
|
hintTargetIcon?: ReactNode;
|
3640
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
3620
3641
|
hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
|
3621
3642
|
hintHasArrow?: boolean | undefined;
|
3622
3643
|
hintOffset?: [number, number] | undefined;
|
@@ -3648,10 +3669,11 @@ clear?: false | undefined;
|
|
3648
3669
|
hasDivider?: undefined;
|
3649
3670
|
} & {
|
3650
3671
|
hintText: string;
|
3651
|
-
hintTrigger?: "
|
3672
|
+
hintTrigger?: "hover" | "click" | undefined;
|
3652
3673
|
hintView?: string | undefined;
|
3653
3674
|
hintSize?: string | undefined;
|
3654
3675
|
hintTargetIcon?: ReactNode;
|
3676
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
3655
3677
|
hintPlacement?: PopoverPlacement | PopoverPlacementBasic[] | undefined;
|
3656
3678
|
hintHasArrow?: boolean | undefined;
|
3657
3679
|
hintOffset?: [number, number] | undefined;
|
@@ -3689,6 +3711,7 @@ hintText?: undefined;
|
|
3689
3711
|
hintView?: undefined;
|
3690
3712
|
hintSize?: undefined;
|
3691
3713
|
hintTargetIcon?: undefined;
|
3714
|
+
hintTargetPlacement?: undefined;
|
3692
3715
|
hintPlacement?: undefined;
|
3693
3716
|
hintHasArrow?: undefined;
|
3694
3717
|
hintOffset?: undefined;
|
@@ -3724,6 +3747,7 @@ hintText?: undefined;
|
|
3724
3747
|
hintView?: undefined;
|
3725
3748
|
hintSize?: undefined;
|
3726
3749
|
hintTargetIcon?: undefined;
|
3750
|
+
hintTargetPlacement?: undefined;
|
3727
3751
|
hintPlacement?: undefined;
|
3728
3752
|
hintHasArrow?: undefined;
|
3729
3753
|
hintOffset?: undefined;
|
@@ -30,10 +30,11 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
30
30
|
hasDivider?: boolean | undefined;
|
31
31
|
} & {
|
32
32
|
hintText: string;
|
33
|
-
hintTrigger?: "
|
33
|
+
hintTrigger?: "hover" | "click" | undefined;
|
34
34
|
hintView?: string | undefined;
|
35
35
|
hintSize?: string | undefined;
|
36
36
|
hintTargetIcon?: import("react").ReactNode;
|
37
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
37
38
|
hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
|
38
39
|
hintHasArrow?: boolean | undefined;
|
39
40
|
hintOffset?: [number, number] | undefined;
|
@@ -60,10 +61,11 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
60
61
|
hasDivider?: boolean | undefined;
|
61
62
|
} & {
|
62
63
|
hintText: string;
|
63
|
-
hintTrigger?: "
|
64
|
+
hintTrigger?: "hover" | "click" | undefined;
|
64
65
|
hintView?: string | undefined;
|
65
66
|
hintSize?: string | undefined;
|
66
67
|
hintTargetIcon?: import("react").ReactNode;
|
68
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
67
69
|
hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
|
68
70
|
hintHasArrow?: boolean | undefined;
|
69
71
|
hintOffset?: [number, number] | undefined;
|
@@ -96,6 +98,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
96
98
|
hintView?: undefined;
|
97
99
|
hintSize?: undefined;
|
98
100
|
hintTargetIcon?: undefined;
|
101
|
+
hintTargetPlacement?: undefined;
|
99
102
|
hintPlacement?: undefined;
|
100
103
|
hintHasArrow?: undefined;
|
101
104
|
hintOffset?: undefined;
|
@@ -126,6 +129,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
126
129
|
hintView?: undefined;
|
127
130
|
hintSize?: undefined;
|
128
131
|
hintTargetIcon?: undefined;
|
132
|
+
hintTargetPlacement?: undefined;
|
129
133
|
hintPlacement?: undefined;
|
130
134
|
hintHasArrow?: undefined;
|
131
135
|
hintOffset?: undefined;
|
@@ -154,10 +158,11 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
154
158
|
hasDivider?: undefined;
|
155
159
|
} & {
|
156
160
|
hintText: string;
|
157
|
-
hintTrigger?: "
|
161
|
+
hintTrigger?: "hover" | "click" | undefined;
|
158
162
|
hintView?: string | undefined;
|
159
163
|
hintSize?: string | undefined;
|
160
164
|
hintTargetIcon?: import("react").ReactNode;
|
165
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
161
166
|
hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
|
162
167
|
hintHasArrow?: boolean | undefined;
|
163
168
|
hintOffset?: [number, number] | undefined;
|
@@ -184,10 +189,11 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
184
189
|
hasDivider?: undefined;
|
185
190
|
} & {
|
186
191
|
hintText: string;
|
187
|
-
hintTrigger?: "
|
192
|
+
hintTrigger?: "hover" | "click" | undefined;
|
188
193
|
hintView?: string | undefined;
|
189
194
|
hintSize?: string | undefined;
|
190
195
|
hintTargetIcon?: import("react").ReactNode;
|
196
|
+
hintTargetPlacement?: "outer" | "inner" | undefined;
|
191
197
|
hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
|
192
198
|
hintHasArrow?: boolean | undefined;
|
193
199
|
hintOffset?: [number, number] | undefined;
|
@@ -220,6 +226,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
220
226
|
hintView?: undefined;
|
221
227
|
hintSize?: undefined;
|
222
228
|
hintTargetIcon?: undefined;
|
229
|
+
hintTargetPlacement?: undefined;
|
223
230
|
hintPlacement?: undefined;
|
224
231
|
hintHasArrow?: undefined;
|
225
232
|
hintOffset?: undefined;
|
@@ -250,6 +257,7 @@ export declare const Autocomplete: import("react").FunctionComponent<import("@sa
|
|
250
257
|
hintView?: undefined;
|
251
258
|
hintSize?: undefined;
|
252
259
|
hintTargetIcon?: undefined;
|
260
|
+
hintTargetPlacement?: undefined;
|
253
261
|
hintPlacement?: undefined;
|
254
262
|
hintHasArrow?: undefined;
|
255
263
|
hintOffset?: undefined;
|