@salutejs/plasma-new-hope 0.137.0-canary.1405.10662876535.0 → 0.137.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/TextField/TextField.js +1 -1
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.tokens.js +1 -2
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/index.css +0 -12
- package/cjs/index.js +0 -7
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/TextField/TextField.js +2 -2
- package/emotion/cjs/components/TextField/TextField.tokens.js +1 -2
- package/emotion/cjs/components/TextField/index.js +0 -6
- package/emotion/cjs/index.js +0 -11
- package/emotion/es/components/TextField/TextField.js +2 -2
- package/emotion/es/components/TextField/TextField.tokens.js +1 -2
- package/emotion/es/components/TextField/index.js +1 -1
- package/emotion/es/index.js +0 -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 +1 -2
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/index.css +0 -12
- package/es/index.js +1 -3
- package/es/index.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/TextField/TextField.js +1 -1
- package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -2
- package/styled-components/cjs/components/TextField/index.js +0 -6
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/es/components/TextField/TextField.js +1 -1
- package/styled-components/es/components/TextField/TextField.tokens.js +1 -2
- package/styled-components/es/components/TextField/index.js +1 -1
- package/styled-components/es/index.js +0 -1
- package/types/components/TextField/TextField.tokens.d.ts +0 -1
- 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/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/InputGroup/InputGroup.css +0 -11
- package/cjs/components/InputGroup/InputGroup.js +0 -81
- package/cjs/components/InputGroup/InputGroup.js.map +0 -1
- package/cjs/components/InputGroup/InputGroup.styles.js +0 -9
- package/cjs/components/InputGroup/InputGroup.styles.js.map +0 -1
- package/cjs/components/InputGroup/InputGroup.styles_1ivl67d.css +0 -1
- package/cjs/components/InputGroup/InputGroup.tokens.js +0 -94
- package/cjs/components/InputGroup/InputGroup.tokens.js.map +0 -1
- package/cjs/components/InputGroup/variations/_gap/base.js +0 -9
- package/cjs/components/InputGroup/variations/_gap/base.js.map +0 -1
- package/cjs/components/InputGroup/variations/_gap/base_1k4piyx.css +0 -1
- package/cjs/components/InputGroup/variations/_orientation/base.js +0 -9
- package/cjs/components/InputGroup/variations/_orientation/base.js.map +0 -1
- package/cjs/components/InputGroup/variations/_orientation/base_mgs8eg.css +0 -1
- package/cjs/components/InputGroup/variations/_shape/base.js +0 -9
- package/cjs/components/InputGroup/variations/_shape/base.js.map +0 -1
- package/cjs/components/InputGroup/variations/_shape/base_3k0aw7.css +0 -1
- package/cjs/components/InputGroup/variations/_size/base.js +0 -9
- package/cjs/components/InputGroup/variations/_size/base.js.map +0 -1
- package/cjs/components/InputGroup/variations/_size/base_1vk5vms.css +0 -1
- package/cjs/components/InputGroup/variations/_stretching/base.js +0 -9
- package/cjs/components/InputGroup/variations/_stretching/base.js.map +0 -1
- package/cjs/components/InputGroup/variations/_stretching/base_1cr1a83.css +0 -1
- package/emotion/cjs/components/InputGroup/InputGroup.js +0 -83
- package/emotion/cjs/components/InputGroup/InputGroup.styles.js +0 -17
- package/emotion/cjs/components/InputGroup/InputGroup.template-doc.mdx +0 -126
- package/emotion/cjs/components/InputGroup/InputGroup.tokens.js +0 -92
- package/emotion/cjs/components/InputGroup/InputGroup.types.js +0 -5
- package/emotion/cjs/components/InputGroup/index.js +0 -31
- package/emotion/cjs/components/InputGroup/variations/_gap/base.js +0 -9
- package/emotion/cjs/components/InputGroup/variations/_gap/tokens.json +0 -1
- package/emotion/cjs/components/InputGroup/variations/_orientation/base.js +0 -9
- package/emotion/cjs/components/InputGroup/variations/_orientation/tokens.json +0 -1
- package/emotion/cjs/components/InputGroup/variations/_shape/base.js +0 -11
- package/emotion/cjs/components/InputGroup/variations/_shape/tokens.json +0 -1
- package/emotion/cjs/components/InputGroup/variations/_size/base.js +0 -10
- package/emotion/cjs/components/InputGroup/variations/_size/tokens.json +0 -58
- package/emotion/cjs/components/InputGroup/variations/_stretching/base.js +0 -9
- package/emotion/cjs/components/InputGroup/variations/_stretching/tokens.json +0 -1
- package/emotion/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +0 -38
- package/emotion/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.js +0 -11
- package/emotion/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx +0 -116
- package/emotion/cjs/examples/plasma_web/components/InputGroup/InputGroup.config.js +0 -38
- package/emotion/cjs/examples/plasma_web/components/InputGroup/InputGroup.js +0 -11
- package/emotion/cjs/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx +0 -116
- package/emotion/es/components/InputGroup/InputGroup.js +0 -74
- package/emotion/es/components/InputGroup/InputGroup.styles.js +0 -11
- package/emotion/es/components/InputGroup/InputGroup.template-doc.mdx +0 -126
- package/emotion/es/components/InputGroup/InputGroup.tokens.js +0 -86
- package/emotion/es/components/InputGroup/InputGroup.types.js +0 -1
- package/emotion/es/components/InputGroup/index.js +0 -2
- package/emotion/es/components/InputGroup/variations/_gap/base.js +0 -3
- package/emotion/es/components/InputGroup/variations/_gap/tokens.json +0 -1
- package/emotion/es/components/InputGroup/variations/_orientation/base.js +0 -3
- package/emotion/es/components/InputGroup/variations/_orientation/tokens.json +0 -1
- package/emotion/es/components/InputGroup/variations/_shape/base.js +0 -5
- package/emotion/es/components/InputGroup/variations/_shape/tokens.json +0 -1
- package/emotion/es/components/InputGroup/variations/_size/base.js +0 -4
- package/emotion/es/components/InputGroup/variations/_size/tokens.json +0 -58
- package/emotion/es/components/InputGroup/variations/_stretching/base.js +0 -3
- package/emotion/es/components/InputGroup/variations/_stretching/tokens.json +0 -1
- package/emotion/es/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +0 -32
- package/emotion/es/examples/plasma_b2c/components/InputGroup/InputGroup.js +0 -5
- package/emotion/es/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx +0 -116
- package/emotion/es/examples/plasma_web/components/InputGroup/InputGroup.config.js +0 -32
- package/emotion/es/examples/plasma_web/components/InputGroup/InputGroup.js +0 -5
- package/emotion/es/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx +0 -116
- package/es/components/InputGroup/InputGroup.css +0 -11
- package/es/components/InputGroup/InputGroup.js +0 -76
- package/es/components/InputGroup/InputGroup.js.map +0 -1
- package/es/components/InputGroup/InputGroup.styles.js +0 -5
- package/es/components/InputGroup/InputGroup.styles.js.map +0 -1
- package/es/components/InputGroup/InputGroup.styles_1ivl67d.css +0 -1
- package/es/components/InputGroup/InputGroup.tokens.js +0 -89
- package/es/components/InputGroup/InputGroup.tokens.js.map +0 -1
- package/es/components/InputGroup/variations/_gap/base.js +0 -5
- package/es/components/InputGroup/variations/_gap/base.js.map +0 -1
- package/es/components/InputGroup/variations/_gap/base_1k4piyx.css +0 -1
- package/es/components/InputGroup/variations/_orientation/base.js +0 -5
- package/es/components/InputGroup/variations/_orientation/base.js.map +0 -1
- package/es/components/InputGroup/variations/_orientation/base_mgs8eg.css +0 -1
- package/es/components/InputGroup/variations/_shape/base.js +0 -5
- package/es/components/InputGroup/variations/_shape/base.js.map +0 -1
- package/es/components/InputGroup/variations/_shape/base_3k0aw7.css +0 -1
- package/es/components/InputGroup/variations/_size/base.js +0 -5
- package/es/components/InputGroup/variations/_size/base.js.map +0 -1
- package/es/components/InputGroup/variations/_size/base_1vk5vms.css +0 -1
- package/es/components/InputGroup/variations/_stretching/base.js +0 -5
- package/es/components/InputGroup/variations/_stretching/base.js.map +0 -1
- package/es/components/InputGroup/variations/_stretching/base_1cr1a83.css +0 -1
- package/styled-components/cjs/components/InputGroup/InputGroup.js +0 -83
- package/styled-components/cjs/components/InputGroup/InputGroup.styles.js +0 -8
- package/styled-components/cjs/components/InputGroup/InputGroup.template-doc.mdx +0 -126
- package/styled-components/cjs/components/InputGroup/InputGroup.tokens.js +0 -92
- package/styled-components/cjs/components/InputGroup/InputGroup.types.js +0 -5
- package/styled-components/cjs/components/InputGroup/index.js +0 -31
- package/styled-components/cjs/components/InputGroup/variations/_gap/base.js +0 -9
- package/styled-components/cjs/components/InputGroup/variations/_gap/tokens.json +0 -1
- package/styled-components/cjs/components/InputGroup/variations/_orientation/base.js +0 -9
- package/styled-components/cjs/components/InputGroup/variations/_orientation/tokens.json +0 -1
- package/styled-components/cjs/components/InputGroup/variations/_shape/base.js +0 -11
- package/styled-components/cjs/components/InputGroup/variations/_shape/tokens.json +0 -1
- package/styled-components/cjs/components/InputGroup/variations/_size/base.js +0 -10
- package/styled-components/cjs/components/InputGroup/variations/_size/tokens.json +0 -58
- package/styled-components/cjs/components/InputGroup/variations/_stretching/base.js +0 -9
- package/styled-components/cjs/components/InputGroup/variations/_stretching/tokens.json +0 -1
- package/styled-components/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +0 -38
- package/styled-components/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx +0 -116
- package/styled-components/cjs/examples/plasma_web/components/InputGroup/InputGroup.config.js +0 -38
- package/styled-components/cjs/examples/plasma_web/components/InputGroup/InputGroup.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx +0 -116
- package/styled-components/es/components/InputGroup/InputGroup.js +0 -74
- package/styled-components/es/components/InputGroup/InputGroup.styles.js +0 -2
- package/styled-components/es/components/InputGroup/InputGroup.template-doc.mdx +0 -126
- package/styled-components/es/components/InputGroup/InputGroup.tokens.js +0 -86
- package/styled-components/es/components/InputGroup/InputGroup.types.js +0 -1
- package/styled-components/es/components/InputGroup/index.js +0 -2
- package/styled-components/es/components/InputGroup/variations/_gap/base.js +0 -3
- package/styled-components/es/components/InputGroup/variations/_gap/tokens.json +0 -1
- package/styled-components/es/components/InputGroup/variations/_orientation/base.js +0 -3
- package/styled-components/es/components/InputGroup/variations/_orientation/tokens.json +0 -1
- package/styled-components/es/components/InputGroup/variations/_shape/base.js +0 -5
- package/styled-components/es/components/InputGroup/variations/_shape/tokens.json +0 -1
- package/styled-components/es/components/InputGroup/variations/_size/base.js +0 -4
- package/styled-components/es/components/InputGroup/variations/_size/tokens.json +0 -58
- package/styled-components/es/components/InputGroup/variations/_stretching/base.js +0 -3
- package/styled-components/es/components/InputGroup/variations/_stretching/tokens.json +0 -1
- package/styled-components/es/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +0 -32
- package/styled-components/es/examples/plasma_b2c/components/InputGroup/InputGroup.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx +0 -116
- package/styled-components/es/examples/plasma_web/components/InputGroup/InputGroup.config.js +0 -32
- package/styled-components/es/examples/plasma_web/components/InputGroup/InputGroup.js +0 -5
- package/styled-components/es/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx +0 -116
- package/types/components/InputGroup/InputGroup.d.ts +0 -35
- package/types/components/InputGroup/InputGroup.d.ts.map +0 -1
- package/types/components/InputGroup/InputGroup.styles.d.ts +0 -2
- package/types/components/InputGroup/InputGroup.styles.d.ts.map +0 -1
- package/types/components/InputGroup/InputGroup.tokens.d.ts +0 -85
- package/types/components/InputGroup/InputGroup.tokens.d.ts.map +0 -1
- package/types/components/InputGroup/InputGroup.types.d.ts +0 -84
- package/types/components/InputGroup/InputGroup.types.d.ts.map +0 -1
- package/types/components/InputGroup/index.d.ts +0 -4
- package/types/components/InputGroup/index.d.ts.map +0 -1
- package/types/components/InputGroup/variations/_gap/base.d.ts +0 -2
- package/types/components/InputGroup/variations/_gap/base.d.ts.map +0 -1
- package/types/components/InputGroup/variations/_orientation/base.d.ts +0 -2
- package/types/components/InputGroup/variations/_orientation/base.d.ts.map +0 -1
- package/types/components/InputGroup/variations/_shape/base.d.ts +0 -2
- package/types/components/InputGroup/variations/_shape/base.d.ts.map +0 -1
- package/types/components/InputGroup/variations/_size/base.d.ts +0 -2
- package/types/components/InputGroup/variations/_size/base.d.ts.map +0 -1
- package/types/components/InputGroup/variations/_stretching/base.d.ts +0 -2
- package/types/components/InputGroup/variations/_stretching/base.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/InputGroup/InputGroup.config.d.ts +0 -31
- package/types/examples/plasma_b2c/components/InputGroup/InputGroup.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/InputGroup/InputGroup.d.ts +0 -43
- package/types/examples/plasma_b2c/components/InputGroup/InputGroup.d.ts.map +0 -1
- package/types/examples/plasma_web/components/InputGroup/InputGroup.config.d.ts +0 -31
- package/types/examples/plasma_web/components/InputGroup/InputGroup.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/InputGroup/InputGroup.d.ts +0 -43
- package/types/examples/plasma_web/components/InputGroup/InputGroup.d.ts.map +0 -1
@@ -1,5 +0,0 @@
|
|
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);
|
@@ -1,116 +0,0 @@
|
|
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
|
-
};
|
@@ -1,11 +0,0 @@
|
|
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;}
|
@@ -1,76 +0,0 @@
|
|
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
|
@@ -1 +0,0 @@
|
|
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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"}
|
@@ -1 +0,0 @@
|
|
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;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bkb9f46{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
@@ -1,89 +0,0 @@
|
|
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
|
@@ -1 +0,0 @@
|
|
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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"}
|
@@ -1 +0,0 @@
|
|
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;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bl5zpqu{gap:var(--plasma-input-group-items-gap);}
|
@@ -1 +0,0 @@
|
|
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;;;;"}
|
@@ -1 +0,0 @@
|
|
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;}
|
@@ -1 +0,0 @@
|
|
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;;;;"}
|
@@ -1 +0,0 @@
|
|
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);}
|
@@ -1 +0,0 @@
|
|
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;;;;"}
|
@@ -1 +0,0 @@
|
|
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);}
|
@@ -1 +0,0 @@
|
|
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;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b1ybrzwp.input-group-stretching-filled{width:100%;}.b1ybrzwp.input-group-stretching-filled .input-group-item{width:100%;}
|
@@ -1,83 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports.inputGroupRoot = exports.inputGroupConfig = void 0;
|
8
|
-
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
-
var _utils = /*#__PURE__*/require("../../utils");
|
10
|
-
var _base = /*#__PURE__*/require("./variations/_size/base");
|
11
|
-
var _base2 = /*#__PURE__*/require("./variations/_gap/base");
|
12
|
-
var _base3 = /*#__PURE__*/require("./variations/_shape/base");
|
13
|
-
var _base4 = /*#__PURE__*/require("./variations/_orientation/base");
|
14
|
-
var _base5 = /*#__PURE__*/require("./variations/_stretching/base");
|
15
|
-
var _InputGroup = /*#__PURE__*/require("./InputGroup.styles");
|
16
|
-
var _InputGroup2 = /*#__PURE__*/require("./InputGroup.tokens");
|
17
|
-
var _excluded = ["children", "className", "size", "stretching", "gap", "orientation", "shape", "isCommonInputStyles"];
|
18
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
19
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
20
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
21
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
22
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
23
|
-
var inputGroupRoot = exports.inputGroupRoot = function inputGroupRoot(Root) {
|
24
|
-
return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
25
|
-
var children = props.children,
|
26
|
-
className = props.className,
|
27
|
-
size = props.size,
|
28
|
-
_props$stretching = props.stretching,
|
29
|
-
stretching = _props$stretching === void 0 ? 'auto' : _props$stretching,
|
30
|
-
_props$gap = props.gap,
|
31
|
-
gap = _props$gap === void 0 ? 'dense' : _props$gap,
|
32
|
-
_props$orientation = props.orientation,
|
33
|
-
orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
|
34
|
-
_props$shape = props.shape,
|
35
|
-
shape = _props$shape === void 0 ? 'default' : _props$shape,
|
36
|
-
_props$isCommonInputS = props.isCommonInputStyles,
|
37
|
-
isCommonInputStyles = _props$isCommonInputS === void 0 ? true : _props$isCommonInputS,
|
38
|
-
rest = _objectWithoutProperties(props, _excluded);
|
39
|
-
var orientationClass = _InputGroup2.classes[orientation];
|
40
|
-
var gapClass = _InputGroup2.classes[gap];
|
41
|
-
var shapeClass = _InputGroup2.classes[shape];
|
42
|
-
var stretchingClass = _InputGroup2.classes["".concat(stretching, "Stretching")];
|
43
|
-
var overrideStylesClass = isCommonInputStyles ? _InputGroup2.classes.inputGroupOverrideStyles : undefined;
|
44
|
-
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
45
|
-
ref: ref,
|
46
|
-
size: size,
|
47
|
-
gap: gap,
|
48
|
-
shape: shape,
|
49
|
-
orientation: orientation,
|
50
|
-
className: (0, _utils.cx)(overrideStylesClass, orientationClass, gapClass, shapeClass, stretchingClass, className)
|
51
|
-
}, rest), children);
|
52
|
-
});
|
53
|
-
};
|
54
|
-
var inputGroupConfig = exports.inputGroupConfig = {
|
55
|
-
name: 'InputGroup',
|
56
|
-
tag: 'div',
|
57
|
-
layout: inputGroupRoot,
|
58
|
-
base: _InputGroup.base,
|
59
|
-
variations: {
|
60
|
-
size: {
|
61
|
-
css: _base.base
|
62
|
-
},
|
63
|
-
gap: {
|
64
|
-
css: _base2.base
|
65
|
-
},
|
66
|
-
orientation: {
|
67
|
-
css: _base4.base
|
68
|
-
},
|
69
|
-
shape: {
|
70
|
-
css: _base3.base
|
71
|
-
},
|
72
|
-
stretching: {
|
73
|
-
css: _base5.base
|
74
|
-
}
|
75
|
-
},
|
76
|
-
defaults: {
|
77
|
-
size: 'm',
|
78
|
-
gap: 'dense',
|
79
|
-
orientation: 'horizontal',
|
80
|
-
shape: 'default',
|
81
|
-
stretching: 'auto'
|
82
|
-
}
|
83
|
-
};
|
@@ -1,8 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.base = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-flex;"]);
|