@salutejs/plasma-new-hope 0.187.0-canary.1539.11742294440.0 → 0.187.0-dev.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/Switch/Switch.config.js

@@ -4,22 +4,15 @@ export var config = {
   defaults: {
     view: 'default',
     size: 'm',
-    toggleSize: 'l',
     labelPosition: 'before',
     focused: 'true'
   },
   variations: {
     size: {
-      s: /*#__PURE__*/css(["", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-letter-spacing);", ":0.25rem;", ":0.75rem;"], switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.descriptionFontFamily, switchTokens.descriptionFontStyle, switchTokens.descriptionFontWeight, switchTokens.descriptionLineHeight, switchTokens.descriptionFontSize, switchTokens.descriptionLetterSpacing, switchTokens.verticalGap, switchTokens.labelOffset),
-      m: /*#__PURE__*/css(["", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-xs-letter-spacing);", ":0.25rem;", ":0.75rem;"], switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.descriptionFontFamily, switchTokens.descriptionFontStyle, switchTokens.descriptionFontWeight, switchTokens.descriptionLineHeight, switchTokens.descriptionFontSize, switchTokens.descriptionLetterSpacing, switchTokens.verticalGap, switchTokens.labelOffset),
-      l: /*#__PURE__*/css(["", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-xs-letter-spacing);", ":0.25rem;", ":0.75rem;"], switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.descriptionFontFamily, switchTokens.descriptionFontStyle, switchTokens.descriptionFontWeight, switchTokens.descriptionLineHeight, switchTokens.descriptionFontSize, switchTokens.descriptionLetterSpacing, switchTokens.verticalGap, switchTokens.labelOffset)
-    },
-    toggleSize: {
-      l: /*#__PURE__*/css(["", ":2.75rem;", ":1.75rem;", ":calc(var(", ") / 2);", ":1.5rem;", ":calc(var(", ") / 2);", ":0.125rem;", ":1.25;"], switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale),
-      s: /*#__PURE__*/css(["", ":2rem;", ":1.25rem;", ":calc(var(", ") / 2);", ":1rem;", ":calc(var(", ") / 2);", ":0.125rem;", ":1.25;"], switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale)
+      m: /*#__PURE__*/css(["", ":var(--plasma-typo-body1-font-family);", ":var(--plasma-typo-body1-font-style);", ":var(--plasma-typo-body1-font-weight);", ":var(--plasma-typo-body1-font-weight);", ":var(--plasma-typo-body1-line-height);", ":var(--plasma-typo-body1-font-size);", ":var(--plasma-typo-body1-letter-spacing);", ":2.75rem;", ":1.75rem;", ":calc(var(", ") / 2);", ":1.5rem;", ":calc(var(", ") / 2);", ":0.125rem;", ":1.25;", ":0.75rem;"], switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale, switchTokens.labelOffset)
     },
     view: {
-      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-accent);", ":var(--surface-accent-hover);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":var(--on-dark-surface-solid-default);", ":0 1px 1px rgba(0,0,0,0.11);"], switchTokens.labelColor, switchTokens.descriptionColor, switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOnHover, switchTokens.trackBackgroundColorOff, switchTokens.trackBackgroundColorOffHover, switchTokens.thumbBackgroundColor, switchTokens.thumbBoxShadow)
+      "default": /*#__PURE__*/css(["", ":var(--surface-accent);", ":var(--surface-accent-hover);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":var(--on-dark-surface-solid-default);", ":0 1px 1px rgba(0,0,0,0.11);"], switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOnHover, switchTokens.trackBackgroundColorOff, switchTokens.trackBackgroundColorOffHover, switchTokens.thumbBackgroundColor, switchTokens.thumbBoxShadow)
     },
     disabled: {
       "true": /*#__PURE__*/css(["", ":0.4;"], switchTokens.disabledOpacity)

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

@@ -17,17 +17,9 @@ const meta: Meta<SwitchProps> = {
     title: 'plasma_web/Switch',
     decorators: [WithTheme],
     component: Switch,
-    argTypes: {
-        ...argTypesFromConfig(mergeConfig(switchConfig, config), ['view', 'focused']),
-        labelPosition: {
-            options: ['before', 'after'],
-            control: { type: 'select' },
-        },
-    },
+    argTypes: argTypesFromConfig(mergeConfig(switchConfig, config), ['size', 'view', 'focused']),
     args: {
         label: 'Label',
-        description: 'Description',
-        labelPosition: 'before',
     },
 };
 
@@ -65,10 +57,5 @@ const StoryDefault = (args: SwitchProps) => {
 };
 
 export const Default: StoryObj<SwitchProps> = {
-    args: {
-        size: 'm',
-        toggleSize: 'l',
-        disabled: false,
-    },
     render: (args) => <StoryDefault {...args} />,
 };

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,KAAyD,MAAM,OAAO,CAAC;AAE9E,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,8FAkLhF,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBApLQ,UAAU,cAAc,EAAE,oBAAoB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoNpF,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;;;;;;;;;;;;;;;;oHAkOvB,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.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