@salutejs/plasma-new-hope 0.262.0-canary.1768.13259356377.0 → 0.262.0-canary.1770.13273833712.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +2 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +1 -1
- package/cjs/components/Pagination/Pagination.css +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
- package/cjs/components/Range/Range.css +2 -2
- package/cjs/components/Range/Range.styles.js.map +1 -1
- package/cjs/components/Range/Range.tokens.js +2 -0
- package/cjs/components/Range/Range.tokens.js.map +1 -1
- package/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/cjs/components/Range/variations/_readonly/base.js.map +1 -1
- package/cjs/components/Range/variations/_readonly/{base_8q1gx8.css → base_1jlqwtc.css} +1 -1
- package/cjs/components/Select/Select.css +1 -1
- package/cjs/components/Select/ui/Target/Target.css +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
- package/cjs/components/Slider/Slider.css +1 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
- package/cjs/components/TextArea/TextArea.js +9 -7
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.tokens.js +1 -0
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/TextArea/variations/_read-only/base.js +9 -0
- package/cjs/components/TextArea/variations/_read-only/base.js.map +1 -0
- package/cjs/components/TextArea/variations/_read-only/base_vx1mwu.css +1 -0
- package/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
- package/cjs/components/TextField/variations/_read-only/{base_oizdmx.css → base_bvfe3o.css} +1 -1
- package/cjs/engines/linaria.js +2 -4
- package/cjs/engines/linaria.js.map +1 -1
- package/cjs/engines/utils.js +0 -22
- package/cjs/engines/utils.js.map +1 -1
- package/cjs/index.css +4 -2
- package/emotion/cjs/components/Range/Range.styles.js +10 -10
- package/emotion/cjs/components/Range/Range.tokens.js +2 -0
- package/emotion/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/emotion/cjs/components/TextArea/TextArea.js +10 -8
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +1 -0
- package/emotion/cjs/components/TextArea/variations/_read-only/base.js +10 -0
- package/emotion/cjs/components/TextArea/variations/_read-only/tokens.json +1 -0
- package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/emotion/cjs/components/_Icon/Icon.assets/Lock.js +26 -0
- package/emotion/cjs/components/_Icon/Icons/IconLock.js +24 -0
- package/emotion/cjs/components/_Icon/index.js +7 -0
- package/emotion/cjs/engines/emotion.js +3 -9
- package/emotion/cjs/engines/utils.js +1 -26
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Range/Range.config.js +7 -7
- package/emotion/cjs/examples/plasma_b2c/components/Range/Range.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +16 -13
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +71 -20
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +22 -22
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +92 -26
- package/emotion/cjs/examples/plasma_web/components/Range/Range.config.js +7 -7
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -20
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +22 -22
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +85 -25
- package/emotion/es/components/Range/Range.styles.js +10 -10
- package/emotion/es/components/Range/Range.tokens.js +2 -0
- package/emotion/es/components/Range/variations/_readonly/base.js +1 -1
- package/emotion/es/components/TextArea/TextArea.js +6 -4
- package/emotion/es/components/TextArea/TextArea.tokens.js +1 -0
- package/emotion/es/components/TextArea/variations/_read-only/base.js +4 -0
- package/emotion/es/components/TextArea/variations/_read-only/tokens.json +1 -0
- package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
- package/emotion/es/components/_Icon/Icon.assets/Lock.js +19 -0
- package/emotion/es/components/_Icon/Icons/IconLock.js +17 -0
- package/emotion/es/components/_Icon/index.js +1 -0
- package/emotion/es/engines/emotion.js +4 -10
- package/emotion/es/engines/utils.js +0 -25
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Range/Range.config.js +7 -7
- package/emotion/es/examples/plasma_b2c/components/Range/Range.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +16 -13
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +71 -20
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +22 -22
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +92 -26
- package/emotion/es/examples/plasma_web/components/Range/Range.config.js +7 -7
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -20
- package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +22 -22
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +85 -25
- package/es/components/Autocomplete/Autocomplete.css +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +2 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
- package/es/components/DatePicker/SingleDate/SingleDate.css +1 -1
- package/es/components/Pagination/Pagination.css +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
- package/es/components/Range/Range.css +2 -2
- package/es/components/Range/Range.styles.js.map +1 -1
- package/es/components/Range/Range.tokens.js +2 -0
- package/es/components/Range/Range.tokens.js.map +1 -1
- package/es/components/Range/variations/_readonly/base.js +1 -1
- package/es/components/Range/variations/_readonly/base.js.map +1 -1
- package/es/components/Range/variations/_readonly/{base_8q1gx8.css → base_1jlqwtc.css} +1 -1
- package/es/components/Select/Select.css +1 -1
- package/es/components/Select/ui/Target/Target.css +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
- package/es/components/Slider/Slider.css +1 -1
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
- package/es/components/TextArea/TextArea.js +9 -7
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.tokens.js +1 -0
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/TextArea/variations/_read-only/base.js +5 -0
- package/es/components/TextArea/variations/_read-only/base.js.map +1 -0
- package/es/components/TextArea/variations/_read-only/base_vx1mwu.css +1 -0
- package/es/components/TextField/variations/_read-only/base.js +1 -1
- package/es/components/TextField/variations/_read-only/base.js.map +1 -1
- package/es/components/TextField/variations/_read-only/{base_oizdmx.css → base_bvfe3o.css} +1 -1
- package/es/engines/linaria.js +3 -5
- package/es/engines/linaria.js.map +1 -1
- package/es/engines/utils.js +2 -23
- package/es/engines/utils.js.map +1 -1
- package/es/index.css +4 -2
- package/package.json +2 -2
- package/styled-components/cjs/components/Range/Range.tokens.js +2 -0
- package/styled-components/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/styled-components/cjs/components/TextArea/TextArea.js +9 -7
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +1 -0
- package/styled-components/cjs/components/TextArea/variations/_read-only/base.js +10 -0
- package/styled-components/cjs/components/TextArea/variations/_read-only/tokens.json +1 -0
- package/styled-components/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/styled-components/cjs/components/_Icon/Icon.assets/Lock.js +26 -0
- package/styled-components/cjs/components/_Icon/Icons/IconLock.js +24 -0
- package/styled-components/cjs/components/_Icon/index.js +7 -0
- package/styled-components/cjs/engines/styled-components.js +3 -9
- package/styled-components/cjs/engines/utils.js +1 -26
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +3 -0
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +71 -20
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +7 -7
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +92 -26
- package/styled-components/cjs/examples/plasma_web/components/Range/Range.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -20
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +7 -7
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +85 -25
- package/styled-components/es/components/Range/Range.tokens.js +2 -0
- package/styled-components/es/components/Range/variations/_readonly/base.js +1 -1
- package/styled-components/es/components/TextArea/TextArea.js +5 -3
- package/styled-components/es/components/TextArea/TextArea.tokens.js +1 -0
- package/styled-components/es/components/TextArea/variations/_read-only/base.js +4 -0
- package/styled-components/es/components/TextArea/variations/_read-only/tokens.json +1 -0
- package/styled-components/es/components/TextField/variations/_read-only/base.js +2 -2
- package/styled-components/es/components/_Icon/Icon.assets/Lock.js +19 -0
- package/styled-components/es/components/_Icon/Icons/IconLock.js +17 -0
- package/styled-components/es/components/_Icon/index.js +1 -0
- package/styled-components/es/engines/styled-components.js +4 -10
- package/styled-components/es/engines/utils.js +0 -25
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Range/Range.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Range/Range.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +3 -0
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +71 -20
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +7 -7
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +92 -26
- package/styled-components/es/examples/plasma_web/components/Range/Range.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -20
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +7 -7
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +85 -25
- package/types/components/Range/Range.tokens.d.ts +2 -0
- package/types/components/Range/Range.tokens.d.ts.map +1 -1
- package/types/components/Range/variations/_readonly/base.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts +3 -2
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +1 -0
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextArea/variations/_read-only/base.d.ts +2 -0
- package/types/components/TextArea/variations/_read-only/base.d.ts.map +1 -0
- package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
- package/types/components/_Icon/Icon.assets/Lock.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/Lock.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconLock.d.ts +4 -0
- package/types/components/_Icon/Icons/IconLock.d.ts.map +1 -0
- package/types/components/_Icon/index.d.ts +1 -0
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/engines/emotion.d.ts.map +1 -1
- package/types/engines/linaria.d.ts.map +1 -1
- package/types/engines/styled-components.d.ts.map +1 -1
- package/types/engines/types.d.ts +0 -4
- package/types/engines/types.d.ts.map +1 -1
- package/types/engines/utils.d.ts +1 -2
- package/types/engines/utils.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Range/Range.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +3 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Range/Range.config.d.ts.map +1 -1
@@ -4,7 +4,7 @@ import { action } from '@storybook/addon-actions';
|
|
4
4
|
import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
|
5
5
|
|
6
6
|
import { WithTheme } from '../../../_helpers';
|
7
|
-
import { IconCross } from '../../../../components/_Icon';
|
7
|
+
import { IconCross, IconLock } from '../../../../components/_Icon';
|
8
8
|
import type { PopoverPlacement } from '../Popover/Popover';
|
9
9
|
|
10
10
|
import { TextField } from './TextField';
|
@@ -43,6 +43,16 @@ const placements: Array<PopoverPlacement> = [
|
|
43
43
|
'auto',
|
44
44
|
];
|
45
45
|
|
46
|
+
const getIcon = (IconComponent: React.ReactElement, size: string, readOnly = false) => {
|
47
|
+
const iconSize = size === 'xs' ? 'xs' : 's';
|
48
|
+
|
49
|
+
if (readOnly) {
|
50
|
+
return <IconLock size={iconSize} color="var(--text-secondary)" style={{ opacity: 0.4 }} />;
|
51
|
+
}
|
52
|
+
|
53
|
+
return <IconComponent size={iconSize} color="inherit" />;
|
54
|
+
};
|
55
|
+
|
46
56
|
const meta: Meta<typeof TextField> = {
|
47
57
|
title: 'web/Data Entry/TextField',
|
48
58
|
component: TextField,
|
@@ -58,19 +68,28 @@ const meta: Meta<typeof TextField> = {
|
|
58
68
|
control: {
|
59
69
|
type: 'boolean',
|
60
70
|
},
|
61
|
-
if: {
|
71
|
+
if: {
|
72
|
+
arg: 'optional',
|
73
|
+
truthy: false,
|
74
|
+
},
|
62
75
|
},
|
63
76
|
optional: {
|
64
77
|
control: {
|
65
78
|
type: 'boolean',
|
66
79
|
},
|
67
|
-
if: {
|
80
|
+
if: {
|
81
|
+
arg: 'required',
|
82
|
+
truthy: false,
|
83
|
+
},
|
68
84
|
},
|
69
85
|
hasDivider: {
|
70
86
|
control: {
|
71
87
|
type: 'boolean',
|
72
88
|
},
|
73
|
-
if: {
|
89
|
+
if: {
|
90
|
+
arg: 'clear',
|
91
|
+
truthy: true,
|
92
|
+
},
|
74
93
|
},
|
75
94
|
view: {
|
76
95
|
options: views,
|
@@ -93,7 +112,10 @@ const meta: Meta<typeof TextField> = {
|
|
93
112
|
control: {
|
94
113
|
type: 'boolean',
|
95
114
|
},
|
96
|
-
if: {
|
115
|
+
if: {
|
116
|
+
arg: 'labelPlacement',
|
117
|
+
eq: 'inner',
|
118
|
+
},
|
97
119
|
},
|
98
120
|
size: {
|
99
121
|
options: sizes,
|
@@ -103,51 +125,75 @@ const meta: Meta<typeof TextField> = {
|
|
103
125
|
},
|
104
126
|
hintText: {
|
105
127
|
control: { type: 'text' },
|
106
|
-
if: {
|
128
|
+
if: {
|
129
|
+
arg: 'hasHint',
|
130
|
+
truthy: true,
|
131
|
+
},
|
107
132
|
},
|
108
133
|
hintView: {
|
109
134
|
options: hintViews,
|
110
135
|
control: {
|
111
136
|
type: 'select',
|
112
137
|
},
|
113
|
-
if: {
|
138
|
+
if: {
|
139
|
+
arg: 'hasHint',
|
140
|
+
truthy: true,
|
141
|
+
},
|
114
142
|
},
|
115
143
|
hintSize: {
|
116
144
|
options: hintSizes,
|
117
145
|
control: {
|
118
146
|
type: 'select',
|
119
147
|
},
|
120
|
-
if: {
|
148
|
+
if: {
|
149
|
+
arg: 'hasHint',
|
150
|
+
truthy: true,
|
151
|
+
},
|
121
152
|
},
|
122
153
|
hintTargetPlacement: {
|
123
154
|
options: hintTargetPlacements,
|
124
155
|
control: {
|
125
156
|
type: 'inline-radio',
|
126
157
|
},
|
127
|
-
if: {
|
158
|
+
if: {
|
159
|
+
arg: 'hasHint',
|
160
|
+
truthy: true,
|
161
|
+
},
|
128
162
|
},
|
129
163
|
hintTrigger: {
|
130
164
|
options: hintTriggers,
|
131
165
|
control: {
|
132
166
|
type: 'inline-radio',
|
133
167
|
},
|
134
|
-
if: {
|
168
|
+
if: {
|
169
|
+
arg: 'hasHint',
|
170
|
+
truthy: true,
|
171
|
+
},
|
135
172
|
},
|
136
173
|
hintPlacement: {
|
137
174
|
options: placements,
|
138
175
|
control: {
|
139
176
|
type: 'select',
|
140
177
|
},
|
141
|
-
if: {
|
178
|
+
if: {
|
179
|
+
arg: 'hasHint',
|
180
|
+
truthy: true,
|
181
|
+
},
|
142
182
|
mappers: placements,
|
143
183
|
},
|
144
184
|
hintHasArrow: {
|
145
185
|
control: { type: 'boolean' },
|
146
|
-
if: {
|
186
|
+
if: {
|
187
|
+
arg: 'hasHint',
|
188
|
+
truthy: true,
|
189
|
+
},
|
147
190
|
},
|
148
191
|
hintWidth: {
|
149
192
|
control: { type: 'text' },
|
150
|
-
if: {
|
193
|
+
if: {
|
194
|
+
arg: 'hasHint',
|
195
|
+
truthy: true,
|
196
|
+
},
|
151
197
|
},
|
152
198
|
chipType: {
|
153
199
|
control: 'select',
|
@@ -183,19 +229,28 @@ type StoryPropsDefault = Omit<
|
|
183
229
|
enableContentRight: boolean;
|
184
230
|
};
|
185
231
|
|
186
|
-
const StoryDemo = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsDefault) => {
|
232
|
+
const StoryDemo = ({ enableContentLeft, enableContentRight, view, readOnly, ...rest }: StoryPropsDefault) => {
|
187
233
|
const [text, setText] = useState('Значение поля');
|
188
234
|
|
189
|
-
const
|
235
|
+
const contentRight = enableContentRight || readOnly ? getIcon(IconCross, rest.size, readOnly) : undefined;
|
190
236
|
|
191
237
|
return (
|
192
|
-
<div
|
238
|
+
<div
|
239
|
+
style={{
|
240
|
+
display: 'flex',
|
241
|
+
flexDirection: 'column',
|
242
|
+
gap: '2rem',
|
243
|
+
width: '70%',
|
244
|
+
margin: '0 auto',
|
245
|
+
}}
|
246
|
+
>
|
193
247
|
<TextField
|
194
248
|
{...rest}
|
195
249
|
enumerationType="plain"
|
196
250
|
value={text}
|
197
|
-
|
198
|
-
|
251
|
+
readOnly={readOnly}
|
252
|
+
contentLeft={enableContentLeft ? getIcon(IconPlaceholder, rest.size) : undefined}
|
253
|
+
contentRight={contentRight}
|
199
254
|
view={view}
|
200
255
|
onChange={(e) => {
|
201
256
|
setText(e.target.value);
|
@@ -211,9 +266,10 @@ const StoryDemo = ({ enableContentLeft, enableContentRight, view, ...rest }: Sto
|
|
211
266
|
label="Uncontrolled TextField"
|
212
267
|
defaultValue="Дефолтное значение"
|
213
268
|
enumerationType="plain"
|
214
|
-
contentLeft={enableContentLeft ?
|
215
|
-
contentRight={
|
269
|
+
contentLeft={enableContentLeft ? getIcon(IconPlaceholder, rest.size) : undefined}
|
270
|
+
contentRight={contentRight}
|
216
271
|
view={view}
|
272
|
+
readOnly={readOnly}
|
217
273
|
onFocus={onFocus}
|
218
274
|
onBlur={onBlur}
|
219
275
|
onSearch={onSearch}
|
@@ -285,10 +341,10 @@ type StoryPropsChips = Omit<
|
|
285
341
|
enableContentRight: boolean;
|
286
342
|
};
|
287
343
|
|
288
|
-
const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsChips) => {
|
344
|
+
const StoryChips = ({ enableContentLeft, enableContentRight, view, readOnly, ...rest }: StoryPropsChips) => {
|
289
345
|
const [text, setText] = useState('Значение поля');
|
290
346
|
|
291
|
-
const
|
347
|
+
const contentRight = enableContentRight || readOnly ? getIcon(IconCross, rest.size, readOnly) : undefined;
|
292
348
|
|
293
349
|
const validateChip = (value) => (value === '1 value' ? { view: 'negative' } : {});
|
294
350
|
|
@@ -297,9 +353,10 @@ const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: St
|
|
297
353
|
{...rest}
|
298
354
|
enumerationType="chip"
|
299
355
|
value={text}
|
300
|
-
contentLeft={enableContentLeft ?
|
301
|
-
contentRight={
|
356
|
+
contentLeft={enableContentLeft ? getIcon(IconPlaceholder, rest.size) : undefined}
|
357
|
+
contentRight={contentRight}
|
302
358
|
view={view}
|
359
|
+
readOnly={readOnly}
|
303
360
|
onChange={(e) => {
|
304
361
|
setText(e.target.value);
|
305
362
|
onChange(e.target.value);
|
@@ -308,7 +365,10 @@ const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: St
|
|
308
365
|
onBlur={onBlur}
|
309
366
|
onChangeChips={onChipsChange}
|
310
367
|
chipValidator={validateChip}
|
311
|
-
style={{
|
368
|
+
style={{
|
369
|
+
width: '70%',
|
370
|
+
margin: '0 auto',
|
371
|
+
}}
|
312
372
|
/>
|
313
373
|
);
|
314
374
|
};
|
@@ -6,7 +6,7 @@
|
|
6
6
|
|
7
7
|
.base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
|
8
8
|
|
9
|
-
.
|
9
|
+
.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly].base_bvfe3o_textfieldHasDivider__9e0cae63 .base_bvfe3o_iq39zt5__9e0cae63:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63:focus-within .base_bvfe3o_i19ry60d__9e0cae63,.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_i19ry60d__9e0cae63{color:var(--plasma-textfield__placeholder-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_io4bpie__9e0cae63{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_tlv9av6__9e0cae63{color:var(--plasma-textfield__title-caption-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_lb3k3v1__9e0cae63{color:var(--plasma-textfield__left-helper-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_s190z894__9e0cae63:hover,.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_s190z894__9e0cae63:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_bvfe3o_b1w985rt__9e0cae63[readonly].base_bvfe3o_labelPlacementOuter__9e0cae63 .base_bvfe3o_luk2zst__9e0cae63{color:var(--plasma-textfield__label-color-readonly);}
|
10
10
|
|
11
11
|
.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementOuter__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_i13qvwoy__f1019e0f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f:focus ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_hasValue__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_keepPlaceholder__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f.base_jfnl8i_textfieldClear__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__clear-placeholder-color);}
|
12
12
|
|
@@ -56,7 +56,7 @@
|
|
56
56
|
|
57
57
|
.base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
|
58
58
|
|
59
|
-
.
|
59
|
+
.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly].base_bvfe3o_textfieldHasDivider__9e0cae63 .base_bvfe3o_iq39zt5__9e0cae63:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63:focus-within .base_bvfe3o_i19ry60d__9e0cae63,.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_i19ry60d__9e0cae63{color:var(--plasma-textfield__placeholder-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_io4bpie__9e0cae63{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_tlv9av6__9e0cae63{color:var(--plasma-textfield__title-caption-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_lb3k3v1__9e0cae63{color:var(--plasma-textfield__left-helper-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_s190z894__9e0cae63:hover,.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_s190z894__9e0cae63:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_bvfe3o_b1w985rt__9e0cae63[readonly].base_bvfe3o_labelPlacementOuter__9e0cae63 .base_bvfe3o_luk2zst__9e0cae63{color:var(--plasma-textfield__label-color-readonly);}
|
60
60
|
|
61
61
|
.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementOuter__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_i13qvwoy__f1019e0f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f:focus ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_hasValue__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_keepPlaceholder__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f.base_jfnl8i_textfieldClear__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__clear-placeholder-color);}
|
62
62
|
|
@@ -84,7 +84,7 @@
|
|
84
84
|
|
85
85
|
.base_1ufizo4_brz2a7__2efb673d[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}
|
86
86
|
|
87
|
-
.
|
87
|
+
.base_1jlqwtc_b1l9fpln__86a36108[readonly]{cursor:default;}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_cfxtxl2__86a36108{background:var(--plasma-range-background-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_s14q3826__86a36108{display:block;color:var(--plasma-range__label-color-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_l1e6rwfy__86a36108{color:var(--plasma-range__left-helper-color-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_s1hiyoiq__86a36108{color:var(--plasma-range__divider-color-readonly);opacity:var(--plasma-range__divider-opacity-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_s15y5ylz__86a36108,.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_suha98b__86a36108{color:var(--plasma-range-textfield-color-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_suha98b__86a36108{opacity:var(--plasma-range__right-content-opacity-readonly);}
|
88
88
|
|
89
89
|
.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_io4bpie__3d70dc64{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_i13qvwoy__3d70dc64{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_iq39zt5__3d70dc64{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_iq39zt5__3d70dc64.base_uulqii_hasChips__3d70dc64{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_iq39zt5__3d70dc64.base_uulqii_hasEmptyContentLeft__3d70dc64{padding-left:var(--plasma-textfield-padding-with-chips);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_iq39zt5__3d70dc64.base_uulqii_hasEmptyContentRight__3d70dc64{padding-right:var(--plasma-textfield-padding-with-chips);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_luk2zst__3d70dc64,.base_uulqii_b13ve66i__3d70dc64:not(.base_uulqii_labelPlacementInner__3d70dc64) .base_uulqii_s14qvple__3d70dc64{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_s16itze4__3d70dc64{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_h1skqnhr__3d70dc64{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_tlv9av6__3d70dc64{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_lb3k3v1__3d70dc64{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_s7hnwwb__3d70dc64,.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_smqgwd8__3d70dc64{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_s7hnwwb__3d70dc64{margin:var(--plasma-textfield__before-text-margin);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_smqgwd8__3d70dc64{margin:var(--plasma-textfield__after-text-margin);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_ssv2kwg__3d70dc64.base_uulqii_textfieldContentRightCompensationMargin__3d70dc64{gap:var(--plasma-textfield-content-right-wrapper-gap);margin:var(--plasma-textfield-content-right-wrapper-margin);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_ssv2kwg__3d70dc64.base_uulqii_textfieldContentRightCompensationMargin__3d70dc64 .base_uulqii_s190z894__3d70dc64{margin:var(--plasma-textfield__right-content-with-hint-margin);}
|
90
90
|
|
@@ -94,7 +94,7 @@
|
|
94
94
|
|
95
95
|
.base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
|
96
96
|
|
97
|
-
.
|
97
|
+
.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly].base_bvfe3o_textfieldHasDivider__9e0cae63 .base_bvfe3o_iq39zt5__9e0cae63:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63:focus-within .base_bvfe3o_i19ry60d__9e0cae63,.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_i19ry60d__9e0cae63{color:var(--plasma-textfield__placeholder-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_io4bpie__9e0cae63{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_tlv9av6__9e0cae63{color:var(--plasma-textfield__title-caption-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_lb3k3v1__9e0cae63{color:var(--plasma-textfield__left-helper-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_s190z894__9e0cae63:hover,.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_s190z894__9e0cae63:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_bvfe3o_b1w985rt__9e0cae63[readonly].base_bvfe3o_labelPlacementOuter__9e0cae63 .base_bvfe3o_luk2zst__9e0cae63{color:var(--plasma-textfield__label-color-readonly);}
|
98
98
|
|
99
99
|
.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementOuter__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_i13qvwoy__f1019e0f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f:focus ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_hasValue__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_keepPlaceholder__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f.base_jfnl8i_textfieldClear__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__clear-placeholder-color);}
|
100
100
|
|
@@ -4,7 +4,7 @@
|
|
4
4
|
|
5
5
|
.base_1ufizo4_brz2a7__2efb673d[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}
|
6
6
|
|
7
|
-
.
|
7
|
+
.base_1jlqwtc_b1l9fpln__86a36108[readonly]{cursor:default;}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_cfxtxl2__86a36108{background:var(--plasma-range-background-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_s14q3826__86a36108{display:block;color:var(--plasma-range__label-color-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_l1e6rwfy__86a36108{color:var(--plasma-range__left-helper-color-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_s1hiyoiq__86a36108{color:var(--plasma-range__divider-color-readonly);opacity:var(--plasma-range__divider-opacity-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_s15y5ylz__86a36108,.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_suha98b__86a36108{color:var(--plasma-range-textfield-color-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_suha98b__86a36108{opacity:var(--plasma-range__right-content-opacity-readonly);}
|
8
8
|
|
9
9
|
.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_io4bpie__3d70dc64{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_i13qvwoy__3d70dc64{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_iq39zt5__3d70dc64{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_iq39zt5__3d70dc64.base_uulqii_hasChips__3d70dc64{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_iq39zt5__3d70dc64.base_uulqii_hasEmptyContentLeft__3d70dc64{padding-left:var(--plasma-textfield-padding-with-chips);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_iq39zt5__3d70dc64.base_uulqii_hasEmptyContentRight__3d70dc64{padding-right:var(--plasma-textfield-padding-with-chips);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_luk2zst__3d70dc64,.base_uulqii_b13ve66i__3d70dc64:not(.base_uulqii_labelPlacementInner__3d70dc64) .base_uulqii_s14qvple__3d70dc64{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_s16itze4__3d70dc64{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_h1skqnhr__3d70dc64{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_tlv9av6__3d70dc64{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_lb3k3v1__3d70dc64{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_s7hnwwb__3d70dc64,.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_smqgwd8__3d70dc64{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_s7hnwwb__3d70dc64{margin:var(--plasma-textfield__before-text-margin);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_smqgwd8__3d70dc64{margin:var(--plasma-textfield__after-text-margin);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_ssv2kwg__3d70dc64.base_uulqii_textfieldContentRightCompensationMargin__3d70dc64{gap:var(--plasma-textfield-content-right-wrapper-gap);margin:var(--plasma-textfield-content-right-wrapper-margin);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_ssv2kwg__3d70dc64.base_uulqii_textfieldContentRightCompensationMargin__3d70dc64 .base_uulqii_s190z894__3d70dc64{margin:var(--plasma-textfield__right-content-with-hint-margin);}
|
10
10
|
|
@@ -14,7 +14,7 @@
|
|
14
14
|
|
15
15
|
.base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
|
16
16
|
|
17
|
-
.
|
17
|
+
.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly].base_bvfe3o_textfieldHasDivider__9e0cae63 .base_bvfe3o_iq39zt5__9e0cae63:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63:focus-within .base_bvfe3o_i19ry60d__9e0cae63,.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_i19ry60d__9e0cae63{color:var(--plasma-textfield__placeholder-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_io4bpie__9e0cae63{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_tlv9av6__9e0cae63{color:var(--plasma-textfield__title-caption-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_lb3k3v1__9e0cae63{color:var(--plasma-textfield__left-helper-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_s190z894__9e0cae63:hover,.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_s190z894__9e0cae63:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_bvfe3o_b1w985rt__9e0cae63[readonly].base_bvfe3o_labelPlacementOuter__9e0cae63 .base_bvfe3o_luk2zst__9e0cae63{color:var(--plasma-textfield__label-color-readonly);}
|
18
18
|
|
19
19
|
.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementOuter__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_i13qvwoy__f1019e0f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f:focus ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_hasValue__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_keepPlaceholder__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f.base_jfnl8i_textfieldClear__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__clear-placeholder-color);}
|
20
20
|
|
@@ -84,7 +84,7 @@
|
|
84
84
|
|
85
85
|
.base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
|
86
86
|
|
87
|
-
.
|
87
|
+
.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly].base_bvfe3o_textfieldHasDivider__9e0cae63 .base_bvfe3o_iq39zt5__9e0cae63:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63:focus-within .base_bvfe3o_i19ry60d__9e0cae63,.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_i19ry60d__9e0cae63{color:var(--plasma-textfield__placeholder-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_io4bpie__9e0cae63{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_tlv9av6__9e0cae63{color:var(--plasma-textfield__title-caption-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_lb3k3v1__9e0cae63{color:var(--plasma-textfield__left-helper-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_s190z894__9e0cae63:hover,.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_s190z894__9e0cae63:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_bvfe3o_b1w985rt__9e0cae63[readonly].base_bvfe3o_labelPlacementOuter__9e0cae63 .base_bvfe3o_luk2zst__9e0cae63{color:var(--plasma-textfield__label-color-readonly);}
|
88
88
|
|
89
89
|
.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementOuter__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_i13qvwoy__f1019e0f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f:focus ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_hasValue__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_keepPlaceholder__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f.base_jfnl8i_textfieldClear__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__clear-placeholder-color);}
|
90
90
|
|
@@ -120,7 +120,7 @@
|
|
120
120
|
|
121
121
|
.base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
|
122
122
|
|
123
|
-
.
|
123
|
+
.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly].base_bvfe3o_textfieldHasDivider__9e0cae63 .base_bvfe3o_iq39zt5__9e0cae63:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63:focus-within .base_bvfe3o_i19ry60d__9e0cae63,.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_i19ry60d__9e0cae63{color:var(--plasma-textfield__placeholder-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_io4bpie__9e0cae63{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_tlv9av6__9e0cae63{color:var(--plasma-textfield__title-caption-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_lb3k3v1__9e0cae63{color:var(--plasma-textfield__left-helper-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_s190z894__9e0cae63:hover,.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_s190z894__9e0cae63:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_bvfe3o_b1w985rt__9e0cae63[readonly].base_bvfe3o_labelPlacementOuter__9e0cae63 .base_bvfe3o_luk2zst__9e0cae63{color:var(--plasma-textfield__label-color-readonly);}
|
124
124
|
|
125
125
|
.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementOuter__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_i13qvwoy__f1019e0f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f:focus ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_hasValue__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_keepPlaceholder__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f.base_jfnl8i_textfieldClear__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__clear-placeholder-color);}
|
126
126
|
|
@@ -88,7 +88,7 @@
|
|
88
88
|
|
89
89
|
.base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
|
90
90
|
|
91
|
-
.
|
91
|
+
.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly].base_bvfe3o_textfieldHasDivider__9e0cae63 .base_bvfe3o_iq39zt5__9e0cae63:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63:focus-within .base_bvfe3o_i19ry60d__9e0cae63,.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_i19ry60d__9e0cae63{color:var(--plasma-textfield__placeholder-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_io4bpie__9e0cae63{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_tlv9av6__9e0cae63{color:var(--plasma-textfield__title-caption-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_lb3k3v1__9e0cae63{color:var(--plasma-textfield__left-helper-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_s190z894__9e0cae63:hover,.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_s190z894__9e0cae63:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_bvfe3o_b1w985rt__9e0cae63[readonly].base_bvfe3o_labelPlacementOuter__9e0cae63 .base_bvfe3o_luk2zst__9e0cae63{color:var(--plasma-textfield__label-color-readonly);}
|
92
92
|
|
93
93
|
.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementOuter__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_i13qvwoy__f1019e0f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f:focus ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_hasValue__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_keepPlaceholder__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f.base_jfnl8i_textfieldClear__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__clear-placeholder-color);}
|
94
94
|
|
@@ -4,7 +4,7 @@
|
|
4
4
|
|
5
5
|
.base_1ufizo4_brz2a7__2efb673d[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}
|
6
6
|
|
7
|
-
.
|
7
|
+
.base_1jlqwtc_b1l9fpln__86a36108[readonly]{cursor:default;}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_cfxtxl2__86a36108{background:var(--plasma-range-background-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_s14q3826__86a36108{display:block;color:var(--plasma-range__label-color-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_l1e6rwfy__86a36108{color:var(--plasma-range__left-helper-color-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_s1hiyoiq__86a36108{color:var(--plasma-range__divider-color-readonly);opacity:var(--plasma-range__divider-opacity-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_s15y5ylz__86a36108,.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_suha98b__86a36108{color:var(--plasma-range-textfield-color-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_suha98b__86a36108{opacity:var(--plasma-range__right-content-opacity-readonly);}
|
8
8
|
|
9
9
|
.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_io4bpie__3d70dc64{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_i13qvwoy__3d70dc64{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_iq39zt5__3d70dc64{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_iq39zt5__3d70dc64.base_uulqii_hasChips__3d70dc64{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_iq39zt5__3d70dc64.base_uulqii_hasEmptyContentLeft__3d70dc64{padding-left:var(--plasma-textfield-padding-with-chips);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_iq39zt5__3d70dc64.base_uulqii_hasEmptyContentRight__3d70dc64{padding-right:var(--plasma-textfield-padding-with-chips);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_luk2zst__3d70dc64,.base_uulqii_b13ve66i__3d70dc64:not(.base_uulqii_labelPlacementInner__3d70dc64) .base_uulqii_s14qvple__3d70dc64{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_s16itze4__3d70dc64{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_h1skqnhr__3d70dc64{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_tlv9av6__3d70dc64{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_lb3k3v1__3d70dc64{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_s7hnwwb__3d70dc64,.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_smqgwd8__3d70dc64{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_s7hnwwb__3d70dc64{margin:var(--plasma-textfield__before-text-margin);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_smqgwd8__3d70dc64{margin:var(--plasma-textfield__after-text-margin);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_ssv2kwg__3d70dc64.base_uulqii_textfieldContentRightCompensationMargin__3d70dc64{gap:var(--plasma-textfield-content-right-wrapper-gap);margin:var(--plasma-textfield-content-right-wrapper-margin);}.base_uulqii_b13ve66i__3d70dc64 .base_uulqii_ssv2kwg__3d70dc64.base_uulqii_textfieldContentRightCompensationMargin__3d70dc64 .base_uulqii_s190z894__3d70dc64{margin:var(--plasma-textfield__right-content-with-hint-margin);}
|
10
10
|
|
@@ -14,7 +14,7 @@
|
|
14
14
|
|
15
15
|
.base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
|
16
16
|
|
17
|
-
.
|
17
|
+
.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly].base_bvfe3o_textfieldHasDivider__9e0cae63 .base_bvfe3o_iq39zt5__9e0cae63:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63:focus-within .base_bvfe3o_i19ry60d__9e0cae63,.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_i19ry60d__9e0cae63{color:var(--plasma-textfield__placeholder-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_io4bpie__9e0cae63{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_tlv9av6__9e0cae63{color:var(--plasma-textfield__title-caption-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_lb3k3v1__9e0cae63{color:var(--plasma-textfield__left-helper-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_s190z894__9e0cae63:hover,.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_s190z894__9e0cae63:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_bvfe3o_b1w985rt__9e0cae63[readonly].base_bvfe3o_labelPlacementOuter__9e0cae63 .base_bvfe3o_luk2zst__9e0cae63{color:var(--plasma-textfield__label-color-readonly);}
|
18
18
|
|
19
19
|
.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementOuter__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_i13qvwoy__f1019e0f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f:focus ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_hasValue__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_keepPlaceholder__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f.base_jfnl8i_textfieldClear__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__clear-placeholder-color);}
|
20
20
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Range.styles.js","sources":["../../../src/components/Range/Range.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { textFieldConfig, textFieldTokens } from '../TextField';\n\nimport { classes, tokens } from './Range.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n width: 100%;\n
|
1
|
+
{"version":3,"file":"Range.styles.js","sources":["../../../src/components/Range/Range.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { textFieldConfig, textFieldTokens } from '../TextField';\n\nimport { classes, tokens } from './Range.tokens';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n width: 100%;\n\n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.placeholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColor});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorFocus});\n\n ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n\n ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n\n &.${classes.rangeValueError} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n }\n\n &.${classes.rangeValueSuccess} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n\n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n }\n`;\n\nexport const base = css`\n width: fit-content;\n`;\n\nexport const StyledLabel = styled.label``;\n\nexport const StyledIndicatorWrapper = styled.div`\n position: relative;\n display: inline-flex;\n align-items: center;\n`;\n\nexport const StyledIndicator = styled.div`\n position: absolute;\n border-radius: 50%;\n`;\n\nexport const LeftHelper = styled.div``;\n\nexport const ContentWrapper = styled.div`\n display: flex;\n align-items: center;\n position: relative;\n`;\n\nexport const StyledDivider = styled.div``;\n\nexport const StyledContentLeft = styled.div`\n line-height: 0;\n`;\n\nexport const StyledContentRight = styled.div``;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","_exp","StyledInput","styled","name","class","propsAsIs","base","StyledLabel","StyledIndicatorWrapper","StyledIndicator","LeftHelper","ContentWrapper","StyledDivider","StyledContentLeft","StyledContentRight"],"mappings":";;;;AAQA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;;AAEzC;AAAA,IAAAK,IAAA,GAVkBA,SAUlBA,IAAAA,GAAA;AAAA,EAAA,OACkCF,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMG,WAAW,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAgEhC,EAAA;AAEM,IAAMC,IAAI,GAEhB,WAAA;AAEM,IAAMC,WAAW,gBAAGL,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ,EAAA;AAElC,IAAMG,sBAAsB,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI3C,EAAA;AAEM,IAAMI,eAAe,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGpC,EAAA;AAEM,IAAMK,UAAU,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAE/B,IAAMM,cAAc,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAInC,EAAA;AAEM,IAAMO,aAAa,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAElC,IAAMQ,iBAAiB,gBAAGX,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEtC,EAAA;AAEM,IAAMS,kBAAkB,gBAAGZ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;"}
|
@@ -20,6 +20,7 @@ var tokens = {
|
|
20
20
|
/** Токены разделителя */
|
21
21
|
dividerColor: '--plasma-range__divider-color',
|
22
22
|
dividerColorReadOnly: '--plasma-range__divider-color-readonly',
|
23
|
+
dividerOpacityReadOnly: '--plasma-range__divider-opacity-readonly',
|
23
24
|
dividerPadding: '--plasma-range__divider-padding',
|
24
25
|
dividerFontFamily: '--plasma-range__divider-font-family',
|
25
26
|
dividerFontStyle: '--plasma-range__divider-font-style',
|
@@ -30,6 +31,7 @@ var tokens = {
|
|
30
31
|
/** Токены слотов для контента */
|
31
32
|
leftContentMargin: '--plasma-range__left-content-margin',
|
32
33
|
rightContentMargin: '--plasma-range__right-content-margin',
|
34
|
+
rightContentOpacityReadOnly: '--plasma-range__right-content-opacity-readonly',
|
33
35
|
/** Токены лейбла */
|
34
36
|
labelColor: '--plasma-range__label-color',
|
35
37
|
labelColorReadOnly: '--plasma-range__label-color-readonly',
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Range.tokens.js","sources":["../../../src/components/Range/Range.tokens.ts"],"sourcesContent":["export const classes = {\n rangeError: 'range-error',\n rangeValueError: 'range-value-error',\n rangeSuccess: 'range-success',\n rangeValueSuccess: 'range-value-success',\n requiredAlignRight: 'required-align-right',\n requiredOuterPlacement: 'required-placement-outer',\n};\n\nexport const tokens = {\n background: '--plasma-range-background',\n backgroundError: '--plasma-range-background-error',\n backgroundSuccess: '--plasma-range-background-success',\n backgroundReadOnly: '--plasma-range-background-readonly',\n borderRadius: '--plasma-range-border-radius',\n borderWidth: '--plasma-range-border-width',\n borderColor: '--plasma-range-border-color',\n borderColorError: '--plasma-range-border-color-error',\n borderColorSuccess: '--plasma-range-border-color-success',\n borderColorReadOnly: '--plasma-range-border-color-readonly',\n\n /** Токены разделителя */\n dividerColor: '--plasma-range__divider-color',\n dividerColorReadOnly: '--plasma-range__divider-color-readonly',\n dividerPadding: '--plasma-range__divider-padding',\n dividerFontFamily: '--plasma-range__divider-font-family',\n dividerFontStyle: '--plasma-range__divider-font-style',\n dividerFontSize: '--plasma-range__divider-font-size',\n dividerFontWeight: '--plasma-range__divider-font-weight',\n dividerLetterSpacing: '--plasma-range__divider-letter-spacing',\n dividerLineHeight: '--plasma-range__divider-line-height',\n\n /** Токены слотов для контента */\n leftContentMargin: '--plasma-range__left-content-margin',\n rightContentMargin: '--plasma-range__right-content-margin',\n\n /** Токены лейбла */\n labelColor: '--plasma-range__label-color',\n labelColorReadOnly: '--plasma-range__label-color-readonly',\n labelOffset: '--plasma-range__label-offset',\n\n labelFontFamily: '--plasma-range__label-font-family',\n labelFontStyle: '--plasma-range__label-font-style',\n labelFontSize: '--plasma-range__label-font-size',\n labelFontWeight: '--plasma-range__label-font-weight',\n labelLetterSpacing: '--plasma-range__label-letter-spacing',\n labelLineHeight: '--plasma-range__label-line-height',\n\n /** Токены индикатора */\n indicatorColor: '--plasma-range__indicator-color',\n\n indicatorSize: '--plasma-range__indicator-size',\n indicatorSizeOuter: '--plasma-range__indicator-size-outer',\n indicatorPlacement: '--plasma-range__indicator-placement',\n indicatorPlacementRight: '--plasma-range__indicator-placement-right',\n indicatorOuterPlacement: '--plasma-range__indicator-placement-outer',\n indicatorOuterPlacementRight: '--plasma-range__indicator-placement-outer-right',\n\n /** Токены вспомогательного текста */\n leftHelperColor: '--plasma-range__left-helper-color',\n leftHelperColorReadOnly: '--plasma-range__left-helper-color-readonly',\n leftHelperOffset: '--plasma-range__left-helper-offset',\n leftHelperColorError: '--plasma-range__left-helper-color-error',\n leftHelperColorSuccess: '--plasma-range__left-helper-color-success',\n\n leftHelperFontFamily: '--plasma-range__left-helper-font-family',\n leftHelperFontStyle: '--plasma-range__left-helper-font-style',\n leftHelperFontSize: '--plasma-range__left-helper-font-size',\n leftHelperFontWeight: '--plasma-range__left-helper-font-weight',\n leftHelperLetterSpacing: '--plasma-range__left-helper-letter-spacing',\n leftHelperLineHeight: '--plasma-range__left-helper-line-height',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-range-disabled-opacity',\n\n /** Цвет обводки поля ввода при фокусе */\n focusColor: '--plasma-range-focus-color',\n\n /** Токены полей ввода */\n textFieldColor: '--plasma-range-textfield-color',\n textFieldFocusColor: '--plasma-range-textfield-focus-color',\n textFieldPlaceholderColor: '--plasma-range-textfield-placeholder-color',\n textFieldCaretColor: '--plasma-range-textfield-caret-color',\n\n textFieldBackgroundColor: '--plasma-range-textfield-background-color',\n textFieldBackgroundColorHover: '--plasma-range-textfield-background-color-hover',\n textFieldBackgroundColorFocus: '--plasma-range-textfield-background-color-focus',\n textFieldBackgroundErrorColor: '--plasma-range-textfield-background-color-error',\n textFieldBackgroundErrorColorHover: '--plasma-range-textfield-background-color-error-hover',\n textFieldBackgroundErrorColorFocus: '--plasma-range-textfield-background-color-error-focus',\n textFieldBackgroundSuccessColor: '--plasma-range-textfield-background-color-success',\n textFieldBackgroundSuccessColorHover: '--plasma-range-textfield-background-color-success-hover',\n textFieldBackgroundSuccessColorFocus: '--plasma-range-textfield-background-color-success-focus',\n\n textFieldBorderColor: '--plasma-range-textfield-border-color',\n textFieldPlaceholderColorFocus: '--plasma-range-textfield__placeholder-color-focus',\n textFieldBorderColorHover: '--plasma-range-textfield-border-color-hover',\n textFieldBorderColorFocus: '--plasma-range-textfield-border-color-focus',\n textFieldBorderColorError: '--plasma-range-textfield-border-color-error',\n textFieldBorderColorErrorHover: '--plasma-range-textfield-border-color-error-hover',\n textFieldBorderColorErrorFocus: '--plasma-range-textfield-border-color-error-focus',\n textFieldBorderColorSuccess: '--plasma-range-textfield-border-color-success',\n textFieldBorderColorSuccessHover: '--plasma-range-textfield-border-color-success-hover',\n textFieldBorderColorSuccessFocus: '--plasma-range-textfield-border-color-success-focus',\n\n textFieldColorReadOnly: '--plasma-range-textfield-color-readonly',\n textFieldBackgroundColorReadOnly: '--plasma-range-textfield-background-color-readonly',\n textFieldBorderColorReadOnly: '--plasma-range-textfield-border-color-readonly',\n textFieldPlaceholderColorReadOnly: '--plasma-range-textfield-placeholder-color-readonly',\n\n textFieldHeight: '--plasma-range-textfield-height',\n textFieldBorderWidth: '--plasma-range-textfield-border-width',\n textFieldBorderRadius: '--plasma-range-textfield-border-radius',\n textFieldPadding: '--plasma-range-textfield-padding',\n textFieldLeftContentMargin: '--plasma-range-textfield__left-content-margin',\n textFieldRightContentMargin: '--plasma-range-textfield__right-content-margin',\n textFieldFontFamily: '--plasma-range-textfield-font-family',\n textFieldFontStyle: '--plasma-range-textfield-font-style',\n textFieldFontSize: '--plasma-range-textfield-font-size',\n textFieldFontWeight: '--plasma-range-textfield-font-weight',\n textFieldLetterSpacing: '--plasma-range-textfield-letter-spacing',\n textFieldLineHeight: '--plasma-range-textfield-line-height',\n\n textFieldTextBeforeColor: '--plasma-range-textfield__before-text-color',\n textFieldTextAfterColor: '--plasma-range-textfield__after-text-color',\n textFieldTextBeforeMargin: '--plasma-range-textfield__before-text-margin',\n textFieldTextAfterMargin: '--plasma-range-textfield__after-text-margin',\n};\n"],"names":["classes","rangeError","rangeValueError","rangeSuccess","rangeValueSuccess","requiredAlignRight","requiredOuterPlacement","tokens","background","backgroundError","backgroundSuccess","backgroundReadOnly","borderRadius","borderWidth","borderColor","borderColorError","borderColorSuccess","borderColorReadOnly","dividerColor","dividerColorReadOnly","dividerPadding","dividerFontFamily","dividerFontStyle","dividerFontSize","dividerFontWeight","dividerLetterSpacing","dividerLineHeight","leftContentMargin","rightContentMargin","labelColor","labelColorReadOnly","labelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","indicatorColor","indicatorSize","indicatorSizeOuter","indicatorPlacement","indicatorPlacementRight","indicatorOuterPlacement","indicatorOuterPlacementRight","leftHelperColor","leftHelperColorReadOnly","leftHelperOffset","leftHelperColorError","leftHelperColorSuccess","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","disabledOpacity","focusColor","textFieldColor","textFieldFocusColor","textFieldPlaceholderColor","textFieldCaretColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBackgroundErrorColor","textFieldBackgroundErrorColorHover","textFieldBackgroundErrorColorFocus","textFieldBackgroundSuccessColor","textFieldBackgroundSuccessColorHover","textFieldBackgroundSuccessColorFocus","textFieldBorderColor","textFieldPlaceholderColorFocus","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldBorderColorError","textFieldBorderColorErrorHover","textFieldBorderColorErrorFocus","textFieldBorderColorSuccess","textFieldBorderColorSuccessHover","textFieldBorderColorSuccessFocus","textFieldColorReadOnly","textFieldBackgroundColorReadOnly","textFieldBorderColorReadOnly","textFieldPlaceholderColorReadOnly","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Range.tokens.js","sources":["../../../src/components/Range/Range.tokens.ts"],"sourcesContent":["export const classes = {\n rangeError: 'range-error',\n rangeValueError: 'range-value-error',\n rangeSuccess: 'range-success',\n rangeValueSuccess: 'range-value-success',\n requiredAlignRight: 'required-align-right',\n requiredOuterPlacement: 'required-placement-outer',\n};\n\nexport const tokens = {\n background: '--plasma-range-background',\n backgroundError: '--plasma-range-background-error',\n backgroundSuccess: '--plasma-range-background-success',\n backgroundReadOnly: '--plasma-range-background-readonly',\n borderRadius: '--plasma-range-border-radius',\n borderWidth: '--plasma-range-border-width',\n borderColor: '--plasma-range-border-color',\n borderColorError: '--plasma-range-border-color-error',\n borderColorSuccess: '--plasma-range-border-color-success',\n borderColorReadOnly: '--plasma-range-border-color-readonly',\n\n /** Токены разделителя */\n dividerColor: '--plasma-range__divider-color',\n dividerColorReadOnly: '--plasma-range__divider-color-readonly',\n dividerOpacityReadOnly: '--plasma-range__divider-opacity-readonly',\n dividerPadding: '--plasma-range__divider-padding',\n dividerFontFamily: '--plasma-range__divider-font-family',\n dividerFontStyle: '--plasma-range__divider-font-style',\n dividerFontSize: '--plasma-range__divider-font-size',\n dividerFontWeight: '--plasma-range__divider-font-weight',\n dividerLetterSpacing: '--plasma-range__divider-letter-spacing',\n dividerLineHeight: '--plasma-range__divider-line-height',\n\n /** Токены слотов для контента */\n leftContentMargin: '--plasma-range__left-content-margin',\n rightContentMargin: '--plasma-range__right-content-margin',\n rightContentOpacityReadOnly: '--plasma-range__right-content-opacity-readonly',\n\n /** Токены лейбла */\n labelColor: '--plasma-range__label-color',\n labelColorReadOnly: '--plasma-range__label-color-readonly',\n labelOffset: '--plasma-range__label-offset',\n\n labelFontFamily: '--plasma-range__label-font-family',\n labelFontStyle: '--plasma-range__label-font-style',\n labelFontSize: '--plasma-range__label-font-size',\n labelFontWeight: '--plasma-range__label-font-weight',\n labelLetterSpacing: '--plasma-range__label-letter-spacing',\n labelLineHeight: '--plasma-range__label-line-height',\n\n /** Токены индикатора */\n indicatorColor: '--plasma-range__indicator-color',\n\n indicatorSize: '--plasma-range__indicator-size',\n indicatorSizeOuter: '--plasma-range__indicator-size-outer',\n indicatorPlacement: '--plasma-range__indicator-placement',\n indicatorPlacementRight: '--plasma-range__indicator-placement-right',\n indicatorOuterPlacement: '--plasma-range__indicator-placement-outer',\n indicatorOuterPlacementRight: '--plasma-range__indicator-placement-outer-right',\n\n /** Токены вспомогательного текста */\n leftHelperColor: '--plasma-range__left-helper-color',\n leftHelperColorReadOnly: '--plasma-range__left-helper-color-readonly',\n leftHelperOffset: '--plasma-range__left-helper-offset',\n leftHelperColorError: '--plasma-range__left-helper-color-error',\n leftHelperColorSuccess: '--plasma-range__left-helper-color-success',\n\n leftHelperFontFamily: '--plasma-range__left-helper-font-family',\n leftHelperFontStyle: '--plasma-range__left-helper-font-style',\n leftHelperFontSize: '--plasma-range__left-helper-font-size',\n leftHelperFontWeight: '--plasma-range__left-helper-font-weight',\n leftHelperLetterSpacing: '--plasma-range__left-helper-letter-spacing',\n leftHelperLineHeight: '--plasma-range__left-helper-line-height',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-range-disabled-opacity',\n\n /** Цвет обводки поля ввода при фокусе */\n focusColor: '--plasma-range-focus-color',\n\n /** Токены полей ввода */\n textFieldColor: '--plasma-range-textfield-color',\n textFieldFocusColor: '--plasma-range-textfield-focus-color',\n textFieldPlaceholderColor: '--plasma-range-textfield-placeholder-color',\n textFieldCaretColor: '--plasma-range-textfield-caret-color',\n\n textFieldBackgroundColor: '--plasma-range-textfield-background-color',\n textFieldBackgroundColorHover: '--plasma-range-textfield-background-color-hover',\n textFieldBackgroundColorFocus: '--plasma-range-textfield-background-color-focus',\n textFieldBackgroundErrorColor: '--plasma-range-textfield-background-color-error',\n textFieldBackgroundErrorColorHover: '--plasma-range-textfield-background-color-error-hover',\n textFieldBackgroundErrorColorFocus: '--plasma-range-textfield-background-color-error-focus',\n textFieldBackgroundSuccessColor: '--plasma-range-textfield-background-color-success',\n textFieldBackgroundSuccessColorHover: '--plasma-range-textfield-background-color-success-hover',\n textFieldBackgroundSuccessColorFocus: '--plasma-range-textfield-background-color-success-focus',\n\n textFieldBorderColor: '--plasma-range-textfield-border-color',\n textFieldPlaceholderColorFocus: '--plasma-range-textfield__placeholder-color-focus',\n textFieldBorderColorHover: '--plasma-range-textfield-border-color-hover',\n textFieldBorderColorFocus: '--plasma-range-textfield-border-color-focus',\n textFieldBorderColorError: '--plasma-range-textfield-border-color-error',\n textFieldBorderColorErrorHover: '--plasma-range-textfield-border-color-error-hover',\n textFieldBorderColorErrorFocus: '--plasma-range-textfield-border-color-error-focus',\n textFieldBorderColorSuccess: '--plasma-range-textfield-border-color-success',\n textFieldBorderColorSuccessHover: '--plasma-range-textfield-border-color-success-hover',\n textFieldBorderColorSuccessFocus: '--plasma-range-textfield-border-color-success-focus',\n\n textFieldColorReadOnly: '--plasma-range-textfield-color-readonly',\n textFieldBackgroundColorReadOnly: '--plasma-range-textfield-background-color-readonly',\n textFieldBorderColorReadOnly: '--plasma-range-textfield-border-color-readonly',\n textFieldPlaceholderColorReadOnly: '--plasma-range-textfield-placeholder-color-readonly',\n\n textFieldHeight: '--plasma-range-textfield-height',\n textFieldBorderWidth: '--plasma-range-textfield-border-width',\n textFieldBorderRadius: '--plasma-range-textfield-border-radius',\n textFieldPadding: '--plasma-range-textfield-padding',\n textFieldLeftContentMargin: '--plasma-range-textfield__left-content-margin',\n textFieldRightContentMargin: '--plasma-range-textfield__right-content-margin',\n textFieldFontFamily: '--plasma-range-textfield-font-family',\n textFieldFontStyle: '--plasma-range-textfield-font-style',\n textFieldFontSize: '--plasma-range-textfield-font-size',\n textFieldFontWeight: '--plasma-range-textfield-font-weight',\n textFieldLetterSpacing: '--plasma-range-textfield-letter-spacing',\n textFieldLineHeight: '--plasma-range-textfield-line-height',\n\n textFieldTextBeforeColor: '--plasma-range-textfield__before-text-color',\n textFieldTextAfterColor: '--plasma-range-textfield__after-text-color',\n textFieldTextBeforeMargin: '--plasma-range-textfield__before-text-margin',\n textFieldTextAfterMargin: '--plasma-range-textfield__after-text-margin',\n};\n"],"names":["classes","rangeError","rangeValueError","rangeSuccess","rangeValueSuccess","requiredAlignRight","requiredOuterPlacement","tokens","background","backgroundError","backgroundSuccess","backgroundReadOnly","borderRadius","borderWidth","borderColor","borderColorError","borderColorSuccess","borderColorReadOnly","dividerColor","dividerColorReadOnly","dividerOpacityReadOnly","dividerPadding","dividerFontFamily","dividerFontStyle","dividerFontSize","dividerFontWeight","dividerLetterSpacing","dividerLineHeight","leftContentMargin","rightContentMargin","rightContentOpacityReadOnly","labelColor","labelColorReadOnly","labelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","indicatorColor","indicatorSize","indicatorSizeOuter","indicatorPlacement","indicatorPlacementRight","indicatorOuterPlacement","indicatorOuterPlacementRight","leftHelperColor","leftHelperColorReadOnly","leftHelperOffset","leftHelperColorError","leftHelperColorSuccess","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","disabledOpacity","focusColor","textFieldColor","textFieldFocusColor","textFieldPlaceholderColor","textFieldCaretColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBackgroundErrorColor","textFieldBackgroundErrorColorHover","textFieldBackgroundErrorColorFocus","textFieldBackgroundSuccessColor","textFieldBackgroundSuccessColorHover","textFieldBackgroundSuccessColorFocus","textFieldBorderColor","textFieldPlaceholderColorFocus","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldBorderColorError","textFieldBorderColorErrorHover","textFieldBorderColorErrorFocus","textFieldBorderColorSuccess","textFieldBorderColorSuccessHover","textFieldBorderColorSuccessFocus","textFieldColorReadOnly","textFieldBackgroundColorReadOnly","textFieldBorderColorReadOnly","textFieldPlaceholderColorReadOnly","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin"],"mappings":"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"}
|