@salutejs/plasma-new-hope 0.183.1-canary.1517.11698919027.0 → 0.184.0-canary.1511.11700617196.0

package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx

@@ -0,0 +1,108 @@
+import React, { ComponentProps, useState } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+
+import { WithTheme } from '../../../_helpers';
+
+import { NumberInput } from './NumberInput';
+
+const onChange = action('onChange');
+const onDecrement = action('onDecrement');
+const onIncrement = action('onIncrement');
+
+const views = ['default', 'secondary', 'accent', 'clear'];
+const sizes = ['l', 'm', 's', 'xs'];
+const shapes = ['cornered', 'pilled'];
+const inputBackgroundTypes = ['fill', 'clear'];
+const segmentation = ['default', 'segmented', 'solid'];
+
+const meta: Meta<typeof NumberInput> = {
+    title: 'plasma_web/NumberInput',
+    component: NumberInput,
+    decorators: [WithTheme],
+    argTypes: {
+        min: {
+            control: {
+                type: 'number',
+            },
+        },
+        max: {
+            control: {
+                type: 'number',
+            },
+        },
+        view: {
+            options: views,
+            control: {
+                type: 'select',
+            },
+        },
+        size: {
+            options: sizes,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        shape: {
+            options: shapes,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        inputBackgroundType: {
+            options: inputBackgroundTypes,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        segmentation: {
+            options: segmentation,
+            control: {
+                type: 'select',
+            },
+        },
+    },
+};
+
+export default meta;
+
+type StoryPropsDefault = ComponentProps<typeof NumberInput>;
+
+const StoryDefault = (args: StoryPropsDefault) => {
+    const [value, setValue] = useState(5);
+
+    const handleChange = (_: any, newValue: number) => {
+        setValue(newValue);
+        onChange(newValue);
+    };
+
+    return (
+        <NumberInput
+            {...args}
+            value={value}
+            onChange={handleChange}
+            onDecrement={onDecrement}
+            onIncrement={onIncrement}
+        />
+    );
+};
+
+export const Default: StoryObj<StoryPropsDefault> = {
+    args: {
+        view: 'default',
+        size: 'l',
+        shape: 'cornered',
+        inputBackgroundType: 'fill',
+        segmentation: 'default',
+        min: 0,
+        max: 9,
+        step: 1,
+        width: 188,
+        isManualInput: false,
+        textBefore: '',
+        textAfter: '',
+        isLoading: false,
+        disabled: false,
+    },
+    render: StoryDefault,
+};

package/styled-components/es/examples/plasma_web/components/Steps/Steps.config.js

@@ -7,7 +7,7 @@ export var config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-primary-hover);", ":solid var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--inverse-text-primary);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--surface-solid-default-hover);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-secondary);", ":var(--surface-accent);", ":0.4;"], tokens.activeTitleColor, tokens.activeTitleColorHover, tokens.activeIndicatorBorder, tokens.activeIndicatorColor, tokens.activeIndicatorBackground, tokens.completedIndicatorColor, tokens.completedIndicatorColorHover, tokens.completedIndicatorBackground, tokens.completedIndicatorBackgroundHover, tokens.inactiveTitleColor, tokens.inactiveTitleColorHover, tokens.inactiveIndicatorColor, tokens.inactiveIndicatorColorHover, tokens.inactiveIndicatorBackground, tokens.inactiveIndicatorBackgroundHover, tokens.contentColor, tokens.focusColor, tokens.disabledOpacity)
+      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-primary-hover);", ":solid var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--inverse-text-primary);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--surface-solid-default-hover);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-secondary);", ":0.4;"], tokens.activeTitleColor, tokens.activeTitleColorHover, tokens.activeIndicatorBorder, tokens.activeIndicatorColor, tokens.activeIndicatorBackground, tokens.completedIndicatorColor, tokens.completedIndicatorColorHover, tokens.completedIndicatorBackground, tokens.completedIndicatorBackgroundHover, tokens.inactiveTitleColor, tokens.inactiveTitleColorHover, tokens.inactiveIndicatorColor, tokens.inactiveIndicatorColorHover, tokens.inactiveIndicatorBackground, tokens.inactiveIndicatorBackgroundHover, tokens.contentColor, tokens.disabledOpacity)
     },
     size: {
       l: /*#__PURE__*/css(["", ":1.5rem;", ":2.25rem;", ":0.5rem;", ":1rem;", ":0.75rem;", ":0.375rem;", ":2rem;", ":1.0625rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":1.5rem;", ":1.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;"], tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness),

package/styled-components/es/examples/plasma_web/components/Steps/Steps.stories.tsx

@@ -118,7 +118,7 @@ const DefaultStory = (args) => {
     };
 
     return (
-        <div style={{ maxWidth, height: '600px' }}>
+        <div style={{ maxWidth, height: '400px' }}>
             <Steps
                 size={size}
                 items={items}

package/styled-components/es/index.js

@@ -61,4 +61,5 @@ export * from './components/EmptyState';
 export * from './components/Editable';
 export * from './components/Mask';
 export * from './components/Attach';
-export * from './components/ViewContainer';
+export * from './components/ViewContainer';
+export * from './components/NumberInput';

package/types/components/NumberInput/NumberInput.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import type { RootProps } from '../../engines';
+import type { NumberInputProps, NumberInputRootProps } from './NumberInput.types';
+export declare const numberInputRoot: (Root: RootProps<HTMLDivElement, NumberInputRootProps>) => React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const numberInputConfig: {
+    name: string;
+    tag: string;
+    layout: (Root: RootProps<HTMLDivElement, NumberInputRootProps>) => React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
+    base: import("@linaria/core").LinariaClassName;
+    variations: {
+        view: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        size: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        shape: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        inputBackgroundType: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        segmentation: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        disabled: {
+            css: import("@linaria/core").LinariaClassName;
+            attrs: boolean;
+        };
+    };
+    defaults: {
+        view: string;
+        size: string;
+        shape: string;
+        segmentation: string;
+    };
+};
+//# sourceMappingURL=NumberInput.d.ts.map

package/types/components/NumberInput/NumberInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAWlF,eAAO,MAAM,eAAe,SAAU,UAAU,cAAc,EAAE,oBAAoB,CAAC,8FA0KhF,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBA5KQ,UAAU,cAAc,EAAE,oBAAoB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4MpF,CAAC"}

package/types/components/NumberInput/NumberInput.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const base: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=NumberInput.styles.d.ts.map

package/types/components/NumberInput/NumberInput.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.styles.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/NumberInput.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAGhB,CAAC"}

package/types/components/NumberInput/NumberInput.tokens.d.ts

@@ -0,0 +1,88 @@
+export declare const classes: {
+    actionButtonDecrement: string;
+    actionButtonDecrementDisabled: string;
+    actionButtonIncrement: string;
+    actionButtonIncrementDisabled: string;
+    textBefore: string;
+    textAfter: string;
+    solidView: string;
+    segmentedView: string;
+    clearView: string;
+    errorAnimation: string;
+    disabled: string;
+    loading: string;
+    focused: string;
+    manualInput: string;
+};
+export declare const privateTokens: {
+    inputWidth: string;
+    segmentationBorderRadius: string;
+    segmentationInputBorderRadius: string;
+    topBoxShadow: string;
+    bottomBoxShadow: string;
+    leftBoxShadow: string;
+    rightBoxShadow: string;
+};
+export declare const tokens: {
+    rootMinWidth: string;
+    disabledOpacity: string;
+    rootBorderWidth: string;
+    wrapperBorderColor: string;
+    wrapperBorderColorFocus: string;
+    iconButtonColor: string;
+    iconButtonBackgroundColor: string;
+    iconButtonColorHover: string;
+    iconButtonColorSolidHover: string;
+    iconButtonBackgroundColorHover: string;
+    iconButtonColorActive: string;
+    iconButtonColorSolidActive: string;
+    iconButtonBackgroundColorActive: string;
+    actionButtonDisabledOpacity: string;
+    iconButtonHeight: string;
+    iconButtonWidth: string;
+    iconButtonPadding: string;
+    iconButtonRadius: string;
+    iconButtonSegmentationRadius: string;
+    iconButtonFontFamily: string;
+    iconButtonFontSize: string;
+    iconButtonFontStyle: string;
+    iconButtonFontWeight: string;
+    iconButtonLetterSpacing: string;
+    iconButtonLineHeight: string;
+    inputWrapperBorderWidth: string;
+    inputWrapperMargin: string;
+    inputWrapperBorderRadius: string;
+    textWrapperHeight: string;
+    textWrapperPadding: string;
+    fontFamily: string;
+    fontStyle: string;
+    fontSize: string;
+    fontWeight: string;
+    letterSpacing: string;
+    lineHeight: string;
+    textBeforeMarginRight: string;
+    textAfterMarginLeft: string;
+    caretColor: string;
+    caretColorSolid: string;
+    color: string;
+    colorSolid: string;
+    backgroundColor: string;
+    backgroundColorHover: string;
+    backgroundColorFocus: string;
+    backgroundColorSolidFocus: string;
+    backgroundColorSolid: string;
+    borderColor: string;
+    borderColorHover: string;
+    borderColorFocus: string;
+    borderColorSolidFocus: string;
+    borderColorSolid: string;
+    additionalTextColor: string;
+    additionalTextColorSolid: string;
+    errorColor: string;
+    backgroundErrorColor: string;
+    borderErrorColor: string;
+    loaderSpinnerSize: string;
+    loaderSpinnerColor: string;
+    loaderSpinnerColorSolid: string;
+};
+//# sourceMappingURL=NumberInput.tokens.d.ts.map

package/types/components/NumberInput/NumberInput.tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/NumberInput.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;CAenB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;CAQzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4ElB,CAAC"}

package/types/components/NumberInput/NumberInput.types.d.ts

@@ -0,0 +1,112 @@
+import type { SyntheticEvent, InputHTMLAttributes, ReactNode, HTMLAttributes } from 'react';
+declare type SegmentationProps = {
+    /**
+     * Форма границ компонента.
+     */
+    segmentation?: 'clear';
+    /**
+     * Фон поля ввода.
+     */
+    inputBackgroundType?: never;
+} | {
+    segmentation?: string;
+    inputBackgroundType?: string;
+};
+export declare type NumberInputProps = {
+    /**
+     * Числовое значение.
+     */
+    value?: number;
+    /**
+     * Минимальное значение.
+     */
+    min?: number;
+    /**
+     * Максимальное значение.
+     */
+    max?: number;
+    /**
+     * Шаг изменения значения.
+     * @default 1
+     */
+    step?: number;
+    /**
+     * Контрол в состоянии загрузки.
+     */
+    isLoading?: boolean;
+    /**
+     * Слот для контента загрузки.
+     */
+    loader?: ReactNode;
+    /**
+     * Размер контрола.
+     */
+    size?: string;
+    /**
+     * Вид компонента.
+     */
+    view?: string;
+    /**
+     * view применяется с clear-токенами
+     */
+    clear?: boolean;
+    /**
+     * Форма контрола.
+     */
+    shape?: string;
+    /**
+     * Компонент неактивен.
+     */
+    disabled?: boolean;
+    /**
+     * Слот для вспомогательного текста слева.
+     */
+    textBefore?: string;
+    /**
+     * Слот для вспомогательного текста справа.
+     */
+    textAfter?: string;
+    /**
+     * Пользовательская кнопка увеличения.
+     */
+    customIncrementButton?: ReactNode;
+    /**
+     * Иконка кнопки увеличения.
+     */
+    incrementIcon?: ReactNode;
+    /**
+     * Пользовательская кнопка уменьшения.
+     */
+    customDecrementButton?: ReactNode;
+    /**
+     * Иконка кнопки уменьшения.
+     */
+    decrementIcon?: ReactNode;
+    /**
+     * Доступность ввода значения вручную.
+     */
+    isManualInput?: boolean;
+    /**
+     * Вызывается при изменении значения.
+     */
+    onChange?: (event: SyntheticEvent<HTMLInputElement> | null, value: number | string) => void;
+    /**
+     * Вызывается при нажатии на кнопку увеличения значения.
+     */
+    onIncrement?: (value: number) => void;
+    /**
+     * Вызывается при нажатии на кнопку уменьшения значения.
+     */
+    onDecrement?: (value: number) => void;
+} & SegmentationProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange' | 'value'>;
+export declare type NumberInputRootProps = {
+    size?: string;
+    view?: string;
+    shape?: string;
+    segmentation?: string;
+    clear?: boolean;
+    disabled?: boolean;
+    isLoading?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+export {};
+//# sourceMappingURL=NumberInput.types.d.ts.map

package/types/components/NumberInput/NumberInput.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.types.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/NumberInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5F,aAAK,iBAAiB,GAChB;IACI;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC;CAC/B,GACD;IACI,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAChC,CAAC;AAER,oBAAY,gBAAgB,GAAG;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;OAEG;IACH,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,gBAAgB,CAAC,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5F;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,GAAG,iBAAiB,GACjB,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC,CAAC;AAE/E,oBAAY,oBAAoB,GAAG;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}

package/types/components/NumberInput/index.d.ts

@@ -0,0 +1,3 @@
+export { numberInputRoot, numberInputConfig } from './NumberInput';
+export { tokens as numberInputTokens, classes as numberInputClasses } from './NumberInput.tokens';
+//# sourceMappingURL=index.d.ts.map

package/types/components/NumberInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/types/components/NumberInput/ui/ActionButton/ActionButton.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import type { ActionButtonProps } from './ActionButton.types';
+export declare const ActionButton: FC<ActionButtonProps>;
+//# sourceMappingURL=ActionButton.d.ts.map

package/types/components/NumberInput/ui/ActionButton/ActionButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/ui/ActionButton/ActionButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAM9C,CAAC"}

package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts

@@ -0,0 +1,45 @@
+/// <reference types="react" />
+export declare const StyledIconButton: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../../types").AsProps<any> & {
+    text?: string | undefined;
+    contentLeft?: import("react").ReactNode;
+    contentPlacing?: ("default" | "relaxed") | undefined;
+    isLoading?: boolean | undefined;
+    loader?: import("react").ReactNode;
+    stretch?: boolean | undefined;
+    stretching?: ("auto" | "fixed" | "filled") | undefined;
+    square?: boolean | undefined;
+    focused?: boolean | undefined;
+    disabled?: boolean | undefined;
+    pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
+    view?: string | undefined;
+    size?: string | undefined;
+    outlined?: boolean | undefined;
+    shiftLeft?: boolean | undefined;
+    shiftRight?: boolean | undefined;
+    blur?: "small" | "medium" | "large" | undefined;
+} & {
+    value?: string | number | undefined;
+    contentRight?: undefined;
+} & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & Omit<import("react").AnchorHTMLAttributes<HTMLElement>, "type"> & import("../../../../types").AsProps<any> & {
+    text?: string | undefined;
+    contentLeft?: import("react").ReactNode;
+    contentPlacing?: ("default" | "relaxed") | undefined;
+    isLoading?: boolean | undefined;
+    loader?: import("react").ReactNode;
+    stretch?: boolean | undefined;
+    stretching?: ("auto" | "fixed" | "filled") | undefined;
+    square?: boolean | undefined;
+    focused?: boolean | undefined;
+    disabled?: boolean | undefined;
+    pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
+    view?: string | undefined;
+    size?: string | undefined;
+    outlined?: boolean | undefined;
+    shiftLeft?: boolean | undefined;
+    shiftRight?: boolean | undefined;
+    blur?: "small" | "medium" | "large" | undefined;
+} & {
+    value?: undefined;
+    contentRight?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>))>;
+//# sourceMappingURL=ActionButton.styles.d.ts.map

package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/ui/ActionButton/ActionButton.styles.ts"],"names":[],"mappings":";AAQA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAuB,CAAC"}

package/types/components/NumberInput/ui/ActionButton/ActionButton.types.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export declare type ActionButtonProps = {
+    icon: ReactNode;
+    className?: string;
+    onClick: () => void;
+};
+//# sourceMappingURL=ActionButton.types.d.ts.map

package/types/components/NumberInput/ui/ActionButton/ActionButton.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/ui/ActionButton/ActionButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,oBAAY,iBAAiB,GAAG;IAC5B,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC"}

package/types/components/NumberInput/ui/Input/Input.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export declare const NumberInput: React.ForwardRefExoticComponent<{
+    value: string | number;
+    isInputFocused: boolean;
+    setIsInputFocused: React.Dispatch<React.SetStateAction<boolean>>;
+    setIsAnimationRun: React.Dispatch<React.SetStateAction<boolean>>;
+    setInnerValue: React.Dispatch<React.SetStateAction<string | number>>;
+    min?: number | undefined;
+    max?: number | undefined;
+    isLoading?: boolean | undefined;
+    loader?: React.ReactNode;
+    disabled?: boolean | undefined;
+    segmentation?: string | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    isManualInput?: boolean | undefined;
+    onChange?: ((event: React.SyntheticEvent<HTMLInputElement, Event> | null, value: string | number) => void) | undefined;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Input.d.ts.map

package/types/components/NumberInput/ui/Input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/ui/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAsBvE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;oHAgOvB,CAAC"}

package/types/components/NumberInput/ui/Input/Input.styles.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+export declare const InputWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    isManualInput: boolean;
+}>;
+export declare const TextWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const AdditionalText: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const Loader: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledSpinner: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & ((import("react").HTMLAttributes<HTMLDivElement> & {
+    width?: undefined;
+    height?: undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
+    width: number;
+    height: number;
+    size?: undefined;
+    view?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
+    width: string;
+    height: string;
+    size?: undefined;
+    view?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>))>;
+export declare const DynamicInput: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Input: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
+    dynamicWidth: string;
+    isManualInput: boolean;
+}>;
+export declare const InputWidthHelper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+//# sourceMappingURL=Input.styles.d.ts.map

package/types/components/NumberInput/ui/Input/Input.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/ui/Input/Input.styles.ts"],"names":[],"mappings":";AAQA,eAAO,MAAM,YAAY;mBAA+B,OAAO;EAa9D,CAAC;AAEF,eAAO,MAAM,WAAW,qKAOvB,CAAC;AAEF,eAAO,MAAM,cAAc,uKAAgB,CAAC;AAE5C,eAAO,MAAM,MAAM,qKAAe,CAAC;AAEnC,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;oDAAoB,CAAC;AAE/C,eAAO,MAAM,YAAY,qKAExB,CAAC;AAEF,eAAO,MAAM,KAAK;kBAAgC,MAAM;mBAAiB,OAAO;EAY/E,CAAC;AAEF,eAAO,MAAM,gBAAgB,uKAS5B,CAAC"}

package/types/components/NumberInput/ui/Input/Input.types.d.ts

@@ -0,0 +1,19 @@
+import type { SyntheticEvent, InputHTMLAttributes, Dispatch, SetStateAction, ReactNode } from 'react';
+export declare type InputProps = {
+    value: number | string;
+    isInputFocused: boolean;
+    setIsInputFocused: Dispatch<SetStateAction<boolean>>;
+    setIsAnimationRun: Dispatch<SetStateAction<boolean>>;
+    setInnerValue: Dispatch<SetStateAction<number | string>>;
+    min?: number;
+    max?: number;
+    isLoading?: boolean;
+    loader?: ReactNode;
+    disabled?: boolean;
+    segmentation?: string;
+    textBefore?: string;
+    textAfter?: string;
+    isManualInput?: boolean;
+    onChange?: (event: SyntheticEvent<HTMLInputElement> | null, value: number | string) => void;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'>;
+//# sourceMappingURL=Input.types.d.ts.map

package/types/components/NumberInput/ui/Input/Input.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/ui/Input/Input.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtG,oBAAY,UAAU,GAAG;IACrB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACrD,iBAAiB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACrD,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC;IAEzD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,gBAAgB,CAAC,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC/F,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC"}

package/types/components/NumberInput/ui/index.d.ts

@@ -0,0 +1,3 @@
+export { ActionButton } from './ActionButton/ActionButton';
+export { NumberInput } from './Input/Input';
+//# sourceMappingURL=index.d.ts.map

package/types/components/NumberInput/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NumberInput/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/types/components/NumberInput/utils/index.d.ts

@@ -0,0 +1,4 @@
+export declare const defaultCharacterWidth = "1ch";
+export declare const numberSchema: RegExp;
+export declare const excludingNumberSchema: RegExp;
+//# sourceMappingURL=index.d.ts.map

package/types/components/NumberInput/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NumberInput/utils/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,QAAQ,CAAC;AAC3C,eAAO,MAAM,YAAY,QAAsB,CAAC;AAChD,eAAO,MAAM,qBAAqB,QAAa,CAAC"}

package/types/components/NumberInput/variations/_background-type/base.d.ts

@@ -0,0 +1,2 @@
+export declare const base: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=base.d.ts.map

package/types/components/NumberInput/variations/_background-type/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/variations/_background-type/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAUhB,CAAC"}

package/types/components/NumberInput/variations/_disabled/base.d.ts

@@ -0,0 +1,2 @@
+export declare const base: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=base.d.ts.map

package/types/components/NumberInput/variations/_disabled/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/variations/_disabled/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAMhB,CAAC"}

package/types/components/NumberInput/variations/_segmentation/base.d.ts

@@ -0,0 +1,2 @@
+export declare const base: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=base.d.ts.map

package/types/components/NumberInput/variations/_segmentation/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/variations/_segmentation/base.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,IAAI,0CAoIhB,CAAC"}

package/types/components/NumberInput/variations/_shape/base.d.ts

@@ -0,0 +1,2 @@
+export declare const base: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=base.d.ts.map

package/types/components/NumberInput/variations/_shape/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/variations/_shape/base.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,0CAIhB,CAAC"}

package/types/components/NumberInput/variations/_size/base.d.ts

@@ -0,0 +1,2 @@
+export declare const base: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=base.d.ts.map

package/types/components/NumberInput/variations/_size/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/variations/_size/base.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,IAAI,0CA+ChB,CAAC"}

package/types/components/NumberInput/variations/_view/base.d.ts

@@ -0,0 +1,2 @@
+export declare const base: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=base.d.ts.map

package/types/components/NumberInput/variations/_view/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/variations/_view/base.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,IAAI,0CA4FhB,CAAC"}