@salutejs/plasma-new-hope 0.137.1-dev.0 → 0.138.0-canary.1415.10665437827.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/Popup/PopupContext.js +1 -1
- package/cjs/components/Popup/PopupContext.js.map +1 -1
- 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/Popup/PopupContext.js +1 -1
- 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/Popup/PopupContext.js +1 -1
- 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/Popup/PopupContext.js +1 -1
- package/es/components/Popup/PopupContext.js.map +1 -1
- 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/Popup/PopupContext.js +1 -1
- 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/Popup/PopupContext.js +1 -1
- 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,5 @@
|
|
1
|
+
import { inputGroupConfig } from '../../../../components/InputGroup';
|
2
|
+
import { component, mergeConfig } from '../../../../engines';
|
3
|
+
import { config } from './InputGroup.config';
|
4
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(inputGroupConfig, config);
|
5
|
+
export var InputGroup = /*#__PURE__*/component(mergedConfig);
|
@@ -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
|
+
};
|
package/emotion/es/index.js
CHANGED
@@ -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,11 @@
|
|
1
|
+
.base_1vk5vms_b1jw8jhy__8aa6239c.base_1vk5vms_inputGroupOverrideStyles__8aa6239c .base_1vk5vms_inputGroupItem__8aa6239c{--plasma-textfield-height:var(--plasma-input-group-item-height);--plasma-textfield-padding:var(--plasma-input-group-item-padding);--plasma-textfield-padding-with-chips:var(--plasma-input-group-item-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-input-group-item__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-input-group-item__right-content-margin);--plasma-textfield__before-text-margin:var(--plasma-input-group-item__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-input-group-item__after-text-margin);--plasma-textfield-font-family:var(--plasma-input-group-item-font-family);--plasma-textfield-font-size:var(--plasma-input-group-item-font-size);--plasma-textfield-font-style:var(--plasma-input-group-item-font-style);--plasma-textfield-font-weight:var(--plasma-input-group-item-font-weight);--plasma-textfield-letter-spacing:var(--plasma-input-group-item-letter-spacing);--plasma-textfield-line-height:var(--plasma-input-group-item-line-height);--plasma-textfield__label-offset:var(--plasma-input-group-item__label-offset);--plasma-textfield__label-font-family:var(--plasma-input-group-item__label-font-family);--plasma-textfield__label-font-size:var(--plasma-input-group-item__label-font-size);--plasma-textfield__label-font-style:var(--plasma-input-group-item__label-font-style);--plasma-textfield__label-font-weight:var(--plasma-input-group-item__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-input-group-item__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-input-group-item__label-line-height);--plasma-textfield__left-helper-offset:var(--plasma-input-group-item__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-input-group-item__left-helper-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-input-group-item__left-helper-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-input-group-item__left-helper-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-input-group-item__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-input-group-item__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-input-group-item__left-helper-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-input-group-item-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-input-group-item-placement_inner__content-padding);--plasma-textfield__chip-gap:var(--plasma-input-group-item__chip-gap);--plasma-textfield__chip-border-radius:var(--plasma-input-group-item__chip-border-radius);--plasma-textfield__chip-width:var(--plasma-input-group-item__chip-width);--plasma-textfield__chip-height:var(--plasma-input-group-item__chip-height);--plasma-textfield__chip-padding-right:var(--plasma-input-group-item__chip-padding-right);--plasma-textfield__chip-padding-left:var(--plasma-input-group-item__chip-padding-left);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-input-group-item__chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-input-group-item__chip-clear-content-margin-right);--plasma-textfield__chip-close-icon-size:var(--plasma-input-group-item__chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-input-group-item__chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-input-group-item__chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-input-group-item__chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-input-group-item__chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-input-group-item__chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-input-group-item__chip-line-height);}
|
2
|
+
|
3
|
+
.base_1k4piyx_bl5zpqu__7f6cabbf{gap:var(--plasma-input-group-items-gap);}
|
4
|
+
|
5
|
+
.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupShapeDefault__3cfc78bb{--plasma_private-input-radius-inner:var(--plasma-input-group-item-default-radius);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupShapeSegmented__3cfc78bb{--plasma_private-input-radius-inner:var(--plasma-input-group-item-segmented-radius);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupShapeSegmented__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb{--plasma_private-input-radius-inner:0;}.base_3k0aw7_bat8qm9__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb .base_3k0aw7_iq39zt5__3cfc78bb{--plasma-textfield-border-radius:var(--plasma_private-input-radius-inner);-webkit-transition:clip-path 0.05s ease-in;transition:clip-path 0.05s ease-in;}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:first-child){margin-left:var(--plasma-input-group-web-margin-left);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:last-child) .base_3k0aw7_iq39zt5__3cfc78bb{-webkit-clip-path:var(--plasma-input-group-web-clip-path);clip-path:var(--plasma-input-group-web-clip-path);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:last-child) .base_3k0aw7_iq39zt5__3cfc78bb:hover,.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:last-child) .base_3k0aw7_iq39zt5__3cfc78bb:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:first-child){margin-top:var(--plasma-input-group-web-margin-top);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:first-child) .base_3k0aw7_iq39zt5__3cfc78bb{-webkit-clip-path:var(--plasma-input-group-web-vertical-clip-path);clip-path:var(--plasma-input-group-web-vertical-clip-path);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:first-child) .base_3k0aw7_iq39zt5__3cfc78bb:hover,.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupGapNone__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:not(:first-child) .base_3k0aw7_iq39zt5__3cfc78bb:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:first-child:last-child .base_3k0aw7_iq39zt5__3cfc78bb,.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:first-child:last-child .base_3k0aw7_iq39zt5__3cfc78bb{border-radius:var(--plasma-input-group-side-item-radius);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:first-child .base_3k0aw7_iq39zt5__3cfc78bb{--plasma_private-left-side-radius:var(--plasma-input-group-side-item-radius) var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner) var(--plasma-input-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationHorizontal__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:last-child .base_3k0aw7_iq39zt5__3cfc78bb{--plasma_private-right-side-radius:var(--plasma_private-input-radius-inner) var(--plasma-input-group-side-item-radius) var(--plasma-input-group-side-item-radius) var(--plasma_private-input-radius-inner);border-radius:var(--plasma_private-right-side-radius);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:first-child .base_3k0aw7_iq39zt5__3cfc78bb{--plasma_private-up-side-radius:var(--plasma-input-group-side-item-radius) var(--plasma-input-group-side-item-radius) var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner);border-radius:var(--plasma_private-up-side-radius);}.base_3k0aw7_bat8qm9__3cfc78bb.base_3k0aw7_inputGroupOrientationVertical__3cfc78bb .base_3k0aw7_inputGroupItem__3cfc78bb:last-child .base_3k0aw7_iq39zt5__3cfc78bb{--plasma_private-down-side-radius:var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner) var(--plasma-input-group-side-item-radius) var(--plasma-input-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);}
|
6
|
+
|
7
|
+
.base_mgs8eg_bdx478e__a3287190{-webkit-flex-direction:var(--plasma-input-group-orientation);-ms-flex-direction:var(--plasma-input-group-orientation);flex-direction:var(--plasma-input-group-orientation);}.base_mgs8eg_bdx478e__a3287190.base_mgs8eg_inputGroupOrientationVertical__a3287190 .base_mgs8eg_inputGroupItem__a3287190{width:auto;}
|
8
|
+
|
9
|
+
.base_1cr1a83_b1ybrzwp__d008f94e.base_1cr1a83_inputGroupStretchingFilled__d008f94e{width:100%;}.base_1cr1a83_b1ybrzwp__d008f94e.base_1cr1a83_inputGroupStretchingFilled__d008f94e .base_1cr1a83_inputGroupItem__d008f94e{width:100%;}
|
10
|
+
|
11
|
+
.InputGroup_styles_1ivl67d_bkb9f46__5d90d5de{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
@@ -0,0 +1,76 @@
|
|
1
|
+
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
+
import React, { forwardRef } from 'react';
|
3
|
+
import { cx } from '../../utils/index.js';
|
4
|
+
import { base as base$1 } from './variations/_size/base.js';
|
5
|
+
import { base as base$2 } from './variations/_gap/base.js';
|
6
|
+
import { base as base$4 } from './variations/_shape/base.js';
|
7
|
+
import { base as base$3 } from './variations/_orientation/base.js';
|
8
|
+
import { base as base$5 } from './variations/_stretching/base.js';
|
9
|
+
import { base } from './InputGroup.styles.js';
|
10
|
+
import { classes } from './InputGroup.tokens.js';
|
11
|
+
|
12
|
+
var _excluded = ["children", "className", "size", "stretching", "gap", "orientation", "shape", "isCommonInputStyles"];
|
13
|
+
var inputGroupRoot = function inputGroupRoot(Root) {
|
14
|
+
return /*#__PURE__*/forwardRef(function (props, ref) {
|
15
|
+
var children = props.children,
|
16
|
+
className = props.className,
|
17
|
+
size = props.size,
|
18
|
+
_props$stretching = props.stretching,
|
19
|
+
stretching = _props$stretching === void 0 ? 'auto' : _props$stretching,
|
20
|
+
_props$gap = props.gap,
|
21
|
+
gap = _props$gap === void 0 ? 'dense' : _props$gap,
|
22
|
+
_props$orientation = props.orientation,
|
23
|
+
orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
|
24
|
+
_props$shape = props.shape,
|
25
|
+
shape = _props$shape === void 0 ? 'default' : _props$shape,
|
26
|
+
_props$isCommonInputS = props.isCommonInputStyles,
|
27
|
+
isCommonInputStyles = _props$isCommonInputS === void 0 ? true : _props$isCommonInputS,
|
28
|
+
rest = _objectWithoutProperties(props, _excluded);
|
29
|
+
var orientationClass = classes[orientation];
|
30
|
+
var gapClass = classes[gap];
|
31
|
+
var shapeClass = classes[shape];
|
32
|
+
var stretchingClass = classes["".concat(stretching, "Stretching")];
|
33
|
+
var overrideStylesClass = isCommonInputStyles ? classes.inputGroupOverrideStyles : undefined;
|
34
|
+
return /*#__PURE__*/React.createElement(Root, _extends({
|
35
|
+
ref: ref,
|
36
|
+
size: size,
|
37
|
+
gap: gap,
|
38
|
+
shape: shape,
|
39
|
+
orientation: orientation,
|
40
|
+
className: cx(overrideStylesClass, orientationClass, gapClass, shapeClass, stretchingClass, className)
|
41
|
+
}, rest), children);
|
42
|
+
});
|
43
|
+
};
|
44
|
+
var inputGroupConfig = {
|
45
|
+
name: 'InputGroup',
|
46
|
+
tag: 'div',
|
47
|
+
layout: inputGroupRoot,
|
48
|
+
base: base,
|
49
|
+
variations: {
|
50
|
+
size: {
|
51
|
+
css: base$1
|
52
|
+
},
|
53
|
+
gap: {
|
54
|
+
css: base$2
|
55
|
+
},
|
56
|
+
orientation: {
|
57
|
+
css: base$3
|
58
|
+
},
|
59
|
+
shape: {
|
60
|
+
css: base$4
|
61
|
+
},
|
62
|
+
stretching: {
|
63
|
+
css: base$5
|
64
|
+
}
|
65
|
+
},
|
66
|
+
defaults: {
|
67
|
+
size: 'm',
|
68
|
+
gap: 'dense',
|
69
|
+
orientation: 'horizontal',
|
70
|
+
shape: 'default',
|
71
|
+
stretching: 'auto'
|
72
|
+
}
|
73
|
+
};
|
74
|
+
|
75
|
+
export { inputGroupConfig, inputGroupRoot };
|
76
|
+
//# sourceMappingURL=InputGroup.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"InputGroup.js","sources":["../../../src/components/InputGroup/InputGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as gapCSS } from './variations/_gap/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { base as orientationCSS } from './variations/_orientation/base';\nimport { base as stretchingCSS } from './variations/_stretching/base';\nimport { base } from './InputGroup.styles';\nimport { classes } from './InputGroup.tokens';\nimport type { InputGroupProps, InputGroupRootProps } from './InputGroup.types';\n\nexport const inputGroupRoot = (Root: RootProps<HTMLDivElement, InputGroupRootProps>) =>\n forwardRef<HTMLDivElement, InputGroupProps>((props, ref) => {\n const {\n children,\n className,\n size,\n stretching = 'auto',\n gap = 'dense',\n orientation = 'horizontal',\n shape = 'default',\n isCommonInputStyles = true,\n ...rest\n } = props;\n\n const orientationClass = classes[orientation];\n const gapClass = classes[gap];\n const shapeClass = classes[shape];\n const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n const overrideStylesClass = isCommonInputStyles ? classes.inputGroupOverrideStyles : undefined;\n\n return (\n <Root\n ref={ref}\n size={size}\n gap={gap}\n shape={shape}\n orientation={orientation}\n className={cx(overrideStylesClass, orientationClass, gapClass, shapeClass, stretchingClass, className)}\n {...rest}\n >\n {children}\n </Root>\n );\n });\n\nexport const inputGroupConfig = {\n name: 'InputGroup',\n tag: 'div',\n layout: inputGroupRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n gap: {\n css: gapCSS,\n },\n orientation: {\n css: orientationCSS,\n },\n shape: {\n css: shapeCSS,\n },\n stretching: {\n css: stretchingCSS,\n },\n },\n defaults: {\n size: 'm',\n gap: 'dense',\n orientation: 'horizontal',\n shape: 'default',\n stretching: 'auto',\n },\n};\n"],"names":["inputGroupRoot","Root","forwardRef","props","ref","children","className","size","_props$stretching","stretching","_props$gap","gap","_props$orientation","orientation","_props$shape","shape","_props$isCommonInputS","isCommonInputStyles","rest","_objectWithoutProperties","_excluded","orientationClass","classes","gapClass","shapeClass","stretchingClass","concat","overrideStylesClass","inputGroupOverrideStyles","undefined","React","createElement","_extends","cx","inputGroupConfig","name","tag","layout","base","variations","css","sizeCSS","gapCSS","orientationCSS","shapeCSS","stretchingCSS","defaults"],"mappings":"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"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"InputGroup.styles.js","sources":["../../../src/components/InputGroup/InputGroup.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css`\n display: inline-flex;\n`;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAEhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.bkb9f46{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
@@ -0,0 +1,89 @@
|
|
1
|
+
var classes = {
|
2
|
+
autoStretching: 'input-group-stretching-auto',
|
3
|
+
filledStretching: 'input-group-stretching-filled',
|
4
|
+
inputGroupOverrideStyles: 'input-group-override-styles',
|
5
|
+
inputGroupItem: 'input-group-item',
|
6
|
+
horizontal: 'input-group-orientation-horizontal',
|
7
|
+
vertical: 'input-group-orientation-vertical',
|
8
|
+
none: 'input-group-gap-none',
|
9
|
+
dense: 'input-group-gap-dense',
|
10
|
+
wide: 'input-group-gap-wide',
|
11
|
+
segmented: 'input-group-shape-segmented',
|
12
|
+
"default": 'input-group-shape-default'
|
13
|
+
};
|
14
|
+
var tokens = {
|
15
|
+
inputGroupOrientation: '--plasma-input-group-orientation',
|
16
|
+
inputGroupWebMarginLeft: '--plasma-input-group-web-margin-left',
|
17
|
+
inputGroupWebClipPath: '--plasma-input-group-web-clip-path',
|
18
|
+
inputGroupWebMarginTop: '--plasma-input-group-web-margin-top',
|
19
|
+
inputGroupWebVerticalClipPath: '--plasma-input-group-web-vertical-clip-path',
|
20
|
+
inputSegmentedRadius: '--plasma-input-group-item-segmented-radius',
|
21
|
+
inputDefaultRadius: '--plasma-input-group-item-default-radius',
|
22
|
+
inputSideRadius: '--plasma-input-group-side-item-radius',
|
23
|
+
inputGroupItemsGap: '--plasma-input-group-items-gap',
|
24
|
+
height: '--plasma-input-group-item-height',
|
25
|
+
borderWidth: '--plasma-input-group-item-border-width',
|
26
|
+
/** Отступ от границы ТextField */
|
27
|
+
padding: '--plasma-input-group-item-padding',
|
28
|
+
paddingWithChips: '--plasma-input-group-item-padding-with-chips',
|
29
|
+
/* Токены для инпута */
|
30
|
+
leftContentMargin: '--plasma-input-group-item__left-content-margin',
|
31
|
+
rightContentMargin: '--plasma-input-group-item__right-content-margin',
|
32
|
+
fontFamily: '--plasma-input-group-item-font-family',
|
33
|
+
fontStyle: '--plasma-input-group-item-font-style',
|
34
|
+
fontSize: '--plasma-input-group-item-font-size',
|
35
|
+
fontWeight: '--plasma-input-group-item-font-weight',
|
36
|
+
letterSpacing: '--plasma-input-group-item-letter-spacing',
|
37
|
+
lineHeight: '--plasma-input-group-item-line-height',
|
38
|
+
/** Токены лейбла */
|
39
|
+
labelOffset: '--plasma-input-group-item__label-offset',
|
40
|
+
labelFontFamily: '--plasma-input-group-item__label-font-family',
|
41
|
+
labelFontStyle: '--plasma-input-group-item__label-font-style',
|
42
|
+
labelFontSize: '--plasma-input-group-item__label-font-size',
|
43
|
+
labelFontWeight: '--plasma-input-group-item__label-font-weight',
|
44
|
+
labelLetterSpacing: '--plasma-input-group-item__label-letter-spacing',
|
45
|
+
labelLineHeight: '--plasma-input-group-item__label-line-height',
|
46
|
+
/* label-placement-inner */
|
47
|
+
labelInnerFontFamily: '--plasma-input-group-item-placement_inner__label-font-family',
|
48
|
+
labelInnerFontStyle: '--plasma-input-group-item-placement_inner__label-font-style',
|
49
|
+
labelInnerFontSize: '--plasma-input-group-item-placement_inner__label-font-size',
|
50
|
+
labelInnerFontWeight: '--plasma-input-group-item-placement_inner__label-font-weight',
|
51
|
+
labelInnerLetterSpacing: '--plasma-input-group-item-placement_inner__label-letter-spacing',
|
52
|
+
labelInnerLineHeight: '--plasma-input-group-item-placement_inner__label-line-height',
|
53
|
+
labelInnerPadding: '--plasma-input-group-item-placement_inner__label-padding',
|
54
|
+
contentLabelInnerPadding: '--plasma-input-group-item-placement_inner__content-padding',
|
55
|
+
leftHelperOffset: '--plasma-input-group-item__left-helper-offset',
|
56
|
+
leftHelperFontFamily: '--plasma-input-group-item__left-helper-font-family',
|
57
|
+
leftHelperFontStyle: '--plasma-input-group-item__left-helper-font-style',
|
58
|
+
leftHelperFontSize: '--plasma-input-group-item__left-helper-font-size',
|
59
|
+
leftHelperFontWeight: '--plasma-input-group-item__left-helper-font-weight',
|
60
|
+
leftHelperLetterSpacing: '--plasma-input-group-item__left-helper-letter-spacing',
|
61
|
+
leftHelperLineHeight: '--plasma-input-group-item__left-helper-line-height',
|
62
|
+
/** Токены вспомогательного текста */
|
63
|
+
textBeforeMargin: '--plasma-input-group-item__before-text-margin',
|
64
|
+
textAfterMargin: '--plasma-input-group-item__after-text-margin',
|
65
|
+
/** Токены чипа */
|
66
|
+
chipHeight: '--plasma-input-group-item__chip-height',
|
67
|
+
chipBorderRadius: '--plasma-input-group-item__chip-border-radius',
|
68
|
+
chipGap: '--plasma-input-group-item__chip-gap',
|
69
|
+
chipScaleHover: '--plasma-input-group-item__chip-scale-hover',
|
70
|
+
chipScaleActive: '--plasma-input-group-item__chip-scale-active',
|
71
|
+
chipOutlineSize: '--plasma-input-group-item__chip-outline-size',
|
72
|
+
chipWidth: '--plasma-input-group-item__chip-width',
|
73
|
+
chipPaddingTop: '--plasma-input-group-item__chip-padding-top',
|
74
|
+
chipPaddingRight: '--plasma-input-group-item__chip-padding-right',
|
75
|
+
chipPaddingBottom: '--plasma-input-group-item__chip-padding-bottom',
|
76
|
+
chipPaddingLeft: '--plasma-input-group-item__chip-padding-left',
|
77
|
+
chipCloseIconSize: '--plasma-input-group-item__chip-close-icon-size',
|
78
|
+
chipFontFamily: '--plasma-input-group-item__chip-font-family',
|
79
|
+
chipFontSize: '--plasma-input-group-item__chip-font-size',
|
80
|
+
chipFontStyle: '--plasma-input-group-item__chip-font-style',
|
81
|
+
chipFontWeight: '--plasma-input-group-item__chip-font-weight',
|
82
|
+
chipLetterSpacing: '--plasma-input-group-item__chip-letter-spacing',
|
83
|
+
chipLineHeight: '--plasma-input-group-item__chip-line-height',
|
84
|
+
chipClearContentMarginLeft: '--plasma-input-group-item__chip-clear-content-margin-left',
|
85
|
+
chipClearContentMarginRight: '--plasma-input-group-item__chip-clear-content-margin-right'
|
86
|
+
};
|
87
|
+
|
88
|
+
export { classes, tokens };
|
89
|
+
//# sourceMappingURL=InputGroup.tokens.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"InputGroup.tokens.js","sources":["../../../src/components/InputGroup/InputGroup.tokens.ts"],"sourcesContent":["export const classes = {\n autoStretching: 'input-group-stretching-auto',\n filledStretching: 'input-group-stretching-filled',\n\n inputGroupOverrideStyles: 'input-group-override-styles',\n inputGroupItem: 'input-group-item',\n\n horizontal: 'input-group-orientation-horizontal',\n vertical: 'input-group-orientation-vertical',\n\n none: 'input-group-gap-none',\n dense: 'input-group-gap-dense',\n wide: 'input-group-gap-wide',\n\n segmented: 'input-group-shape-segmented',\n default: 'input-group-shape-default',\n};\n\nexport const tokens = {\n inputGroupOrientation: '--plasma-input-group-orientation',\n\n inputGroupWebMarginLeft: '--plasma-input-group-web-margin-left',\n inputGroupWebClipPath: '--plasma-input-group-web-clip-path',\n inputGroupWebMarginTop: '--plasma-input-group-web-margin-top',\n inputGroupWebVerticalClipPath: '--plasma-input-group-web-vertical-clip-path',\n\n inputSegmentedRadius: '--plasma-input-group-item-segmented-radius',\n inputDefaultRadius: '--plasma-input-group-item-default-radius',\n inputSideRadius: '--plasma-input-group-side-item-radius',\n\n inputGroupItemsGap: '--plasma-input-group-items-gap',\n height: '--plasma-input-group-item-height',\n borderWidth: '--plasma-input-group-item-border-width',\n\n /** Отступ от границы ТextField */\n padding: '--plasma-input-group-item-padding',\n paddingWithChips: '--plasma-input-group-item-padding-with-chips',\n\n /* Токены для инпута */\n leftContentMargin: '--plasma-input-group-item__left-content-margin',\n rightContentMargin: '--plasma-input-group-item__right-content-margin',\n\n fontFamily: '--plasma-input-group-item-font-family',\n fontStyle: '--plasma-input-group-item-font-style',\n fontSize: '--plasma-input-group-item-font-size',\n fontWeight: '--plasma-input-group-item-font-weight',\n letterSpacing: '--plasma-input-group-item-letter-spacing',\n lineHeight: '--plasma-input-group-item-line-height',\n\n /** Токены лейбла */\n labelOffset: '--plasma-input-group-item__label-offset',\n\n labelFontFamily: '--plasma-input-group-item__label-font-family',\n labelFontStyle: '--plasma-input-group-item__label-font-style',\n labelFontSize: '--plasma-input-group-item__label-font-size',\n labelFontWeight: '--plasma-input-group-item__label-font-weight',\n labelLetterSpacing: '--plasma-input-group-item__label-letter-spacing',\n labelLineHeight: '--plasma-input-group-item__label-line-height',\n\n /* label-placement-inner */\n labelInnerFontFamily: '--plasma-input-group-item-placement_inner__label-font-family',\n labelInnerFontStyle: '--plasma-input-group-item-placement_inner__label-font-style',\n labelInnerFontSize: '--plasma-input-group-item-placement_inner__label-font-size',\n labelInnerFontWeight: '--plasma-input-group-item-placement_inner__label-font-weight',\n labelInnerLetterSpacing: '--plasma-input-group-item-placement_inner__label-letter-spacing',\n labelInnerLineHeight: '--plasma-input-group-item-placement_inner__label-line-height',\n\n labelInnerPadding: '--plasma-input-group-item-placement_inner__label-padding',\n contentLabelInnerPadding: '--plasma-input-group-item-placement_inner__content-padding',\n\n leftHelperOffset: '--plasma-input-group-item__left-helper-offset',\n\n leftHelperFontFamily: '--plasma-input-group-item__left-helper-font-family',\n leftHelperFontStyle: '--plasma-input-group-item__left-helper-font-style',\n leftHelperFontSize: '--plasma-input-group-item__left-helper-font-size',\n leftHelperFontWeight: '--plasma-input-group-item__left-helper-font-weight',\n leftHelperLetterSpacing: '--plasma-input-group-item__left-helper-letter-spacing',\n leftHelperLineHeight: '--plasma-input-group-item__left-helper-line-height',\n\n /** Токены вспомогательного текста */\n textBeforeMargin: '--plasma-input-group-item__before-text-margin',\n textAfterMargin: '--plasma-input-group-item__after-text-margin',\n\n /** Токены чипа */\n chipHeight: '--plasma-input-group-item__chip-height',\n chipBorderRadius: '--plasma-input-group-item__chip-border-radius',\n chipGap: '--plasma-input-group-item__chip-gap',\n chipScaleHover: '--plasma-input-group-item__chip-scale-hover',\n chipScaleActive: '--plasma-input-group-item__chip-scale-active',\n chipOutlineSize: '--plasma-input-group-item__chip-outline-size',\n chipWidth: '--plasma-input-group-item__chip-width',\n chipPaddingTop: '--plasma-input-group-item__chip-padding-top',\n chipPaddingRight: '--plasma-input-group-item__chip-padding-right',\n chipPaddingBottom: '--plasma-input-group-item__chip-padding-bottom',\n chipPaddingLeft: '--plasma-input-group-item__chip-padding-left',\n chipCloseIconSize: '--plasma-input-group-item__chip-close-icon-size',\n chipFontFamily: '--plasma-input-group-item__chip-font-family',\n chipFontSize: '--plasma-input-group-item__chip-font-size',\n chipFontStyle: '--plasma-input-group-item__chip-font-style',\n chipFontWeight: '--plasma-input-group-item__chip-font-weight',\n chipLetterSpacing: '--plasma-input-group-item__chip-letter-spacing',\n chipLineHeight: '--plasma-input-group-item__chip-line-height',\n chipClearContentMarginLeft: '--plasma-input-group-item__chip-clear-content-margin-left',\n chipClearContentMarginRight: '--plasma-input-group-item__chip-clear-content-margin-right',\n};\n"],"names":["classes","autoStretching","filledStretching","inputGroupOverrideStyles","inputGroupItem","horizontal","vertical","none","dense","wide","segmented","tokens","inputGroupOrientation","inputGroupWebMarginLeft","inputGroupWebClipPath","inputGroupWebMarginTop","inputGroupWebVerticalClipPath","inputSegmentedRadius","inputDefaultRadius","inputSideRadius","inputGroupItemsGap","height","borderWidth","padding","paddingWithChips","leftContentMargin","rightContentMargin","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","labelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelInnerFontFamily","labelInnerFontStyle","labelInnerFontSize","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerPadding","contentLabelInnerPadding","leftHelperOffset","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","textBeforeMargin","textAfterMargin","chipHeight","chipBorderRadius","chipGap","chipScaleHover","chipScaleActive","chipOutlineSize","chipWidth","chipPaddingTop","chipPaddingRight","chipPaddingBottom","chipPaddingLeft","chipCloseIconSize","chipFontFamily","chipFontSize","chipFontStyle","chipFontWeight","chipLetterSpacing","chipLineHeight","chipClearContentMarginLeft","chipClearContentMarginRight"],"mappings":"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"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/InputGroup/variations/_gap/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../InputGroup.tokens';\n\nexport const base = css`\n gap: var(${tokens.inputGroupItemsGap});\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAEhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.bl5zpqu{gap:var(--plasma-input-group-items-gap);}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/InputGroup/variations/_orientation/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../InputGroup.tokens';\n\nexport const base = css`\n flex-direction: var(${tokens.inputGroupOrientation});\n\n &.${classes.vertical} .${classes.inputGroupItem} {\n width: auto;\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAMhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.bdx478e{-webkit-flex-direction:var(--plasma-input-group-orientation);-ms-flex-direction:var(--plasma-input-group-orientation);flex-direction:var(--plasma-input-group-orientation);}.bdx478e.input-group-orientation-vertical .input-group-item{width:auto;}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/InputGroup/variations/_shape/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../InputGroup.tokens';\nimport { textFieldTokens, textFieldClasses } from '../../../TextField';\nimport { InputWrapper } from '../../../TextField/TextField.styles';\n\nexport const base = css`\n &.${classes.default} {\n --plasma_private-input-radius-inner: var(${tokens.inputDefaultRadius});\n }\n\n &.${classes.segmented} {\n --plasma_private-input-radius-inner: var(${tokens.inputSegmentedRadius});\n\n &.${classes.none} {\n --plasma_private-input-radius-inner: 0;\n }\n }\n\n & .${textFieldClasses.inputGroupItem} ${InputWrapper} {\n ${textFieldTokens.borderRadius}: var(--plasma_private-input-radius-inner);\n transition: clip-path 0.05s ease-in;\n }\n\n /* NOTE: блок нужен только для TextField в plasma-web, чтобы border не наслаивались друг на друга */\n &.${classes.horizontal}&.${classes.none} .${textFieldClasses.inputGroupItem} {\n &:not(:first-child) {\n margin-left: var(${tokens.inputGroupWebMarginLeft});\n }\n\n &:not(:last-child) {\n ${InputWrapper} {\n clip-path: var(${tokens.inputGroupWebClipPath});\n\n &:hover,\n &:focus-within {\n clip-path: inset(0 0 0 0);\n }\n }\n }\n }\n\n &.${classes.vertical}&.${classes.none} .${textFieldClasses.inputGroupItem} {\n &:not(:first-child) {\n margin-top: var(${tokens.inputGroupWebMarginTop});\n }\n\n &:not(:first-child) {\n ${InputWrapper} {\n clip-path: var(${tokens.inputGroupWebVerticalClipPath});\n\n &:hover,\n &:focus-within {\n clip-path: inset(0 0 0 0);\n }\n }\n }\n }\n\n &.${classes.horizontal}, &.${classes.vertical} {\n .${textFieldClasses.inputGroupItem}:first-child:last-child ${InputWrapper} {\n border-radius: var(${tokens.inputSideRadius});\n }\n }\n\n &.${classes.horizontal} {\n .${textFieldClasses.inputGroupItem}:first-child ${InputWrapper} {\n --plasma_private-left-side-radius: var(${tokens.inputSideRadius}) var(--plasma_private-input-radius-inner)\n var(--plasma_private-input-radius-inner) var(${tokens.inputSideRadius});\n\n border-radius: var(--plasma_private-left-side-radius);\n }\n\n .${textFieldClasses.inputGroupItem}:last-child ${InputWrapper} {\n --plasma_private-right-side-radius: var(--plasma_private-input-radius-inner) var(${tokens.inputSideRadius})\n var(${tokens.inputSideRadius}) var(--plasma_private-input-radius-inner);\n\n border-radius: var(--plasma_private-right-side-radius);\n }\n }\n\n &.${classes.vertical} {\n .${textFieldClasses.inputGroupItem}:first-child ${InputWrapper} {\n --plasma_private-up-side-radius: var(${tokens.inputSideRadius}) var(${tokens.inputSideRadius})\n var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner);\n\n border-radius: var(--plasma_private-up-side-radius);\n }\n .${textFieldClasses.inputGroupItem}:last-child ${InputWrapper} {\n --plasma_private-down-side-radius: var(--plasma_private-input-radius-inner)\n var(--plasma_private-input-radius-inner) var(${tokens.inputSideRadius}) var(${tokens.inputSideRadius});\n\n border-radius: var(--plasma_private-down-side-radius);\n }\n }\n`;\n"],"names":["base"],"mappings":"AAMO,IAAMA,IAAI,GAyFhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.bat8qm9.input-group-shape-default{--plasma_private-input-radius-inner:var(--plasma-input-group-item-default-radius);}.bat8qm9.input-group-shape-segmented{--plasma_private-input-radius-inner:var(--plasma-input-group-item-segmented-radius);}.bat8qm9.input-group-shape-segmented.input-group-gap-none{--plasma_private-input-radius-inner:0;}.bat8qm9 .input-group-item .iq39zt5{--plasma-textfield-border-radius:var(--plasma_private-input-radius-inner);-webkit-transition:clip-path 0.05s ease-in;transition:clip-path 0.05s ease-in;}.bat8qm9.input-group-orientation-horizontal.bat8qm9.input-group-gap-none .input-group-item:not(:first-child){margin-left:var(--plasma-input-group-web-margin-left);}.bat8qm9.input-group-orientation-horizontal.bat8qm9.input-group-gap-none .input-group-item:not(:last-child) .iq39zt5{-webkit-clip-path:var(--plasma-input-group-web-clip-path);clip-path:var(--plasma-input-group-web-clip-path);}.bat8qm9.input-group-orientation-horizontal.bat8qm9.input-group-gap-none .input-group-item:not(:last-child) .iq39zt5:hover,.bat8qm9.input-group-orientation-horizontal.bat8qm9.input-group-gap-none .input-group-item:not(:last-child) .iq39zt5:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.bat8qm9.input-group-orientation-vertical.bat8qm9.input-group-gap-none .input-group-item:not(:first-child){margin-top:var(--plasma-input-group-web-margin-top);}.bat8qm9.input-group-orientation-vertical.bat8qm9.input-group-gap-none .input-group-item:not(:first-child) .iq39zt5{-webkit-clip-path:var(--plasma-input-group-web-vertical-clip-path);clip-path:var(--plasma-input-group-web-vertical-clip-path);}.bat8qm9.input-group-orientation-vertical.bat8qm9.input-group-gap-none .input-group-item:not(:first-child) .iq39zt5:hover,.bat8qm9.input-group-orientation-vertical.bat8qm9.input-group-gap-none .input-group-item:not(:first-child) .iq39zt5:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.bat8qm9.input-group-orientation-horizontal .input-group-item:first-child:last-child .iq39zt5,.bat8qm9.input-group-orientation-vertical .input-group-item:first-child:last-child .iq39zt5{border-radius:var(--plasma-input-group-side-item-radius);}.bat8qm9.input-group-orientation-horizontal .input-group-item:first-child .iq39zt5{--plasma_private-left-side-radius:var(--plasma-input-group-side-item-radius) var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner) var(--plasma-input-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);}.bat8qm9.input-group-orientation-horizontal .input-group-item:last-child .iq39zt5{--plasma_private-right-side-radius:var(--plasma_private-input-radius-inner) var(--plasma-input-group-side-item-radius) var(--plasma-input-group-side-item-radius) var(--plasma_private-input-radius-inner);border-radius:var(--plasma_private-right-side-radius);}.bat8qm9.input-group-orientation-vertical .input-group-item:first-child .iq39zt5{--plasma_private-up-side-radius:var(--plasma-input-group-side-item-radius) var(--plasma-input-group-side-item-radius) var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner);border-radius:var(--plasma_private-up-side-radius);}.bat8qm9.input-group-orientation-vertical .input-group-item:last-child .iq39zt5{--plasma_private-down-side-radius:var(--plasma_private-input-radius-inner) var(--plasma_private-input-radius-inner) var(--plasma-input-group-side-item-radius) var(--plasma-input-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/InputGroup/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../InputGroup.tokens';\nimport { textFieldTokens } from '../../../TextField';\n\nexport const base = css`\n &.${classes.inputGroupOverrideStyles} .${classes.inputGroupItem} {\n ${textFieldTokens.height}: var(${tokens.height});\n ${textFieldTokens.padding}: var(${tokens.padding});\n ${textFieldTokens.paddingWithChips}: var(${tokens.paddingWithChips});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.leftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.rightContentMargin});\n\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textAfterMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.fontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.fontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.fontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.fontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.letterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.lineHeight});\n\n ${textFieldTokens.labelOffset}: var(${tokens.labelOffset});\n ${textFieldTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n ${textFieldTokens.labelFontSize}: var(${tokens.labelFontSize});\n ${textFieldTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n ${textFieldTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n ${textFieldTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n ${textFieldTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n\n ${textFieldTokens.leftHelperOffset}: var(${tokens.leftHelperOffset});\n ${textFieldTokens.leftHelperFontFamily}: var(${tokens.leftHelperFontFamily});\n ${textFieldTokens.leftHelperFontSize}: var(${tokens.leftHelperFontSize});\n ${textFieldTokens.leftHelperFontStyle}: var(${tokens.leftHelperFontStyle});\n ${textFieldTokens.leftHelperFontWeight}: var(${tokens.leftHelperFontWeight});\n ${textFieldTokens.leftHelperLetterSpacing}: var(${tokens.leftHelperLetterSpacing});\n ${textFieldTokens.leftHelperLineHeight}: var(${tokens.leftHelperLineHeight});\n\n ${textFieldTokens.labelInnerPadding}: var(${tokens.labelInnerPadding});\n ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.contentLabelInnerPadding});\n\n ${textFieldTokens.chipGap}: var(${tokens.chipGap});\n ${textFieldTokens.chipBorderRadius}: var(${tokens.chipBorderRadius});\n ${textFieldTokens.chipWidth}: var(${tokens.chipWidth});\n ${textFieldTokens.chipHeight}: var(${tokens.chipHeight});\n ${textFieldTokens.chipPaddingRight}: var(${tokens.chipPaddingRight});\n ${textFieldTokens.chipPaddingLeft}: var(${tokens.chipPaddingLeft});\n ${textFieldTokens.chipClearContentMarginLeft}: var(${tokens.chipClearContentMarginLeft});\n ${textFieldTokens.chipClearContentMarginRight}: var(${tokens.chipClearContentMarginRight});\n ${textFieldTokens.chipCloseIconSize}: var(${tokens.chipCloseIconSize});\n ${textFieldTokens.chipFontFamily}: var(${tokens.chipFontFamily});\n ${textFieldTokens.chipFontSize}: var(${tokens.chipFontSize});\n ${textFieldTokens.chipFontStyle}: var(${tokens.chipFontStyle});\n ${textFieldTokens.chipFontWeight}: var(${tokens.chipFontWeight});\n ${textFieldTokens.chipLetterSpacing}: var(${tokens.chipLetterSpacing});\n ${textFieldTokens.chipLineHeight}: var(${tokens.chipLineHeight});\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAsDhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b1jw8jhy.input-group-override-styles .input-group-item{--plasma-textfield-height:var(--plasma-input-group-item-height);--plasma-textfield-padding:var(--plasma-input-group-item-padding);--plasma-textfield-padding-with-chips:var(--plasma-input-group-item-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-input-group-item__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-input-group-item__right-content-margin);--plasma-textfield__before-text-margin:var(--plasma-input-group-item__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-input-group-item__after-text-margin);--plasma-textfield-font-family:var(--plasma-input-group-item-font-family);--plasma-textfield-font-size:var(--plasma-input-group-item-font-size);--plasma-textfield-font-style:var(--plasma-input-group-item-font-style);--plasma-textfield-font-weight:var(--plasma-input-group-item-font-weight);--plasma-textfield-letter-spacing:var(--plasma-input-group-item-letter-spacing);--plasma-textfield-line-height:var(--plasma-input-group-item-line-height);--plasma-textfield__label-offset:var(--plasma-input-group-item__label-offset);--plasma-textfield__label-font-family:var(--plasma-input-group-item__label-font-family);--plasma-textfield__label-font-size:var(--plasma-input-group-item__label-font-size);--plasma-textfield__label-font-style:var(--plasma-input-group-item__label-font-style);--plasma-textfield__label-font-weight:var(--plasma-input-group-item__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-input-group-item__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-input-group-item__label-line-height);--plasma-textfield__left-helper-offset:var(--plasma-input-group-item__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-input-group-item__left-helper-font-family);--plasma-textfield__left-helper-font-size:var(--plasma-input-group-item__left-helper-font-size);--plasma-textfield__left-helper-font-style:var(--plasma-input-group-item__left-helper-font-style);--plasma-textfield__left-helper-font-weight:var(--plasma-input-group-item__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-input-group-item__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-input-group-item__left-helper-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-input-group-item-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-input-group-item-placement_inner__content-padding);--plasma-textfield__chip-gap:var(--plasma-input-group-item__chip-gap);--plasma-textfield__chip-border-radius:var(--plasma-input-group-item__chip-border-radius);--plasma-textfield__chip-width:var(--plasma-input-group-item__chip-width);--plasma-textfield__chip-height:var(--plasma-input-group-item__chip-height);--plasma-textfield__chip-padding-right:var(--plasma-input-group-item__chip-padding-right);--plasma-textfield__chip-padding-left:var(--plasma-input-group-item__chip-padding-left);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-input-group-item__chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-input-group-item__chip-clear-content-margin-right);--plasma-textfield__chip-close-icon-size:var(--plasma-input-group-item__chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-input-group-item__chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-input-group-item__chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-input-group-item__chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-input-group-item__chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-input-group-item__chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-input-group-item__chip-line-height);}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/InputGroup/variations/_stretching/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes } from '../../InputGroup.tokens';\n\nexport const base = css`\n &.${classes.filledStretching} {\n width: 100%;\n\n .${classes.inputGroupItem} {\n width: 100%;\n }\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAQhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b1ybrzwp.input-group-stretching-filled{width:100%;}.b1ybrzwp.input-group-stretching-filled .input-group-item{width:100%;}
|
@@ -18,7 +18,7 @@ var usePopupContext = function usePopupContext() {
|
|
18
18
|
};
|
19
19
|
var PopupProvider = function PopupProvider(_ref) {
|
20
20
|
var children = _ref.children;
|
21
|
-
var prevBodyOverflowY = useRef(
|
21
|
+
var prevBodyOverflowY = useRef(document.body.style.overflowY);
|
22
22
|
var _useState = useState([]),
|
23
23
|
_useState2 = _slicedToArray(_useState, 2),
|
24
24
|
items = _useState2[0],
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"PopupContext.js","sources":["../../../src/components/Popup/PopupContext.tsx"],"sourcesContent":["import React, { createContext, useEffect, useState, useContext, FC, PropsWithChildren, useRef } from 'react';\n\nimport { hasModals } from '../Modal/ModalContext';\n\nimport type { PopupContextType, PopupInfo } from './Popup.types';\n\nexport const POPUP_PORTAL_ID = 'plasma-popup-root';\n\nconst items: PopupInfo[] = [];\n\nconst PopupContext = createContext<PopupContextType>({\n items,\n register(_info: PopupInfo): void {\n throw new Error('Function not implemented. Add PopupProvider');\n },\n unregister(_id: string): void {\n throw new Error('Function not implemented. Add PopupProvider');\n },\n});\n\nexport const usePopupContext = () => useContext(PopupContext);\n\nexport const PopupProvider: FC<PropsWithChildren> = ({ children }) => {\n const prevBodyOverflowY = useRef(
|
1
|
+
{"version":3,"file":"PopupContext.js","sources":["../../../src/components/Popup/PopupContext.tsx"],"sourcesContent":["import React, { createContext, useEffect, useState, useContext, FC, PropsWithChildren, useRef } from 'react';\n\nimport { hasModals } from '../Modal/ModalContext';\n\nimport type { PopupContextType, PopupInfo } from './Popup.types';\n\nexport const POPUP_PORTAL_ID = 'plasma-popup-root';\n\nconst items: PopupInfo[] = [];\n\nconst PopupContext = createContext<PopupContextType>({\n items,\n register(_info: PopupInfo): void {\n throw new Error('Function not implemented. Add PopupProvider');\n },\n unregister(_id: string): void {\n throw new Error('Function not implemented. Add PopupProvider');\n },\n});\n\nexport const usePopupContext = () => useContext(PopupContext);\n\nexport const PopupProvider: FC<PropsWithChildren> = ({ children }) => {\n const prevBodyOverflowY = useRef(document.body.style.overflowY);\n const [items, setItems] = useState<PopupInfo[]>([]);\n\n const register = (info: PopupInfo) => {\n setItems((prevItems) => {\n if (info.info?.isModal && !hasModals(prevItems)) {\n prevBodyOverflowY.current = document.body.style.overflowY;\n document.body.style.overflowY = 'hidden';\n }\n\n return [...prevItems, info];\n });\n };\n\n const unregister = (id: string) => {\n setItems((prevItems) => {\n const index = prevItems.findIndex((item: PopupInfo) => id === item.id);\n\n if (index === -1) {\n return prevItems;\n }\n\n const prevHasModals = hasModals(prevItems);\n prevItems.splice(index, 1);\n\n if (prevHasModals && !hasModals(prevItems)) {\n document.body.style.overflowY = prevBodyOverflowY.current;\n }\n\n // при return prevItems не обновится контекст\n return [...prevItems];\n });\n };\n\n const context = {\n items,\n register,\n unregister,\n };\n\n useEffect(() => {\n return () => {\n const portal = document.createElement('div');\n if (portal && document.body.contains(portal)) {\n document.body.removeChild(portal);\n }\n };\n }, []);\n\n return <PopupContext.Provider value={context}>{children}</PopupContext.Provider>;\n};\n"],"names":["POPUP_PORTAL_ID","items","PopupContext","createContext","register","_info","Error","unregister","_id","usePopupContext","useContext","PopupProvider","_ref","children","prevBodyOverflowY","useRef","document","body","style","overflowY","_useState","useState","_useState2","_slicedToArray","setItems","info","prevItems","_info$info","isModal","hasModals","current","concat","_toConsumableArray","id","index","findIndex","item","prevHasModals","splice","context","useEffect","portal","createElement","contains","removeChild","React","Provider","value"],"mappings":"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"}
|
@@ -143,7 +143,7 @@ var textFieldRoot = function textFieldRoot(Root) {
|
|
143
143
|
readOnly: !disabled && readOnly,
|
144
144
|
labelPlacement: innerLabelPlacementValue,
|
145
145
|
onClick: handleInputFocus,
|
146
|
-
className: cx(labelPlacementClass, hideLabelClass, className),
|
146
|
+
className: cx(labelPlacementClass, hideLabelClass, classes.inputGroupItem, className),
|
147
147
|
style: style
|
148
148
|
}, labelInside || innerLabelValue && /*#__PURE__*/React.createElement(Label, {
|
149
149
|
id: labelId,
|