@salutejs/plasma-new-hope 0.136.0-dev.0 → 0.137.0-canary.1405.10662876535.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/InputGroup/InputGroup.css +11 -0
- package/cjs/components/InputGroup/InputGroup.js +81 -0
- package/cjs/components/InputGroup/InputGroup.js.map +1 -0
- package/cjs/components/InputGroup/InputGroup.styles.js +9 -0
- package/cjs/components/InputGroup/InputGroup.styles.js.map +1 -0
- package/cjs/components/InputGroup/InputGroup.styles_1ivl67d.css +1 -0
- package/cjs/components/InputGroup/InputGroup.tokens.js +94 -0
- package/cjs/components/InputGroup/InputGroup.tokens.js.map +1 -0
- package/cjs/components/InputGroup/variations/_gap/base.js +9 -0
- package/cjs/components/InputGroup/variations/_gap/base.js.map +1 -0
- package/cjs/components/InputGroup/variations/_gap/base_1k4piyx.css +1 -0
- package/cjs/components/InputGroup/variations/_orientation/base.js +9 -0
- package/cjs/components/InputGroup/variations/_orientation/base.js.map +1 -0
- package/cjs/components/InputGroup/variations/_orientation/base_mgs8eg.css +1 -0
- package/cjs/components/InputGroup/variations/_shape/base.js +9 -0
- package/cjs/components/InputGroup/variations/_shape/base.js.map +1 -0
- package/cjs/components/InputGroup/variations/_shape/base_3k0aw7.css +1 -0
- package/cjs/components/InputGroup/variations/_size/base.js +9 -0
- package/cjs/components/InputGroup/variations/_size/base.js.map +1 -0
- package/cjs/components/InputGroup/variations/_size/base_1vk5vms.css +1 -0
- package/cjs/components/InputGroup/variations/_stretching/base.js +9 -0
- package/cjs/components/InputGroup/variations/_stretching/base.js.map +1 -0
- package/cjs/components/InputGroup/variations/_stretching/base_1cr1a83.css +1 -0
- package/cjs/components/TextField/TextField.js +1 -1
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.tokens.js +2 -1
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/index.css +12 -0
- package/cjs/index.js +7 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/InputGroup/InputGroup.js +83 -0
- package/emotion/cjs/components/InputGroup/InputGroup.styles.js +17 -0
- package/emotion/cjs/components/InputGroup/InputGroup.template-doc.mdx +126 -0
- package/emotion/cjs/components/InputGroup/InputGroup.tokens.js +92 -0
- package/emotion/cjs/components/InputGroup/InputGroup.types.js +5 -0
- package/emotion/cjs/components/InputGroup/index.js +31 -0
- package/emotion/cjs/components/InputGroup/variations/_gap/base.js +9 -0
- package/emotion/cjs/components/InputGroup/variations/_gap/tokens.json +1 -0
- package/emotion/cjs/components/InputGroup/variations/_orientation/base.js +9 -0
- package/emotion/cjs/components/InputGroup/variations/_orientation/tokens.json +1 -0
- package/emotion/cjs/components/InputGroup/variations/_shape/base.js +11 -0
- package/emotion/cjs/components/InputGroup/variations/_shape/tokens.json +1 -0
- package/emotion/cjs/components/InputGroup/variations/_size/base.js +10 -0
- package/emotion/cjs/components/InputGroup/variations/_size/tokens.json +58 -0
- package/emotion/cjs/components/InputGroup/variations/_stretching/base.js +9 -0
- package/emotion/cjs/components/InputGroup/variations/_stretching/tokens.json +1 -0
- package/emotion/cjs/components/TextField/TextField.js +2 -2
- package/emotion/cjs/components/TextField/TextField.tokens.js +2 -1
- package/emotion/cjs/components/TextField/index.js +6 -0
- package/emotion/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +38 -0
- package/emotion/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx +116 -0
- package/emotion/cjs/examples/plasma_web/components/InputGroup/InputGroup.config.js +38 -0
- package/emotion/cjs/examples/plasma_web/components/InputGroup/InputGroup.js +11 -0
- package/emotion/cjs/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx +116 -0
- package/emotion/cjs/index.js +11 -0
- package/emotion/es/components/InputGroup/InputGroup.js +74 -0
- package/emotion/es/components/InputGroup/InputGroup.styles.js +11 -0
- package/emotion/es/components/InputGroup/InputGroup.template-doc.mdx +126 -0
- package/emotion/es/components/InputGroup/InputGroup.tokens.js +86 -0
- package/emotion/es/components/InputGroup/InputGroup.types.js +1 -0
- package/emotion/es/components/InputGroup/index.js +2 -0
- package/emotion/es/components/InputGroup/variations/_gap/base.js +3 -0
- package/emotion/es/components/InputGroup/variations/_gap/tokens.json +1 -0
- package/emotion/es/components/InputGroup/variations/_orientation/base.js +3 -0
- package/emotion/es/components/InputGroup/variations/_orientation/tokens.json +1 -0
- package/emotion/es/components/InputGroup/variations/_shape/base.js +5 -0
- package/emotion/es/components/InputGroup/variations/_shape/tokens.json +1 -0
- package/emotion/es/components/InputGroup/variations/_size/base.js +4 -0
- package/emotion/es/components/InputGroup/variations/_size/tokens.json +58 -0
- package/emotion/es/components/InputGroup/variations/_stretching/base.js +3 -0
- package/emotion/es/components/InputGroup/variations/_stretching/tokens.json +1 -0
- package/emotion/es/components/TextField/TextField.js +2 -2
- package/emotion/es/components/TextField/TextField.tokens.js +2 -1
- package/emotion/es/components/TextField/index.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +32 -0
- package/emotion/es/examples/plasma_b2c/components/InputGroup/InputGroup.js +5 -0
- package/emotion/es/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx +116 -0
- package/emotion/es/examples/plasma_web/components/InputGroup/InputGroup.config.js +32 -0
- package/emotion/es/examples/plasma_web/components/InputGroup/InputGroup.js +5 -0
- package/emotion/es/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx +116 -0
- package/emotion/es/index.js +1 -0
- package/es/components/InputGroup/InputGroup.css +11 -0
- package/es/components/InputGroup/InputGroup.js +76 -0
- package/es/components/InputGroup/InputGroup.js.map +1 -0
- package/es/components/InputGroup/InputGroup.styles.js +5 -0
- package/es/components/InputGroup/InputGroup.styles.js.map +1 -0
- package/es/components/InputGroup/InputGroup.styles_1ivl67d.css +1 -0
- package/es/components/InputGroup/InputGroup.tokens.js +89 -0
- package/es/components/InputGroup/InputGroup.tokens.js.map +1 -0
- package/es/components/InputGroup/variations/_gap/base.js +5 -0
- package/es/components/InputGroup/variations/_gap/base.js.map +1 -0
- package/es/components/InputGroup/variations/_gap/base_1k4piyx.css +1 -0
- package/es/components/InputGroup/variations/_orientation/base.js +5 -0
- package/es/components/InputGroup/variations/_orientation/base.js.map +1 -0
- package/es/components/InputGroup/variations/_orientation/base_mgs8eg.css +1 -0
- package/es/components/InputGroup/variations/_shape/base.js +5 -0
- package/es/components/InputGroup/variations/_shape/base.js.map +1 -0
- package/es/components/InputGroup/variations/_shape/base_3k0aw7.css +1 -0
- package/es/components/InputGroup/variations/_size/base.js +5 -0
- package/es/components/InputGroup/variations/_size/base.js.map +1 -0
- package/es/components/InputGroup/variations/_size/base_1vk5vms.css +1 -0
- package/es/components/InputGroup/variations/_stretching/base.js +5 -0
- package/es/components/InputGroup/variations/_stretching/base.js.map +1 -0
- package/es/components/InputGroup/variations/_stretching/base_1cr1a83.css +1 -0
- package/es/components/TextField/TextField.js +1 -1
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.tokens.js +2 -1
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/index.css +12 -0
- package/es/index.js +3 -1
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/InputGroup/InputGroup.js +83 -0
- package/styled-components/cjs/components/InputGroup/InputGroup.styles.js +8 -0
- package/styled-components/cjs/components/InputGroup/InputGroup.template-doc.mdx +126 -0
- package/styled-components/cjs/components/InputGroup/InputGroup.tokens.js +92 -0
- package/styled-components/cjs/components/InputGroup/InputGroup.types.js +5 -0
- package/styled-components/cjs/components/InputGroup/index.js +31 -0
- package/styled-components/cjs/components/InputGroup/variations/_gap/base.js +9 -0
- package/styled-components/cjs/components/InputGroup/variations/_gap/tokens.json +1 -0
- package/styled-components/cjs/components/InputGroup/variations/_orientation/base.js +9 -0
- package/styled-components/cjs/components/InputGroup/variations/_orientation/tokens.json +1 -0
- package/styled-components/cjs/components/InputGroup/variations/_shape/base.js +11 -0
- package/styled-components/cjs/components/InputGroup/variations/_shape/tokens.json +1 -0
- package/styled-components/cjs/components/InputGroup/variations/_size/base.js +10 -0
- package/styled-components/cjs/components/InputGroup/variations/_size/tokens.json +58 -0
- package/styled-components/cjs/components/InputGroup/variations/_stretching/base.js +9 -0
- package/styled-components/cjs/components/InputGroup/variations/_stretching/tokens.json +1 -0
- package/styled-components/cjs/components/TextField/TextField.js +1 -1
- package/styled-components/cjs/components/TextField/TextField.tokens.js +2 -1
- package/styled-components/cjs/components/TextField/index.js +6 -0
- package/styled-components/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +38 -0
- package/styled-components/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx +116 -0
- package/styled-components/cjs/examples/plasma_web/components/InputGroup/InputGroup.config.js +38 -0
- package/styled-components/cjs/examples/plasma_web/components/InputGroup/InputGroup.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx +116 -0
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/es/components/InputGroup/InputGroup.js +74 -0
- package/styled-components/es/components/InputGroup/InputGroup.styles.js +2 -0
- package/styled-components/es/components/InputGroup/InputGroup.template-doc.mdx +126 -0
- package/styled-components/es/components/InputGroup/InputGroup.tokens.js +86 -0
- package/styled-components/es/components/InputGroup/InputGroup.types.js +1 -0
- package/styled-components/es/components/InputGroup/index.js +2 -0
- package/styled-components/es/components/InputGroup/variations/_gap/base.js +3 -0
- package/styled-components/es/components/InputGroup/variations/_gap/tokens.json +1 -0
- package/styled-components/es/components/InputGroup/variations/_orientation/base.js +3 -0
- package/styled-components/es/components/InputGroup/variations/_orientation/tokens.json +1 -0
- package/styled-components/es/components/InputGroup/variations/_shape/base.js +5 -0
- package/styled-components/es/components/InputGroup/variations/_shape/tokens.json +1 -0
- package/styled-components/es/components/InputGroup/variations/_size/base.js +4 -0
- package/styled-components/es/components/InputGroup/variations/_size/tokens.json +58 -0
- package/styled-components/es/components/InputGroup/variations/_stretching/base.js +3 -0
- package/styled-components/es/components/InputGroup/variations/_stretching/tokens.json +1 -0
- package/styled-components/es/components/TextField/TextField.js +1 -1
- package/styled-components/es/components/TextField/TextField.tokens.js +2 -1
- package/styled-components/es/components/TextField/index.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +32 -0
- package/styled-components/es/examples/plasma_b2c/components/InputGroup/InputGroup.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx +116 -0
- package/styled-components/es/examples/plasma_web/components/InputGroup/InputGroup.config.js +32 -0
- package/styled-components/es/examples/plasma_web/components/InputGroup/InputGroup.js +5 -0
- package/styled-components/es/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx +116 -0
- package/styled-components/es/index.js +1 -0
- package/types/components/InputGroup/InputGroup.d.ts +35 -0
- package/types/components/InputGroup/InputGroup.d.ts.map +1 -0
- package/types/components/InputGroup/InputGroup.styles.d.ts +2 -0
- package/types/components/InputGroup/InputGroup.styles.d.ts.map +1 -0
- package/types/components/InputGroup/InputGroup.tokens.d.ts +85 -0
- package/types/components/InputGroup/InputGroup.tokens.d.ts.map +1 -0
- package/types/components/InputGroup/InputGroup.types.d.ts +84 -0
- package/types/components/InputGroup/InputGroup.types.d.ts.map +1 -0
- package/types/components/InputGroup/index.d.ts +4 -0
- package/types/components/InputGroup/index.d.ts.map +1 -0
- package/types/components/InputGroup/variations/_gap/base.d.ts +2 -0
- package/types/components/InputGroup/variations/_gap/base.d.ts.map +1 -0
- package/types/components/InputGroup/variations/_orientation/base.d.ts +2 -0
- package/types/components/InputGroup/variations/_orientation/base.d.ts.map +1 -0
- package/types/components/InputGroup/variations/_shape/base.d.ts +2 -0
- package/types/components/InputGroup/variations/_shape/base.d.ts.map +1 -0
- package/types/components/InputGroup/variations/_size/base.d.ts +2 -0
- package/types/components/InputGroup/variations/_size/base.d.ts.map +1 -0
- package/types/components/InputGroup/variations/_stretching/base.d.ts +2 -0
- package/types/components/InputGroup/variations/_stretching/base.d.ts.map +1 -0
- package/types/components/TextField/TextField.tokens.d.ts +1 -0
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/index.d.ts +1 -1
- package/types/components/TextField/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/InputGroup/InputGroup.config.d.ts +31 -0
- package/types/examples/plasma_b2c/components/InputGroup/InputGroup.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/InputGroup/InputGroup.d.ts +43 -0
- package/types/examples/plasma_b2c/components/InputGroup/InputGroup.d.ts.map +1 -0
- package/types/examples/plasma_web/components/InputGroup/InputGroup.config.d.ts +31 -0
- package/types/examples/plasma_web/components/InputGroup/InputGroup.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/InputGroup/InputGroup.d.ts +43 -0
- package/types/examples/plasma_web/components/InputGroup/InputGroup.d.ts.map +1 -0
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
@@ -0,0 +1,116 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import type { ComponentProps } from 'react';
|
3
|
+
import type { StoryObj, Meta } from '@storybook/react';
|
4
|
+
import { disableProps } from '@salutejs/plasma-sb-utils';
|
5
|
+
|
6
|
+
import { WithTheme } from '../../../_helpers';
|
7
|
+
import { TextField } from '../TextField/TextField';
|
8
|
+
|
9
|
+
import { InputGroup } from './InputGroup';
|
10
|
+
|
11
|
+
type StoryProps = Omit<ComponentProps<typeof InputGroup>, 'gap'> & {
|
12
|
+
itemsCount?: number;
|
13
|
+
gapDefaultShape?: string;
|
14
|
+
gapSegmentedShape?: string;
|
15
|
+
};
|
16
|
+
type Story = StoryObj<StoryProps>;
|
17
|
+
|
18
|
+
const sizes = ['l', 'm', 's', 'xs'];
|
19
|
+
const orientationValues = ['horizontal', 'vertical'];
|
20
|
+
const gapDefaultValues = ['dense', 'wide'];
|
21
|
+
const gapSegmentedValues = ['none', 'dense'];
|
22
|
+
const shapeValues = ['segmented', 'default'];
|
23
|
+
const stretchingValues = ['auto', 'filled'];
|
24
|
+
|
25
|
+
const meta: Meta<typeof InputGroup> = {
|
26
|
+
title: 'plasma_web/InputGroup',
|
27
|
+
decorators: [WithTheme],
|
28
|
+
argTypes: {
|
29
|
+
size: {
|
30
|
+
options: sizes,
|
31
|
+
control: {
|
32
|
+
type: 'select',
|
33
|
+
},
|
34
|
+
},
|
35
|
+
orientation: {
|
36
|
+
options: orientationValues,
|
37
|
+
control: {
|
38
|
+
type: 'inline-radio',
|
39
|
+
},
|
40
|
+
},
|
41
|
+
shape: {
|
42
|
+
options: shapeValues,
|
43
|
+
control: {
|
44
|
+
type: 'select',
|
45
|
+
},
|
46
|
+
},
|
47
|
+
stretching: {
|
48
|
+
options: stretchingValues,
|
49
|
+
control: {
|
50
|
+
type: 'select',
|
51
|
+
},
|
52
|
+
},
|
53
|
+
...disableProps(['gap']),
|
54
|
+
},
|
55
|
+
};
|
56
|
+
|
57
|
+
export default meta;
|
58
|
+
|
59
|
+
export const Default: Story = {
|
60
|
+
argTypes: {
|
61
|
+
gapDefaultShape: {
|
62
|
+
options: gapDefaultValues,
|
63
|
+
control: { type: 'select' },
|
64
|
+
if: { arg: 'shape', eq: 'default' },
|
65
|
+
},
|
66
|
+
gapSegmentedShape: {
|
67
|
+
options: gapSegmentedValues,
|
68
|
+
control: { type: 'select' },
|
69
|
+
if: { arg: 'shape', eq: 'segmented' },
|
70
|
+
},
|
71
|
+
},
|
72
|
+
args: {
|
73
|
+
size: 'm',
|
74
|
+
shape: 'default',
|
75
|
+
gapDefaultShape: 'dense',
|
76
|
+
gapSegmentedShape: 'dense',
|
77
|
+
orientation: 'horizontal',
|
78
|
+
itemsCount: 5,
|
79
|
+
stretching: 'auto',
|
80
|
+
},
|
81
|
+
render: ({ itemsCount, gapDefaultShape, gapSegmentedShape, ...args }: StoryProps) => {
|
82
|
+
return (
|
83
|
+
<InputGroup {...args} gap={(gapDefaultShape || gapSegmentedShape) as any}>
|
84
|
+
{Array(itemsCount)
|
85
|
+
.fill(true)
|
86
|
+
.map((_, i) => (
|
87
|
+
<TextField placeholder={`input #${i}`} />
|
88
|
+
))}
|
89
|
+
</InputGroup>
|
90
|
+
);
|
91
|
+
},
|
92
|
+
};
|
93
|
+
|
94
|
+
export const CustomInputs: Story = {
|
95
|
+
args: {
|
96
|
+
...Default.args,
|
97
|
+
isCommonInputStyles: false,
|
98
|
+
},
|
99
|
+
argTypes: {
|
100
|
+
...Default.argTypes,
|
101
|
+
...disableProps(['itemsCount']),
|
102
|
+
},
|
103
|
+
render: ({ gapDefaultShape, gapSegmentedShape, ...args }: StoryProps) => {
|
104
|
+
return (
|
105
|
+
<>
|
106
|
+
<h3>Группа Input с разными размерами</h3>
|
107
|
+
<InputGroup {...args} gap={(gapDefaultShape || gapSegmentedShape) as any}>
|
108
|
+
<TextField placeholder="Размер l" size="l" />
|
109
|
+
<TextField placeholder="Размер m" size="m" />
|
110
|
+
<TextField placeholder="Размер s" size="s" />
|
111
|
+
<TextField placeholder="Размер xs" size="xs" />
|
112
|
+
</InputGroup>
|
113
|
+
</>
|
114
|
+
);
|
115
|
+
},
|
116
|
+
};
|
@@ -17,6 +17,7 @@ export * from './components/Radiobox';
|
|
17
17
|
export * from './components/Popover';
|
18
18
|
export * from './components/TextArea';
|
19
19
|
export * from './components/TextField';
|
20
|
+
export * from './components/InputGroup';
|
20
21
|
export * from './components/Switch';
|
21
22
|
export * from './components/Tabs';
|
22
23
|
export * from './components/Calendar';
|
@@ -0,0 +1,35 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import type { RootProps } from '../../engines';
|
3
|
+
import type { InputGroupProps, InputGroupRootProps } from './InputGroup.types';
|
4
|
+
export declare const inputGroupRoot: (Root: RootProps<HTMLDivElement, InputGroupRootProps>) => React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<HTMLDivElement>>;
|
5
|
+
export declare const inputGroupConfig: {
|
6
|
+
name: string;
|
7
|
+
tag: string;
|
8
|
+
layout: (Root: RootProps<HTMLDivElement, InputGroupRootProps>) => React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<HTMLDivElement>>;
|
9
|
+
base: import("@linaria/core").LinariaClassName;
|
10
|
+
variations: {
|
11
|
+
size: {
|
12
|
+
css: import("@linaria/core").LinariaClassName;
|
13
|
+
};
|
14
|
+
gap: {
|
15
|
+
css: import("@linaria/core").LinariaClassName;
|
16
|
+
};
|
17
|
+
orientation: {
|
18
|
+
css: import("@linaria/core").LinariaClassName;
|
19
|
+
};
|
20
|
+
shape: {
|
21
|
+
css: import("@linaria/core").LinariaClassName;
|
22
|
+
};
|
23
|
+
stretching: {
|
24
|
+
css: import("@linaria/core").LinariaClassName;
|
25
|
+
};
|
26
|
+
};
|
27
|
+
defaults: {
|
28
|
+
size: string;
|
29
|
+
gap: string;
|
30
|
+
orientation: string;
|
31
|
+
shape: string;
|
32
|
+
stretching: string;
|
33
|
+
};
|
34
|
+
};
|
35
|
+
//# sourceMappingURL=InputGroup.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAU/C,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE/E,eAAO,MAAM,cAAc,SAAU,UAAU,cAAc,EAAE,mBAAmB,CAAC,2FAiC7E,CAAC;AAEP,eAAO,MAAM,gBAAgB;;;mBAnCQ,UAAU,cAAc,EAAE,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CAgElF,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"InputGroup.styles.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/InputGroup.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAEhB,CAAC"}
|
@@ -0,0 +1,85 @@
|
|
1
|
+
export declare const classes: {
|
2
|
+
autoStretching: string;
|
3
|
+
filledStretching: string;
|
4
|
+
inputGroupOverrideStyles: string;
|
5
|
+
inputGroupItem: string;
|
6
|
+
horizontal: string;
|
7
|
+
vertical: string;
|
8
|
+
none: string;
|
9
|
+
dense: string;
|
10
|
+
wide: string;
|
11
|
+
segmented: string;
|
12
|
+
default: string;
|
13
|
+
};
|
14
|
+
export declare const tokens: {
|
15
|
+
inputGroupOrientation: string;
|
16
|
+
inputGroupWebMarginLeft: string;
|
17
|
+
inputGroupWebClipPath: string;
|
18
|
+
inputGroupWebMarginTop: string;
|
19
|
+
inputGroupWebVerticalClipPath: string;
|
20
|
+
inputSegmentedRadius: string;
|
21
|
+
inputDefaultRadius: string;
|
22
|
+
inputSideRadius: string;
|
23
|
+
inputGroupItemsGap: string;
|
24
|
+
height: string;
|
25
|
+
borderWidth: string;
|
26
|
+
/** Отступ от границы ТextField */
|
27
|
+
padding: string;
|
28
|
+
paddingWithChips: string;
|
29
|
+
leftContentMargin: string;
|
30
|
+
rightContentMargin: string;
|
31
|
+
fontFamily: string;
|
32
|
+
fontStyle: string;
|
33
|
+
fontSize: string;
|
34
|
+
fontWeight: string;
|
35
|
+
letterSpacing: string;
|
36
|
+
lineHeight: string;
|
37
|
+
/** Токены лейбла */
|
38
|
+
labelOffset: string;
|
39
|
+
labelFontFamily: string;
|
40
|
+
labelFontStyle: string;
|
41
|
+
labelFontSize: string;
|
42
|
+
labelFontWeight: string;
|
43
|
+
labelLetterSpacing: string;
|
44
|
+
labelLineHeight: string;
|
45
|
+
labelInnerFontFamily: string;
|
46
|
+
labelInnerFontStyle: string;
|
47
|
+
labelInnerFontSize: string;
|
48
|
+
labelInnerFontWeight: string;
|
49
|
+
labelInnerLetterSpacing: string;
|
50
|
+
labelInnerLineHeight: string;
|
51
|
+
labelInnerPadding: string;
|
52
|
+
contentLabelInnerPadding: string;
|
53
|
+
leftHelperOffset: string;
|
54
|
+
leftHelperFontFamily: string;
|
55
|
+
leftHelperFontStyle: string;
|
56
|
+
leftHelperFontSize: string;
|
57
|
+
leftHelperFontWeight: string;
|
58
|
+
leftHelperLetterSpacing: string;
|
59
|
+
leftHelperLineHeight: string;
|
60
|
+
/** Токены вспомогательного текста */
|
61
|
+
textBeforeMargin: string;
|
62
|
+
textAfterMargin: string;
|
63
|
+
/** Токены чипа */
|
64
|
+
chipHeight: string;
|
65
|
+
chipBorderRadius: string;
|
66
|
+
chipGap: string;
|
67
|
+
chipScaleHover: string;
|
68
|
+
chipScaleActive: string;
|
69
|
+
chipOutlineSize: string;
|
70
|
+
chipWidth: string;
|
71
|
+
chipPaddingTop: string;
|
72
|
+
chipPaddingRight: string;
|
73
|
+
chipPaddingBottom: string;
|
74
|
+
chipPaddingLeft: string;
|
75
|
+
chipCloseIconSize: string;
|
76
|
+
chipFontFamily: string;
|
77
|
+
chipFontSize: string;
|
78
|
+
chipFontStyle: string;
|
79
|
+
chipFontWeight: string;
|
80
|
+
chipLetterSpacing: string;
|
81
|
+
chipLineHeight: string;
|
82
|
+
chipClearContentMarginLeft: string;
|
83
|
+
chipClearContentMarginRight: string;
|
84
|
+
};
|
85
|
+
//# sourceMappingURL=InputGroup.tokens.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"InputGroup.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/InputGroup.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAgBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;IAgBf,kCAAkC;;;;;;;;;;;IAelC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;IA8BpB,qCAAqC;;;IAIrC,kBAAkB;;;;;;;;;;;;;;;;;;;;;CAqBrB,CAAC"}
|
@@ -0,0 +1,84 @@
|
|
1
|
+
import type { HTMLAttributes } from 'react';
|
2
|
+
export declare type Gap = 'none' | 'dense' | 'wide';
|
3
|
+
export declare type Orientation = 'vertical' | 'horizontal';
|
4
|
+
export declare type Shape = 'default' | 'segmented';
|
5
|
+
declare type Stretching = 'filled' | 'auto';
|
6
|
+
declare type GapShapeVariants = {
|
7
|
+
/**
|
8
|
+
* Отступы между controls внутри группы
|
9
|
+
* @default
|
10
|
+
* dense
|
11
|
+
* @description
|
12
|
+
* Доступные значения: 'none' | 'dense'.
|
13
|
+
*/
|
14
|
+
gap?: 'none' | 'dense';
|
15
|
+
/**
|
16
|
+
* Скругления для controls внутри группы
|
17
|
+
* @default
|
18
|
+
* default
|
19
|
+
* @description
|
20
|
+
* Доступные значения: 'segmented'.
|
21
|
+
*/
|
22
|
+
shape?: 'segmented';
|
23
|
+
} | {
|
24
|
+
/**
|
25
|
+
* Отступы между controls внутри группы
|
26
|
+
* @default
|
27
|
+
* dense
|
28
|
+
* @description
|
29
|
+
* Доступные значения: 'dense' | 'wide'.
|
30
|
+
*/
|
31
|
+
gap?: 'dense' | 'wide';
|
32
|
+
/**
|
33
|
+
* Скругления для controls внутри группы
|
34
|
+
* @default
|
35
|
+
* default
|
36
|
+
* @description
|
37
|
+
* Доступные значения: 'default'.
|
38
|
+
*/
|
39
|
+
shape?: 'default';
|
40
|
+
};
|
41
|
+
declare type InputGroupPropsCommon = {
|
42
|
+
/**
|
43
|
+
* Направление группы
|
44
|
+
* @default
|
45
|
+
* horizontal
|
46
|
+
* @description
|
47
|
+
* Можно воспринимать как свойство flex-direction.
|
48
|
+
* vertical - вертикально, horizontal - горизонтальное.
|
49
|
+
*/
|
50
|
+
orientation?: Orientation;
|
51
|
+
/**
|
52
|
+
* Ширина группы controls
|
53
|
+
* @default
|
54
|
+
* auto
|
55
|
+
* @description
|
56
|
+
* Может принимать три значения:
|
57
|
+
* filled - группа controls занимает всю доступную ширину
|
58
|
+
* auto - группа controls растягивается в зависимости от контента
|
59
|
+
*/
|
60
|
+
stretching?: Stretching;
|
61
|
+
/**
|
62
|
+
* Размер группы input
|
63
|
+
* @description
|
64
|
+
* Применяется если isCommonInputStyles передан как true.
|
65
|
+
*/
|
66
|
+
size?: string;
|
67
|
+
/**
|
68
|
+
* Группа будет переопределять size для всех input
|
69
|
+
* @default
|
70
|
+
* true
|
71
|
+
* @description
|
72
|
+
* Если значение передано как true, для каждго input внутри группы
|
73
|
+
* size берется из значений группы.
|
74
|
+
* Если значение не задано, каждый input может иметь свое значение size.
|
75
|
+
*/
|
76
|
+
isCommonInputStyles?: boolean;
|
77
|
+
};
|
78
|
+
export declare type InputGroupProps = HTMLAttributes<HTMLDivElement> & InputGroupPropsCommon & GapShapeVariants;
|
79
|
+
export declare type InputGroupRootProps = HTMLAttributes<HTMLDivElement> & InputGroupPropsCommon & {
|
80
|
+
gap?: Gap;
|
81
|
+
shape?: Shape;
|
82
|
+
};
|
83
|
+
export {};
|
84
|
+
//# sourceMappingURL=InputGroup.types.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"InputGroup.types.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/InputGroup.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,qBAAqB,GAAG;IACzB;;;;;;;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,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEF,oBAAY,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,qBAAqB,GAAG,gBAAgB,CAAC;AACxG,oBAAY,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,GAC5D,qBAAqB,GAAG;IACpB,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE/F,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/InputGroup/variations/_gap/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAEhB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/InputGroup/variations/_orientation/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAMhB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/InputGroup/variations/_shape/base.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,0CAyFhB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/InputGroup/variations/_size/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAsDhB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/InputGroup/variations/_stretching/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAQhB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO
|
1
|
+
{"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"}
|
@@ -1,4 +1,4 @@
|
|
1
1
|
export { textFieldRoot, textFieldConfig } from './TextField';
|
2
|
-
export { tokens as textFieldTokens } from './TextField.tokens';
|
2
|
+
export { tokens as textFieldTokens, classes as textFieldClasses } from './TextField.tokens';
|
3
3
|
export type { TextFieldProps } from './TextField.types';
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +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;
|
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,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC5F,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
|
@@ -0,0 +1,31 @@
|
|
1
|
+
export declare const config: {
|
2
|
+
defaults: {
|
3
|
+
size: string;
|
4
|
+
};
|
5
|
+
variations: {
|
6
|
+
size: {
|
7
|
+
l: import("@linaria/core").LinariaClassName;
|
8
|
+
m: import("@linaria/core").LinariaClassName;
|
9
|
+
s: import("@linaria/core").LinariaClassName;
|
10
|
+
xs: import("@linaria/core").LinariaClassName;
|
11
|
+
};
|
12
|
+
orientation: {
|
13
|
+
horizontal: import("@linaria/core").LinariaClassName;
|
14
|
+
vertical: import("@linaria/core").LinariaClassName;
|
15
|
+
};
|
16
|
+
gap: {
|
17
|
+
none: import("@linaria/core").LinariaClassName;
|
18
|
+
dense: import("@linaria/core").LinariaClassName;
|
19
|
+
wide: import("@linaria/core").LinariaClassName;
|
20
|
+
};
|
21
|
+
shape: {
|
22
|
+
segmented: import("@linaria/core").LinariaClassName;
|
23
|
+
default: import("@linaria/core").LinariaClassName;
|
24
|
+
};
|
25
|
+
stretching: {
|
26
|
+
auto: import("@linaria/core").LinariaClassName;
|
27
|
+
filled: import("@linaria/core").LinariaClassName;
|
28
|
+
};
|
29
|
+
};
|
30
|
+
};
|
31
|
+
//# sourceMappingURL=InputGroup.config.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"InputGroup.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/InputGroup/InputGroup.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuQlB,CAAC"}
|
@@ -0,0 +1,43 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const InputGroup: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
|
3
|
+
size: {
|
4
|
+
l: import("@linaria/core").LinariaClassName;
|
5
|
+
m: import("@linaria/core").LinariaClassName;
|
6
|
+
s: import("@linaria/core").LinariaClassName;
|
7
|
+
xs: import("@linaria/core").LinariaClassName;
|
8
|
+
};
|
9
|
+
orientation: {
|
10
|
+
horizontal: import("@linaria/core").LinariaClassName;
|
11
|
+
vertical: import("@linaria/core").LinariaClassName;
|
12
|
+
};
|
13
|
+
gap: {
|
14
|
+
none: import("@linaria/core").LinariaClassName;
|
15
|
+
dense: import("@linaria/core").LinariaClassName;
|
16
|
+
wide: import("@linaria/core").LinariaClassName;
|
17
|
+
};
|
18
|
+
shape: {
|
19
|
+
segmented: import("@linaria/core").LinariaClassName;
|
20
|
+
default: import("@linaria/core").LinariaClassName;
|
21
|
+
};
|
22
|
+
stretching: {
|
23
|
+
auto: import("@linaria/core").LinariaClassName;
|
24
|
+
filled: import("@linaria/core").LinariaClassName;
|
25
|
+
};
|
26
|
+
}> & ((import("react").HTMLAttributes<HTMLDivElement> & {
|
27
|
+
orientation?: import("../../../../components/InputGroup/InputGroup.types").Orientation | undefined;
|
28
|
+
stretching?: ("auto" | "filled") | undefined;
|
29
|
+
size?: string | undefined;
|
30
|
+
isCommonInputStyles?: boolean | undefined;
|
31
|
+
} & {
|
32
|
+
gap?: "none" | "dense" | undefined;
|
33
|
+
shape?: "segmented" | undefined;
|
34
|
+
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
|
35
|
+
orientation?: import("../../../../components/InputGroup/InputGroup.types").Orientation | undefined;
|
36
|
+
stretching?: ("auto" | "filled") | undefined;
|
37
|
+
size?: string | undefined;
|
38
|
+
isCommonInputStyles?: boolean | undefined;
|
39
|
+
} & {
|
40
|
+
gap?: "dense" | "wide" | undefined;
|
41
|
+
shape?: "default" | undefined;
|
42
|
+
} & import("react").RefAttributes<HTMLDivElement>))>;
|
43
|
+
//# sourceMappingURL=InputGroup.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/InputGroup/InputGroup.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAA0B,CAAC"}
|
@@ -0,0 +1,31 @@
|
|
1
|
+
export declare const config: {
|
2
|
+
defaults: {
|
3
|
+
size: string;
|
4
|
+
};
|
5
|
+
variations: {
|
6
|
+
size: {
|
7
|
+
l: import("@linaria/core").LinariaClassName;
|
8
|
+
m: import("@linaria/core").LinariaClassName;
|
9
|
+
s: import("@linaria/core").LinariaClassName;
|
10
|
+
xs: import("@linaria/core").LinariaClassName;
|
11
|
+
};
|
12
|
+
orientation: {
|
13
|
+
horizontal: import("@linaria/core").LinariaClassName;
|
14
|
+
vertical: import("@linaria/core").LinariaClassName;
|
15
|
+
};
|
16
|
+
gap: {
|
17
|
+
none: import("@linaria/core").LinariaClassName;
|
18
|
+
dense: import("@linaria/core").LinariaClassName;
|
19
|
+
wide: import("@linaria/core").LinariaClassName;
|
20
|
+
};
|
21
|
+
shape: {
|
22
|
+
segmented: import("@linaria/core").LinariaClassName;
|
23
|
+
default: import("@linaria/core").LinariaClassName;
|
24
|
+
};
|
25
|
+
stretching: {
|
26
|
+
auto: import("@linaria/core").LinariaClassName;
|
27
|
+
filled: import("@linaria/core").LinariaClassName;
|
28
|
+
};
|
29
|
+
};
|
30
|
+
};
|
31
|
+
//# sourceMappingURL=InputGroup.config.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"InputGroup.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/InputGroup/InputGroup.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2QlB,CAAC"}
|
@@ -0,0 +1,43 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const InputGroup: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
|
3
|
+
size: {
|
4
|
+
l: import("@linaria/core").LinariaClassName;
|
5
|
+
m: import("@linaria/core").LinariaClassName;
|
6
|
+
s: import("@linaria/core").LinariaClassName;
|
7
|
+
xs: import("@linaria/core").LinariaClassName;
|
8
|
+
};
|
9
|
+
orientation: {
|
10
|
+
horizontal: import("@linaria/core").LinariaClassName;
|
11
|
+
vertical: import("@linaria/core").LinariaClassName;
|
12
|
+
};
|
13
|
+
gap: {
|
14
|
+
none: import("@linaria/core").LinariaClassName;
|
15
|
+
dense: import("@linaria/core").LinariaClassName;
|
16
|
+
wide: import("@linaria/core").LinariaClassName;
|
17
|
+
};
|
18
|
+
shape: {
|
19
|
+
segmented: import("@linaria/core").LinariaClassName;
|
20
|
+
default: import("@linaria/core").LinariaClassName;
|
21
|
+
};
|
22
|
+
stretching: {
|
23
|
+
auto: import("@linaria/core").LinariaClassName;
|
24
|
+
filled: import("@linaria/core").LinariaClassName;
|
25
|
+
};
|
26
|
+
}> & ((import("react").HTMLAttributes<HTMLDivElement> & {
|
27
|
+
orientation?: import("../../../../components/InputGroup/InputGroup.types").Orientation | undefined;
|
28
|
+
stretching?: ("auto" | "filled") | undefined;
|
29
|
+
size?: string | undefined;
|
30
|
+
isCommonInputStyles?: boolean | undefined;
|
31
|
+
} & {
|
32
|
+
gap?: "none" | "dense" | undefined;
|
33
|
+
shape?: "segmented" | undefined;
|
34
|
+
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
|
35
|
+
orientation?: import("../../../../components/InputGroup/InputGroup.types").Orientation | undefined;
|
36
|
+
stretching?: ("auto" | "filled") | undefined;
|
37
|
+
size?: string | undefined;
|
38
|
+
isCommonInputStyles?: boolean | undefined;
|
39
|
+
} & {
|
40
|
+
gap?: "dense" | "wide" | undefined;
|
41
|
+
shape?: "default" | undefined;
|
42
|
+
} & import("react").RefAttributes<HTMLDivElement>))>;
|
43
|
+
//# sourceMappingURL=InputGroup.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/InputGroup/InputGroup.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAA0B,CAAC"}
|
package/types/index.d.ts
CHANGED
@@ -15,6 +15,7 @@ export * from './components/Radiobox';
|
|
15
15
|
export * from './components/Popover';
|
16
16
|
export * from './components/TextArea';
|
17
17
|
export * from './components/TextField';
|
18
|
+
export * from './components/InputGroup';
|
18
19
|
export * from './components/Switch';
|
19
20
|
export * from './components/Tabs';
|
20
21
|
export * from './components/Calendar';
|
package/types/index.d.ts.map
CHANGED
@@ -1 +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"}
|
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,yBAAyB,CAAC;AACxC,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"}
|