@salutejs/sdds-cs 0.364.0-next-sbcom.0 → 0.364.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/dist/beta/cjs/Popover/Popover.closeInner.config.js +6 -0
- package/dist/beta/cjs/Popover/Popover.closeNone.config.js +6 -0
- package/dist/beta/cjs/Tooltip/Tooltip.config.js +17 -6
- package/dist/beta/es/Popover/Popover.closeInner.config.js +6 -0
- package/dist/beta/es/Popover/Popover.closeNone.config.js +6 -0
- package/dist/beta/es/Tooltip/Tooltip.config.js +18 -7
- package/dist/beta/types/Tooltip/Tooltip.config.d.ts +1 -0
- package/dist/beta/types/Tooltip/Tooltip.d.ts +1 -0
- package/dist/emotion/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
- package/dist/emotion/cjs/components/ChipGroup/ChipGroup.config.js +7 -0
- package/dist/emotion/cjs/components/Combobox/Combobox.config.js +2 -2
- package/dist/emotion/cjs/components/Select/Select.config.js +1 -1
- package/dist/emotion/cjs/components/Slider/Slider.config.js +16 -1
- package/dist/emotion/cjs/components/TextField/TextField.clear.config.js +1 -1
- package/dist/emotion/cjs/components/TextField/TextField.config.js +2 -2
- package/dist/emotion/es/components/Autocomplete/Autocomplete.config.js +1 -1
- package/dist/emotion/es/components/ChipGroup/ChipGroup.config.js +7 -0
- package/dist/emotion/es/components/Combobox/Combobox.config.js +2 -2
- package/dist/emotion/es/components/Select/Select.config.js +1 -1
- package/dist/emotion/es/components/Slider/Slider.config.js +16 -1
- package/dist/emotion/es/components/TextField/TextField.clear.config.js +1 -1
- package/dist/emotion/es/components/TextField/TextField.config.js +2 -2
- package/package.json +10 -10
- package/types/components/Avatar/Avatar.d.ts +4 -4
- package/types/components/ChipGroup/ChipGroup.config.d.ts +4 -0
- package/types/components/ChipGroup/ChipGroup.d.ts +4 -0
- package/types/components/Slider/Slider.config.d.ts +1 -0
- package/types/components/Slider/Slider.d.ts +8 -4
- package/types/components/TimePicker/TimePicker.d.ts +2 -2
|
@@ -37,11 +37,17 @@ const config = {
|
|
|
37
37
|
${_emotion._beta_popoverTokens.borderRadius}: 1rem;
|
|
38
38
|
${_emotion._beta_popoverTokens.padding}: 0.75rem 0.5rem 0.5rem 0.5rem;
|
|
39
39
|
${_emotion._beta_popoverTokens.iconOffset}: 0.625rem;
|
|
40
|
+
${_emotion._beta_popoverTokens.tailWidth}: 20px;
|
|
41
|
+
${_emotion._beta_popoverTokens.tailHeight}: 8px;
|
|
42
|
+
${_emotion._beta_popoverTokens.tailSideCurvature}: -10%;
|
|
40
43
|
`,
|
|
41
44
|
s: (0, _emotion.css)`
|
|
42
45
|
${_emotion._beta_popoverTokens.borderRadius}: 0.75rem;
|
|
43
46
|
${_emotion._beta_popoverTokens.padding}: 0.5rem 0.375rem 0.375rem 0.375rem;
|
|
44
47
|
${_emotion._beta_popoverTokens.iconOffset}: 0.5rem;
|
|
48
|
+
${_emotion._beta_popoverTokens.tailWidth}: 20px;
|
|
49
|
+
${_emotion._beta_popoverTokens.tailHeight}: 8px;
|
|
50
|
+
${_emotion._beta_popoverTokens.tailSideCurvature}: -10%;
|
|
45
51
|
`
|
|
46
52
|
}
|
|
47
53
|
}
|
|
@@ -30,10 +30,16 @@ const config = {
|
|
|
30
30
|
m: (0, _emotion.css)`
|
|
31
31
|
${_emotion._beta_popoverTokens.borderRadius}: 1rem;
|
|
32
32
|
${_emotion._beta_popoverTokens.padding}: 0.75rem 0.5rem 0.5rem 0.5rem;
|
|
33
|
+
${_emotion._beta_popoverTokens.tailWidth}: 20px;
|
|
34
|
+
${_emotion._beta_popoverTokens.tailHeight}: 8px;
|
|
35
|
+
${_emotion._beta_popoverTokens.tailSideCurvature}: -10%;
|
|
33
36
|
`,
|
|
34
37
|
s: (0, _emotion.css)`
|
|
35
38
|
${_emotion._beta_popoverTokens.borderRadius}: 0.75rem;
|
|
36
39
|
${_emotion._beta_popoverTokens.padding}: 0.5rem 0.375rem 0.375rem 0.375rem;
|
|
40
|
+
${_emotion._beta_popoverTokens.tailWidth}: 20px;
|
|
41
|
+
${_emotion._beta_popoverTokens.tailHeight}: 8px;
|
|
42
|
+
${_emotion._beta_popoverTokens.tailSideCurvature}: -10%;
|
|
37
43
|
`
|
|
38
44
|
}
|
|
39
45
|
}
|
|
@@ -13,27 +13,35 @@ const _emotion = require("@salutejs/plasma-new-hope/emotion");
|
|
|
13
13
|
const config = {
|
|
14
14
|
defaults: {
|
|
15
15
|
view: 'default',
|
|
16
|
-
size: '
|
|
16
|
+
size: 's'
|
|
17
17
|
},
|
|
18
18
|
variations: {
|
|
19
19
|
view: {
|
|
20
20
|
default: (0, _emotion.css)`
|
|
21
|
-
${_emotion._beta_tooltipTokens.backgroundColor}: ${_sdds_cs.
|
|
22
|
-
${_emotion._beta_tooltipTokens.boxShadow}: ${_sdds_cs.
|
|
21
|
+
${_emotion._beta_tooltipTokens.backgroundColor}: ${_sdds_cs.inverseSurfaceSolidCard};
|
|
22
|
+
${_emotion._beta_tooltipTokens.boxShadow}: ${_sdds_cs.shadowDownHardS};
|
|
23
|
+
${_emotion._beta_tooltipTokens.color}: ${_sdds_cs.inverseTextPrimary};
|
|
24
|
+
`,
|
|
25
|
+
secondary: (0, _emotion.css)`
|
|
26
|
+
${_emotion._beta_tooltipTokens.backgroundColor}: ${_sdds_cs.onDarkSurfaceSolidSecondary};
|
|
27
|
+
${_emotion._beta_tooltipTokens.boxShadow}: ${_sdds_cs.shadowDownHardS};
|
|
23
28
|
${_emotion._beta_tooltipTokens.color}: ${_sdds_cs.inverseTextPrimary};
|
|
24
29
|
`
|
|
25
30
|
},
|
|
26
31
|
size: {
|
|
27
32
|
m: (0, _emotion.css)`
|
|
28
|
-
${_emotion._beta_tooltipTokens.borderRadius}: 0.
|
|
29
|
-
${_emotion._beta_tooltipTokens.padding}: 0.
|
|
30
|
-
${_emotion._beta_tooltipTokens.gap}: 0.
|
|
33
|
+
${_emotion._beta_tooltipTokens.borderRadius}: 0.5rem;
|
|
34
|
+
${_emotion._beta_tooltipTokens.padding}: 0.5rem 0.75rem;
|
|
35
|
+
${_emotion._beta_tooltipTokens.gap}: 0.25rem;
|
|
31
36
|
${_emotion._beta_tooltipTokens.fontFamily}: ${_sdds_cs.bodyS.fontFamily};
|
|
32
37
|
${_emotion._beta_tooltipTokens.fontSize}: ${_sdds_cs.bodyS.fontSize};
|
|
33
38
|
${_emotion._beta_tooltipTokens.fontStyle}: ${_sdds_cs.bodyS.fontStyle};
|
|
34
39
|
${_emotion._beta_tooltipTokens.fontWeight}: ${_sdds_cs.bodyS.fontWeight};
|
|
35
40
|
${_emotion._beta_tooltipTokens.letterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
|
|
36
41
|
${_emotion._beta_tooltipTokens.lineHeight}: ${_sdds_cs.bodyS.lineHeight};
|
|
42
|
+
${_emotion._beta_tooltipTokens.tailWidth}: 20px;
|
|
43
|
+
${_emotion._beta_tooltipTokens.tailHeight}: 8px;
|
|
44
|
+
${_emotion._beta_tooltipTokens.tailSideCurvature}: -10%;
|
|
37
45
|
`,
|
|
38
46
|
s: (0, _emotion.css)`
|
|
39
47
|
${_emotion._beta_tooltipTokens.borderRadius}: 0.5rem;
|
|
@@ -45,6 +53,9 @@ const config = {
|
|
|
45
53
|
${_emotion._beta_tooltipTokens.fontWeight}: ${_sdds_cs.bodyXS.fontWeight};
|
|
46
54
|
${_emotion._beta_tooltipTokens.letterSpacing}: ${_sdds_cs.bodyXS.letterSpacing};
|
|
47
55
|
${_emotion._beta_tooltipTokens.lineHeight}: ${_sdds_cs.bodyXS.lineHeight};
|
|
56
|
+
${_emotion._beta_tooltipTokens.tailWidth}: 14px;
|
|
57
|
+
${_emotion._beta_tooltipTokens.tailHeight}: 6px;
|
|
58
|
+
${_emotion._beta_tooltipTokens.tailSideCurvature}: -10%;
|
|
48
59
|
`
|
|
49
60
|
}
|
|
50
61
|
}
|
|
@@ -27,11 +27,17 @@ export const config = {
|
|
|
27
27
|
${tokens.borderRadius}: 1rem;
|
|
28
28
|
${tokens.padding}: 0.75rem 0.5rem 0.5rem 0.5rem;
|
|
29
29
|
${tokens.iconOffset}: 0.625rem;
|
|
30
|
+
${tokens.tailWidth}: 20px;
|
|
31
|
+
${tokens.tailHeight}: 8px;
|
|
32
|
+
${tokens.tailSideCurvature}: -10%;
|
|
30
33
|
`,
|
|
31
34
|
s: css`
|
|
32
35
|
${tokens.borderRadius}: 0.75rem;
|
|
33
36
|
${tokens.padding}: 0.5rem 0.375rem 0.375rem 0.375rem;
|
|
34
37
|
${tokens.iconOffset}: 0.5rem;
|
|
38
|
+
${tokens.tailWidth}: 20px;
|
|
39
|
+
${tokens.tailHeight}: 8px;
|
|
40
|
+
${tokens.tailSideCurvature}: -10%;
|
|
35
41
|
`
|
|
36
42
|
}
|
|
37
43
|
}
|
|
@@ -20,10 +20,16 @@ export const config = {
|
|
|
20
20
|
m: css`
|
|
21
21
|
${tokens.borderRadius}: 1rem;
|
|
22
22
|
${tokens.padding}: 0.75rem 0.5rem 0.5rem 0.5rem;
|
|
23
|
+
${tokens.tailWidth}: 20px;
|
|
24
|
+
${tokens.tailHeight}: 8px;
|
|
25
|
+
${tokens.tailSideCurvature}: -10%;
|
|
23
26
|
`,
|
|
24
27
|
s: css`
|
|
25
28
|
${tokens.borderRadius}: 0.75rem;
|
|
26
29
|
${tokens.padding}: 0.5rem 0.375rem 0.375rem 0.375rem;
|
|
30
|
+
${tokens.tailWidth}: 20px;
|
|
31
|
+
${tokens.tailHeight}: 8px;
|
|
32
|
+
${tokens.tailSideCurvature}: -10%;
|
|
27
33
|
`
|
|
28
34
|
}
|
|
29
35
|
}
|
|
@@ -1,29 +1,37 @@
|
|
|
1
|
-
import { bodyS, bodyXS,
|
|
1
|
+
import { bodyS, bodyXS, inverseSurfaceSolidCard, inverseTextPrimary, onDarkSurfaceSolidSecondary, shadowDownHardS } from '@salutejs/sdds-themes/tokens/sdds_cs';
|
|
2
2
|
import { css, _beta_tooltipTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
|
|
3
3
|
export const config = {
|
|
4
4
|
defaults: {
|
|
5
5
|
view: 'default',
|
|
6
|
-
size: '
|
|
6
|
+
size: 's'
|
|
7
7
|
},
|
|
8
8
|
variations: {
|
|
9
9
|
view: {
|
|
10
10
|
default: css`
|
|
11
|
-
${tokens.backgroundColor}: ${
|
|
12
|
-
${tokens.boxShadow}: ${
|
|
11
|
+
${tokens.backgroundColor}: ${inverseSurfaceSolidCard};
|
|
12
|
+
${tokens.boxShadow}: ${shadowDownHardS};
|
|
13
|
+
${tokens.color}: ${inverseTextPrimary};
|
|
14
|
+
`,
|
|
15
|
+
secondary: css`
|
|
16
|
+
${tokens.backgroundColor}: ${onDarkSurfaceSolidSecondary};
|
|
17
|
+
${tokens.boxShadow}: ${shadowDownHardS};
|
|
13
18
|
${tokens.color}: ${inverseTextPrimary};
|
|
14
19
|
`
|
|
15
20
|
},
|
|
16
21
|
size: {
|
|
17
22
|
m: css`
|
|
18
|
-
${tokens.borderRadius}: 0.
|
|
19
|
-
${tokens.padding}: 0.
|
|
20
|
-
${tokens.gap}: 0.
|
|
23
|
+
${tokens.borderRadius}: 0.5rem;
|
|
24
|
+
${tokens.padding}: 0.5rem 0.75rem;
|
|
25
|
+
${tokens.gap}: 0.25rem;
|
|
21
26
|
${tokens.fontFamily}: ${bodyS.fontFamily};
|
|
22
27
|
${tokens.fontSize}: ${bodyS.fontSize};
|
|
23
28
|
${tokens.fontStyle}: ${bodyS.fontStyle};
|
|
24
29
|
${tokens.fontWeight}: ${bodyS.fontWeight};
|
|
25
30
|
${tokens.letterSpacing}: ${bodyS.letterSpacing};
|
|
26
31
|
${tokens.lineHeight}: ${bodyS.lineHeight};
|
|
32
|
+
${tokens.tailWidth}: 20px;
|
|
33
|
+
${tokens.tailHeight}: 8px;
|
|
34
|
+
${tokens.tailSideCurvature}: -10%;
|
|
27
35
|
`,
|
|
28
36
|
s: css`
|
|
29
37
|
${tokens.borderRadius}: 0.5rem;
|
|
@@ -35,6 +43,9 @@ export const config = {
|
|
|
35
43
|
${tokens.fontWeight}: ${bodyXS.fontWeight};
|
|
36
44
|
${tokens.letterSpacing}: ${bodyXS.letterSpacing};
|
|
37
45
|
${tokens.lineHeight}: ${bodyXS.lineHeight};
|
|
46
|
+
${tokens.tailWidth}: 14px;
|
|
47
|
+
${tokens.tailHeight}: 6px;
|
|
48
|
+
${tokens.tailSideCurvature}: -10%;
|
|
38
49
|
`
|
|
39
50
|
}
|
|
40
51
|
}
|
|
@@ -6,6 +6,7 @@ export declare const config: {
|
|
|
6
6
|
variations: {
|
|
7
7
|
view: {
|
|
8
8
|
default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
9
|
+
secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
9
10
|
};
|
|
10
11
|
size: {
|
|
11
12
|
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export declare const Tooltip: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
|
|
2
2
|
view: {
|
|
3
3
|
default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
4
|
+
secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
4
5
|
};
|
|
5
6
|
size: {
|
|
6
7
|
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
@@ -133,7 +133,7 @@ const config = {
|
|
|
133
133
|
${_emotion.autocompleteTokens.textFieldLabelLetterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
|
|
134
134
|
${_emotion.autocompleteTokens.textFieldLabelLineHeight}: ${_sdds_cs.bodyS.lineHeight};
|
|
135
135
|
|
|
136
|
-
${_emotion.autocompleteTokens.
|
|
136
|
+
${_emotion.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
137
137
|
${_emotion.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
|
|
138
138
|
${_emotion.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
|
|
139
139
|
${_emotion.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
|
|
@@ -48,6 +48,9 @@ const config = {
|
|
|
48
48
|
size: {
|
|
49
49
|
s: (0, _emotion.css)`
|
|
50
50
|
${_emotion.chipGroupTokens.chipBorderRadius}: 0.5rem;
|
|
51
|
+
${_emotion.chipGroupTokens.chipDefaultRadius}: 0.5rem;
|
|
52
|
+
${_emotion.chipGroupTokens.chipSegmentedRadius}: 0.25rem;
|
|
53
|
+
${_emotion.chipGroupTokens.chipSideRadius}: 0.5rem;
|
|
51
54
|
${_emotion.chipGroupTokens.chipWidth}: auto;
|
|
52
55
|
${_emotion.chipGroupTokens.chipHeight}: 2.5rem;
|
|
53
56
|
${_emotion.chipGroupTokens.chipPadding}: 0 1rem;
|
|
@@ -75,6 +78,10 @@ const config = {
|
|
|
75
78
|
wide: (0, _emotion.css)`
|
|
76
79
|
${_emotion.chipGroupTokens.chipGroupItemsGap}: 0.5rem;
|
|
77
80
|
`
|
|
81
|
+
},
|
|
82
|
+
shape: {
|
|
83
|
+
segmented: (0, _emotion.css)``,
|
|
84
|
+
default: (0, _emotion.css)``
|
|
78
85
|
}
|
|
79
86
|
}
|
|
80
87
|
};
|
|
@@ -171,7 +171,7 @@ const config = {
|
|
|
171
171
|
${_emotion.comboboxTokens.textFieldLabelLetterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
|
|
172
172
|
${_emotion.comboboxTokens.textFieldLabelLineHeight}: ${_sdds_cs.bodyS.lineHeight};
|
|
173
173
|
|
|
174
|
-
${_emotion.comboboxTokens.
|
|
174
|
+
${_emotion.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
175
175
|
${_emotion.comboboxTokens.textFieldLeftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
|
|
176
176
|
${_emotion.comboboxTokens.textFieldLeftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
|
|
177
177
|
${_emotion.comboboxTokens.textFieldLeftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
|
|
@@ -302,7 +302,7 @@ const config = {
|
|
|
302
302
|
${_emotion.comboboxTokens.disclosureIconColorHover}: transparent;
|
|
303
303
|
${_emotion.comboboxTokens.textFieldPadding}: 0;
|
|
304
304
|
${_emotion.comboboxTokens.textFieldLabelOffset}: 0.25rem;
|
|
305
|
-
${_emotion.comboboxTokens.
|
|
305
|
+
${_emotion.comboboxTokens.textFieldLeftHelperOffset}: 0rem 0 0 0;
|
|
306
306
|
${_emotion.comboboxTokens.textFieldBorderColor}: transparent;
|
|
307
307
|
${_emotion.comboboxTokens.textFieldBorderWidth}: 0;
|
|
308
308
|
`
|
|
@@ -135,7 +135,7 @@ const config = {
|
|
|
135
135
|
${_emotion.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
|
|
136
136
|
${_emotion.selectTokens.textFieldLabelLineHeight}: ${_sdds_cs.bodyS.lineHeight};
|
|
137
137
|
|
|
138
|
-
${_emotion.selectTokens.
|
|
138
|
+
${_emotion.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
139
139
|
${_emotion.selectTokens.textFieldLeftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
|
|
140
140
|
${_emotion.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
|
|
141
141
|
${_emotion.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
|
|
@@ -14,7 +14,8 @@ const config = {
|
|
|
14
14
|
defaults: {
|
|
15
15
|
view: 'default',
|
|
16
16
|
size: 's',
|
|
17
|
-
pointerSize: 'small'
|
|
17
|
+
pointerSize: 'small',
|
|
18
|
+
tickType: 'bullet'
|
|
18
19
|
},
|
|
19
20
|
variations: {
|
|
20
21
|
view: {
|
|
@@ -110,11 +111,13 @@ const config = {
|
|
|
110
111
|
${_emotion.sliderTokens.valueLineHeight}: ${_sdds_cs.bodyXS.lineHeight};
|
|
111
112
|
|
|
112
113
|
${_emotion.sliderTokens.tickSize}: 0.5rem;
|
|
114
|
+
${_emotion.sliderTokens.tickSeparatorGap}: 0.5rem;
|
|
113
115
|
|
|
114
116
|
${_emotion.sliderTokens.currentValueTopOffset}: 1.25rem;
|
|
115
117
|
|
|
116
118
|
${_emotion.sliderTokens.railThickness}: 0.25rem;
|
|
117
119
|
${_emotion.sliderTokens.railBorderRadius}: 0.125rem;
|
|
120
|
+
${_emotion.sliderTokens.trackSegmentBorderRadius}: 1000px;
|
|
118
121
|
|
|
119
122
|
${_emotion.sliderTokens.textFieldWrapperGap}: 0.063rem;
|
|
120
123
|
${_emotion.sliderTokens.textFieldBorderWidth}: 0.125rem;
|
|
@@ -135,14 +138,26 @@ const config = {
|
|
|
135
138
|
${_emotion.sliderTokens.thumbSize}: 1rem;
|
|
136
139
|
${_emotion.sliderTokens.thumbBorderStyle}: solid;
|
|
137
140
|
${_emotion.sliderTokens.thumbBorderWidth}: 0.0625rem;
|
|
141
|
+
|
|
142
|
+
${_emotion.sliderTokens.tickSeparatorWidth}: 0.25rem;
|
|
143
|
+
${_emotion.sliderTokens.tickSeparatorHeight}: 0.5rem;
|
|
144
|
+
${_emotion.sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
|
|
138
145
|
`,
|
|
139
146
|
large: (0, _emotion.css)`
|
|
140
147
|
${_emotion.sliderTokens.thumbSize}: 1.25rem;
|
|
141
148
|
${_emotion.sliderTokens.thumbBorderStyle}: solid;
|
|
142
149
|
${_emotion.sliderTokens.thumbBorderWidth}: 0.0625rem;
|
|
150
|
+
|
|
151
|
+
${_emotion.sliderTokens.tickSeparatorWidth}: 0.25rem;
|
|
152
|
+
${_emotion.sliderTokens.tickSeparatorHeight}: 1rem;
|
|
153
|
+
${_emotion.sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
|
|
143
154
|
`,
|
|
144
155
|
none: (0, _emotion.css)`
|
|
145
156
|
${_emotion.sliderTokens.thumbSize}: 0rem;
|
|
157
|
+
|
|
158
|
+
${_emotion.sliderTokens.tickSeparatorWidth}: 0.25rem;
|
|
159
|
+
${_emotion.sliderTokens.tickSeparatorHeight}: 0.5rem;
|
|
160
|
+
${_emotion.sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
|
|
146
161
|
`
|
|
147
162
|
},
|
|
148
163
|
disabled: {
|
|
@@ -123,7 +123,7 @@ const config = {
|
|
|
123
123
|
${_emotion.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_cs.bodyXS.letterSpacing};
|
|
124
124
|
${_emotion.textFieldTokens.titleCaptionLineHeight}: ${_sdds_cs.bodyXS.lineHeight};
|
|
125
125
|
|
|
126
|
-
${_emotion.textFieldTokens.
|
|
126
|
+
${_emotion.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
127
127
|
${_emotion.textFieldTokens.leftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
|
|
128
128
|
${_emotion.textFieldTokens.leftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
|
|
129
129
|
${_emotion.textFieldTokens.leftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
|
|
@@ -150,7 +150,7 @@ const config = {
|
|
|
150
150
|
${_emotion.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_cs.bodyXS.letterSpacing};
|
|
151
151
|
${_emotion.textFieldTokens.titleCaptionLineHeight}: ${_sdds_cs.bodyXS.lineHeight};
|
|
152
152
|
|
|
153
|
-
${_emotion.textFieldTokens.
|
|
153
|
+
${_emotion.textFieldTokens.leftHelperOffset}: 0.25rem;
|
|
154
154
|
${_emotion.textFieldTokens.leftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
|
|
155
155
|
${_emotion.textFieldTokens.leftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
|
|
156
156
|
${_emotion.textFieldTokens.leftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
|
|
@@ -223,7 +223,7 @@ const config = {
|
|
|
223
223
|
${_emotion.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_cs.bodyXS.letterSpacing};
|
|
224
224
|
${_emotion.textFieldTokens.titleCaptionLineHeight}: ${_sdds_cs.bodyXS.lineHeight};
|
|
225
225
|
|
|
226
|
-
${_emotion.textFieldTokens.
|
|
226
|
+
${_emotion.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
227
227
|
${_emotion.textFieldTokens.leftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
|
|
228
228
|
${_emotion.textFieldTokens.leftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
|
|
229
229
|
${_emotion.textFieldTokens.leftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
|
|
@@ -123,7 +123,7 @@ export const config = {
|
|
|
123
123
|
${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};
|
|
124
124
|
${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};
|
|
125
125
|
|
|
126
|
-
${tokens.
|
|
126
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
127
127
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyS.fontFamily};
|
|
128
128
|
${tokens.textFieldLeftHelperFontSize}: ${bodyS.fontSize};
|
|
129
129
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyS.fontStyle};
|
|
@@ -38,6 +38,9 @@ export const config = {
|
|
|
38
38
|
size: {
|
|
39
39
|
s: css`
|
|
40
40
|
${tokens.chipBorderRadius}: 0.5rem;
|
|
41
|
+
${tokens.chipDefaultRadius}: 0.5rem;
|
|
42
|
+
${tokens.chipSegmentedRadius}: 0.25rem;
|
|
43
|
+
${tokens.chipSideRadius}: 0.5rem;
|
|
41
44
|
${tokens.chipWidth}: auto;
|
|
42
45
|
${tokens.chipHeight}: 2.5rem;
|
|
43
46
|
${tokens.chipPadding}: 0 1rem;
|
|
@@ -65,6 +68,10 @@ export const config = {
|
|
|
65
68
|
wide: css`
|
|
66
69
|
${tokens.chipGroupItemsGap}: 0.5rem;
|
|
67
70
|
`
|
|
71
|
+
},
|
|
72
|
+
shape: {
|
|
73
|
+
segmented: css``,
|
|
74
|
+
default: css``
|
|
68
75
|
}
|
|
69
76
|
}
|
|
70
77
|
};
|
|
@@ -161,7 +161,7 @@ export const config = {
|
|
|
161
161
|
${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};
|
|
162
162
|
${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};
|
|
163
163
|
|
|
164
|
-
${tokens.
|
|
164
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
165
165
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyS.fontFamily};
|
|
166
166
|
${tokens.textFieldLeftHelperFontSize}: ${bodyS.fontSize};
|
|
167
167
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyS.fontStyle};
|
|
@@ -292,7 +292,7 @@ export const config = {
|
|
|
292
292
|
${tokens.disclosureIconColorHover}: transparent;
|
|
293
293
|
${tokens.textFieldPadding}: 0;
|
|
294
294
|
${tokens.textFieldLabelOffset}: 0.25rem;
|
|
295
|
-
${tokens.
|
|
295
|
+
${tokens.textFieldLeftHelperOffset}: 0rem 0 0 0;
|
|
296
296
|
${tokens.textFieldBorderColor}: transparent;
|
|
297
297
|
${tokens.textFieldBorderWidth}: 0;
|
|
298
298
|
`
|
|
@@ -125,7 +125,7 @@ export const config = {
|
|
|
125
125
|
${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};
|
|
126
126
|
${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};
|
|
127
127
|
|
|
128
|
-
${tokens.
|
|
128
|
+
${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
|
|
129
129
|
${tokens.textFieldLeftHelperFontFamily}: ${bodyS.fontFamily};
|
|
130
130
|
${tokens.textFieldLeftHelperFontSize}: ${bodyS.fontSize};
|
|
131
131
|
${tokens.textFieldLeftHelperFontStyle}: ${bodyS.fontStyle};
|
|
@@ -4,7 +4,8 @@ export const config = {
|
|
|
4
4
|
defaults: {
|
|
5
5
|
view: 'default',
|
|
6
6
|
size: 's',
|
|
7
|
-
pointerSize: 'small'
|
|
7
|
+
pointerSize: 'small',
|
|
8
|
+
tickType: 'bullet'
|
|
8
9
|
},
|
|
9
10
|
variations: {
|
|
10
11
|
view: {
|
|
@@ -100,11 +101,13 @@ export const config = {
|
|
|
100
101
|
${sliderTokens.valueLineHeight}: ${bodyXS.lineHeight};
|
|
101
102
|
|
|
102
103
|
${sliderTokens.tickSize}: 0.5rem;
|
|
104
|
+
${sliderTokens.tickSeparatorGap}: 0.5rem;
|
|
103
105
|
|
|
104
106
|
${sliderTokens.currentValueTopOffset}: 1.25rem;
|
|
105
107
|
|
|
106
108
|
${sliderTokens.railThickness}: 0.25rem;
|
|
107
109
|
${sliderTokens.railBorderRadius}: 0.125rem;
|
|
110
|
+
${sliderTokens.trackSegmentBorderRadius}: 1000px;
|
|
108
111
|
|
|
109
112
|
${sliderTokens.textFieldWrapperGap}: 0.063rem;
|
|
110
113
|
${sliderTokens.textFieldBorderWidth}: 0.125rem;
|
|
@@ -125,14 +128,26 @@ export const config = {
|
|
|
125
128
|
${sliderTokens.thumbSize}: 1rem;
|
|
126
129
|
${sliderTokens.thumbBorderStyle}: solid;
|
|
127
130
|
${sliderTokens.thumbBorderWidth}: 0.0625rem;
|
|
131
|
+
|
|
132
|
+
${sliderTokens.tickSeparatorWidth}: 0.25rem;
|
|
133
|
+
${sliderTokens.tickSeparatorHeight}: 0.5rem;
|
|
134
|
+
${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
|
|
128
135
|
`,
|
|
129
136
|
large: css`
|
|
130
137
|
${sliderTokens.thumbSize}: 1.25rem;
|
|
131
138
|
${sliderTokens.thumbBorderStyle}: solid;
|
|
132
139
|
${sliderTokens.thumbBorderWidth}: 0.0625rem;
|
|
140
|
+
|
|
141
|
+
${sliderTokens.tickSeparatorWidth}: 0.25rem;
|
|
142
|
+
${sliderTokens.tickSeparatorHeight}: 1rem;
|
|
143
|
+
${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
|
|
133
144
|
`,
|
|
134
145
|
none: css`
|
|
135
146
|
${sliderTokens.thumbSize}: 0rem;
|
|
147
|
+
|
|
148
|
+
${sliderTokens.tickSeparatorWidth}: 0.25rem;
|
|
149
|
+
${sliderTokens.tickSeparatorHeight}: 0.5rem;
|
|
150
|
+
${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;
|
|
136
151
|
`
|
|
137
152
|
},
|
|
138
153
|
disabled: {
|
|
@@ -113,7 +113,7 @@ export const config = {
|
|
|
113
113
|
${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
|
|
114
114
|
${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
|
|
115
115
|
|
|
116
|
-
${tokens.
|
|
116
|
+
${tokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
117
117
|
${tokens.leftHelperFontFamily}: ${bodyS.fontFamily};
|
|
118
118
|
${tokens.leftHelperFontSize}: ${bodyS.fontSize};
|
|
119
119
|
${tokens.leftHelperFontStyle}: ${bodyS.fontStyle};
|
|
@@ -140,7 +140,7 @@ export const config = {
|
|
|
140
140
|
${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
|
|
141
141
|
${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
|
|
142
142
|
|
|
143
|
-
${tokens.
|
|
143
|
+
${tokens.leftHelperOffset}: 0.25rem;
|
|
144
144
|
${tokens.leftHelperFontFamily}: ${bodyS.fontFamily};
|
|
145
145
|
${tokens.leftHelperFontSize}: ${bodyS.fontSize};
|
|
146
146
|
${tokens.leftHelperFontStyle}: ${bodyS.fontStyle};
|
|
@@ -213,7 +213,7 @@ export const config = {
|
|
|
213
213
|
${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
|
|
214
214
|
${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
|
|
215
215
|
|
|
216
|
-
${tokens.
|
|
216
|
+
${tokens.leftHelperOffset}: 0.25rem 0 0 0;
|
|
217
217
|
${tokens.leftHelperFontFamily}: ${bodyS.fontFamily};
|
|
218
218
|
${tokens.leftHelperFontSize}: ${bodyS.fontSize};
|
|
219
219
|
${tokens.leftHelperFontStyle}: ${bodyS.fontStyle};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-cs",
|
|
3
|
-
"version": "0.364.0
|
|
3
|
+
"version": "0.364.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS CS web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"publishConfig": {
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
],
|
|
20
20
|
"repository": {
|
|
21
21
|
"type": "git",
|
|
22
|
-
"url": "
|
|
22
|
+
"url": "git+https://github.com/salute-developers/plasma.git",
|
|
23
23
|
"directory": "packages/sdds-cs"
|
|
24
24
|
},
|
|
25
25
|
"exports": {
|
|
@@ -42,8 +42,8 @@
|
|
|
42
42
|
"styled-components": "^5.3.1"
|
|
43
43
|
},
|
|
44
44
|
"dependencies": {
|
|
45
|
-
"@salutejs/plasma-new-hope": "0.372.0
|
|
46
|
-
"@salutejs/sdds-themes": "0.73.0
|
|
45
|
+
"@salutejs/plasma-new-hope": "0.372.0",
|
|
46
|
+
"@salutejs/sdds-themes": "0.73.0"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
49
|
"@babel/cli": "7.24.1",
|
|
@@ -57,11 +57,11 @@
|
|
|
57
57
|
"@emotion/react": ">=11",
|
|
58
58
|
"@emotion/styled": ">=11",
|
|
59
59
|
"@originjs/vite-plugin-commonjs": "1.0.3",
|
|
60
|
-
"@salutejs/plasma-colors": "0.
|
|
61
|
-
"@salutejs/plasma-core": "1.235.0
|
|
62
|
-
"@salutejs/plasma-cy-utils": "0.165.0
|
|
63
|
-
"@salutejs/plasma-icons": "1.
|
|
64
|
-
"@salutejs/plasma-sb-utils": "0.236.0
|
|
60
|
+
"@salutejs/plasma-colors": "0.17.0",
|
|
61
|
+
"@salutejs/plasma-core": "1.235.0",
|
|
62
|
+
"@salutejs/plasma-cy-utils": "0.165.0",
|
|
63
|
+
"@salutejs/plasma-icons": "1.244.0",
|
|
64
|
+
"@salutejs/plasma-sb-utils": "0.236.0",
|
|
65
65
|
"@types/node": "16.7.13",
|
|
66
66
|
"@types/react": "18.0.28",
|
|
67
67
|
"@types/react-dom": "18.0.11",
|
|
@@ -102,5 +102,5 @@
|
|
|
102
102
|
"salute.developers@gmail.com"
|
|
103
103
|
],
|
|
104
104
|
"sideEffects": false,
|
|
105
|
-
"gitHead": "
|
|
105
|
+
"gitHead": "a95d3845e21b517be0577d7a9cb858d254b5081f"
|
|
106
106
|
}
|
|
@@ -47,7 +47,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/emotion").Componen
|
|
|
47
47
|
size?: string;
|
|
48
48
|
name?: string;
|
|
49
49
|
url?: string;
|
|
50
|
-
customText?:
|
|
50
|
+
customText?: string;
|
|
51
51
|
status?: "active" | "inactive";
|
|
52
52
|
isScalable?: boolean;
|
|
53
53
|
focused?: boolean;
|
|
@@ -75,7 +75,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/emotion").Componen
|
|
|
75
75
|
size?: string;
|
|
76
76
|
name?: string;
|
|
77
77
|
url?: string;
|
|
78
|
-
customText?:
|
|
78
|
+
customText?: string;
|
|
79
79
|
status?: "active" | "inactive";
|
|
80
80
|
isScalable?: boolean;
|
|
81
81
|
focused?: boolean;
|
|
@@ -126,7 +126,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
|
|
|
126
126
|
size?: string;
|
|
127
127
|
name?: string;
|
|
128
128
|
url?: string;
|
|
129
|
-
customText?:
|
|
129
|
+
customText?: string;
|
|
130
130
|
status?: "active" | "inactive";
|
|
131
131
|
isScalable?: boolean;
|
|
132
132
|
focused?: boolean;
|
|
@@ -154,7 +154,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
|
|
|
154
154
|
size?: string;
|
|
155
155
|
name?: string;
|
|
156
156
|
url?: string;
|
|
157
|
-
customText?:
|
|
157
|
+
customText?: string;
|
|
158
158
|
status?: "active" | "inactive";
|
|
159
159
|
isScalable?: boolean;
|
|
160
160
|
focused?: boolean;
|
|
@@ -16,5 +16,9 @@ export declare const config: {
|
|
|
16
16
|
dense: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
17
17
|
wide: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
18
18
|
};
|
|
19
|
+
shape: {
|
|
20
|
+
segmented: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
21
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
22
|
+
};
|
|
19
23
|
};
|
|
20
24
|
};
|
|
@@ -11,4 +11,8 @@ export declare const ChipGroup: import("react").FunctionComponent<import("@salut
|
|
|
11
11
|
dense: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
12
12
|
wide: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
13
13
|
};
|
|
14
|
+
shape: {
|
|
15
|
+
segmented: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
16
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
17
|
+
};
|
|
14
18
|
}> & import("@salutejs/plasma-new-hope/types/components/ChipGroup/ChipGroup.types.js").ChipGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -45,9 +45,10 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
|
|
|
45
45
|
labelContent?: import("react").ReactNode;
|
|
46
46
|
type?: "single";
|
|
47
47
|
pointerSize?: "small" | "large" | "none";
|
|
48
|
+
tickType?: "bullet" | "separator";
|
|
48
49
|
pointerVisibility?: "always" | "hover";
|
|
49
50
|
currentValueVisibility?: "always" | "hover";
|
|
50
|
-
scaleTicks?: number[];
|
|
51
|
+
scaleTicks?: number[] | import("@salutejs/plasma-new-hope/types/components/Slider/components/Single/Single.types.js").ScaleTickItem[];
|
|
51
52
|
} & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types.js").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components/index.js").SliderInternalProps & {
|
|
52
53
|
onChange?: (event: import("@salutejs/plasma-new-hope/types/types/FormType.js").FormTypeNumber) => void;
|
|
53
54
|
name: string;
|
|
@@ -74,9 +75,10 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
|
|
|
74
75
|
labelContent?: import("react").ReactNode;
|
|
75
76
|
type?: "single";
|
|
76
77
|
pointerSize?: "small" | "large" | "none";
|
|
78
|
+
tickType?: "bullet" | "separator";
|
|
77
79
|
pointerVisibility?: "always" | "hover";
|
|
78
80
|
currentValueVisibility?: "always" | "hover";
|
|
79
|
-
scaleTicks?: number[];
|
|
81
|
+
scaleTicks?: number[] | import("@salutejs/plasma-new-hope/types/components/Slider/components/Single/Single.types.js").ScaleTickItem[];
|
|
80
82
|
} & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types.js").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components/index.js").SliderInternalProps & {
|
|
81
83
|
onChange?: (value: number) => void;
|
|
82
84
|
value: number;
|
|
@@ -104,9 +106,10 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
|
|
|
104
106
|
labelContent?: import("react").ReactNode;
|
|
105
107
|
type?: "single";
|
|
106
108
|
pointerSize?: "small" | "large" | "none";
|
|
109
|
+
tickType?: "bullet" | "separator";
|
|
107
110
|
pointerVisibility?: "always" | "hover";
|
|
108
111
|
currentValueVisibility?: "always" | "hover";
|
|
109
|
-
scaleTicks?: number[];
|
|
112
|
+
scaleTicks?: number[] | import("@salutejs/plasma-new-hope/types/components/Slider/components/Single/Single.types.js").ScaleTickItem[];
|
|
110
113
|
} & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types.js").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components/index.js").SliderInternalProps & {
|
|
111
114
|
onChange?: (value: number) => void;
|
|
112
115
|
value: number;
|
|
@@ -133,9 +136,10 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
|
|
|
133
136
|
labelContent?: import("react").ReactNode;
|
|
134
137
|
type?: "single";
|
|
135
138
|
pointerSize?: "small" | "large" | "none";
|
|
139
|
+
tickType?: "bullet" | "separator";
|
|
136
140
|
pointerVisibility?: "always" | "hover";
|
|
137
141
|
currentValueVisibility?: "always" | "hover";
|
|
138
|
-
scaleTicks?: number[];
|
|
142
|
+
scaleTicks?: number[] | import("@salutejs/plasma-new-hope/types/components/Slider/components/Single/Single.types.js").ScaleTickItem[];
|
|
139
143
|
} & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types.js").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components/index.js").SliderInternalProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
|
|
140
144
|
onChange?: (event: import("@salutejs/plasma-new-hope/types/types/FormType.js").FormTypeString) => void;
|
|
141
145
|
name?: string;
|
|
@@ -57,7 +57,7 @@ export declare const TimePicker: import("react").FunctionComponent<import("@salu
|
|
|
57
57
|
hintWidth?: string;
|
|
58
58
|
hintContentLeft?: import("react").ReactNode;
|
|
59
59
|
hintPortal?: string | import("react").RefObject<HTMLElement | null>;
|
|
60
|
-
} & import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types.js").TimePickerPopoverProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<
|
|
60
|
+
} & import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types.js").TimePickerPopoverProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
|
61
61
|
dropdownAlign?: "left" | "right";
|
|
62
62
|
dropdownWidth?: "auto" | "fullWidth" | import("react").CSSProperties["width"];
|
|
63
63
|
dropdownHeight?: import("react").CSSProperties["height"];
|
|
@@ -103,4 +103,4 @@ export declare const TimePicker: import("react").FunctionComponent<import("@salu
|
|
|
103
103
|
hintWidth?: never;
|
|
104
104
|
hintContentLeft?: never;
|
|
105
105
|
hintPortal?: never;
|
|
106
|
-
} & import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types.js").TimePickerPopoverProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<
|
|
106
|
+
} & import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types.js").TimePickerPopoverProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>))>;
|