@salutejs/sdds-cs 0.325.0-canary.2135.16807205162.0 → 0.325.0-canary.2136.16826884343.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.
@@ -19,7 +19,7 @@ export declare const NumberInput: import("react").FunctionComponent<import("@sal
|
|
19
19
|
true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
20
20
|
};
|
21
21
|
}> & (({
|
22
|
-
value?:
|
22
|
+
value?: number;
|
23
23
|
min?: number;
|
24
24
|
max?: number;
|
25
25
|
step?: number;
|
@@ -38,14 +38,14 @@ export declare const NumberInput: import("react").FunctionComponent<import("@sal
|
|
38
38
|
customDecrementButton?: import("react").ReactNode;
|
39
39
|
decrementIcon?: import("react").ReactNode;
|
40
40
|
isManualInput?: boolean;
|
41
|
-
onChange?: (event: import("react").SyntheticEvent<HTMLInputElement> | null, value: number | string
|
41
|
+
onChange?: (event: import("react").SyntheticEvent<HTMLInputElement> | null, value: number | string) => void;
|
42
42
|
onIncrement?: (value: number) => void;
|
43
43
|
onDecrement?: (value: number) => void;
|
44
44
|
} & {
|
45
45
|
segmentation?: "clear";
|
46
46
|
inputBackgroundType?: never;
|
47
47
|
} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
|
48
|
-
value?:
|
48
|
+
value?: number;
|
49
49
|
min?: number;
|
50
50
|
max?: number;
|
51
51
|
step?: number;
|
@@ -64,7 +64,7 @@ export declare const NumberInput: import("react").FunctionComponent<import("@sal
|
|
64
64
|
customDecrementButton?: import("react").ReactNode;
|
65
65
|
decrementIcon?: import("react").ReactNode;
|
66
66
|
isManualInput?: boolean;
|
67
|
-
onChange?: (event: import("react").SyntheticEvent<HTMLInputElement> | null, value: number | string
|
67
|
+
onChange?: (event: import("react").SyntheticEvent<HTMLInputElement> | null, value: number | string) => void;
|
68
68
|
onIncrement?: (value: number) => void;
|
69
69
|
onDecrement?: (value: number) => void;
|
70
70
|
} & {
|
@@ -29,8 +29,6 @@ function _templateObject() {
|
|
29
29
|
": var(--text-primary);\n ",
|
30
30
|
": var(--text-primary);\n ",
|
31
31
|
": var(--surface-solid-primary);\n ",
|
32
|
-
": transparent;\n ",
|
33
|
-
": transparent;\n ",
|
34
32
|
": var(--surface-transparent-accent);\n ",
|
35
33
|
": var(--surface-solid-primary-active);\n ",
|
36
34
|
": var(--text-accent);\n ",
|
@@ -81,7 +79,7 @@ var config = {
|
|
81
79
|
},
|
82
80
|
variations: {
|
83
81
|
view: {
|
84
|
-
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.treeTokens.iconFolderColor, _styledcomponents.treeTokens.arrowColor, _styledcomponents.treeTokens.arrowColorHover, _styledcomponents.treeTokens.arrowColorActive, _styledcomponents.treeTokens.color, _styledcomponents.treeTokens.colorSelected, _styledcomponents.treeTokens.itemBackgroundColorSelected, _styledcomponents.treeTokens.
|
82
|
+
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.treeTokens.iconFolderColor, _styledcomponents.treeTokens.arrowColor, _styledcomponents.treeTokens.arrowColorHover, _styledcomponents.treeTokens.arrowColorActive, _styledcomponents.treeTokens.color, _styledcomponents.treeTokens.colorSelected, _styledcomponents.treeTokens.itemBackgroundColorSelected, _styledcomponents.treeTokens.itemBackgroundColorHover, _styledcomponents.treeTokens.itemBackgroundColorActive, _styledcomponents.treeTokens.checkboxBorderColor, _styledcomponents.treeTokens.checkboxBackgroundColor, _styledcomponents.treeTokens.itemDisabledOpacity, _styledcomponents.treeTokens.itemDisabledBorderColor, _styledcomponents.treeTokens.itemDisabledColor)
|
85
83
|
},
|
86
84
|
size: {
|
87
85
|
s: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight)
|
@@ -29,8 +29,6 @@ function _templateObject() {
|
|
29
29
|
": var(--text-primary);\n ",
|
30
30
|
": var(--text-primary);\n ",
|
31
31
|
": var(--surface-solid-primary);\n ",
|
32
|
-
": transparent;\n ",
|
33
|
-
": transparent;\n ",
|
34
32
|
": var(--surface-transparent-accent);\n ",
|
35
33
|
": var(--surface-solid-primary-active);\n ",
|
36
34
|
": var(--text-accent);\n ",
|
@@ -81,7 +79,7 @@ var config = {
|
|
81
79
|
},
|
82
80
|
variations: {
|
83
81
|
view: {
|
84
|
-
default: (0, _emotion.css)(_templateObject(), _emotion.treeTokens.iconFolderColor, _emotion.treeTokens.arrowColor, _emotion.treeTokens.arrowColorHover, _emotion.treeTokens.arrowColorActive, _emotion.treeTokens.color, _emotion.treeTokens.colorSelected, _emotion.treeTokens.itemBackgroundColorSelected, _emotion.treeTokens.
|
82
|
+
default: (0, _emotion.css)(_templateObject(), _emotion.treeTokens.iconFolderColor, _emotion.treeTokens.arrowColor, _emotion.treeTokens.arrowColorHover, _emotion.treeTokens.arrowColorActive, _emotion.treeTokens.color, _emotion.treeTokens.colorSelected, _emotion.treeTokens.itemBackgroundColorSelected, _emotion.treeTokens.itemBackgroundColorHover, _emotion.treeTokens.itemBackgroundColorActive, _emotion.treeTokens.checkboxBorderColor, _emotion.treeTokens.checkboxBackgroundColor, _emotion.treeTokens.itemDisabledOpacity, _emotion.treeTokens.itemDisabledBorderColor, _emotion.treeTokens.itemDisabledColor)
|
85
83
|
},
|
86
84
|
size: {
|
87
85
|
s: (0, _emotion.css)(_templateObject1(), _emotion.treeTokens.itemHeight, _emotion.treeTokens.itemPadding, _emotion.treeTokens.itemPaddingTight, _emotion.treeTokens.itemIndent, _emotion.treeTokens.itemBorderRadius, _emotion.treeTokens.itemTop, _emotion.treeTokens.itemBottom, _emotion.treeTokens.iconFolderMargin, _emotion.treeTokens.switcherMargin, _emotion.treeTokens.switcherMarginInverted, _emotion.treeTokens.switcherSize, _emotion.treeTokens.checkboxMargin, _emotion.treeTokens.checkboxSize, _emotion.treeTokens.checkboxInnerSize, _emotion.treeTokens.checkboxBorderRadius, _emotion.treeTokens.fontFamily, _emotion.treeTokens.fontSize, _emotion.treeTokens.fontStyle, _emotion.treeTokens.fontWeight, _emotion.treeTokens.letterSpacing, _emotion.treeTokens.lineHeight)
|
@@ -18,8 +18,6 @@ function _templateObject() {
|
|
18
18
|
": var(--text-primary);\n ",
|
19
19
|
": var(--text-primary);\n ",
|
20
20
|
": var(--surface-solid-primary);\n ",
|
21
|
-
": transparent;\n ",
|
22
|
-
": transparent;\n ",
|
23
21
|
": var(--surface-transparent-accent);\n ",
|
24
22
|
": var(--surface-solid-primary-active);\n ",
|
25
23
|
": var(--text-accent);\n ",
|
@@ -71,7 +69,7 @@ export var config = {
|
|
71
69
|
},
|
72
70
|
variations: {
|
73
71
|
view: {
|
74
|
-
default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.
|
72
|
+
default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor)
|
75
73
|
},
|
76
74
|
size: {
|
77
75
|
s: css(_templateObject1(), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
|
@@ -18,8 +18,6 @@ function _templateObject() {
|
|
18
18
|
": var(--text-primary);\n ",
|
19
19
|
": var(--text-primary);\n ",
|
20
20
|
": var(--surface-solid-primary);\n ",
|
21
|
-
": transparent;\n ",
|
22
|
-
": transparent;\n ",
|
23
21
|
": var(--surface-transparent-accent);\n ",
|
24
22
|
": var(--surface-solid-primary-active);\n ",
|
25
23
|
": var(--text-accent);\n ",
|
@@ -71,7 +69,7 @@ export var config = {
|
|
71
69
|
},
|
72
70
|
variations: {
|
73
71
|
view: {
|
74
|
-
default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.
|
72
|
+
default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor)
|
75
73
|
},
|
76
74
|
size: {
|
77
75
|
s: css(_templateObject1(), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/sdds-cs",
|
3
|
-
"version": "0.325.0-canary.
|
3
|
+
"version": "0.325.0-canary.2136.16826884343.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
|
"license": "MIT",
|
@@ -30,7 +30,7 @@
|
|
30
30
|
"directory": "packages/sdds-cs"
|
31
31
|
},
|
32
32
|
"dependencies": {
|
33
|
-
"@salutejs/plasma-new-hope": "0.333.0-canary.
|
33
|
+
"@salutejs/plasma-new-hope": "0.333.0-canary.2136.16826884343.0",
|
34
34
|
"@salutejs/sdds-themes": "0.44.0"
|
35
35
|
},
|
36
36
|
"peerDependencies": {
|
@@ -123,5 +123,5 @@
|
|
123
123
|
"Anton Vinogradov"
|
124
124
|
],
|
125
125
|
"sideEffects": false,
|
126
|
-
"gitHead": "
|
126
|
+
"gitHead": "b8594c8e2b017b4a5aa09674553ed3b7423fd421"
|
127
127
|
}
|