@salutejs/plasma-new-hope 0.137.1-dev.0 → 0.138.0-canary.1405.10669043494.0

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

@@ -0,0 +1,116 @@
+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 { TextFieldGroup } from './TextFieldGroup';
+
+type StoryProps = Omit<ComponentProps<typeof TextFieldGroup>, '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 TextFieldGroup> = {
+    title: 'plasma_web/TextFieldGroup',
+    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 (
+            <TextFieldGroup {...args} gap={(gapDefaultShape || gapSegmentedShape) as any}>
+                {Array(itemsCount)
+                    .fill(true)
+                    .map((_, i) => (
+                        <TextField placeholder={`input #${i}`} />
+                    ))}
+            </TextFieldGroup>
+        );
+    },
+};
+
+export const CustomTextFields: Story = {
+    args: {
+        ...Default.args,
+        isCommonTextFieldStyles: false,
+    },
+    argTypes: {
+        ...Default.argTypes,
+        ...disableProps(['itemsCount']),
+    },
+    render: ({ gapDefaultShape, gapSegmentedShape, ...args }: StoryProps) => {
+        return (
+            <>
+                <h3>Группа TextField с разными размерами</h3>
+                <TextFieldGroup {...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" />
+                </TextFieldGroup>
+            </>
+        );
+    },
+};

package/styled-components/es/index.js

@@ -17,6 +17,7 @@ export * from './components/Radiobox';
 export * from './components/Popover';
 export * from './components/TextArea';
 export * from './components/TextField';
+export * from './components/TextFieldGroup';
 export * from './components/Switch';
 export * from './components/Tabs';
 export * from './components/Calendar';

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

@@ -5,6 +5,7 @@ export declare const classes: {
     innerLabelPlacement: string;
     outerLabelPlacement: string;
     hideLabel: string;
+    textFieldGroupItem: string;
 };
 export declare const tokens: {
     color: string;

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;IAWf,oCAAoC;;;;;IAMpC,mBAAmB;;;;;;IAQnB,kCAAkC;;;;;;;;;;;IAelC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkCpB,qCAAqC;;;;;IAMrC,6DAA6D;;IAG7D,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCrB,CAAC"}
+{"version":3,"file":"TextField.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;IAWf,oCAAoC;;;;;IAMpC,mBAAmB;;;;;;IAQnB,kCAAkC;;;;;;;;;;;IAelC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkCpB,qCAAqC;;;;;IAMrC,6DAA6D;;IAG7D,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCrB,CAAC"}

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

@@ -1,4 +1,4 @@
 export { textFieldRoot, textFieldConfig } from './TextField';
-export { tokens as textFieldTokens } from './TextField.tokens';
+export { tokens as textFieldTokens, classes as textFieldClasses } from './TextField.tokens';
 export type { TextFieldProps } from './TextField.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC5F,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/types/components/TextFieldGroup/TextFieldGroup.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import type { RootProps } from '../../engines';
+import type { TextFieldGroupProps, TextFieldGroupRootProps } from './TextFieldGroup.types';
+export declare const textFieldGroupRoot: (Root: RootProps<HTMLDivElement, TextFieldGroupRootProps>) => React.ForwardRefExoticComponent<TextFieldGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const textFieldGroupConfig: {
+    name: string;
+    tag: string;
+    layout: (Root: RootProps<HTMLDivElement, TextFieldGroupRootProps>) => React.ForwardRefExoticComponent<TextFieldGroupProps & React.RefAttributes<HTMLDivElement>>;
+    base: import("@linaria/core").LinariaClassName;
+    variations: {
+        size: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        gap: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        orientation: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        shape: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        stretching: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+    };
+    defaults: {
+        size: string;
+        gap: string;
+        orientation: string;
+        shape: string;
+        stretching: string;
+    };
+};
+//# sourceMappingURL=TextFieldGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldGroup.d.ts","sourceRoot":"","sources":["../../../src/components/TextFieldGroup/TextFieldGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAU/C,OAAO,KAAK,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAE3F,eAAO,MAAM,kBAAkB,SAAU,UAAU,cAAc,EAAE,uBAAuB,CAAC,+FAiCrF,CAAC;AAEP,eAAO,MAAM,oBAAoB;;;mBAnCQ,UAAU,cAAc,EAAE,uBAAuB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CAgE1F,CAAC"}

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

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

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

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

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

@@ -0,0 +1,85 @@
+export declare const classes: {
+    autoStretching: string;
+    filledStretching: string;
+    textFieldGroupOverrideStyles: string;
+    textFieldGroupItem: string;
+    horizontal: string;
+    vertical: string;
+    none: string;
+    dense: string;
+    wide: string;
+    segmented: string;
+    default: string;
+};
+export declare const tokens: {
+    textFieldGroupOrientation: string;
+    textFieldGroupWebMarginLeft: string;
+    textFieldGroupWebClipPath: string;
+    textFieldGroupWebMarginTop: string;
+    textFieldGroupWebVerticalClipPath: string;
+    textFieldSegmentedRadius: string;
+    textFieldDefaultRadius: string;
+    textFieldSideRadius: string;
+    textFieldGroupItemsGap: string;
+    height: string;
+    borderWidth: string;
+    /** Отступ от границы ТextField */
+    padding: string;
+    paddingWithChips: string;
+    leftContentMargin: string;
+    rightContentMargin: string;
+    fontFamily: string;
+    fontStyle: string;
+    fontSize: string;
+    fontWeight: string;
+    letterSpacing: string;
+    lineHeight: string;
+    /** Токены лейбла */
+    labelOffset: string;
+    labelFontFamily: string;
+    labelFontStyle: string;
+    labelFontSize: string;
+    labelFontWeight: string;
+    labelLetterSpacing: string;
+    labelLineHeight: string;
+    labelInnerFontFamily: string;
+    labelInnerFontStyle: string;
+    labelInnerFontSize: string;
+    labelInnerFontWeight: string;
+    labelInnerLetterSpacing: string;
+    labelInnerLineHeight: string;
+    labelInnerPadding: string;
+    contentLabelInnerPadding: string;
+    leftHelperOffset: string;
+    leftHelperFontFamily: string;
+    leftHelperFontStyle: string;
+    leftHelperFontSize: string;
+    leftHelperFontWeight: string;
+    leftHelperLetterSpacing: string;
+    leftHelperLineHeight: string;
+    /** Токены вспомогательного текста */
+    textBeforeMargin: string;
+    textAfterMargin: string;
+    /** Токены чипа */
+    chipHeight: string;
+    chipBorderRadius: string;
+    chipGap: string;
+    chipScaleHover: string;
+    chipScaleActive: string;
+    chipOutlineSize: string;
+    chipWidth: string;
+    chipPaddingTop: string;
+    chipPaddingRight: string;
+    chipPaddingBottom: string;
+    chipPaddingLeft: string;
+    chipCloseIconSize: string;
+    chipFontFamily: string;
+    chipFontSize: string;
+    chipFontStyle: string;
+    chipFontWeight: string;
+    chipLetterSpacing: string;
+    chipLineHeight: string;
+    chipClearContentMarginLeft: string;
+    chipClearContentMarginRight: string;
+};
+//# sourceMappingURL=TextFieldGroup.tokens.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldGroup.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextFieldGroup/TextFieldGroup.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAgBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;IAgBf,kCAAkC;;;;;;;;;;;IAelC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;IA8BpB,qCAAqC;;;IAIrC,kBAAkB;;;;;;;;;;;;;;;;;;;;;CAqBrB,CAAC"}

package/types/components/TextFieldGroup/TextFieldGroup.types.d.ts

@@ -0,0 +1,84 @@
+import type { HTMLAttributes } from 'react';
+export declare type Gap = 'none' | 'dense' | 'wide';
+export declare type Orientation = 'vertical' | 'horizontal';
+export declare type Shape = 'default' | 'segmented';
+declare type Stretching = 'filled' | 'auto';
+declare type GapShapeVariants = {
+    /**
+     * Отступы между controls внутри группы
+     * @default
+     * dense
+     * @description
+     * Доступные значения: 'none' | 'dense'.
+     */
+    gap?: 'none' | 'dense';
+    /**
+     * Скругления для controls внутри группы
+     * @default
+     * default
+     * @description
+     * Доступные значения: 'segmented'.
+     */
+    shape?: 'segmented';
+} | {
+    /**
+     * Отступы между controls внутри группы
+     * @default
+     * dense
+     * @description
+     * Доступные значения: 'dense' | 'wide'.
+     */
+    gap?: 'dense' | 'wide';
+    /**
+     * Скругления для controls внутри группы
+     * @default
+     * default
+     * @description
+     * Доступные значения: 'default'.
+     */
+    shape?: 'default';
+};
+declare type TextFieldGroupPropsCommon = {
+    /**
+     * Направление группы
+     * @default
+     * horizontal
+     * @description
+     * Можно воспринимать как свойство flex-direction.
+     * vertical - вертикально, horizontal - горизонтальное.
+     */
+    orientation?: Orientation;
+    /**
+     * Ширина группы controls
+     * @default
+     * auto
+     * @description
+     * Может принимать три значения:
+     * filled - группа controls занимает всю доступную ширину
+     * auto - группа controls растягивается в зависимости от контента
+     */
+    stretching?: Stretching;
+    /**
+     * Размер группы input
+     * @description
+     * Применяется если isCommonTextFieldStyles передан как true.
+     */
+    size?: string;
+    /**
+     * Группа будет переопределять size для всех input
+     * @default
+     * true
+     * @description
+     * Если значение передано как true, для каждго input внутри группы
+     * size берется из значений группы.
+     * Если значение не задано, каждый input может иметь свое значение size.
+     */
+    isCommonTextFieldStyles?: boolean;
+};
+export declare type TextFieldGroupProps = HTMLAttributes<HTMLDivElement> & TextFieldGroupPropsCommon & GapShapeVariants;
+export declare type TextFieldGroupRootProps = HTMLAttributes<HTMLDivElement> & TextFieldGroupPropsCommon & {
+    gap?: Gap;
+    shape?: Shape;
+};
+export {};
+//# sourceMappingURL=TextFieldGroup.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldGroup.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextFieldGroup/TextFieldGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,oBAAY,GAAG,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAC5C,oBAAY,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;AACpD,oBAAY,KAAK,GAAG,SAAS,GAAG,WAAW,CAAC;AAE5C,aAAK,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEpC,aAAK,gBAAgB,GACf;IACI;;;;;;OAMG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;CACvB,GACD;IACI;;;;;;OAMG;IACH,GAAG,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACvB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAER,aAAK,yBAAyB,GAAG;IAC7B;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;;OAQG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACrC,CAAC;AAEF,oBAAY,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,yBAAyB,GAAG,gBAAgB,CAAC;AAChH,oBAAY,uBAAuB,GAAG,cAAc,CAAC,cAAc,CAAC,GAChE,yBAAyB,GAAG;IACxB,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC"}

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

@@ -0,0 +1,4 @@
+export { textFieldGroupRoot, textFieldGroupConfig } from './TextFieldGroup';
+export { tokens as textFieldGroupTokens, classes as textFieldGroupClasses } from './TextFieldGroup.tokens';
+export type { TextFieldGroupProps } from './TextFieldGroup.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextFieldGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,oBAAoB,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAE3G,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC"}

package/types/components/TextFieldGroup/variations/_gap/base.d.ts

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

package/types/components/TextFieldGroup/variations/_gap/base.d.ts.map

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

package/types/components/TextFieldGroup/variations/_orientation/base.d.ts

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

package/types/components/TextFieldGroup/variations/_orientation/base.d.ts.map

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

package/types/components/TextFieldGroup/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/TextFieldGroup/variations/_shape/base.d.ts.map

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

package/types/components/TextFieldGroup/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/TextFieldGroup/variations/_size/base.d.ts.map

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

package/types/components/TextFieldGroup/variations/_stretching/base.d.ts

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

package/types/components/TextFieldGroup/variations/_stretching/base.d.ts.map

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

package/types/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.config.d.ts

@@ -0,0 +1,31 @@
+export declare const config: {
+    defaults: {
+        size: string;
+    };
+    variations: {
+        size: {
+            l: import("@linaria/core").LinariaClassName;
+            m: import("@linaria/core").LinariaClassName;
+            s: import("@linaria/core").LinariaClassName;
+            xs: import("@linaria/core").LinariaClassName;
+        };
+        orientation: {
+            horizontal: import("@linaria/core").LinariaClassName;
+            vertical: import("@linaria/core").LinariaClassName;
+        };
+        gap: {
+            none: import("@linaria/core").LinariaClassName;
+            dense: import("@linaria/core").LinariaClassName;
+            wide: import("@linaria/core").LinariaClassName;
+        };
+        shape: {
+            segmented: import("@linaria/core").LinariaClassName;
+            default: import("@linaria/core").LinariaClassName;
+        };
+        stretching: {
+            auto: import("@linaria/core").LinariaClassName;
+            filled: import("@linaria/core").LinariaClassName;
+        };
+    };
+};
+//# sourceMappingURL=TextFieldGroup.config.d.ts.map

package/types/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldGroup.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuQlB,CAAC"}

package/types/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+export declare const TextFieldGroup: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
+    size: {
+        l: import("@linaria/core").LinariaClassName;
+        m: import("@linaria/core").LinariaClassName;
+        s: import("@linaria/core").LinariaClassName;
+        xs: import("@linaria/core").LinariaClassName;
+    };
+    orientation: {
+        horizontal: import("@linaria/core").LinariaClassName;
+        vertical: import("@linaria/core").LinariaClassName;
+    };
+    gap: {
+        none: import("@linaria/core").LinariaClassName;
+        dense: import("@linaria/core").LinariaClassName;
+        wide: import("@linaria/core").LinariaClassName;
+    };
+    shape: {
+        segmented: import("@linaria/core").LinariaClassName;
+        default: import("@linaria/core").LinariaClassName;
+    };
+    stretching: {
+        auto: import("@linaria/core").LinariaClassName;
+        filled: import("@linaria/core").LinariaClassName;
+    };
+}> & ((import("react").HTMLAttributes<HTMLDivElement> & {
+    orientation?: import("../../../../components/TextFieldGroup/TextFieldGroup.types").Orientation | undefined;
+    stretching?: ("auto" | "filled") | undefined;
+    size?: string | undefined;
+    isCommonTextFieldStyles?: boolean | undefined;
+} & {
+    gap?: "none" | "dense" | undefined;
+    shape?: "segmented" | undefined;
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
+    orientation?: import("../../../../components/TextFieldGroup/TextFieldGroup.types").Orientation | undefined;
+    stretching?: ("auto" | "filled") | undefined;
+    size?: string | undefined;
+    isCommonTextFieldStyles?: boolean | undefined;
+} & {
+    gap?: "dense" | "wide" | undefined;
+    shape?: "default" | undefined;
+} & import("react").RefAttributes<HTMLDivElement>))>;
+//# sourceMappingURL=TextFieldGroup.d.ts.map

package/types/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldGroup.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/TextFieldGroup/TextFieldGroup.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAA0B,CAAC"}

package/types/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.config.d.ts

@@ -0,0 +1,31 @@
+export declare const config: {
+    defaults: {
+        size: string;
+    };
+    variations: {
+        size: {
+            l: import("@linaria/core").LinariaClassName;
+            m: import("@linaria/core").LinariaClassName;
+            s: import("@linaria/core").LinariaClassName;
+            xs: import("@linaria/core").LinariaClassName;
+        };
+        orientation: {
+            horizontal: import("@linaria/core").LinariaClassName;
+            vertical: import("@linaria/core").LinariaClassName;
+        };
+        gap: {
+            none: import("@linaria/core").LinariaClassName;
+            dense: import("@linaria/core").LinariaClassName;
+            wide: import("@linaria/core").LinariaClassName;
+        };
+        shape: {
+            segmented: import("@linaria/core").LinariaClassName;
+            default: import("@linaria/core").LinariaClassName;
+        };
+        stretching: {
+            auto: import("@linaria/core").LinariaClassName;
+            filled: import("@linaria/core").LinariaClassName;
+        };
+    };
+};
+//# sourceMappingURL=TextFieldGroup.config.d.ts.map

package/types/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldGroup.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2QlB,CAAC"}

package/types/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+export declare const TextFieldGroup: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
+    size: {
+        l: import("@linaria/core").LinariaClassName;
+        m: import("@linaria/core").LinariaClassName;
+        s: import("@linaria/core").LinariaClassName;
+        xs: import("@linaria/core").LinariaClassName;
+    };
+    orientation: {
+        horizontal: import("@linaria/core").LinariaClassName;
+        vertical: import("@linaria/core").LinariaClassName;
+    };
+    gap: {
+        none: import("@linaria/core").LinariaClassName;
+        dense: import("@linaria/core").LinariaClassName;
+        wide: import("@linaria/core").LinariaClassName;
+    };
+    shape: {
+        segmented: import("@linaria/core").LinariaClassName;
+        default: import("@linaria/core").LinariaClassName;
+    };
+    stretching: {
+        auto: import("@linaria/core").LinariaClassName;
+        filled: import("@linaria/core").LinariaClassName;
+    };
+}> & ((import("react").HTMLAttributes<HTMLDivElement> & {
+    orientation?: import("../../../../components/TextFieldGroup/TextFieldGroup.types").Orientation | undefined;
+    stretching?: ("auto" | "filled") | undefined;
+    size?: string | undefined;
+    isCommonTextFieldStyles?: boolean | undefined;
+} & {
+    gap?: "none" | "dense" | undefined;
+    shape?: "segmented" | undefined;
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
+    orientation?: import("../../../../components/TextFieldGroup/TextFieldGroup.types").Orientation | undefined;
+    stretching?: ("auto" | "filled") | undefined;
+    size?: string | undefined;
+    isCommonTextFieldStyles?: boolean | undefined;
+} & {
+    gap?: "dense" | "wide" | undefined;
+    shape?: "default" | undefined;
+} & import("react").RefAttributes<HTMLDivElement>))>;
+//# sourceMappingURL=TextFieldGroup.d.ts.map

package/types/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldGroup.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/TextFieldGroup/TextFieldGroup.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAA0B,CAAC"}

package/types/index.d.ts

@@ -15,6 +15,7 @@ export * from './components/Radiobox';
 export * from './components/Popover';
 export * from './components/TextArea';
 export * from './components/TextField';
+export * from './components/TextFieldGroup';
 export * from './components/Switch';
 export * from './components/Tabs';
 export * from './components/Calendar';

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC"}