@salutejs/plasma-new-hope 0.137.0-canary.1405.10662876535.0 → 0.137.0-dev.0

package/emotion/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.js

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

package/emotion/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx

@@ -1,116 +0,0 @@
-import React from 'react';
-import type { ComponentProps } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import { disableProps } from '@salutejs/plasma-sb-utils';
-
-import { WithTheme } from '../../../_helpers';
-import { TextField } from '../TextField/TextField';
-
-import { InputGroup } from './InputGroup';
-
-type StoryProps = Omit<ComponentProps<typeof InputGroup>, 'gap'> & {
-    itemsCount?: number;
-    gapDefaultShape?: string;
-    gapSegmentedShape?: string;
-};
-type Story = StoryObj<StoryProps>;
-
-const sizes = ['l', 'm', 's', 'xs'];
-const orientationValues = ['horizontal', 'vertical'];
-const gapDefaultValues = ['dense', 'wide'];
-const gapSegmentedValues = ['none', 'dense'];
-const shapeValues = ['segmented', 'default'];
-const stretchingValues = ['auto', 'filled'];
-
-const meta: Meta<typeof InputGroup> = {
-    title: 'plasma_b2c/InputGroup',
-    decorators: [WithTheme],
-    argTypes: {
-        size: {
-            options: sizes,
-            control: {
-                type: 'select',
-            },
-        },
-        orientation: {
-            options: orientationValues,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        shape: {
-            options: shapeValues,
-            control: {
-                type: 'select',
-            },
-        },
-        stretching: {
-            options: stretchingValues,
-            control: {
-                type: 'select',
-            },
-        },
-        ...disableProps(['gap']),
-    },
-};
-
-export default meta;
-
-export const Default: Story = {
-    argTypes: {
-        gapDefaultShape: {
-            options: gapDefaultValues,
-            control: { type: 'select' },
-            if: { arg: 'shape', eq: 'default' },
-        },
-        gapSegmentedShape: {
-            options: gapSegmentedValues,
-            control: { type: 'select' },
-            if: { arg: 'shape', eq: 'segmented' },
-        },
-    },
-    args: {
-        size: 'm',
-        shape: 'default',
-        gapDefaultShape: 'dense',
-        gapSegmentedShape: 'dense',
-        orientation: 'horizontal',
-        itemsCount: 5,
-        stretching: 'auto',
-    },
-    render: ({ itemsCount, gapDefaultShape, gapSegmentedShape, ...args }: StoryProps) => {
-        return (
-            <InputGroup {...args} gap={(gapDefaultShape || gapSegmentedShape) as any}>
-                {Array(itemsCount)
-                    .fill(true)
-                    .map((_, i) => (
-                        <TextField placeholder={`input #${i}`} />
-                    ))}
-            </InputGroup>
-        );
-    },
-};
-
-export const CustomInputs: Story = {
-    args: {
-        ...Default.args,
-        isCommonInputStyles: false,
-    },
-    argTypes: {
-        ...Default.argTypes,
-        ...disableProps(['itemsCount']),
-    },
-    render: ({ gapDefaultShape, gapSegmentedShape, ...args }: StoryProps) => {
-        return (
-            <>
-                <h3>Группа Input с разными размерами</h3>
-                <InputGroup {...args} gap={(gapDefaultShape || gapSegmentedShape) as any}>
-                    <TextField placeholder="Размер l" size="l" />
-                    <TextField placeholder="Размер m" size="m" />
-                    <TextField placeholder="Размер s" size="s" />
-                    <TextField placeholder="Размер xs" size="xs" />
-                </InputGroup>
-            </>
-        );
-    },
-};