@salutejs/plasma-new-hope 0.341.0-canary.2334.19467659794.0 → 0.341.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (115) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +30 -29
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.css +30 -29
  3. package/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
  4. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  5. package/cjs/components/DatePicker/RangeDate/RangeDate.css +34 -33
  6. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +34 -33
  7. package/cjs/components/DatePicker/SingleDate/SingleDate.css +30 -29
  8. package/cjs/components/DateTimePicker/DateTimePicker.css +30 -29
  9. package/cjs/components/DateTimePicker/ui/Input/Input.css +30 -29
  10. package/cjs/components/Pagination/Pagination.css +30 -29
  11. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -29
  12. package/cjs/components/Range/Range.css +30 -29
  13. package/cjs/components/Select/Select.css +30 -29
  14. package/cjs/components/Select/ui/Target/Target.css +30 -29
  15. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +30 -29
  16. package/cjs/components/Slider/Slider.css +30 -29
  17. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +30 -29
  18. package/cjs/components/Table/Table.css +30 -29
  19. package/cjs/components/Table/ui/Cell/Cell.css +30 -29
  20. package/cjs/components/Table/ui/EditableCell/EditableCell.css +30 -29
  21. package/cjs/components/Table/ui/HeadCell/HeadCell.css +30 -29
  22. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +30 -29
  23. package/cjs/components/TextField/TextField.js +6 -2
  24. package/cjs/components/TextField/TextField.js.map +1 -1
  25. package/cjs/components/TextField/TextField.styles.js +33 -27
  26. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  27. package/cjs/components/TextField/{TextField.styles_1fz6mh6.css → TextField.styles_146520i.css} +15 -14
  28. package/cjs/components/TextField/ui/Hint/Hint.css +21 -20
  29. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +23 -22
  30. package/cjs/components/TextField/variations/_clear/base.js +1 -1
  31. package/cjs/components/TextField/variations/_clear/base_ukg8yq.css +1 -0
  32. package/cjs/components/TextField/variations/_hint-size/base.js +1 -1
  33. package/{es/components/TextField/variations/_hint-size/base_z7a2uf.css → cjs/components/TextField/variations/_hint-size/base_scrhfa.css} +1 -1
  34. package/cjs/components/TextField/variations/_hint-view/base.js +1 -1
  35. package/{es/components/TextField/variations/_hint-view/base_1htnb8e.css → cjs/components/TextField/variations/_hint-view/base_7yx5d1.css} +1 -1
  36. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  37. package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
  38. package/cjs/components/TextField/variations/_label-placement/base_1s0mlhj.css +1 -0
  39. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  40. package/cjs/components/TextField/variations/_read-only/{base_uo19e5.css → base_1ejddo2.css} +1 -1
  41. package/cjs/components/TextField/variations/_size/base.js +1 -1
  42. package/cjs/components/TextField/variations/_size/{base_1oec4lw.css → base_m1uv7m.css} +1 -1
  43. package/cjs/components/TextField/variations/_view/base.js +1 -1
  44. package/cjs/components/TextField/variations/_view/{base_1npz45o.css → base_1diyp23.css} +1 -1
  45. package/cjs/components/TimePicker/TimePicker.css +30 -29
  46. package/cjs/index.css +34 -33
  47. package/emotion/cjs/components/TextField/TextField.js +7 -3
  48. package/emotion/cjs/components/TextField/TextField.styles.js +51 -44
  49. package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  50. package/emotion/es/components/TextField/TextField.js +8 -4
  51. package/emotion/es/components/TextField/TextField.styles.js +48 -44
  52. package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
  53. package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
  54. package/es/components/Autocomplete/Autocomplete.css +30 -29
  55. package/es/components/Combobox/ComboboxNew/Combobox.css +30 -29
  56. package/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
  57. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  58. package/es/components/DatePicker/RangeDate/RangeDate.css +34 -33
  59. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +34 -33
  60. package/es/components/DatePicker/SingleDate/SingleDate.css +30 -29
  61. package/es/components/DateTimePicker/DateTimePicker.css +30 -29
  62. package/es/components/DateTimePicker/ui/Input/Input.css +30 -29
  63. package/es/components/Pagination/Pagination.css +30 -29
  64. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -29
  65. package/es/components/Range/Range.css +30 -29
  66. package/es/components/Select/Select.css +30 -29
  67. package/es/components/Select/ui/Target/Target.css +30 -29
  68. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +30 -29
  69. package/es/components/Slider/Slider.css +30 -29
  70. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +30 -29
  71. package/es/components/Table/Table.css +30 -29
  72. package/es/components/Table/ui/Cell/Cell.css +30 -29
  73. package/es/components/Table/ui/EditableCell/EditableCell.css +30 -29
  74. package/es/components/Table/ui/HeadCell/HeadCell.css +30 -29
  75. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +30 -29
  76. package/es/components/TextField/TextField.js +7 -3
  77. package/es/components/TextField/TextField.js.map +1 -1
  78. package/es/components/TextField/TextField.styles.js +33 -28
  79. package/es/components/TextField/TextField.styles.js.map +1 -1
  80. package/es/components/TextField/{TextField.styles_1fz6mh6.css → TextField.styles_146520i.css} +15 -14
  81. package/es/components/TextField/ui/Hint/Hint.css +21 -20
  82. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +23 -22
  83. package/es/components/TextField/variations/_clear/base.js +1 -1
  84. package/es/components/TextField/variations/_clear/base_ukg8yq.css +1 -0
  85. package/es/components/TextField/variations/_hint-size/base.js +1 -1
  86. package/{cjs/components/TextField/variations/_hint-size/base_z7a2uf.css → es/components/TextField/variations/_hint-size/base_scrhfa.css} +1 -1
  87. package/es/components/TextField/variations/_hint-view/base.js +1 -1
  88. package/{cjs/components/TextField/variations/_hint-view/base_1htnb8e.css → es/components/TextField/variations/_hint-view/base_7yx5d1.css} +1 -1
  89. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  90. package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
  91. package/es/components/TextField/variations/_label-placement/base_1s0mlhj.css +1 -0
  92. package/es/components/TextField/variations/_read-only/base.js +1 -1
  93. package/es/components/TextField/variations/_read-only/{base_uo19e5.css → base_1ejddo2.css} +1 -1
  94. package/es/components/TextField/variations/_size/base.js +1 -1
  95. package/es/components/TextField/variations/_size/{base_1oec4lw.css → base_m1uv7m.css} +1 -1
  96. package/es/components/TextField/variations/_view/base.js +1 -1
  97. package/es/components/TextField/variations/_view/{base_1npz45o.css → base_1diyp23.css} +1 -1
  98. package/es/components/TimePicker/TimePicker.css +30 -29
  99. package/es/index.css +34 -33
  100. package/package.json +4 -4
  101. package/styled-components/cjs/components/TextField/TextField.js +6 -2
  102. package/styled-components/cjs/components/TextField/TextField.styles.js +33 -22
  103. package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  104. package/styled-components/es/components/TextField/TextField.js +7 -3
  105. package/styled-components/es/components/TextField/TextField.styles.js +30 -22
  106. package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
  107. package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
  108. package/types/components/TextField/TextField.d.ts.map +1 -1
  109. package/types/components/TextField/TextField.styles.d.ts +1 -0
  110. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  111. package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
  112. package/cjs/components/TextField/variations/_clear/base_appgl3.css +0 -1
  113. package/cjs/components/TextField/variations/_label-placement/base_18kkeb9.css +0 -1
  114. package/es/components/TextField/variations/_clear/base_appgl3.css +0 -1
  115. package/es/components/TextField/variations/_label-placement/base_18kkeb9.css +0 -1
@@ -30,6 +30,9 @@ _export(exports, {
30
30
  get InputPlaceholder () {
31
31
  return InputPlaceholder;
32
32
  },
33
+ get InputPlaceholderValue () {
34
+ return InputPlaceholderValue;
35
+ },
33
36
  get InputWrapper () {
34
37
  return InputWrapper;
35
38
  },
@@ -91,13 +94,13 @@ var mergedConfig = (0, _engines.mergeConfig)(_Tooltip.tooltipConfig);
91
94
  var Tooltip = (0, _engines.component)(mergedConfig);
92
95
  var InputWrapper = _styledcomponents.default.div.withConfig({
93
96
  displayName: "TextField.styles__InputWrapper",
94
- componentId: "sc-28a93ab-0"
97
+ componentId: "sc-a8826f8a-0"
95
98
  })([
96
99
  "position:relative;display:flex;align-items:center;box-sizing:border-box;"
97
100
  ]);
98
101
  var InputLabelWrapper = _styledcomponents.default.div.withConfig({
99
102
  displayName: "TextField.styles__InputLabelWrapper",
100
- componentId: "sc-28a93ab-1"
103
+ componentId: "sc-a8826f8a-1"
101
104
  })([
102
105
  "flex:1;overflow:scroll;position:relative;width:100%;display:inline-flex;align-items:center;::-webkit-scrollbar{display:none;}scrollbar-width:none;overscroll-behavior:contain;&.",
103
106
  "{height:var(",
@@ -106,7 +109,7 @@ var InputLabelWrapper = _styledcomponents.default.div.withConfig({
106
109
  ], String(_TextFieldtokens.classes.hasChips), _TextFieldtokens.tokens.chipHeight, _TextFieldtokens.tokens.chipBorderRadius);
107
110
  var StyledChips = _styledcomponents.default.div.withConfig({
108
111
  displayName: "TextField.styles__StyledChips",
109
- componentId: "sc-28a93ab-2"
112
+ componentId: "sc-a8826f8a-2"
110
113
  })([
111
114
  "display:flex;gap:var(",
112
115
  ");margin-right:var(",
@@ -115,7 +118,7 @@ var StyledChips = _styledcomponents.default.div.withConfig({
115
118
  ], _TextFieldtokens.tokens.chipGap, _TextFieldtokens.tokens.chipMarginRight, _TextFieldtokens.tokens.chipGap);
116
119
  var Input = _styledcomponents.default.input.withConfig({
117
120
  displayName: "TextField.styles__Input",
118
- componentId: "sc-28a93ab-3"
121
+ componentId: "sc-a8826f8a-3"
119
122
  })([
120
123
  "box-sizing:border-box;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;&.",
121
124
  "{",
@@ -123,7 +126,7 @@ var Input = _styledcomponents.default.input.withConfig({
123
126
  ], _TextFieldtokens.classes.inputTextEllipsis, (0, _mixins.applyEllipsis)());
124
127
  var InputContainer = _styledcomponents.default.div.withConfig({
125
128
  displayName: "TextField.styles__InputContainer",
126
- componentId: "sc-28a93ab-4"
129
+ componentId: "sc-a8826f8a-4"
127
130
  })([
128
131
  "position:relative;display:flex;flex:1;min-width:",
129
132
  ";",
@@ -138,7 +141,7 @@ var InputContainer = _styledcomponents.default.div.withConfig({
138
141
  });
139
142
  var InputPlaceholder = _styledcomponents.default.div.withConfig({
140
143
  displayName: "TextField.styles__InputPlaceholder",
141
- componentId: "sc-28a93ab-5"
144
+ componentId: "sc-a8826f8a-5"
142
145
  })([
143
146
  "display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;user-select:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:var(",
144
147
  ");padding:",
@@ -147,9 +150,17 @@ var InputPlaceholder = _styledcomponents.default.div.withConfig({
147
150
  var hasPadding = param.hasPadding;
148
151
  return hasPadding ? "var(".concat(_TextFieldtokens.tokens.contentLabelInnerPadding, ")") : '0';
149
152
  });
153
+ var InputPlaceholderValue = _styledcomponents.default.div.withConfig({
154
+ displayName: "TextField.styles__InputPlaceholderValue",
155
+ componentId: "sc-a8826f8a-6"
156
+ })([
157
+ "&.",
158
+ "{",
159
+ "}"
160
+ ], _TextFieldtokens.classes.inputTextEllipsis, (0, _mixins.applyEllipsis)());
150
161
  var OuterLabelWrapper = _styledcomponents.default.div.withConfig({
151
162
  displayName: "TextField.styles__OuterLabelWrapper",
152
- componentId: "sc-28a93ab-6"
163
+ componentId: "sc-a8826f8a-7"
153
164
  })([
154
165
  "display:flex;align-items:center;white-space:",
155
166
  ";margin-bottom:",
@@ -163,25 +174,25 @@ var OuterLabelWrapper = _styledcomponents.default.div.withConfig({
163
174
  });
164
175
  var TitleCaption = _styledcomponents.default.div.withConfig({
165
176
  displayName: "TextField.styles__TitleCaption",
166
- componentId: "sc-28a93ab-7"
177
+ componentId: "sc-a8826f8a-8"
167
178
  })([
168
179
  "display:inline-block;margin-left:auto;"
169
180
  ]);
170
181
  var StyledIndicatorWrapper = _styledcomponents.default.div.withConfig({
171
182
  displayName: "TextField.styles__StyledIndicatorWrapper",
172
- componentId: "sc-28a93ab-8"
183
+ componentId: "sc-a8826f8a-9"
173
184
  })([
174
185
  "position:relative;display:inline-flex;align-items:center;"
175
186
  ]);
176
187
  var Label = _styledcomponents.default.label.withConfig({
177
188
  displayName: "TextField.styles__Label",
178
- componentId: "sc-28a93ab-9"
189
+ componentId: "sc-a8826f8a-10"
179
190
  })([
180
191
  "display:inline-flex;"
181
192
  ]);
182
193
  var StyledContentLeft = _styledcomponents.default.div.withConfig({
183
194
  displayName: "TextField.styles__StyledContentLeft",
184
- componentId: "sc-28a93ab-10"
195
+ componentId: "sc-a8826f8a-11"
185
196
  })([
186
197
  "--private_content-slot-color:",
187
198
  ";margin:var(",
@@ -194,13 +205,13 @@ var StyledContentLeft = _styledcomponents.default.div.withConfig({
194
205
  }, _TextFieldtokens.tokens.leftContentMargin, _TextFieldtokens.tokens.contentSlotColorHover, _TextFieldtokens.tokens.contentSlotColorActive);
195
206
  var StyledContentRightWrapper = _styledcomponents.default.div.withConfig({
196
207
  displayName: "TextField.styles__StyledContentRightWrapper",
197
- componentId: "sc-28a93ab-11"
208
+ componentId: "sc-a8826f8a-12"
198
209
  })([
199
210
  "display:flex;align-items:center;"
200
211
  ]);
201
212
  var StyledContentRight = _styledcomponents.default.div.withConfig({
202
213
  displayName: "TextField.styles__StyledContentRight",
203
- componentId: "sc-28a93ab-12"
214
+ componentId: "sc-a8826f8a-13"
204
215
  })([
205
216
  "line-height:0;margin:var(",
206
217
  ");color:var(",
@@ -213,13 +224,13 @@ var StyledContentRight = _styledcomponents.default.div.withConfig({
213
224
  ], _TextFieldtokens.tokens.rightContentMargin, _TextFieldtokens.tokens.contentSlotRightColor, _TextFieldtokens.tokens.contentSlotColor, _TextFieldtokens.tokens.contentSlotRightColorHover, _TextFieldtokens.tokens.contentSlotColorHover, _TextFieldtokens.tokens.contentSlotRightColorActive, _TextFieldtokens.tokens.contentSlotColorActive);
214
225
  var LeftHelper = _styledcomponents.default.div.withConfig({
215
226
  displayName: "TextField.styles__LeftHelper",
216
- componentId: "sc-28a93ab-13"
227
+ componentId: "sc-a8826f8a-14"
217
228
  })([
218
229
  ""
219
230
  ]);
220
231
  var StyledTextBefore = _styledcomponents.default.div.withConfig({
221
232
  displayName: "TextField.styles__StyledTextBefore",
222
- componentId: "sc-28a93ab-14"
233
+ componentId: "sc-a8826f8a-15"
223
234
  })([
224
235
  "visibility:",
225
236
  ";"
@@ -229,20 +240,20 @@ var StyledTextBefore = _styledcomponents.default.div.withConfig({
229
240
  });
230
241
  var StyledTextAfter = _styledcomponents.default.div.withConfig({
231
242
  displayName: "TextField.styles__StyledTextAfter",
232
- componentId: "sc-28a93ab-15"
243
+ componentId: "sc-a8826f8a-16"
233
244
  })([
234
245
  ""
235
246
  ]);
236
247
  var StyledOptionalText = _styledcomponents.default.span.withConfig({
237
248
  displayName: "TextField.styles__StyledOptionalText",
238
- componentId: "sc-28a93ab-16"
249
+ componentId: "sc-a8826f8a-17"
239
250
  })([
240
251
  "color:var(",
241
252
  ");"
242
253
  ], _TextFieldtokens.tokens.optionalColor);
243
254
  var StyledHintWrapper = _styledcomponents.default.div.withConfig({
244
255
  displayName: "TextField.styles__StyledHintWrapper",
245
- componentId: "sc-28a93ab-17"
256
+ componentId: "sc-a8826f8a-18"
246
257
  })([
247
258
  "display:inline-block;line-height:0;&.",
248
259
  "{position:absolute;margin:0;inset:var(",
@@ -250,14 +261,14 @@ var StyledHintWrapper = _styledcomponents.default.div.withConfig({
250
261
  ], _TextFieldtokens.classes.innerLabelPlacement, _TextFieldtokens.tokens.hintInnerLabelPlacementOffset);
251
262
  var HintTargetWrapper = _styledcomponents.default.div.withConfig({
252
263
  displayName: "TextField.styles__HintTargetWrapper",
253
- componentId: "sc-28a93ab-18"
264
+ componentId: "sc-a8826f8a-19"
254
265
  })([
255
266
  "color:var(",
256
267
  ");display:flex;justify-content:center;align-items:center;"
257
268
  ], _TextFieldtokens.tokens.hintIconColor);
258
269
  var Hint = (0, _styledcomponents.default)(Tooltip).withConfig({
259
270
  displayName: "TextField.styles__Hint",
260
- componentId: "sc-28a93ab-19"
271
+ componentId: "sc-a8826f8a-20"
261
272
  })([
262
273
  "",
263
274
  " .",
@@ -265,13 +276,13 @@ var Hint = (0, _styledcomponents.default)(Tooltip).withConfig({
265
276
  ], HintTargetWrapper, _Popover.popoverClasses.root);
266
277
  var HintIconWrapper = _styledcomponents.default.div.withConfig({
267
278
  displayName: "TextField.styles__HintIconWrapper",
268
- componentId: "sc-28a93ab-20"
279
+ componentId: "sc-a8826f8a-21"
269
280
  })([
270
281
  "display:flex;"
271
282
  ]);
272
283
  var StyledIndicator = _styledcomponents.default.div.withConfig({
273
284
  displayName: "TextField.styles__StyledIndicator",
274
- componentId: "sc-28a93ab-21"
285
+ componentId: "sc-a8826f8a-22"
275
286
  })([
276
287
  "position:absolute;border-radius:50%;background-color:var(",
277
288
  ");&.",
@@ -37,7 +37,7 @@ var base = (0, _styledcomponents.css)([
37
37
  ");line-height:var(",
38
38
  ");}",
39
39
  "{color:var(",
40
- ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;}&.",
40
+ ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;width:100%;}&.",
41
41
  " ",
42
42
  "{color:var(",
43
43
  ");}}"
@@ -113,7 +113,7 @@ import { base as labelPlacementCSS } from "./variations/_label-placement/base";
113
113
  import { base as hintViewCSS } from "./variations/_hint-view/base";
114
114
  import { base as hintSizeCSS } from "./variations/_hint-size/base";
115
115
  import { base as chipViewCSS } from "./variations/_chip-view/base";
116
- import { Input, InputContainer, LeftHelper, Label, InputWrapper, InputLabelWrapper, StyledContentLeft, StyledContentRight, StyledChips, StyledTextBefore, StyledTextAfter, StyledIndicator, StyledOptionalText, InputPlaceholder, OuterLabelWrapper, TitleCaption, StyledHintWrapper, StyledIndicatorWrapper, StyledContentRightWrapper } from "./TextField.styles";
116
+ import { Input, InputContainer, LeftHelper, Label, InputWrapper, InputLabelWrapper, StyledContentLeft, StyledContentRight, StyledChips, StyledTextBefore, StyledTextAfter, StyledIndicator, StyledOptionalText, InputPlaceholder, OuterLabelWrapper, TitleCaption, StyledHintWrapper, StyledIndicatorWrapper, StyledContentRightWrapper, InputPlaceholderValue } from "./TextField.styles";
117
117
  import { classes } from "./TextField.tokens";
118
118
  import { TextFieldChip, TextFieldChipNew } from "./ui";
119
119
  import { useKeyNavigation } from "./hooks";
@@ -543,11 +543,15 @@ export var textFieldRoot = function(Root) {
543
543
  "data-root": true,
544
544
  id: labelId,
545
545
  htmlFor: innerId
546
- }, innerLabelValue, optionalTextNode), placeholderShown && !hasValue && /*#__PURE__*/ React.createElement(InputPlaceholder, {
546
+ }, /*#__PURE__*/ React.createElement(InputPlaceholderValue, {
547
+ className: cx(classTextEllipsis)
548
+ }, innerLabelValue), optionalTextNode), placeholderShown && !hasValue && /*#__PURE__*/ React.createElement(InputPlaceholder, {
547
549
  hasPadding: hasPlaceholderPadding
548
550
  }, hasTextBefore && /*#__PURE__*/ React.createElement(StyledTextBefore, {
549
551
  isHidden: true
550
- }, textBefore), innerPlaceholderValue, hasPlaceholderOptional && optionalTextNode), hasTextAfter && /*#__PURE__*/ React.createElement(StyledTextAfter, null, textAfter))), /*#__PURE__*/ React.createElement(StyledContentRightWrapper, {
552
+ }, textBefore), innerPlaceholderValue && /*#__PURE__*/ React.createElement(InputPlaceholderValue, {
553
+ className: cx(classTextEllipsis)
554
+ }, innerPlaceholderValue), hasPlaceholderOptional && optionalTextNode), hasTextAfter && /*#__PURE__*/ React.createElement(StyledTextAfter, null, textAfter))), /*#__PURE__*/ React.createElement(StyledContentRightWrapper, {
551
555
  className: cx(contentRightCompensationMargin)
552
556
  }, contentRight && /*#__PURE__*/ React.createElement(StyledContentRight, {
553
557
  "data-root": true
@@ -8,13 +8,13 @@ var mergedConfig = mergeConfig(tooltipConfig);
8
8
  var Tooltip = component(mergedConfig);
9
9
  export var InputWrapper = styled.div.withConfig({
10
10
  displayName: "TextField.styles__InputWrapper",
11
- componentId: "sc-28a93ab-0"
11
+ componentId: "sc-a8826f8a-0"
12
12
  })([
13
13
  "position:relative;display:flex;align-items:center;box-sizing:border-box;"
14
14
  ]);
15
15
  export var InputLabelWrapper = styled.div.withConfig({
16
16
  displayName: "TextField.styles__InputLabelWrapper",
17
- componentId: "sc-28a93ab-1"
17
+ componentId: "sc-a8826f8a-1"
18
18
  })([
19
19
  "flex:1;overflow:scroll;position:relative;width:100%;display:inline-flex;align-items:center;::-webkit-scrollbar{display:none;}scrollbar-width:none;overscroll-behavior:contain;&.",
20
20
  "{height:var(",
@@ -23,7 +23,7 @@ export var InputLabelWrapper = styled.div.withConfig({
23
23
  ], String(classes.hasChips), tokens.chipHeight, tokens.chipBorderRadius);
24
24
  export var StyledChips = styled.div.withConfig({
25
25
  displayName: "TextField.styles__StyledChips",
26
- componentId: "sc-28a93ab-2"
26
+ componentId: "sc-a8826f8a-2"
27
27
  })([
28
28
  "display:flex;gap:var(",
29
29
  ");margin-right:var(",
@@ -32,7 +32,7 @@ export var StyledChips = styled.div.withConfig({
32
32
  ], tokens.chipGap, tokens.chipMarginRight, tokens.chipGap);
33
33
  export var Input = styled.input.withConfig({
34
34
  displayName: "TextField.styles__Input",
35
- componentId: "sc-28a93ab-3"
35
+ componentId: "sc-a8826f8a-3"
36
36
  })([
37
37
  "box-sizing:border-box;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;&.",
38
38
  "{",
@@ -40,7 +40,7 @@ export var Input = styled.input.withConfig({
40
40
  ], classes.inputTextEllipsis, applyEllipsis());
41
41
  export var InputContainer = styled.div.withConfig({
42
42
  displayName: "TextField.styles__InputContainer",
43
- componentId: "sc-28a93ab-4"
43
+ componentId: "sc-a8826f8a-4"
44
44
  })([
45
45
  "position:relative;display:flex;flex:1;min-width:",
46
46
  ";",
@@ -55,7 +55,7 @@ export var InputContainer = styled.div.withConfig({
55
55
  });
56
56
  export var InputPlaceholder = styled.div.withConfig({
57
57
  displayName: "TextField.styles__InputPlaceholder",
58
- componentId: "sc-28a93ab-5"
58
+ componentId: "sc-a8826f8a-5"
59
59
  })([
60
60
  "display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;user-select:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:var(",
61
61
  ");padding:",
@@ -64,9 +64,17 @@ export var InputPlaceholder = styled.div.withConfig({
64
64
  var hasPadding = param.hasPadding;
65
65
  return hasPadding ? "var(".concat(tokens.contentLabelInnerPadding, ")") : '0';
66
66
  });
67
+ export var InputPlaceholderValue = styled.div.withConfig({
68
+ displayName: "TextField.styles__InputPlaceholderValue",
69
+ componentId: "sc-a8826f8a-6"
70
+ })([
71
+ "&.",
72
+ "{",
73
+ "}"
74
+ ], classes.inputTextEllipsis, applyEllipsis());
67
75
  export var OuterLabelWrapper = styled.div.withConfig({
68
76
  displayName: "TextField.styles__OuterLabelWrapper",
69
- componentId: "sc-28a93ab-6"
77
+ componentId: "sc-a8826f8a-7"
70
78
  })([
71
79
  "display:flex;align-items:center;white-space:",
72
80
  ";margin-bottom:",
@@ -80,25 +88,25 @@ export var OuterLabelWrapper = styled.div.withConfig({
80
88
  });
81
89
  export var TitleCaption = styled.div.withConfig({
82
90
  displayName: "TextField.styles__TitleCaption",
83
- componentId: "sc-28a93ab-7"
91
+ componentId: "sc-a8826f8a-8"
84
92
  })([
85
93
  "display:inline-block;margin-left:auto;"
86
94
  ]);
87
95
  export var StyledIndicatorWrapper = styled.div.withConfig({
88
96
  displayName: "TextField.styles__StyledIndicatorWrapper",
89
- componentId: "sc-28a93ab-8"
97
+ componentId: "sc-a8826f8a-9"
90
98
  })([
91
99
  "position:relative;display:inline-flex;align-items:center;"
92
100
  ]);
93
101
  export var Label = styled.label.withConfig({
94
102
  displayName: "TextField.styles__Label",
95
- componentId: "sc-28a93ab-9"
103
+ componentId: "sc-a8826f8a-10"
96
104
  })([
97
105
  "display:inline-flex;"
98
106
  ]);
99
107
  export var StyledContentLeft = styled.div.withConfig({
100
108
  displayName: "TextField.styles__StyledContentLeft",
101
- componentId: "sc-28a93ab-10"
109
+ componentId: "sc-a8826f8a-11"
102
110
  })([
103
111
  "--private_content-slot-color:",
104
112
  ";margin:var(",
@@ -111,13 +119,13 @@ export var StyledContentLeft = styled.div.withConfig({
111
119
  }, tokens.leftContentMargin, tokens.contentSlotColorHover, tokens.contentSlotColorActive);
112
120
  export var StyledContentRightWrapper = styled.div.withConfig({
113
121
  displayName: "TextField.styles__StyledContentRightWrapper",
114
- componentId: "sc-28a93ab-11"
122
+ componentId: "sc-a8826f8a-12"
115
123
  })([
116
124
  "display:flex;align-items:center;"
117
125
  ]);
118
126
  export var StyledContentRight = styled.div.withConfig({
119
127
  displayName: "TextField.styles__StyledContentRight",
120
- componentId: "sc-28a93ab-12"
128
+ componentId: "sc-a8826f8a-13"
121
129
  })([
122
130
  "line-height:0;margin:var(",
123
131
  ");color:var(",
@@ -130,13 +138,13 @@ export var StyledContentRight = styled.div.withConfig({
130
138
  ], tokens.rightContentMargin, tokens.contentSlotRightColor, tokens.contentSlotColor, tokens.contentSlotRightColorHover, tokens.contentSlotColorHover, tokens.contentSlotRightColorActive, tokens.contentSlotColorActive);
131
139
  export var LeftHelper = styled.div.withConfig({
132
140
  displayName: "TextField.styles__LeftHelper",
133
- componentId: "sc-28a93ab-13"
141
+ componentId: "sc-a8826f8a-14"
134
142
  })([
135
143
  ""
136
144
  ]);
137
145
  export var StyledTextBefore = styled.div.withConfig({
138
146
  displayName: "TextField.styles__StyledTextBefore",
139
- componentId: "sc-28a93ab-14"
147
+ componentId: "sc-a8826f8a-15"
140
148
  })([
141
149
  "visibility:",
142
150
  ";"
@@ -146,20 +154,20 @@ export var StyledTextBefore = styled.div.withConfig({
146
154
  });
147
155
  export var StyledTextAfter = styled.div.withConfig({
148
156
  displayName: "TextField.styles__StyledTextAfter",
149
- componentId: "sc-28a93ab-15"
157
+ componentId: "sc-a8826f8a-16"
150
158
  })([
151
159
  ""
152
160
  ]);
153
161
  export var StyledOptionalText = styled.span.withConfig({
154
162
  displayName: "TextField.styles__StyledOptionalText",
155
- componentId: "sc-28a93ab-16"
163
+ componentId: "sc-a8826f8a-17"
156
164
  })([
157
165
  "color:var(",
158
166
  ");"
159
167
  ], tokens.optionalColor);
160
168
  export var StyledHintWrapper = styled.div.withConfig({
161
169
  displayName: "TextField.styles__StyledHintWrapper",
162
- componentId: "sc-28a93ab-17"
170
+ componentId: "sc-a8826f8a-18"
163
171
  })([
164
172
  "display:inline-block;line-height:0;&.",
165
173
  "{position:absolute;margin:0;inset:var(",
@@ -167,14 +175,14 @@ export var StyledHintWrapper = styled.div.withConfig({
167
175
  ], classes.innerLabelPlacement, tokens.hintInnerLabelPlacementOffset);
168
176
  export var HintTargetWrapper = styled.div.withConfig({
169
177
  displayName: "TextField.styles__HintTargetWrapper",
170
- componentId: "sc-28a93ab-18"
178
+ componentId: "sc-a8826f8a-19"
171
179
  })([
172
180
  "color:var(",
173
181
  ");display:flex;justify-content:center;align-items:center;"
174
182
  ], tokens.hintIconColor);
175
183
  export var Hint = styled(Tooltip).withConfig({
176
184
  displayName: "TextField.styles__Hint",
177
- componentId: "sc-28a93ab-19"
185
+ componentId: "sc-a8826f8a-20"
178
186
  })([
179
187
  "",
180
188
  " .",
@@ -182,13 +190,13 @@ export var Hint = styled(Tooltip).withConfig({
182
190
  ], HintTargetWrapper, popoverClasses.root);
183
191
  export var HintIconWrapper = styled.div.withConfig({
184
192
  displayName: "TextField.styles__HintIconWrapper",
185
- componentId: "sc-28a93ab-20"
193
+ componentId: "sc-a8826f8a-21"
186
194
  })([
187
195
  "display:flex;"
188
196
  ]);
189
197
  export var StyledIndicator = styled.div.withConfig({
190
198
  displayName: "TextField.styles__StyledIndicator",
191
- componentId: "sc-28a93ab-21"
199
+ componentId: "sc-a8826f8a-22"
192
200
  })([
193
201
  "position:absolute;border-radius:50%;background-color:var(",
194
202
  ");&.",
@@ -27,7 +27,7 @@ export var base = css([
27
27
  ");line-height:var(",
28
28
  ");}",
29
29
  "{color:var(",
30
- ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;}&.",
30
+ ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;width:100%;}&.",
31
31
  " ",
32
32
  "{color:var(",
33
33
  ");}}"
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA8BxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AAEH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,eAAe,CAAC,CAAC,2FA8nBxG,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBAhoBQ,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;CAqpB7G,CAAC"}
1
+ {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA8BxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,eAAe,CAAC,CAAC,2FA8nBxG,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBAhoBQ,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;CAqpB7G,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAYvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,EAAuC,cAAc,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAqCjH,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAIF,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,kBAAkB,CAAC,4FAujB5E,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBAzjBQ,SAAS,CAAC,cAAc,EAAE,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkmBhF,CAAC"}
1
+ {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAYvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,OAAO,KAAK,EAAuC,cAAc,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAsCjH,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAIF,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,kBAAkB,CAAC,4FA6jB5E,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBA/jBQ,SAAS,CAAC,cAAc,EAAE,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwmBhF,CAAC"}
@@ -8,6 +8,7 @@ export declare const InputContainer: import("@linaria/react").StyledComponent<im
8
8
  export declare const InputPlaceholder: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
9
9
  hasPadding?: boolean;
10
10
  }>;
11
+ export declare const InputPlaceholderValue: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
11
12
  export declare const OuterLabelWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
12
13
  isInnerLabel: boolean;
13
14
  }>;
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.styles.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAoB7B,CAAC;AAEF,eAAO,MAAM,WAAW,qKAKvB,CAAC;AAEF,eAAO,MAAM,KAAK,8KAiBjB,CAAC;AAEF,eAAO,MAAM,cAAc;sBAAkC,OAAO;EASnE,CAAC;AAEF,eAAO,MAAM,gBAAgB;iBAA6B,OAAO;EAkBhE,CAAC;AAEF,eAAO,MAAM,iBAAiB;kBAA8B,OAAO;EAOlE,CAAC;AAEF,eAAO,MAAM,YAAY,qKAGxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,qKAIlC,CAAC;AAEF,eAAO,MAAM,KAAK,8KAEjB,CAAC;AAEF,eAAO,MAAM,iBAAiB;mBAA+B,OAAO;aAAW,OAAO;EAerF,CAAC;AAEF,eAAO,MAAM,yBAAyB,qKAGrC,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAc9B,CAAC;AAEF,eAAO,MAAM,UAAU,qKAAe,CAAC;AAEvC,eAAO,MAAM,gBAAgB;eAA2B,OAAO;EAE9D,CAAC;AAEF,eAAO,MAAM,eAAe,qKAAe,CAAC;AAE5C,eAAO,MAAM,kBAAkB,uKAE9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAS7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAM7B,CAAC;AAEF,eAAO,MAAM,IAAI,8OAIhB,CAAC;AAEF,eAAO,MAAM,eAAe,qKAE3B,CAAC;AAEF,eAAO,MAAM,eAAe,qKA+B3B,CAAC"}
1
+ {"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.styles.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAoB7B,CAAC;AAEF,eAAO,MAAM,WAAW,qKAKvB,CAAC;AAEF,eAAO,MAAM,KAAK,8KAiBjB,CAAC;AAEF,eAAO,MAAM,cAAc;sBAAkC,OAAO;EASnE,CAAC;AAEF,eAAO,MAAM,gBAAgB;iBAA6B,OAAO;EAkBhE,CAAC;AAEF,eAAO,MAAM,qBAAqB,qKAIjC,CAAC;AAEF,eAAO,MAAM,iBAAiB;kBAA8B,OAAO;EAOlE,CAAC;AAEF,eAAO,MAAM,YAAY,qKAGxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,qKAIlC,CAAC;AAEF,eAAO,MAAM,KAAK,8KAEjB,CAAC;AAEF,eAAO,MAAM,iBAAiB;mBAA+B,OAAO;aAAW,OAAO;EAerF,CAAC;AAEF,eAAO,MAAM,yBAAyB,qKAGrC,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAc9B,CAAC;AAEF,eAAO,MAAM,UAAU,qKAAe,CAAC;AAEvC,eAAO,MAAM,gBAAgB;eAA2B,OAAO;EAE9D,CAAC;AAEF,eAAO,MAAM,eAAe,qKAAe,CAAC;AAE5C,eAAO,MAAM,kBAAkB,uKAE9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAS7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAM7B,CAAC;AAEF,eAAO,MAAM,IAAI,8OAIhB,CAAC;AAEF,eAAO,MAAM,eAAe,qKAE3B,CAAC;AAEF,eAAO,MAAM,eAAe,qKA+B3B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_label-placement/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CA+ChB,CAAC"}
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_label-placement/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAgDhB,CAAC"}
@@ -1 +0,0 @@
1
- .bg547ku.textfield-clear[readonly] .iq39zt5,.bg547ku.textfield-clear .iq39zt5{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.bg547ku.textfield-clear[readonly] .iq39zt5:hover,.bg547ku.textfield-clear .iq39zt5:hover{background-color:unset;}.bg547ku.textfield-clear .s1gjsnfi{margin-left:0;}.bg547ku.textfield-clear .s190z894{margin-right:0;}.bg547ku.textfield-clear.label-placement-outer .obt1ohz{margin-bottom:var(--plasma-textfield__clear-label-offset);}.bg547ku.textfield-clear .io4bpie{color:var(--plasma-textfield-clear-color);}.bg547ku.textfield-clear .i19ry60d{color:var(--plasma-textfield__clear-placeholder-color);}.bg547ku.textfield-clear .szsveq4.label-placement-inner{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.bg547ku.textfield-clear .szsveq4.label-placement-inner.required-align-right{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.bg547ku.textfield-clear.textfield-has-hint .s16itze4.label-placement-inner{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.bg547ku.textfield-clear.textfield-has-hint .szsveq4.label-placement-inner.required-align-right{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.bg547ku.textfield-clear.textfield-has-divider .iq39zt5{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.bg547ku.textfield-clear.textfield-has-divider .iq39zt5:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .iq39zt5:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .iq39zt5:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .iq39zt5:focus-within .i19ry60d{color:var(--plasma-textfield__clear-placeholder-color-focus);}
@@ -1 +0,0 @@
1
- .b15d3bnf.label-placement-outer .luk2zst{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.b15d3bnf.label-placement-inner .i13qvwoy{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .io4bpie:not(.textfield-readonly-input):focus ~ .luk2zst,.b15d3bnf.label-placement-inner .io4bpie.has-value ~ .luk2zst,.b15d3bnf.label-placement-inner .io4bpie.keep-placeholder ~ .luk2zst{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);}.b15d3bnf.label-placement-inner .luk2zst{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%;}.b15d3bnf.label-placement-inner.textfield-clear .luk2zst{color:var(--plasma-textfield__clear-placeholder-color);}
@@ -1 +0,0 @@
1
- .bg547ku.textfield-clear[readonly] .iq39zt5,.bg547ku.textfield-clear .iq39zt5{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.bg547ku.textfield-clear[readonly] .iq39zt5:hover,.bg547ku.textfield-clear .iq39zt5:hover{background-color:unset;}.bg547ku.textfield-clear .s1gjsnfi{margin-left:0;}.bg547ku.textfield-clear .s190z894{margin-right:0;}.bg547ku.textfield-clear.label-placement-outer .obt1ohz{margin-bottom:var(--plasma-textfield__clear-label-offset);}.bg547ku.textfield-clear .io4bpie{color:var(--plasma-textfield-clear-color);}.bg547ku.textfield-clear .i19ry60d{color:var(--plasma-textfield__clear-placeholder-color);}.bg547ku.textfield-clear .szsveq4.label-placement-inner{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.bg547ku.textfield-clear .szsveq4.label-placement-inner.required-align-right{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.bg547ku.textfield-clear.textfield-has-hint .s16itze4.label-placement-inner{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.bg547ku.textfield-clear.textfield-has-hint .szsveq4.label-placement-inner.required-align-right{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.bg547ku.textfield-clear.textfield-has-divider .iq39zt5{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.bg547ku.textfield-clear.textfield-has-divider .iq39zt5:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .iq39zt5:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .iq39zt5:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.bg547ku.textfield-clear.textfield-has-divider:not([readonly]) .iq39zt5:focus-within .i19ry60d{color:var(--plasma-textfield__clear-placeholder-color-focus);}
@@ -1 +0,0 @@
1
- .b15d3bnf.label-placement-outer .luk2zst{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.b15d3bnf.label-placement-inner .i13qvwoy{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .io4bpie:not(.textfield-readonly-input):focus ~ .luk2zst,.b15d3bnf.label-placement-inner .io4bpie.has-value ~ .luk2zst,.b15d3bnf.label-placement-inner .io4bpie.keep-placeholder ~ .luk2zst{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);}.b15d3bnf.label-placement-inner .luk2zst{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%;}.b15d3bnf.label-placement-inner.textfield-clear .luk2zst{color:var(--plasma-textfield__clear-placeholder-color);}