@salutejs/plasma-new-hope 0.272.0-canary.1770.13398571521.0 → 0.272.0-canary.1776.13400228272.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (228) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +1 -1
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.css +1 -1
  3. package/cjs/components/DatePicker/RangeDate/RangeDate.css +2 -2
  4. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
  5. package/cjs/components/DatePicker/SingleDate/SingleDate.css +1 -1
  6. package/cjs/components/Pagination/Pagination.css +1 -1
  7. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
  8. package/cjs/components/Range/Range.css +2 -2
  9. package/cjs/components/Range/Range.styles.js.map +1 -1
  10. package/cjs/components/Range/Range.tokens.js +0 -2
  11. package/cjs/components/Range/Range.tokens.js.map +1 -1
  12. package/cjs/components/Range/variations/_readonly/base.js +1 -1
  13. package/cjs/components/Range/variations/_readonly/base.js.map +1 -1
  14. package/cjs/components/Range/variations/_readonly/{base_1jlqwtc.css → base_8q1gx8.css} +1 -1
  15. package/cjs/components/Select/Select.css +1 -1
  16. package/cjs/components/Select/ui/Target/Target.css +1 -1
  17. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
  18. package/cjs/components/Slider/Slider.css +1 -1
  19. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
  20. package/cjs/components/Steps/Steps.css +9 -9
  21. package/cjs/components/Steps/Steps.tokens.js +1 -0
  22. package/cjs/components/Steps/Steps.tokens.js.map +1 -1
  23. package/cjs/components/Steps/ui/StepItem/StepItem.css +9 -9
  24. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +1 -1
  25. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
  26. package/cjs/components/Steps/ui/StepItem/StepItem.styles_c6jhr1.css +9 -0
  27. package/cjs/components/TextArea/TextArea.js +7 -9
  28. package/cjs/components/TextArea/TextArea.js.map +1 -1
  29. package/cjs/components/TextArea/TextArea.tokens.js +0 -3
  30. package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
  31. package/cjs/components/TextArea/variations/_clear/base.js.map +1 -1
  32. package/cjs/components/TextField/TextField.tokens.js +0 -1
  33. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  34. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  35. package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
  36. package/cjs/components/TextField/variations/_read-only/base_oizdmx.css +1 -0
  37. package/cjs/index.css +11 -13
  38. package/emotion/cjs/components/Range/Range.styles.js +10 -10
  39. package/emotion/cjs/components/Range/Range.tokens.js +0 -2
  40. package/emotion/cjs/components/Range/variations/_readonly/base.js +1 -1
  41. package/emotion/cjs/components/Steps/Steps.tokens.js +1 -0
  42. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +10 -10
  43. package/emotion/cjs/components/TextArea/TextArea.js +8 -10
  44. package/emotion/cjs/components/TextArea/TextArea.tokens.js +0 -3
  45. package/emotion/cjs/components/TextArea/variations/_clear/base.js +1 -1
  46. package/emotion/cjs/components/TextField/TextField.tokens.js +0 -1
  47. package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
  48. package/emotion/cjs/components/_Icon/Icons/IconChevronLeft.js +3 -8
  49. package/emotion/cjs/components/_Icon/index.js +0 -7
  50. package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -1
  51. package/emotion/cjs/examples/plasma_b2c/components/Range/Range.config.js +7 -7
  52. package/emotion/cjs/examples/plasma_b2c/components/Range/Range.stories.tsx +7 -14
  53. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +14 -17
  54. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +20 -71
  55. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +22 -22
  56. package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +26 -92
  57. package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -1
  58. package/emotion/cjs/examples/plasma_web/components/Range/Range.config.js +7 -7
  59. package/emotion/cjs/examples/plasma_web/components/Range/Range.stories.tsx +7 -14
  60. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +20 -71
  61. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +22 -22
  62. package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +25 -85
  63. package/emotion/es/components/Range/Range.styles.js +10 -10
  64. package/emotion/es/components/Range/Range.tokens.js +0 -2
  65. package/emotion/es/components/Range/variations/_readonly/base.js +1 -1
  66. package/emotion/es/components/Steps/Steps.tokens.js +1 -0
  67. package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +10 -10
  68. package/emotion/es/components/TextArea/TextArea.js +4 -6
  69. package/emotion/es/components/TextArea/TextArea.tokens.js +0 -3
  70. package/emotion/es/components/TextArea/variations/_clear/base.js +1 -1
  71. package/emotion/es/components/TextField/TextField.tokens.js +0 -1
  72. package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
  73. package/emotion/es/components/_Icon/Icons/IconChevronLeft.js +3 -8
  74. package/emotion/es/components/_Icon/index.js +0 -1
  75. package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -1
  76. package/emotion/es/examples/plasma_b2c/components/Range/Range.config.js +7 -7
  77. package/emotion/es/examples/plasma_b2c/components/Range/Range.stories.tsx +7 -14
  78. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +14 -17
  79. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +20 -71
  80. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +22 -22
  81. package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +26 -92
  82. package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -1
  83. package/emotion/es/examples/plasma_web/components/Range/Range.config.js +7 -7
  84. package/emotion/es/examples/plasma_web/components/Range/Range.stories.tsx +7 -14
  85. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +20 -71
  86. package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +22 -22
  87. package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +25 -85
  88. package/es/components/Autocomplete/Autocomplete.css +1 -1
  89. package/es/components/Combobox/ComboboxNew/Combobox.css +1 -1
  90. package/es/components/DatePicker/RangeDate/RangeDate.css +2 -2
  91. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
  92. package/es/components/DatePicker/SingleDate/SingleDate.css +1 -1
  93. package/es/components/Pagination/Pagination.css +1 -1
  94. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
  95. package/es/components/Range/Range.css +2 -2
  96. package/es/components/Range/Range.styles.js.map +1 -1
  97. package/es/components/Range/Range.tokens.js +0 -2
  98. package/es/components/Range/Range.tokens.js.map +1 -1
  99. package/es/components/Range/variations/_readonly/base.js +1 -1
  100. package/es/components/Range/variations/_readonly/base.js.map +1 -1
  101. package/es/components/Range/variations/_readonly/{base_1jlqwtc.css → base_8q1gx8.css} +1 -1
  102. package/es/components/Select/Select.css +1 -1
  103. package/es/components/Select/ui/Target/Target.css +1 -1
  104. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
  105. package/es/components/Slider/Slider.css +1 -1
  106. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
  107. package/es/components/Steps/Steps.css +9 -9
  108. package/es/components/Steps/Steps.tokens.js +1 -0
  109. package/es/components/Steps/Steps.tokens.js.map +1 -1
  110. package/es/components/Steps/ui/StepItem/StepItem.css +9 -9
  111. package/es/components/Steps/ui/StepItem/StepItem.styles.js +1 -1
  112. package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
  113. package/es/components/Steps/ui/StepItem/StepItem.styles_c6jhr1.css +9 -0
  114. package/es/components/TextArea/TextArea.js +7 -9
  115. package/es/components/TextArea/TextArea.js.map +1 -1
  116. package/es/components/TextArea/TextArea.tokens.js +0 -3
  117. package/es/components/TextArea/TextArea.tokens.js.map +1 -1
  118. package/es/components/TextArea/variations/_clear/base.js.map +1 -1
  119. package/es/components/TextField/TextField.tokens.js +0 -1
  120. package/es/components/TextField/TextField.tokens.js.map +1 -1
  121. package/es/components/TextField/variations/_read-only/base.js +1 -1
  122. package/es/components/TextField/variations/_read-only/base.js.map +1 -1
  123. package/es/components/TextField/variations/_read-only/base_oizdmx.css +1 -0
  124. package/es/index.css +11 -13
  125. package/package.json +2 -2
  126. package/styled-components/cjs/components/Range/Range.tokens.js +0 -2
  127. package/styled-components/cjs/components/Range/variations/_readonly/base.js +1 -1
  128. package/styled-components/cjs/components/Steps/Steps.tokens.js +1 -0
  129. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +2 -2
  130. package/styled-components/cjs/components/TextArea/TextArea.js +7 -9
  131. package/styled-components/cjs/components/TextArea/TextArea.tokens.js +0 -3
  132. package/styled-components/cjs/components/TextField/TextField.tokens.js +0 -1
  133. package/styled-components/cjs/components/TextField/variations/_read-only/base.js +1 -1
  134. package/styled-components/cjs/components/_Icon/Icons/IconChevronLeft.js +3 -8
  135. package/styled-components/cjs/components/_Icon/index.js +0 -7
  136. package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -1
  137. package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.config.js +1 -1
  138. package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.stories.tsx +7 -14
  139. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +0 -3
  140. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +20 -71
  141. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +7 -7
  142. package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +26 -92
  143. package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -1
  144. package/styled-components/cjs/examples/plasma_web/components/Range/Range.config.js +1 -1
  145. package/styled-components/cjs/examples/plasma_web/components/Range/Range.stories.tsx +7 -14
  146. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +20 -71
  147. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +7 -7
  148. package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +25 -85
  149. package/styled-components/es/components/Range/Range.tokens.js +0 -2
  150. package/styled-components/es/components/Range/variations/_readonly/base.js +1 -1
  151. package/styled-components/es/components/Steps/Steps.tokens.js +1 -0
  152. package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +2 -2
  153. package/styled-components/es/components/TextArea/TextArea.js +3 -5
  154. package/styled-components/es/components/TextArea/TextArea.tokens.js +0 -3
  155. package/styled-components/es/components/TextField/TextField.tokens.js +0 -1
  156. package/styled-components/es/components/TextField/variations/_read-only/base.js +2 -2
  157. package/styled-components/es/components/_Icon/Icons/IconChevronLeft.js +3 -8
  158. package/styled-components/es/components/_Icon/index.js +0 -1
  159. package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -1
  160. package/styled-components/es/examples/plasma_b2c/components/Range/Range.config.js +1 -1
  161. package/styled-components/es/examples/plasma_b2c/components/Range/Range.stories.tsx +7 -14
  162. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +0 -3
  163. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +20 -71
  164. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +7 -7
  165. package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +26 -92
  166. package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +1 -1
  167. package/styled-components/es/examples/plasma_web/components/Range/Range.config.js +1 -1
  168. package/styled-components/es/examples/plasma_web/components/Range/Range.stories.tsx +7 -14
  169. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +20 -71
  170. package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +7 -7
  171. package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +25 -85
  172. package/types/components/Range/Range.tokens.d.ts +0 -2
  173. package/types/components/Range/Range.tokens.d.ts.map +1 -1
  174. package/types/components/Range/variations/_readonly/base.d.ts.map +1 -1
  175. package/types/components/Steps/Steps.tokens.d.ts +1 -0
  176. package/types/components/Steps/Steps.tokens.d.ts.map +1 -1
  177. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +1 -1
  178. package/types/components/TextArea/TextArea.d.ts +2 -3
  179. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  180. package/types/components/TextArea/TextArea.tokens.d.ts +0 -3
  181. package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
  182. package/types/components/TextArea/variations/_clear/base.d.ts.map +1 -1
  183. package/types/components/TextField/TextField.tokens.d.ts +0 -1
  184. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  185. package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
  186. package/types/components/_Icon/Icons/IconChevronLeft.d.ts.map +1 -1
  187. package/types/components/_Icon/index.d.ts +0 -1
  188. package/types/components/_Icon/index.d.ts.map +1 -1
  189. package/types/examples/plasma_b2c/components/Range/Range.config.d.ts.map +1 -1
  190. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +0 -3
  191. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
  192. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +0 -3
  193. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
  194. package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
  195. package/types/examples/plasma_web/components/Range/Range.config.d.ts.map +1 -1
  196. package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -1
  197. package/cjs/components/Steps/ui/StepItem/StepItem.styles_acxstj.css +0 -9
  198. package/cjs/components/TextArea/variations/_read-only/base.js +0 -9
  199. package/cjs/components/TextArea/variations/_read-only/base.js.map +0 -1
  200. package/cjs/components/TextArea/variations/_read-only/base_2remzk.css +0 -1
  201. package/cjs/components/TextField/variations/_read-only/base_sr3to2.css +0 -1
  202. package/emotion/cjs/components/TextArea/variations/_read-only/base.js +0 -10
  203. package/emotion/cjs/components/TextArea/variations/_read-only/tokens.json +0 -1
  204. package/emotion/cjs/components/_Icon/Icon.assets/Lock.js +0 -25
  205. package/emotion/cjs/components/_Icon/Icons/IconLock.js +0 -29
  206. package/emotion/es/components/TextArea/variations/_read-only/base.js +0 -4
  207. package/emotion/es/components/TextArea/variations/_read-only/tokens.json +0 -1
  208. package/emotion/es/components/_Icon/Icon.assets/Lock.js +0 -18
  209. package/emotion/es/components/_Icon/Icons/IconLock.js +0 -22
  210. package/es/components/Steps/ui/StepItem/StepItem.styles_acxstj.css +0 -9
  211. package/es/components/TextArea/variations/_read-only/base.js +0 -5
  212. package/es/components/TextArea/variations/_read-only/base.js.map +0 -1
  213. package/es/components/TextArea/variations/_read-only/base_2remzk.css +0 -1
  214. package/es/components/TextField/variations/_read-only/base_sr3to2.css +0 -1
  215. package/styled-components/cjs/components/TextArea/variations/_read-only/base.js +0 -10
  216. package/styled-components/cjs/components/TextArea/variations/_read-only/tokens.json +0 -1
  217. package/styled-components/cjs/components/_Icon/Icon.assets/Lock.js +0 -25
  218. package/styled-components/cjs/components/_Icon/Icons/IconLock.js +0 -29
  219. package/styled-components/es/components/TextArea/variations/_read-only/base.js +0 -4
  220. package/styled-components/es/components/TextArea/variations/_read-only/tokens.json +0 -1
  221. package/styled-components/es/components/_Icon/Icon.assets/Lock.js +0 -18
  222. package/styled-components/es/components/_Icon/Icons/IconLock.js +0 -22
  223. package/types/components/TextArea/variations/_read-only/base.d.ts +0 -2
  224. package/types/components/TextArea/variations/_read-only/base.d.ts.map +0 -1
  225. package/types/components/_Icon/Icon.assets/Lock.d.ts +0 -4
  226. package/types/components/_Icon/Icon.assets/Lock.d.ts.map +0 -1
  227. package/types/components/_Icon/Icons/IconLock.d.ts +0 -4
  228. package/types/components/_Icon/Icons/IconLock.d.ts.map +0 -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, IconLock } from '../../../../components/_Icon';
7
+ import { IconCross } from '../../../../components/_Icon';
8
8
  import type { PopoverPlacement } from '../Popover/Popover';
9
9
 
10
10
  import { TextField } from './TextField';
@@ -43,16 +43,6 @@ 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
-
56
46
  const meta: Meta<typeof TextField> = {
57
47
  title: 'web/Data Entry/TextField',
58
48
  component: TextField,
@@ -68,28 +58,19 @@ const meta: Meta<typeof TextField> = {
68
58
  control: {
69
59
  type: 'boolean',
70
60
  },
71
- if: {
72
- arg: 'optional',
73
- truthy: false,
74
- },
61
+ if: { arg: 'optional', truthy: false },
75
62
  },
76
63
  optional: {
77
64
  control: {
78
65
  type: 'boolean',
79
66
  },
80
- if: {
81
- arg: 'required',
82
- truthy: false,
83
- },
67
+ if: { arg: 'required', truthy: false },
84
68
  },
85
69
  hasDivider: {
86
70
  control: {
87
71
  type: 'boolean',
88
72
  },
89
- if: {
90
- arg: 'clear',
91
- truthy: true,
92
- },
73
+ if: { arg: 'clear', truthy: true },
93
74
  },
94
75
  view: {
95
76
  options: views,
@@ -112,10 +93,7 @@ const meta: Meta<typeof TextField> = {
112
93
  control: {
113
94
  type: 'boolean',
114
95
  },
115
- if: {
116
- arg: 'labelPlacement',
117
- eq: 'inner',
118
- },
96
+ if: { arg: 'labelPlacement', eq: 'inner' },
119
97
  },
120
98
  size: {
121
99
  options: sizes,
@@ -125,75 +103,51 @@ const meta: Meta<typeof TextField> = {
125
103
  },
126
104
  hintText: {
127
105
  control: { type: 'text' },
128
- if: {
129
- arg: 'hasHint',
130
- truthy: true,
131
- },
106
+ if: { arg: 'hasHint', truthy: true },
132
107
  },
133
108
  hintView: {
134
109
  options: hintViews,
135
110
  control: {
136
111
  type: 'select',
137
112
  },
138
- if: {
139
- arg: 'hasHint',
140
- truthy: true,
141
- },
113
+ if: { arg: 'hasHint', truthy: true },
142
114
  },
143
115
  hintSize: {
144
116
  options: hintSizes,
145
117
  control: {
146
118
  type: 'select',
147
119
  },
148
- if: {
149
- arg: 'hasHint',
150
- truthy: true,
151
- },
120
+ if: { arg: 'hasHint', truthy: true },
152
121
  },
153
122
  hintTargetPlacement: {
154
123
  options: hintTargetPlacements,
155
124
  control: {
156
125
  type: 'inline-radio',
157
126
  },
158
- if: {
159
- arg: 'hasHint',
160
- truthy: true,
161
- },
127
+ if: { arg: 'hasHint', truthy: true },
162
128
  },
163
129
  hintTrigger: {
164
130
  options: hintTriggers,
165
131
  control: {
166
132
  type: 'inline-radio',
167
133
  },
168
- if: {
169
- arg: 'hasHint',
170
- truthy: true,
171
- },
134
+ if: { arg: 'hasHint', truthy: true },
172
135
  },
173
136
  hintPlacement: {
174
137
  options: placements,
175
138
  control: {
176
139
  type: 'select',
177
140
  },
178
- if: {
179
- arg: 'hasHint',
180
- truthy: true,
181
- },
141
+ if: { arg: 'hasHint', truthy: true },
182
142
  mappers: placements,
183
143
  },
184
144
  hintHasArrow: {
185
145
  control: { type: 'boolean' },
186
- if: {
187
- arg: 'hasHint',
188
- truthy: true,
189
- },
146
+ if: { arg: 'hasHint', truthy: true },
190
147
  },
191
148
  hintWidth: {
192
149
  control: { type: 'text' },
193
- if: {
194
- arg: 'hasHint',
195
- truthy: true,
196
- },
150
+ if: { arg: 'hasHint', truthy: true },
197
151
  },
198
152
  chipType: {
199
153
  control: 'select',
@@ -229,28 +183,19 @@ type StoryPropsDefault = Omit<
229
183
  enableContentRight: boolean;
230
184
  };
231
185
 
232
- const StoryDemo = ({ enableContentLeft, enableContentRight, view, readOnly, ...rest }: StoryPropsDefault) => {
186
+ const StoryDemo = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsDefault) => {
233
187
  const [text, setText] = useState('Значение поля');
234
188
 
235
- const contentRight = enableContentRight || readOnly ? getIcon(IconCross, rest.size, readOnly) : undefined;
189
+ const iconSize = rest.size === 'xs' ? 'xs' : 's';
236
190
 
237
191
  return (
238
- <div
239
- style={{
240
- display: 'flex',
241
- flexDirection: 'column',
242
- gap: '2rem',
243
- width: '70%',
244
- margin: '0 auto',
245
- }}
246
- >
192
+ <div style={{ display: 'flex', flexDirection: 'column', gap: '2rem', width: '70%', margin: '0 auto' }}>
247
193
  <TextField
248
194
  {...rest}
249
195
  enumerationType="plain"
250
196
  value={text}
251
- readOnly={readOnly}
252
- contentLeft={enableContentLeft ? getIcon(IconPlaceholder, rest.size) : undefined}
253
- contentRight={contentRight}
197
+ contentLeft={enableContentLeft ? <IconCross color="inherit" size={iconSize} /> : undefined}
198
+ contentRight={enableContentRight ? <IconCross color="inherit" size={iconSize} /> : undefined}
254
199
  view={view}
255
200
  onChange={(e) => {
256
201
  setText(e.target.value);
@@ -266,10 +211,9 @@ const StoryDemo = ({ enableContentLeft, enableContentRight, view, readOnly, ...r
266
211
  label="Uncontrolled TextField"
267
212
  defaultValue="Дефолтное значение"
268
213
  enumerationType="plain"
269
- contentLeft={enableContentLeft ? getIcon(IconPlaceholder, rest.size) : undefined}
270
- contentRight={contentRight}
214
+ contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
215
+ contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
271
216
  view={view}
272
- readOnly={readOnly}
273
217
  onFocus={onFocus}
274
218
  onBlur={onBlur}
275
219
  onSearch={onSearch}
@@ -341,10 +285,10 @@ type StoryPropsChips = Omit<
341
285
  enableContentRight: boolean;
342
286
  };
343
287
 
344
- const StoryChips = ({ enableContentLeft, enableContentRight, view, readOnly, ...rest }: StoryPropsChips) => {
288
+ const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsChips) => {
345
289
  const [text, setText] = useState('Значение поля');
346
290
 
347
- const contentRight = enableContentRight || readOnly ? getIcon(IconCross, rest.size, readOnly) : undefined;
291
+ const iconSize = rest.size === 'xs' ? 'xs' : 's';
348
292
 
349
293
  const validateChip = (value) => (value === '1 value' ? { view: 'negative' } : {});
350
294
 
@@ -353,10 +297,9 @@ const StoryChips = ({ enableContentLeft, enableContentRight, view, readOnly, ...
353
297
  {...rest}
354
298
  enumerationType="chip"
355
299
  value={text}
356
- contentLeft={enableContentLeft ? getIcon(IconPlaceholder, rest.size) : undefined}
357
- contentRight={contentRight}
300
+ contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
301
+ contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
358
302
  view={view}
359
- readOnly={readOnly}
360
303
  onChange={(e) => {
361
304
  setText(e.target.value);
362
305
  onChange(e.target.value);
@@ -365,10 +308,7 @@ const StoryChips = ({ enableContentLeft, enableContentRight, view, readOnly, ...
365
308
  onBlur={onBlur}
366
309
  onChangeChips={onChipsChange}
367
310
  chipValidator={validateChip}
368
- style={{
369
- width: '70%',
370
- margin: '0 auto',
371
- }}
311
+ style={{ width: '70%', margin: '0 auto' }}
372
312
  />
373
313
  );
374
314
  };
@@ -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
- .base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171{position:relative;color:var(--plasma-textfield-color-readonly);background-color:transparent;box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);z-index:-1;}.base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171:hover{background-color:transparent;}.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldHasDivider__b33aa171 .base_sr3to2_iq39zt5__b33aa171:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_iq39zt5__b33aa171:focus-within .base_sr3to2_i19ry60d__b33aa171,.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_i19ry60d__b33aa171{color:var(--plasma-textfield__placeholder-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_io4bpie__b33aa171{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_tlv9av6__b33aa171{color:var(--plasma-textfield__title-caption-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_lb3k3v1__b33aa171{color:var(--plasma-textfield__left-helper-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_s190z894__b33aa171:hover,.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_s190z894__b33aa171:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_labelPlacementOuter__b33aa171 .base_sr3to2_luk2zst__b33aa171{color:var(--plasma-textfield__label-color-readonly);}
9
+ .base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348{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_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_textfieldHasDivider__677e5348 .base_oizdmx_iq39zt5__677e5348:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:focus-within .base_oizdmx_i19ry60d__677e5348,.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_i19ry60d__677e5348{color:var(--plasma-textfield__placeholder-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_io4bpie__677e5348{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_tlv9av6__677e5348{color:var(--plasma-textfield__title-caption-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_lb3k3v1__677e5348{color:var(--plasma-textfield__left-helper-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_labelPlacementOuter__677e5348 .base_oizdmx_luk2zst__677e5348{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
- .base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171{position:relative;color:var(--plasma-textfield-color-readonly);background-color:transparent;box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);z-index:-1;}.base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171:hover{background-color:transparent;}.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldHasDivider__b33aa171 .base_sr3to2_iq39zt5__b33aa171:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_iq39zt5__b33aa171:focus-within .base_sr3to2_i19ry60d__b33aa171,.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_i19ry60d__b33aa171{color:var(--plasma-textfield__placeholder-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_io4bpie__b33aa171{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_tlv9av6__b33aa171{color:var(--plasma-textfield__title-caption-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_lb3k3v1__b33aa171{color:var(--plasma-textfield__left-helper-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_s190z894__b33aa171:hover,.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_s190z894__b33aa171:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_labelPlacementOuter__b33aa171 .base_sr3to2_luk2zst__b33aa171{color:var(--plasma-textfield__label-color-readonly);}
59
+ .base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348{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_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_textfieldHasDivider__677e5348 .base_oizdmx_iq39zt5__677e5348:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:focus-within .base_oizdmx_i19ry60d__677e5348,.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_i19ry60d__677e5348{color:var(--plasma-textfield__placeholder-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_io4bpie__677e5348{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_tlv9av6__677e5348{color:var(--plasma-textfield__title-caption-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_lb3k3v1__677e5348{color:var(--plasma-textfield__left-helper-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_labelPlacementOuter__677e5348 .base_oizdmx_luk2zst__677e5348{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
- .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);}
87
+ .base_8q1gx8_b1l9fpln__a910018b[readonly]{cursor:default;}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_cfxtxl2__a910018b{background:var(--plasma-range-background-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_s14q3826__a910018b{display:block;color:var(--plasma-range__label-color-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_l1e6rwfy__a910018b{color:var(--plasma-range__left-helper-color-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_s1hiyoiq__a910018b{color:var(--plasma-range__divider-color-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_s15y5ylz__a910018b,.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_suha98b__a910018b{color:var(--plasma-range-textfield-color-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
- .base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171{position:relative;color:var(--plasma-textfield-color-readonly);background-color:transparent;box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);z-index:-1;}.base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171:hover{background-color:transparent;}.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldHasDivider__b33aa171 .base_sr3to2_iq39zt5__b33aa171:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_iq39zt5__b33aa171:focus-within .base_sr3to2_i19ry60d__b33aa171,.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_i19ry60d__b33aa171{color:var(--plasma-textfield__placeholder-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_io4bpie__b33aa171{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_tlv9av6__b33aa171{color:var(--plasma-textfield__title-caption-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_lb3k3v1__b33aa171{color:var(--plasma-textfield__left-helper-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_s190z894__b33aa171:hover,.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_s190z894__b33aa171:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_labelPlacementOuter__b33aa171 .base_sr3to2_luk2zst__b33aa171{color:var(--plasma-textfield__label-color-readonly);}
97
+ .base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348{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_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_textfieldHasDivider__677e5348 .base_oizdmx_iq39zt5__677e5348:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:focus-within .base_oizdmx_i19ry60d__677e5348,.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_i19ry60d__677e5348{color:var(--plasma-textfield__placeholder-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_io4bpie__677e5348{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_tlv9av6__677e5348{color:var(--plasma-textfield__title-caption-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_lb3k3v1__677e5348{color:var(--plasma-textfield__left-helper-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_labelPlacementOuter__677e5348 .base_oizdmx_luk2zst__677e5348{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
- .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);}
7
+ .base_8q1gx8_b1l9fpln__a910018b[readonly]{cursor:default;}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_cfxtxl2__a910018b{background:var(--plasma-range-background-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_s14q3826__a910018b{display:block;color:var(--plasma-range__label-color-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_l1e6rwfy__a910018b{color:var(--plasma-range__left-helper-color-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_s1hiyoiq__a910018b{color:var(--plasma-range__divider-color-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_s15y5ylz__a910018b,.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_suha98b__a910018b{color:var(--plasma-range-textfield-color-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
- .base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171{position:relative;color:var(--plasma-textfield-color-readonly);background-color:transparent;box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);z-index:-1;}.base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171:hover{background-color:transparent;}.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldHasDivider__b33aa171 .base_sr3to2_iq39zt5__b33aa171:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_iq39zt5__b33aa171:focus-within .base_sr3to2_i19ry60d__b33aa171,.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_i19ry60d__b33aa171{color:var(--plasma-textfield__placeholder-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_io4bpie__b33aa171{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_tlv9av6__b33aa171{color:var(--plasma-textfield__title-caption-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_lb3k3v1__b33aa171{color:var(--plasma-textfield__left-helper-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_s190z894__b33aa171:hover,.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_s190z894__b33aa171:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_labelPlacementOuter__b33aa171 .base_sr3to2_luk2zst__b33aa171{color:var(--plasma-textfield__label-color-readonly);}
17
+ .base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348{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_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_textfieldHasDivider__677e5348 .base_oizdmx_iq39zt5__677e5348:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:focus-within .base_oizdmx_i19ry60d__677e5348,.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_i19ry60d__677e5348{color:var(--plasma-textfield__placeholder-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_io4bpie__677e5348{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_tlv9av6__677e5348{color:var(--plasma-textfield__title-caption-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_lb3k3v1__677e5348{color:var(--plasma-textfield__left-helper-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_labelPlacementOuter__677e5348 .base_oizdmx_luk2zst__677e5348{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
- .base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171{position:relative;color:var(--plasma-textfield-color-readonly);background-color:transparent;box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);z-index:-1;}.base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171:hover{background-color:transparent;}.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldHasDivider__b33aa171 .base_sr3to2_iq39zt5__b33aa171:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_iq39zt5__b33aa171:focus-within .base_sr3to2_i19ry60d__b33aa171,.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_i19ry60d__b33aa171{color:var(--plasma-textfield__placeholder-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_io4bpie__b33aa171{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_tlv9av6__b33aa171{color:var(--plasma-textfield__title-caption-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_lb3k3v1__b33aa171{color:var(--plasma-textfield__left-helper-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_s190z894__b33aa171:hover,.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_s190z894__b33aa171:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_labelPlacementOuter__b33aa171 .base_sr3to2_luk2zst__b33aa171{color:var(--plasma-textfield__label-color-readonly);}
87
+ .base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348{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_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_textfieldHasDivider__677e5348 .base_oizdmx_iq39zt5__677e5348:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:focus-within .base_oizdmx_i19ry60d__677e5348,.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_i19ry60d__677e5348{color:var(--plasma-textfield__placeholder-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_io4bpie__677e5348{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_tlv9av6__677e5348{color:var(--plasma-textfield__title-caption-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_lb3k3v1__677e5348{color:var(--plasma-textfield__left-helper-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_labelPlacementOuter__677e5348 .base_oizdmx_luk2zst__677e5348{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
- .base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171{position:relative;color:var(--plasma-textfield-color-readonly);background-color:transparent;box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);z-index:-1;}.base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171:hover{background-color:transparent;}.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldHasDivider__b33aa171 .base_sr3to2_iq39zt5__b33aa171:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_iq39zt5__b33aa171:focus-within .base_sr3to2_i19ry60d__b33aa171,.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_i19ry60d__b33aa171{color:var(--plasma-textfield__placeholder-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_io4bpie__b33aa171{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_tlv9av6__b33aa171{color:var(--plasma-textfield__title-caption-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_lb3k3v1__b33aa171{color:var(--plasma-textfield__left-helper-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_s190z894__b33aa171:hover,.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_s190z894__b33aa171:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_labelPlacementOuter__b33aa171 .base_sr3to2_luk2zst__b33aa171{color:var(--plasma-textfield__label-color-readonly);}
123
+ .base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348{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_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_textfieldHasDivider__677e5348 .base_oizdmx_iq39zt5__677e5348:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:focus-within .base_oizdmx_i19ry60d__677e5348,.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_i19ry60d__677e5348{color:var(--plasma-textfield__placeholder-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_io4bpie__677e5348{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_tlv9av6__677e5348{color:var(--plasma-textfield__title-caption-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_lb3k3v1__677e5348{color:var(--plasma-textfield__left-helper-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_labelPlacementOuter__677e5348 .base_oizdmx_luk2zst__677e5348{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
- .base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171{position:relative;color:var(--plasma-textfield-color-readonly);background-color:transparent;box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);z-index:-1;}.base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171:hover{background-color:transparent;}.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldHasDivider__b33aa171 .base_sr3to2_iq39zt5__b33aa171:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_iq39zt5__b33aa171:focus-within .base_sr3to2_i19ry60d__b33aa171,.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_i19ry60d__b33aa171{color:var(--plasma-textfield__placeholder-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_io4bpie__b33aa171{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_tlv9av6__b33aa171{color:var(--plasma-textfield__title-caption-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_lb3k3v1__b33aa171{color:var(--plasma-textfield__left-helper-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_s190z894__b33aa171:hover,.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_s190z894__b33aa171:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_labelPlacementOuter__b33aa171 .base_sr3to2_luk2zst__b33aa171{color:var(--plasma-textfield__label-color-readonly);}
91
+ .base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348{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_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_textfieldHasDivider__677e5348 .base_oizdmx_iq39zt5__677e5348:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:focus-within .base_oizdmx_i19ry60d__677e5348,.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_i19ry60d__677e5348{color:var(--plasma-textfield__placeholder-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_io4bpie__677e5348{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_tlv9av6__677e5348{color:var(--plasma-textfield__title-caption-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_lb3k3v1__677e5348{color:var(--plasma-textfield__left-helper-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_labelPlacementOuter__677e5348 .base_oizdmx_luk2zst__677e5348{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
- .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);}
7
+ .base_8q1gx8_b1l9fpln__a910018b[readonly]{cursor:default;}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_cfxtxl2__a910018b{background:var(--plasma-range-background-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_s14q3826__a910018b{display:block;color:var(--plasma-range__label-color-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_l1e6rwfy__a910018b{color:var(--plasma-range__left-helper-color-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_s1hiyoiq__a910018b{color:var(--plasma-range__divider-color-readonly);}.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_s15y5ylz__a910018b,.base_8q1gx8_b1l9fpln__a910018b[readonly] .base_8q1gx8_suha98b__a910018b{color:var(--plasma-range-textfield-color-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
- .base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171{position:relative;color:var(--plasma-textfield-color-readonly);background-color:transparent;box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);z-index:-1;}.base_sr3to2_b1w985rt__b33aa171[readonly]:not(.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldClear__b33aa171) .base_sr3to2_iq39zt5__b33aa171:hover{background-color:transparent;}.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_textfieldHasDivider__b33aa171 .base_sr3to2_iq39zt5__b33aa171:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_iq39zt5__b33aa171:focus-within .base_sr3to2_i19ry60d__b33aa171,.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_i19ry60d__b33aa171{color:var(--plasma-textfield__placeholder-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_io4bpie__b33aa171{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_tlv9av6__b33aa171{color:var(--plasma-textfield__title-caption-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_lb3k3v1__b33aa171{color:var(--plasma-textfield__left-helper-color-readonly);}.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_s190z894__b33aa171:hover,.base_sr3to2_b1w985rt__b33aa171[readonly] .base_sr3to2_s190z894__b33aa171:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_sr3to2_b1w985rt__b33aa171[readonly].base_sr3to2_labelPlacementOuter__b33aa171 .base_sr3to2_luk2zst__b33aa171{color:var(--plasma-textfield__label-color-readonly);}
17
+ .base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348{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_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_textfieldHasDivider__677e5348 .base_oizdmx_iq39zt5__677e5348:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_iq39zt5__677e5348:focus-within .base_oizdmx_i19ry60d__677e5348,.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_i19ry60d__677e5348{color:var(--plasma-textfield__placeholder-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_io4bpie__677e5348{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_tlv9av6__677e5348{color:var(--plasma-textfield__title-caption-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly] .base_oizdmx_lb3k3v1__677e5348{color:var(--plasma-textfield__left-helper-color-readonly);}.base_oizdmx_b1w985rt__677e5348[readonly].base_oizdmx_labelPlacementOuter__677e5348 .base_oizdmx_luk2zst__677e5348{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\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;;;;"}
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,7 +20,6 @@ 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',
24
23
  dividerPadding: '--plasma-range__divider-padding',
25
24
  dividerFontFamily: '--plasma-range__divider-font-family',
26
25
  dividerFontStyle: '--plasma-range__divider-font-style',
@@ -31,7 +30,6 @@ var tokens = {
31
30
  /** Токены слотов для контента */
32
31
  leftContentMargin: '--plasma-range__left-content-margin',
33
32
  rightContentMargin: '--plasma-range__right-content-margin',
34
- rightContentOpacityReadOnly: '--plasma-range__right-content-opacity-readonly',
35
33
  /** Токены лейбла */
36
34
  labelColor: '--plasma-range__label-color',
37
35
  labelColorReadOnly: '--plasma-range__label-color-readonly',