@salutejs/plasma-new-hope 0.186.0-canary.1511.11718939010.0 → 0.186.0-canary.1534.11720486647.0

package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx

@@ -1,108 +0,0 @@
-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_b2c/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/cjs/examples/plasma_web/components/NumberInput/NumberInput.config.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("styled-components");
-var _NumberInput = /*#__PURE__*/require("../../../../components/NumberInput");
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'l',
-    shape: 'cornered',
-    inputBackgroundType: 'fill'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--text-negative);", ":var(--surface-negative);", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-tertiary);", ":var(--inverse-text-tertiary);", ":var(--surface-accent);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--inverse-text-primary-hover);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--inverse-text-primary-active);", ":var(--surface-solid-default-active);", ":0.4;", ":inherit;", ":inherit;"], _NumberInput.numberInputTokens.caretColor, _NumberInput.numberInputTokens.errorColor, _NumberInput.numberInputTokens.borderErrorColor, _NumberInput.numberInputTokens.color, _NumberInput.numberInputTokens.colorSolid, _NumberInput.numberInputTokens.additionalTextColor, _NumberInput.numberInputTokens.additionalTextColorSolid, _NumberInput.numberInputTokens.borderColorFocus, _NumberInput.numberInputTokens.borderColorSolidFocus, _NumberInput.numberInputTokens.backgroundColorSolid, _NumberInput.numberInputTokens.iconButtonColor, _NumberInput.numberInputTokens.iconButtonBackgroundColor, _NumberInput.numberInputTokens.iconButtonColorHover, _NumberInput.numberInputTokens.iconButtonColorSolidHover, _NumberInput.numberInputTokens.iconButtonBackgroundColorHover, _NumberInput.numberInputTokens.iconButtonColorActive, _NumberInput.numberInputTokens.iconButtonColorSolidActive, _NumberInput.numberInputTokens.iconButtonBackgroundColorActive, _NumberInput.numberInputTokens.actionButtonDisabledOpacity, _NumberInput.numberInputTokens.loaderSpinnerColor, _NumberInput.numberInputTokens.loaderSpinnerColorSolid),
-      secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--text-negative);", ":var(--surface-negative);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--surface-accent);", ":var(--surface-accent);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--text-primary-hover);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--text-primary-active);", ":var(--surface-transparent-secondary-active);", ":0.4;", ":inherit;", ":inherit;"], _NumberInput.numberInputTokens.caretColor, _NumberInput.numberInputTokens.errorColor, _NumberInput.numberInputTokens.borderErrorColor, _NumberInput.numberInputTokens.color, _NumberInput.numberInputTokens.colorSolid, _NumberInput.numberInputTokens.additionalTextColor, _NumberInput.numberInputTokens.additionalTextColorSolid, _NumberInput.numberInputTokens.borderColorFocus, _NumberInput.numberInputTokens.borderColorSolidFocus, _NumberInput.numberInputTokens.backgroundColorSolid, _NumberInput.numberInputTokens.iconButtonColor, _NumberInput.numberInputTokens.iconButtonBackgroundColor, _NumberInput.numberInputTokens.iconButtonColorHover, _NumberInput.numberInputTokens.iconButtonColorSolidHover, _NumberInput.numberInputTokens.iconButtonBackgroundColorHover, _NumberInput.numberInputTokens.iconButtonColorActive, _NumberInput.numberInputTokens.iconButtonColorSolidActive, _NumberInput.numberInputTokens.iconButtonBackgroundColorActive, _NumberInput.numberInputTokens.actionButtonDisabledOpacity, _NumberInput.numberInputTokens.loaderSpinnerColor, _NumberInput.numberInputTokens.loaderSpinnerColorSolid),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--inverse-text-primary);", ":var(--text-negative);", ":var(--surface-negative);", ":var(--text-primary);", ":var(--inverse-text-primary);", ":var(--text-tertiary);", ":var(--inverse-text-tertiary);", ":var(--surface-accent);", ":var(--light-background-primary);", ":var(--surface-accent);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--inverse-text-primary);", ":var(--inverse-text-primary-hover);", ":var(--surface-accent-hover);", ":var(--inverse-text-primary);", ":var(--inverse-text-primary-active);", ":var(--surface-accent-active);", ":0.4;", ":inherit;", ":inherit;"], _NumberInput.numberInputTokens.caretColor, _NumberInput.numberInputTokens.caretColorSolid, _NumberInput.numberInputTokens.errorColor, _NumberInput.numberInputTokens.borderErrorColor, _NumberInput.numberInputTokens.color, _NumberInput.numberInputTokens.colorSolid, _NumberInput.numberInputTokens.additionalTextColor, _NumberInput.numberInputTokens.additionalTextColorSolid, _NumberInput.numberInputTokens.borderColorFocus, _NumberInput.numberInputTokens.borderColorSolidFocus, _NumberInput.numberInputTokens.backgroundColorSolid, _NumberInput.numberInputTokens.iconButtonColor, _NumberInput.numberInputTokens.iconButtonBackgroundColor, _NumberInput.numberInputTokens.iconButtonColorHover, _NumberInput.numberInputTokens.iconButtonColorSolidHover, _NumberInput.numberInputTokens.iconButtonBackgroundColorHover, _NumberInput.numberInputTokens.iconButtonColorActive, _NumberInput.numberInputTokens.iconButtonColorSolidActive, _NumberInput.numberInputTokens.iconButtonBackgroundColorActive, _NumberInput.numberInputTokens.actionButtonDisabledOpacity, _NumberInput.numberInputTokens.loaderSpinnerColor, _NumberInput.numberInputTokens.loaderSpinnerColorSolid),
-      clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-accent);", ":var(--text-negative);", ":var(--surface-negative);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--surface-accent);", ":var(--surface-accent);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":var(--text-primary-hover);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":transparent;", ":0.4;", ":inherit;", ":inherit;"], _NumberInput.numberInputTokens.caretColor, _NumberInput.numberInputTokens.errorColor, _NumberInput.numberInputTokens.borderErrorColor, _NumberInput.numberInputTokens.color, _NumberInput.numberInputTokens.colorSolid, _NumberInput.numberInputTokens.additionalTextColor, _NumberInput.numberInputTokens.additionalTextColorSolid, _NumberInput.numberInputTokens.borderColorFocus, _NumberInput.numberInputTokens.borderColorSolidFocus, _NumberInput.numberInputTokens.backgroundColorSolid, _NumberInput.numberInputTokens.iconButtonColor, _NumberInput.numberInputTokens.iconButtonBackgroundColor, _NumberInput.numberInputTokens.iconButtonColorHover, _NumberInput.numberInputTokens.iconButtonColorSolidHover, _NumberInput.numberInputTokens.iconButtonBackgroundColorHover, _NumberInput.numberInputTokens.iconButtonColorActive, _NumberInput.numberInputTokens.backgroundColorFocus, _NumberInput.numberInputTokens.iconButtonBackgroundColorActive, _NumberInput.numberInputTokens.actionButtonDisabledOpacity, _NumberInput.numberInputTokens.loaderSpinnerColor, _NumberInput.numberInputTokens.loaderSpinnerColorSolid)
-    },
-    size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":11.75rem;", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":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-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.875rem;", ":0.375rem;", ":0 0.125rem;", ":0.875rem;", ":3.5rem;", ":0.063rem;", ":1.063rem 1.125rem;", ":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);", ":0.25rem;", ":0.25rem;", ":1.375rem;"], _NumberInput.numberInputTokens.rootMinWidth, _NumberInput.numberInputTokens.iconButtonHeight, _NumberInput.numberInputTokens.iconButtonWidth, _NumberInput.numberInputTokens.iconButtonPadding, _NumberInput.numberInputTokens.iconButtonFontFamily, _NumberInput.numberInputTokens.iconButtonFontSize, _NumberInput.numberInputTokens.iconButtonFontStyle, _NumberInput.numberInputTokens.iconButtonFontWeight, _NumberInput.numberInputTokens.iconButtonLetterSpacing, _NumberInput.numberInputTokens.iconButtonLineHeight, _NumberInput.numberInputTokens.iconButtonRadius, _NumberInput.numberInputTokens.iconButtonSegmentationRadius, _NumberInput.numberInputTokens.inputWrapperMargin, _NumberInput.numberInputTokens.inputWrapperBorderRadius, _NumberInput.numberInputTokens.textWrapperHeight, _NumberInput.numberInputTokens.inputWrapperBorderWidth, _NumberInput.numberInputTokens.textWrapperPadding, _NumberInput.numberInputTokens.fontFamily, _NumberInput.numberInputTokens.fontSize, _NumberInput.numberInputTokens.fontStyle, _NumberInput.numberInputTokens.fontWeight, _NumberInput.numberInputTokens.letterSpacing, _NumberInput.numberInputTokens.lineHeight, _NumberInput.numberInputTokens.textBeforeMarginRight, _NumberInput.numberInputTokens.textAfterMarginLeft, _NumberInput.numberInputTokens.loaderSpinnerSize),
-      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":10.25rem;", ":3rem;", ":3rem;", ":1.25rem;", ":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-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.75rem;", ":0.25rem;", ":0 0.125rem;", ":0.75rem;", ":3rem;", ":0.063rem;", ":0.875rem 1rem;", ":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.25rem;", ":0.25rem;", ":1.375rem;"], _NumberInput.numberInputTokens.rootMinWidth, _NumberInput.numberInputTokens.iconButtonHeight, _NumberInput.numberInputTokens.iconButtonWidth, _NumberInput.numberInputTokens.iconButtonPadding, _NumberInput.numberInputTokens.iconButtonFontFamily, _NumberInput.numberInputTokens.iconButtonFontSize, _NumberInput.numberInputTokens.iconButtonFontStyle, _NumberInput.numberInputTokens.iconButtonFontWeight, _NumberInput.numberInputTokens.iconButtonLetterSpacing, _NumberInput.numberInputTokens.iconButtonLineHeight, _NumberInput.numberInputTokens.iconButtonRadius, _NumberInput.numberInputTokens.iconButtonSegmentationRadius, _NumberInput.numberInputTokens.inputWrapperMargin, _NumberInput.numberInputTokens.inputWrapperBorderRadius, _NumberInput.numberInputTokens.textWrapperHeight, _NumberInput.numberInputTokens.inputWrapperBorderWidth, _NumberInput.numberInputTokens.textWrapperPadding, _NumberInput.numberInputTokens.fontFamily, _NumberInput.numberInputTokens.fontSize, _NumberInput.numberInputTokens.fontStyle, _NumberInput.numberInputTokens.fontWeight, _NumberInput.numberInputTokens.letterSpacing, _NumberInput.numberInputTokens.lineHeight, _NumberInput.numberInputTokens.textBeforeMarginRight, _NumberInput.numberInputTokens.textAfterMarginLeft, _NumberInput.numberInputTokens.loaderSpinnerSize),
-      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":8.75rem;", ":2.5rem;", ":2.5rem;", ":1rem;", ":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-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.625rem;", ":0.25rem;", ":0 0.125rem;", ":0.625rem;", ":2.5rem;", ":0.063rem;", ":0.688rem 0.875rem;", ":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);", ":0.25rem;", ":0.25rem;", ":1.375rem;"], _NumberInput.numberInputTokens.rootMinWidth, _NumberInput.numberInputTokens.iconButtonHeight, _NumberInput.numberInputTokens.iconButtonWidth, _NumberInput.numberInputTokens.iconButtonPadding, _NumberInput.numberInputTokens.iconButtonFontFamily, _NumberInput.numberInputTokens.iconButtonFontSize, _NumberInput.numberInputTokens.iconButtonFontStyle, _NumberInput.numberInputTokens.iconButtonFontWeight, _NumberInput.numberInputTokens.iconButtonLetterSpacing, _NumberInput.numberInputTokens.iconButtonLineHeight, _NumberInput.numberInputTokens.iconButtonRadius, _NumberInput.numberInputTokens.iconButtonSegmentationRadius, _NumberInput.numberInputTokens.inputWrapperMargin, _NumberInput.numberInputTokens.inputWrapperBorderRadius, _NumberInput.numberInputTokens.textWrapperHeight, _NumberInput.numberInputTokens.inputWrapperBorderWidth, _NumberInput.numberInputTokens.textWrapperPadding, _NumberInput.numberInputTokens.fontFamily, _NumberInput.numberInputTokens.fontSize, _NumberInput.numberInputTokens.fontStyle, _NumberInput.numberInputTokens.fontWeight, _NumberInput.numberInputTokens.letterSpacing, _NumberInput.numberInputTokens.lineHeight, _NumberInput.numberInputTokens.textBeforeMarginRight, _NumberInput.numberInputTokens.textAfterMarginLeft, _NumberInput.numberInputTokens.loaderSpinnerSize),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":6.875rem;", ":2rem;", ":2rem;", ":0.75rem;", ":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-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5rem;", ":0.125rem;", ":0 0.125rem;", ":0.5rem;", ":2rem;", ":0.063rem;", ":0.563rem 0.625rem;", ":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);", ":0.25rem;", ":0.25rem;", ":1rem;"], _NumberInput.numberInputTokens.rootMinWidth, _NumberInput.numberInputTokens.iconButtonHeight, _NumberInput.numberInputTokens.iconButtonWidth, _NumberInput.numberInputTokens.iconButtonPadding, _NumberInput.numberInputTokens.iconButtonFontFamily, _NumberInput.numberInputTokens.iconButtonFontSize, _NumberInput.numberInputTokens.iconButtonFontStyle, _NumberInput.numberInputTokens.iconButtonFontWeight, _NumberInput.numberInputTokens.iconButtonLetterSpacing, _NumberInput.numberInputTokens.iconButtonLineHeight, _NumberInput.numberInputTokens.iconButtonRadius, _NumberInput.numberInputTokens.iconButtonSegmentationRadius, _NumberInput.numberInputTokens.inputWrapperMargin, _NumberInput.numberInputTokens.inputWrapperBorderRadius, _NumberInput.numberInputTokens.textWrapperHeight, _NumberInput.numberInputTokens.inputWrapperBorderWidth, _NumberInput.numberInputTokens.textWrapperPadding, _NumberInput.numberInputTokens.fontFamily, _NumberInput.numberInputTokens.fontSize, _NumberInput.numberInputTokens.fontStyle, _NumberInput.numberInputTokens.fontWeight, _NumberInput.numberInputTokens.letterSpacing, _NumberInput.numberInputTokens.lineHeight, _NumberInput.numberInputTokens.textBeforeMarginRight, _NumberInput.numberInputTokens.textAfterMarginLeft, _NumberInput.numberInputTokens.loaderSpinnerSize)
-    },
-    shape: {
-      cornered: /*#__PURE__*/(0, _styledComponents.css)([""]),
-      pilled: /*#__PURE__*/(0, _styledComponents.css)(["", ":50%;"], _NumberInput.numberInputTokens.iconButtonRadius)
-    },
-    inputBackgroundType: {
-      fill: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);"], _NumberInput.numberInputTokens.borderColor, _NumberInput.numberInputTokens.borderColorHover),
-      clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":transparent;"], _NumberInput.numberInputTokens.borderColor, _NumberInput.numberInputTokens.borderColorHover)
-    },
-    segmentation: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)([""]),
-      segmented: /*#__PURE__*/(0, _styledComponents.css)([""]),
-      solid: /*#__PURE__*/(0, _styledComponents.css)(["", ":0;"], _NumberInput.numberInputTokens.iconButtonSegmentationRadius)
-    },
-    disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _NumberInput.numberInputTokens.disabledOpacity)
-    }
-  }
-};

package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NumberInput = void 0;
-var _NumberInput = /*#__PURE__*/require("../../../../components/NumberInput");
-var _engines = /*#__PURE__*/require("../../../../engines");
-var _NumberInput2 = /*#__PURE__*/require("./NumberInput.config");
-var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_NumberInput.numberInputConfig, _NumberInput2.config);
-var NumberInput = exports.NumberInput = /*#__PURE__*/(0, _engines.component)(mergedConfig);

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

@@ -1,108 +0,0 @@
-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/components/NumberInput/NumberInput.js

@@ -1,208 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["className", "style", "width", "value", "min", "max", "step", "isLoading", "loader", "size", "view", "clear", "shape", "segmentation", "inputBackgroundType", "disabled", "textBefore", "textAfter", "customIncrementButton", "incrementIcon", "customDecrementButton", "decrementIcon", "isManualInput", "onChange", "onIncrement", "onDecrement"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { forwardRef, useEffect, useState } from 'react';
-import { cx, getSizeValueFromProp, isNumber } from '../../utils';
-import { IconMinus, IconPlus } from '../_Icon';
-import { ActionButton, NumberInput } from './ui';
-import { classes, privateTokens } from './NumberInput.tokens';
-import { base } from './NumberInput.styles';
-import { base as viewCSS } from './variations/_view/base';
-import { base as sizeCSS } from './variations/_size/base';
-import { base as shapeCSS } from './variations/_shape/base';
-import { base as inputBackgroundTypeCSS } from './variations/_background-type/base';
-import { base as segmentationCSS } from './variations/_segmentation/base';
-import { base as disabledCSS } from './variations/_disabled/base';
-export var numberInputRoot = function numberInputRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (_ref, ref) {
-    var _ref2;
-    var className = _ref.className,
-      style = _ref.style,
-      width = _ref.width,
-      value = _ref.value,
-      min = _ref.min,
-      max = _ref.max,
-      _ref$step = _ref.step,
-      step = _ref$step === void 0 ? 1 : _ref$step,
-      isLoading = _ref.isLoading,
-      loader = _ref.loader,
-      size = _ref.size,
-      view = _ref.view,
-      clear = _ref.clear,
-      shape = _ref.shape,
-      segmentation = _ref.segmentation,
-      _ref$inputBackgroundT = _ref.inputBackgroundType,
-      inputBackgroundType = _ref$inputBackgroundT === void 0 ? 'fill' : _ref$inputBackgroundT,
-      disabled = _ref.disabled,
-      textBefore = _ref.textBefore,
-      textAfter = _ref.textAfter,
-      customIncrementButton = _ref.customIncrementButton,
-      incrementIcon = _ref.incrementIcon,
-      customDecrementButton = _ref.customDecrementButton,
-      decrementIcon = _ref.decrementIcon,
-      isManualInput = _ref.isManualInput,
-      onChange = _ref.onChange,
-      onIncrement = _ref.onIncrement,
-      onDecrement = _ref.onDecrement,
-      rest = _objectWithoutProperties(_ref, _excluded);
-    var _useState = useState((_ref2 = value !== null && value !== void 0 ? value : min) !== null && _ref2 !== void 0 ? _ref2 : 0),
-      _useState2 = _slicedToArray(_useState, 2),
-      innerValue = _useState2[0],
-      setInnerValue = _useState2[1];
-    var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isInputFocused = _useState4[0],
-      setIsInputFocused = _useState4[1];
-    var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      isAnimationRun = _useState6[0],
-      setIsAnimationRun = _useState6[1];
-    var innerWidth = width ? getSizeValueFromProp(width) : '100%';
-    var actionIconSize = size === 'xs' ? 'xs' : 's';
-    var solidViewClass = segmentation === 'solid' ? classes.solidView : undefined;
-    var segmentedViewClass = segmentation === 'segmented' ? classes.segmentedView : undefined;
-    var clearViewClass = clear ? classes.clearView : undefined;
-    var disabledClass = disabled ? classes.disabled : undefined;
-    var loadingClass = isLoading ? classes.loading : undefined;
-    var focusedClass = isInputFocused ? classes.focused : undefined;
-    var isMinValue = function isMinValue(currentValue) {
-      return min !== undefined && currentValue <= min;
-    };
-    var isMaxValue = function isMaxValue(currentValue) {
-      return max !== undefined && currentValue >= max;
-    };
-    var decrementButtonDisabled = isMinValue(Number(innerValue)) && !isAnimationRun || isLoading ? classes.actionButtonDecrementDisabled : undefined;
-    var incrementButtonDisabled = isMaxValue(Number(innerValue)) && !isAnimationRun || isLoading ? classes.actionButtonIncrementDisabled : undefined;
-    var handleDecrement = function handleDecrement() {
-      console.log(isAnimationRun);
-      if (isLoading || disabled || isAnimationRun) {
-        return;
-      }
-      var diffValue = Number(innerValue) - step;
-      var resValue = min !== undefined && diffValue <= min ? min : diffValue;
-      setInnerValue(resValue);
-      if (onDecrement) {
-        onDecrement(resValue);
-      }
-      if (onChange) {
-        onChange(null, resValue);
-      }
-    };
-    var handleIncrement = function handleIncrement() {
-      console.log(isAnimationRun);
-      if (isLoading || disabled || isAnimationRun) {
-        return;
-      }
-      var diffValue = Number(innerValue) + step;
-      var resValue = max !== undefined && diffValue >= max ? max : diffValue;
-      setInnerValue(resValue);
-      if (onIncrement) {
-        onIncrement(resValue);
-      }
-      if (onChange) {
-        onChange(null, resValue);
-      }
-    };
-    useEffect(function () {
-      if (value === undefined || !isNumber(value)) {
-        return;
-      }
-      setInnerValue(function (prevValue) {
-        return prevValue !== value ? value : prevValue;
-      });
-    }, [value]);
-    return /*#__PURE__*/React.createElement(Root, _extends({
-      view: view,
-      size: size,
-      disabled: disabled,
-      clear: clear,
-      shape: shape,
-      segmentation: segmentation,
-      isLoading: isLoading
-    }, segmentation === 'solid' ? {
-      inputBackgroundType: 'clear'
-    } : {
-      inputBackgroundType: inputBackgroundType
-    }, {
-      className: cx(className, solidViewClass, segmentedViewClass, clearViewClass, disabledClass, loadingClass, focusedClass),
-      style: _objectSpread(_objectSpread({}, style), {}, _defineProperty({}, privateTokens.inputWidth, innerWidth))
-    }), customDecrementButton || /*#__PURE__*/React.createElement(ActionButton, {
-      className: cx(classes.actionButtonDecrement, decrementButtonDisabled, solidViewClass, segmentedViewClass),
-      icon: decrementIcon || /*#__PURE__*/React.createElement(IconMinus, {
-        color: "inherit",
-        size: actionIconSize
-      }),
-      onClick: handleDecrement
-    }), /*#__PURE__*/React.createElement(NumberInput, _extends({
-      ref: ref,
-      segmentation: segmentation,
-      value: innerValue,
-      min: min,
-      max: max,
-      isManualInput: isManualInput,
-      textBefore: textBefore,
-      textAfter: textAfter,
-      isLoading: isLoading,
-      loader: loader,
-      disabled: disabled,
-      isInputFocused: isInputFocused,
-      setIsInputFocused: setIsInputFocused,
-      setIsAnimationRun: setIsAnimationRun,
-      setInnerValue: setInnerValue,
-      onChange: onChange
-    }, rest)), customIncrementButton || /*#__PURE__*/React.createElement(ActionButton, {
-      className: cx(classes.actionButtonIncrement, incrementButtonDisabled, solidViewClass, segmentedViewClass),
-      icon: incrementIcon || /*#__PURE__*/React.createElement(IconPlus, {
-        color: "inherit",
-        size: actionIconSize
-      }),
-      onClick: handleIncrement
-    }));
-  });
-};
-export var numberInputConfig = {
-  name: 'NumberInput',
-  tag: 'div',
-  layout: numberInputRoot,
-  base: base,
-  variations: {
-    view: {
-      css: viewCSS
-    },
-    size: {
-      css: sizeCSS
-    },
-    shape: {
-      css: shapeCSS
-    },
-    inputBackgroundType: {
-      css: inputBackgroundTypeCSS
-    },
-    segmentation: {
-      css: segmentationCSS
-    },
-    disabled: {
-      css: disabledCSS,
-      attrs: true
-    }
-  },
-  defaults: {
-    view: 'default',
-    size: 'l',
-    shape: 'cornered',
-    segmentation: 'default'
-  }
-};

package/styled-components/es/components/NumberInput/NumberInput.styles.js

@@ -1,2 +0,0 @@
-import { css } from 'styled-components';
-export var base = /*#__PURE__*/css(["display:flex;align-items:center;"]);