@salutejs/sdds-dfa 0.160.1-canary.1527.11616679910.0 → 0.161.0-canary.1511.11616350336.0

package/components/Combobox/index.d.ts

@@ -58,47 +58,6 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
-} & {
-    requiredPlacement?: "right" | "left" | undefined;
-} & {
-    required: true;
-    optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
-    items: ItemOption[];
-    placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
-    placeholder?: string | undefined;
-    helperText?: string | undefined;
-    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    textBefore?: string | undefined;
-    textAfter?: string | undefined;
-    variant?: "normal" | "tight" | undefined;
-    listOverflow?: import("csstype").Property.Overflow | undefined;
-    listHeight?: import("csstype").Property.Height<string | number> | undefined;
-    listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
-    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
-    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
-    closeAfterSelect?: boolean | undefined;
-    size?: string | undefined;
-    view?: string | undefined;
-    labelPlacement?: "outer" | "inner" | undefined;
-} & {
-    readOnly?: boolean | undefined;
-    disabled?: true | undefined;
-    alwaysOpened?: false | undefined;
-} & {
-    multiple?: false | undefined;
-    value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
-    isTargetAmount?: false | undefined;
-    targetAmount?: undefined;
-    renderValue?: undefined;
-} & {
-    requiredPlacement?: "right" | "left" | undefined;
-} & {
-    optional?: true | undefined;
-    required?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
@@ -130,83 +89,6 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
-} & {
-    requiredPlacement?: "right" | "left" | undefined;
-} & {
-    required: true;
-    optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
-    items: ItemOption[];
-    placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
-    placeholder?: string | undefined;
-    helperText?: string | undefined;
-    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    textBefore?: string | undefined;
-    textAfter?: string | undefined;
-    variant?: "normal" | "tight" | undefined;
-    listOverflow?: import("csstype").Property.Overflow | undefined;
-    listHeight?: import("csstype").Property.Height<string | number> | undefined;
-    listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
-    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
-    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
-    closeAfterSelect?: boolean | undefined;
-    size?: string | undefined;
-    view?: string | undefined;
-    labelPlacement?: "outer" | "inner" | undefined;
-} & {
-    readOnly?: boolean | undefined;
-    disabled?: true | undefined;
-    alwaysOpened?: false | undefined;
-} & {
-    multiple: true;
-    value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: true | undefined;
-    targetAmount?: number | undefined;
-    renderValue?: ((item: ItemOption) => string) | undefined;
-} & {
-    requiredPlacement?: "right" | "left" | undefined;
-} & {
-    optional?: true | undefined;
-    required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
-    items: ItemOption[];
-    placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
-    placeholder?: string | undefined;
-    helperText?: string | undefined;
-    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    textBefore?: string | undefined;
-    textAfter?: string | undefined;
-    variant?: "normal" | "tight" | undefined;
-    listOverflow?: import("csstype").Property.Overflow | undefined;
-    listHeight?: import("csstype").Property.Height<string | number> | undefined;
-    listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
-    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
-    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
-    closeAfterSelect?: boolean | undefined;
-    size?: string | undefined;
-    view?: string | undefined;
-    labelPlacement?: "outer" | "inner" | undefined;
-} & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
-    alwaysOpened?: false | undefined;
-} & {
-    multiple?: false | undefined;
-    value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
-    isTargetAmount?: false | undefined;
-    targetAmount?: undefined;
-    renderValue?: undefined;
-} & {
-    requiredPlacement?: "right" | "left" | undefined;
-} & {
-    required: true;
-    optional?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
@@ -238,11 +120,6 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
-} & {
-    requiredPlacement?: "right" | "left" | undefined;
-} & {
-    optional?: true | undefined;
-    required?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
@@ -274,47 +151,6 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
-} & {
-    requiredPlacement?: "right" | "left" | undefined;
-} & {
-    required: true;
-    optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
-    items: ItemOption[];
-    placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
-    placeholder?: string | undefined;
-    helperText?: string | undefined;
-    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    textBefore?: string | undefined;
-    textAfter?: string | undefined;
-    variant?: "normal" | "tight" | undefined;
-    listOverflow?: import("csstype").Property.Overflow | undefined;
-    listHeight?: import("csstype").Property.Height<string | number> | undefined;
-    listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
-    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
-    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
-    closeAfterSelect?: boolean | undefined;
-    size?: string | undefined;
-    view?: string | undefined;
-    labelPlacement?: "outer" | "inner" | undefined;
-} & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
-    alwaysOpened?: false | undefined;
-} & {
-    multiple: true;
-    value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: true | undefined;
-    targetAmount?: number | undefined;
-    renderValue?: ((item: ItemOption) => string) | undefined;
-} & {
-    requiredPlacement?: "right" | "left" | undefined;
-} & {
-    optional?: true | undefined;
-    required?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
@@ -346,83 +182,6 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     isTargetAmount?: false | undefined;
     targetAmount?: undefined;
     renderValue?: undefined;
-} & {
-    requiredPlacement?: "right" | "left" | undefined;
-} & {
-    required: true;
-    optional?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
-    items: ItemOption[];
-    placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
-    placeholder?: string | undefined;
-    helperText?: string | undefined;
-    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    textBefore?: string | undefined;
-    textAfter?: string | undefined;
-    variant?: "normal" | "tight" | undefined;
-    listOverflow?: import("csstype").Property.Overflow | undefined;
-    listHeight?: import("csstype").Property.Height<string | number> | undefined;
-    listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
-    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
-    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
-    closeAfterSelect?: boolean | undefined;
-    size?: string | undefined;
-    view?: string | undefined;
-    labelPlacement?: "outer" | "inner" | undefined;
-} & {
-    readOnly?: false | undefined;
-    disabled?: false | undefined;
-    alwaysOpened?: true | undefined;
-} & {
-    multiple?: false | undefined;
-    value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
-    isTargetAmount?: false | undefined;
-    targetAmount?: undefined;
-    renderValue?: undefined;
-} & {
-    requiredPlacement?: "right" | "left" | undefined;
-} & {
-    optional?: true | undefined;
-    required?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
-    items: ItemOption[];
-    placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
-    label?: string | undefined;
-    placeholder?: string | undefined;
-    helperText?: string | undefined;
-    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    textBefore?: string | undefined;
-    textAfter?: string | undefined;
-    variant?: "normal" | "tight" | undefined;
-    listOverflow?: import("csstype").Property.Overflow | undefined;
-    listHeight?: import("csstype").Property.Height<string | number> | undefined;
-    listWidth?: import("csstype").Property.Width<string | number> | undefined;
-    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
-    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
-    filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
-    closeAfterSelect?: boolean | undefined;
-    size?: string | undefined;
-    view?: string | undefined;
-    labelPlacement?: "outer" | "inner" | undefined;
-} & {
-    readOnly?: false | undefined;
-    disabled?: false | undefined;
-    alwaysOpened?: true | undefined;
-} & {
-    multiple: true;
-    value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: true | undefined;
-    targetAmount?: number | undefined;
-    renderValue?: ((item: ItemOption) => string) | undefined;
-} & {
-    requiredPlacement?: "right" | "left" | undefined;
-} & {
-    required: true;
-    optional?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
@@ -454,11 +213,6 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     isTargetAmount?: true | undefined;
     targetAmount?: number | undefined;
     renderValue?: ((item: ItemOption) => string) | undefined;
-} & {
-    requiredPlacement?: "right" | "left" | undefined;
-} & {
-    optional?: true | undefined;
-    required?: false | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>)), "view" | "size" | "disabled" | "readOnly" | "labelPlacement"> & {
     ref?: ForwardedRef<HTMLInputElement> | undefined;
 }) => ReactElement | null;

package/components/NumberInput/NumberInput.config.d.ts

@@ -0,0 +1,38 @@
+export declare const config: {
+    defaults: {
+        view: string;
+        size: string;
+        shape: string;
+        inputBackgroundType: string;
+    };
+    variations: {
+        view: {
+            default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        size: {
+            l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        shape: {
+            cornered: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            pilled: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        inputBackgroundType: {
+            fill: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        segmentation: {
+            default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            segmented: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            solid: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        disabled: {
+            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+    };
+};

package/components/NumberInput/NumberInput.config.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 'l',
+    shape: 'cornered',
+    inputBackgroundType: 'fill'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent);\n                ", ": var(--text-negative);\n                ", ": var(--surface-transparent-negative);\n\n                ", ": var(--text-primary);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--text-tertiary);\n                ", ": var(--inverse-text-tertiary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--inverse-surface-transparent-secondary);\n                ", ": var(--surface-solid-default);\n\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-primary-hover);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-primary-active);\n                ", ": var(--surface-solid-default-active);\n\n                ", ": 0.4;\n\n                ", ": inherit;\n                ", ": inherit;\n            "])), _styledComponents.numberInputTokens.caretColor, _styledComponents.numberInputTokens.errorColor, _styledComponents.numberInputTokens.backgroundErrorColor, _styledComponents.numberInputTokens.color, _styledComponents.numberInputTokens.colorSolid, _styledComponents.numberInputTokens.additionalTextColor, _styledComponents.numberInputTokens.additionalTextColorSolid, _styledComponents.numberInputTokens.backgroundColorFocus, _styledComponents.numberInputTokens.backgroundColorSolidFocus, _styledComponents.numberInputTokens.backgroundColorSolid, _styledComponents.numberInputTokens.iconButtonColor, _styledComponents.numberInputTokens.iconButtonBackgroundColor, _styledComponents.numberInputTokens.iconButtonColorHover, _styledComponents.numberInputTokens.iconButtonColorSolidHover, _styledComponents.numberInputTokens.iconButtonBackgroundColorHover, _styledComponents.numberInputTokens.iconButtonColorActive, _styledComponents.numberInputTokens.iconButtonColorSolidActive, _styledComponents.numberInputTokens.iconButtonBackgroundColorActive, _styledComponents.numberInputTokens.actionButtonDisabledOpacity, _styledComponents.numberInputTokens.loaderSpinnerColor, _styledComponents.numberInputTokens.loaderSpinnerColorSolid),
+      secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent);\n                ", ": var(--text-negative);\n                ", ": var(--surface-transparent-negative);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary);\n\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-active);\n                ", ": var(--surface-transparent-secondary-active);\n\n                ", ": 0.4;\n\n                ", ": inherit;\n                ", ": inherit;\n            "])), _styledComponents.numberInputTokens.caretColor, _styledComponents.numberInputTokens.errorColor, _styledComponents.numberInputTokens.backgroundErrorColor, _styledComponents.numberInputTokens.color, _styledComponents.numberInputTokens.colorSolid, _styledComponents.numberInputTokens.additionalTextColor, _styledComponents.numberInputTokens.additionalTextColorSolid, _styledComponents.numberInputTokens.backgroundColorFocus, _styledComponents.numberInputTokens.backgroundColorSolidFocus, _styledComponents.numberInputTokens.backgroundColorSolid, _styledComponents.numberInputTokens.iconButtonColor, _styledComponents.numberInputTokens.iconButtonBackgroundColor, _styledComponents.numberInputTokens.iconButtonColorHover, _styledComponents.numberInputTokens.iconButtonColorSolidHover, _styledComponents.numberInputTokens.iconButtonBackgroundColorHover, _styledComponents.numberInputTokens.iconButtonColorActive, _styledComponents.numberInputTokens.iconButtonColorSolidActive, _styledComponents.numberInputTokens.iconButtonBackgroundColorActive, _styledComponents.numberInputTokens.actionButtonDisabledOpacity, _styledComponents.numberInputTokens.loaderSpinnerColor, _styledComponents.numberInputTokens.loaderSpinnerColorSolid),
+      accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--surface-transparent-negative);\n\n                ", ": var(--text-primary);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-tertiary);\n                ", ": var(--on-dark-text-tertiary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--on-dark-surface-transparent-secondary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--surface-accent-active);\n\n                ", ": 0.4;\n\n                ", ": inherit;\n                ", ": inherit;\n            "])), _styledComponents.numberInputTokens.caretColor, _styledComponents.numberInputTokens.caretColorSolid, _styledComponents.numberInputTokens.errorColor, _styledComponents.numberInputTokens.backgroundErrorColor, _styledComponents.numberInputTokens.color, _styledComponents.numberInputTokens.colorSolid, _styledComponents.numberInputTokens.additionalTextColor, _styledComponents.numberInputTokens.additionalTextColorSolid, _styledComponents.numberInputTokens.backgroundColorFocus, _styledComponents.numberInputTokens.backgroundColorSolidFocus, _styledComponents.numberInputTokens.backgroundColorSolid, _styledComponents.numberInputTokens.iconButtonColor, _styledComponents.numberInputTokens.iconButtonBackgroundColor, _styledComponents.numberInputTokens.iconButtonColorHover, _styledComponents.numberInputTokens.iconButtonColorSolidHover, _styledComponents.numberInputTokens.iconButtonBackgroundColorHover, _styledComponents.numberInputTokens.iconButtonColorActive, _styledComponents.numberInputTokens.iconButtonColorSolidActive, _styledComponents.numberInputTokens.iconButtonBackgroundColorActive, _styledComponents.numberInputTokens.actionButtonDisabledOpacity, _styledComponents.numberInputTokens.loaderSpinnerColor, _styledComponents.numberInputTokens.loaderSpinnerColorSolid),
+      clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent);\n                ", ": var(--text-accent);\n                ", ": var(--text-negative);\n                ", ": var(--surface-transparent-negative);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": transparent;\n\n                ", ": var(--text-primary);\n                ", ": transparent;\n                ", ": var(--text-primary-hover);\n                ", ": transparent;\n                ", ": var(--text-primary-active);\n                ", ": transparent;\n\n                ", ": 0.4;\n\n                ", ": inherit;\n                ", ": inherit;\n            "])), _styledComponents.numberInputTokens.caretColor, _styledComponents.numberInputTokens.caretColorSolid, _styledComponents.numberInputTokens.errorColor, _styledComponents.numberInputTokens.backgroundErrorColor, _styledComponents.numberInputTokens.color, _styledComponents.numberInputTokens.colorSolid, _styledComponents.numberInputTokens.iconButtonColorSolidHover, _styledComponents.numberInputTokens.additionalTextColor, _styledComponents.numberInputTokens.additionalTextColorSolid, _styledComponents.numberInputTokens.backgroundColorFocus, _styledComponents.numberInputTokens.backgroundColorSolidFocus, _styledComponents.numberInputTokens.backgroundColorSolid, _styledComponents.numberInputTokens.iconButtonColor, _styledComponents.numberInputTokens.iconButtonBackgroundColor, _styledComponents.numberInputTokens.iconButtonColorHover, _styledComponents.numberInputTokens.iconButtonBackgroundColorHover, _styledComponents.numberInputTokens.iconButtonColorActive, _styledComponents.numberInputTokens.iconButtonBackgroundColorActive, _styledComponents.numberInputTokens.actionButtonDisabledOpacity, _styledComponents.numberInputTokens.loaderSpinnerColor, _styledComponents.numberInputTokens.loaderSpinnerColorSolid)
+    },
+    size: {
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 11.75rem;\n                ", ": 3.5rem;\n                ", ": 3.5rem;\n                ", ": 1.5rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-bold-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.875rem;\n                ", ": 0.375rem;\n\n                ", ": 0 0.125rem;\n                ", ": 0.875rem;\n                ", ": 3.5rem;\n                ", ": 1.063rem 1.125rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n\n                ", ": 1.375rem;\n            "])), _styledComponents.numberInputTokens.rootMinWidth, _styledComponents.numberInputTokens.iconButtonHeight, _styledComponents.numberInputTokens.iconButtonWidth, _styledComponents.numberInputTokens.iconButtonPadding, _styledComponents.numberInputTokens.iconButtonFontFamily, _styledComponents.numberInputTokens.iconButtonFontSize, _styledComponents.numberInputTokens.iconButtonFontStyle, _styledComponents.numberInputTokens.iconButtonFontWeight, _styledComponents.numberInputTokens.iconButtonLetterSpacing, _styledComponents.numberInputTokens.iconButtonLineHeight, _styledComponents.numberInputTokens.iconButtonRadius, _styledComponents.numberInputTokens.iconButtonSegmentationRadius, _styledComponents.numberInputTokens.inputWrapperMargin, _styledComponents.numberInputTokens.inputWrapperBorderRadius, _styledComponents.numberInputTokens.textWrapperHeight, _styledComponents.numberInputTokens.textWrapperPadding, _styledComponents.numberInputTokens.fontFamily, _styledComponents.numberInputTokens.fontSize, _styledComponents.numberInputTokens.fontStyle, _styledComponents.numberInputTokens.fontWeight, _styledComponents.numberInputTokens.letterSpacing, _styledComponents.numberInputTokens.lineHeight, _styledComponents.numberInputTokens.textBeforeMarginRight, _styledComponents.numberInputTokens.textAfterMarginLeft, _styledComponents.numberInputTokens.loaderSpinnerSize),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 10.25rem;\n                ", ": 3rem;\n                ", ": 3rem;\n                ", ": 1.25rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.75rem;\n                ", ": 0.25rem;\n\n                ", ": 0 0.125rem;\n                ", ": 0.75rem;\n                ", ": 3rem;\n                ", ": 0.875rem 1rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n\n                ", ": 1.375rem;\n            "])), _styledComponents.numberInputTokens.rootMinWidth, _styledComponents.numberInputTokens.iconButtonHeight, _styledComponents.numberInputTokens.iconButtonWidth, _styledComponents.numberInputTokens.iconButtonPadding, _styledComponents.numberInputTokens.iconButtonFontFamily, _styledComponents.numberInputTokens.iconButtonFontSize, _styledComponents.numberInputTokens.iconButtonFontStyle, _styledComponents.numberInputTokens.iconButtonFontWeight, _styledComponents.numberInputTokens.iconButtonLetterSpacing, _styledComponents.numberInputTokens.iconButtonLineHeight, _styledComponents.numberInputTokens.iconButtonRadius, _styledComponents.numberInputTokens.iconButtonSegmentationRadius, _styledComponents.numberInputTokens.inputWrapperMargin, _styledComponents.numberInputTokens.inputWrapperBorderRadius, _styledComponents.numberInputTokens.textWrapperHeight, _styledComponents.numberInputTokens.textWrapperPadding, _styledComponents.numberInputTokens.fontFamily, _styledComponents.numberInputTokens.fontSize, _styledComponents.numberInputTokens.fontStyle, _styledComponents.numberInputTokens.fontWeight, _styledComponents.numberInputTokens.letterSpacing, _styledComponents.numberInputTokens.lineHeight, _styledComponents.numberInputTokens.textBeforeMarginRight, _styledComponents.numberInputTokens.textAfterMarginLeft, _styledComponents.numberInputTokens.loaderSpinnerSize),
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 8.75rem;\n                ", ": 2.5rem;\n                ", ": 2.5rem;\n                ", ": 1rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.625rem;\n                ", ": 0.25rem;\n\n                ", ": 0 0.125rem;\n                ", ": 0.625rem;\n                ", ": 2.5rem;\n                ", ": 0.688rem 0.875rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n\n                ", ": 1.375rem;\n            "])), _styledComponents.numberInputTokens.rootMinWidth, _styledComponents.numberInputTokens.iconButtonHeight, _styledComponents.numberInputTokens.iconButtonWidth, _styledComponents.numberInputTokens.iconButtonPadding, _styledComponents.numberInputTokens.iconButtonFontFamily, _styledComponents.numberInputTokens.iconButtonFontSize, _styledComponents.numberInputTokens.iconButtonFontStyle, _styledComponents.numberInputTokens.iconButtonFontWeight, _styledComponents.numberInputTokens.iconButtonLetterSpacing, _styledComponents.numberInputTokens.iconButtonLineHeight, _styledComponents.numberInputTokens.iconButtonRadius, _styledComponents.numberInputTokens.iconButtonSegmentationRadius, _styledComponents.numberInputTokens.inputWrapperMargin, _styledComponents.numberInputTokens.inputWrapperBorderRadius, _styledComponents.numberInputTokens.textWrapperHeight, _styledComponents.numberInputTokens.textWrapperPadding, _styledComponents.numberInputTokens.fontFamily, _styledComponents.numberInputTokens.fontSize, _styledComponents.numberInputTokens.fontStyle, _styledComponents.numberInputTokens.fontWeight, _styledComponents.numberInputTokens.letterSpacing, _styledComponents.numberInputTokens.lineHeight, _styledComponents.numberInputTokens.textBeforeMarginRight, _styledComponents.numberInputTokens.textAfterMarginLeft, _styledComponents.numberInputTokens.loaderSpinnerSize),
+      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 6.875rem;\n                ", ": 2rem;\n                ", ": 2rem;\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-bold-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.5rem;\n                ", ": 0.125rem;\n\n                ", ": 0 0.125rem;\n                ", ": 0.5rem;\n                ", ": 2rem;\n                ", ": 0.563rem 0.625rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n\n                ", ": 1rem;\n            "])), _styledComponents.numberInputTokens.rootMinWidth, _styledComponents.numberInputTokens.iconButtonHeight, _styledComponents.numberInputTokens.iconButtonWidth, _styledComponents.numberInputTokens.iconButtonPadding, _styledComponents.numberInputTokens.iconButtonFontFamily, _styledComponents.numberInputTokens.iconButtonFontSize, _styledComponents.numberInputTokens.iconButtonFontStyle, _styledComponents.numberInputTokens.iconButtonFontWeight, _styledComponents.numberInputTokens.iconButtonLetterSpacing, _styledComponents.numberInputTokens.iconButtonLineHeight, _styledComponents.numberInputTokens.iconButtonRadius, _styledComponents.numberInputTokens.iconButtonSegmentationRadius, _styledComponents.numberInputTokens.inputWrapperMargin, _styledComponents.numberInputTokens.inputWrapperBorderRadius, _styledComponents.numberInputTokens.textWrapperHeight, _styledComponents.numberInputTokens.textWrapperPadding, _styledComponents.numberInputTokens.fontFamily, _styledComponents.numberInputTokens.fontSize, _styledComponents.numberInputTokens.fontStyle, _styledComponents.numberInputTokens.fontWeight, _styledComponents.numberInputTokens.letterSpacing, _styledComponents.numberInputTokens.lineHeight, _styledComponents.numberInputTokens.textBeforeMarginRight, _styledComponents.numberInputTokens.textAfterMarginLeft, _styledComponents.numberInputTokens.loaderSpinnerSize)
+    },
+    shape: {
+      cornered: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
+      pilled: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 50%;\n            "])), _styledComponents.numberInputTokens.iconButtonRadius)
+    },
+    inputBackgroundType: {
+      fill: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-primary);\n            "])), _styledComponents.numberInputTokens.backgroundColor, _styledComponents.numberInputTokens.backgroundColorHover),
+      clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": transparent;\n                ", ": transparent;\n            "])), _styledComponents.numberInputTokens.backgroundColor, _styledComponents.numberInputTokens.backgroundColorHover)
+    },
+    segmentation: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
+      segmented: /*#__PURE__*/(0, _styledComponents.css)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
+      solid: /*#__PURE__*/(0, _styledComponents.css)(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0;\n            "])), _styledComponents.numberInputTokens.iconButtonSegmentationRadius)
+    },
+    disabled: {
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _styledComponents.numberInputTokens.disabledOpacity)
+    }
+  }
+};

package/components/NumberInput/NumberInput.d.ts

@@ -0,0 +1,81 @@
+/// <reference types="react" />
+export declare const NumberInput: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    view: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    size: {
+        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    shape: {
+        cornered: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        pilled: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    inputBackgroundType: {
+        fill: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    segmentation: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        segmented: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        solid: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    disabled: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & (({
+    value?: number | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
+    step?: number | undefined;
+    isLoading?: boolean | undefined;
+    loader?: import("react").ReactNode;
+    size?: string | undefined;
+    view?: string | undefined;
+    clear?: boolean | undefined;
+    shape?: string | undefined;
+    disabled?: boolean | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    customIncrementButton?: import("react").ReactNode;
+    incrementIcon?: import("react").ReactNode;
+    customDecrementButton?: import("react").ReactNode;
+    decrementIcon?: import("react").ReactNode;
+    isManualInput?: boolean | undefined;
+    onChange?: ((event: import("react").SyntheticEvent<HTMLInputElement, Event> | null, value: string | number) => void) | undefined;
+    onIncrement?: ((value: number) => void) | undefined;
+    onDecrement?: ((value: number) => void) | undefined;
+} & {
+    segmentation?: "clear" | undefined;
+    inputBackgroundType?: undefined;
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    value?: number | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
+    step?: number | undefined;
+    isLoading?: boolean | undefined;
+    loader?: import("react").ReactNode;
+    size?: string | undefined;
+    view?: string | undefined;
+    clear?: boolean | undefined;
+    shape?: string | undefined;
+    disabled?: boolean | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    customIncrementButton?: import("react").ReactNode;
+    incrementIcon?: import("react").ReactNode;
+    customDecrementButton?: import("react").ReactNode;
+    decrementIcon?: import("react").ReactNode;
+    isManualInput?: boolean | undefined;
+    onChange?: ((event: import("react").SyntheticEvent<HTMLInputElement, Event> | null, value: string | number) => void) | undefined;
+    onIncrement?: ((value: number) => void) | undefined;
+    onDecrement?: ((value: number) => void) | undefined;
+} & {
+    segmentation?: string | undefined;
+    inputBackgroundType?: string | undefined;
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value"> & import("react").RefAttributes<HTMLInputElement>))>;

package/components/NumberInput/NumberInput.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NumberInput = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _NumberInput = /*#__PURE__*/require("./NumberInput.config");
+var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.numberInputConfig, _NumberInput.config);
+var NumberInput = exports.NumberInput = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);

package/components/NumberInput/index.d.ts

@@ -0,0 +1,2 @@
+export { NumberInput } from './NumberInput';
+export { numberInputTokens, numberInputClasses } from '@salutejs/plasma-new-hope/styled-components';

package/components/NumberInput/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "NumberInput", {
+  enumerable: true,
+  get: function get() {
+    return _NumberInput.NumberInput;
+  }
+});
+Object.defineProperty(exports, "numberInputClasses", {
+  enumerable: true,
+  get: function get() {
+    return _styledComponents.numberInputClasses;
+  }
+});
+Object.defineProperty(exports, "numberInputTokens", {
+  enumerable: true,
+  get: function get() {
+    return _styledComponents.numberInputTokens;
+  }
+});
+var _NumberInput = /*#__PURE__*/require("./NumberInput");
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");