@salutejs/plasma-new-hope 0.341.0-canary.2336.19495260677.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 (147) 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/DatePicker/RangeDate/RangeDate.css +36 -35
  4. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +36 -35
  5. package/cjs/components/DatePicker/SingleDate/SingleDate.css +30 -29
  6. package/cjs/components/DateTimePicker/DateTimePicker.css +30 -29
  7. package/cjs/components/DateTimePicker/ui/Input/Input.css +30 -29
  8. package/cjs/components/Pagination/Pagination.css +30 -29
  9. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -29
  10. package/cjs/components/Range/Range.css +32 -31
  11. package/cjs/components/Range/variations/_disabled/base.js +1 -1
  12. package/cjs/components/Range/variations/_disabled/base.js.map +1 -1
  13. package/cjs/components/Range/variations/_disabled/base_1ufizo4.css +1 -0
  14. package/cjs/components/Range/variations/_readonly/base.js +1 -1
  15. package/cjs/components/Range/variations/_readonly/base.js.map +1 -1
  16. package/{es/components/Range/variations/_readonly/base_15u5q5r.css → cjs/components/Range/variations/_readonly/base_1lu7vb0.css} +1 -1
  17. package/cjs/components/Select/Select.css +30 -29
  18. package/cjs/components/Select/ui/Target/Target.css +30 -29
  19. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +30 -29
  20. package/cjs/components/Slider/Slider.css +30 -29
  21. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +30 -29
  22. package/cjs/components/Table/Table.css +30 -29
  23. package/cjs/components/Table/ui/Cell/Cell.css +30 -29
  24. package/cjs/components/Table/ui/EditableCell/EditableCell.css +30 -29
  25. package/cjs/components/Table/ui/HeadCell/HeadCell.css +30 -29
  26. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +30 -29
  27. package/cjs/components/TextField/TextField.js +6 -2
  28. package/cjs/components/TextField/TextField.js.map +1 -1
  29. package/cjs/components/TextField/TextField.styles.js +33 -27
  30. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  31. package/{es/components/TextField/TextField.styles_1fz6mh6.css → cjs/components/TextField/TextField.styles_146520i.css} +15 -14
  32. package/cjs/components/TextField/ui/Hint/Hint.css +21 -20
  33. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +23 -22
  34. package/cjs/components/TextField/variations/_clear/base.js +1 -1
  35. package/cjs/components/TextField/variations/_clear/base_ukg8yq.css +1 -0
  36. package/cjs/components/TextField/variations/_hint-size/base.js +1 -1
  37. package/cjs/components/TextField/variations/_hint-size/{base_z7a2uf.css → base_scrhfa.css} +1 -1
  38. package/cjs/components/TextField/variations/_hint-view/base.js +1 -1
  39. package/cjs/components/TextField/variations/_hint-view/{base_1htnb8e.css → base_7yx5d1.css} +1 -1
  40. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  41. package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
  42. package/cjs/components/TextField/variations/_label-placement/base_1s0mlhj.css +1 -0
  43. package/cjs/components/TextField/variations/_read-only/base.js +1 -1
  44. package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
  45. package/cjs/components/TextField/variations/_read-only/{base_tjky6s.css → base_1ejddo2.css} +1 -1
  46. package/cjs/components/TextField/variations/_size/base.js +1 -1
  47. package/cjs/components/TextField/variations/_size/{base_1oec4lw.css → base_m1uv7m.css} +1 -1
  48. package/cjs/components/TextField/variations/_view/base.js +1 -1
  49. package/cjs/components/TextField/variations/_view/{base_1npz45o.css → base_1diyp23.css} +1 -1
  50. package/cjs/components/TimePicker/TimePicker.css +30 -29
  51. package/cjs/index.css +30 -29
  52. package/emotion/cjs/components/Range/variations/_disabled/base.js +1 -2
  53. package/emotion/cjs/components/Range/variations/_readonly/base.js +1 -1
  54. package/emotion/cjs/components/TextField/TextField.js +7 -3
  55. package/emotion/cjs/components/TextField/TextField.styles.js +51 -44
  56. package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  57. package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
  58. package/emotion/cjs/examples/components/DatePicker/DatePicker.config.js +9 -9
  59. package/emotion/es/components/Range/variations/_disabled/base.js +1 -2
  60. package/emotion/es/components/Range/variations/_readonly/base.js +1 -1
  61. package/emotion/es/components/TextField/TextField.js +8 -4
  62. package/emotion/es/components/TextField/TextField.styles.js +48 -44
  63. package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
  64. package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
  65. package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
  66. package/emotion/es/examples/components/DatePicker/DatePicker.config.js +9 -9
  67. package/es/components/Autocomplete/Autocomplete.css +30 -29
  68. package/es/components/Combobox/ComboboxNew/Combobox.css +30 -29
  69. package/es/components/DatePicker/RangeDate/RangeDate.css +36 -35
  70. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +36 -35
  71. package/es/components/DatePicker/SingleDate/SingleDate.css +30 -29
  72. package/es/components/DateTimePicker/DateTimePicker.css +30 -29
  73. package/es/components/DateTimePicker/ui/Input/Input.css +30 -29
  74. package/es/components/Pagination/Pagination.css +30 -29
  75. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -29
  76. package/es/components/Range/Range.css +32 -31
  77. package/es/components/Range/variations/_disabled/base.js +1 -1
  78. package/es/components/Range/variations/_disabled/base.js.map +1 -1
  79. package/es/components/Range/variations/_disabled/base_1ufizo4.css +1 -0
  80. package/es/components/Range/variations/_readonly/base.js +1 -1
  81. package/es/components/Range/variations/_readonly/base.js.map +1 -1
  82. package/{cjs/components/Range/variations/_readonly/base_15u5q5r.css → es/components/Range/variations/_readonly/base_1lu7vb0.css} +1 -1
  83. package/es/components/Select/Select.css +30 -29
  84. package/es/components/Select/ui/Target/Target.css +30 -29
  85. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +30 -29
  86. package/es/components/Slider/Slider.css +30 -29
  87. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +30 -29
  88. package/es/components/Table/Table.css +30 -29
  89. package/es/components/Table/ui/Cell/Cell.css +30 -29
  90. package/es/components/Table/ui/EditableCell/EditableCell.css +30 -29
  91. package/es/components/Table/ui/HeadCell/HeadCell.css +30 -29
  92. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +30 -29
  93. package/es/components/TextField/TextField.js +7 -3
  94. package/es/components/TextField/TextField.js.map +1 -1
  95. package/es/components/TextField/TextField.styles.js +33 -28
  96. package/es/components/TextField/TextField.styles.js.map +1 -1
  97. package/{cjs/components/TextField/TextField.styles_1fz6mh6.css → es/components/TextField/TextField.styles_146520i.css} +15 -14
  98. package/es/components/TextField/ui/Hint/Hint.css +21 -20
  99. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +23 -22
  100. package/es/components/TextField/variations/_clear/base.js +1 -1
  101. package/es/components/TextField/variations/_clear/base_ukg8yq.css +1 -0
  102. package/es/components/TextField/variations/_hint-size/base.js +1 -1
  103. package/es/components/TextField/variations/_hint-size/{base_z7a2uf.css → base_scrhfa.css} +1 -1
  104. package/es/components/TextField/variations/_hint-view/base.js +1 -1
  105. package/es/components/TextField/variations/_hint-view/{base_1htnb8e.css → base_7yx5d1.css} +1 -1
  106. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  107. package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
  108. package/es/components/TextField/variations/_label-placement/base_1s0mlhj.css +1 -0
  109. package/es/components/TextField/variations/_read-only/base.js +1 -1
  110. package/es/components/TextField/variations/_read-only/base.js.map +1 -1
  111. package/es/components/TextField/variations/_read-only/{base_tjky6s.css → base_1ejddo2.css} +1 -1
  112. package/es/components/TextField/variations/_size/base.js +1 -1
  113. package/es/components/TextField/variations/_size/{base_1oec4lw.css → base_m1uv7m.css} +1 -1
  114. package/es/components/TextField/variations/_view/base.js +1 -1
  115. package/es/components/TextField/variations/_view/{base_1npz45o.css → base_1diyp23.css} +1 -1
  116. package/es/components/TimePicker/TimePicker.css +30 -29
  117. package/es/index.css +30 -29
  118. package/package.json +2 -2
  119. package/styled-components/cjs/components/Range/variations/_disabled/base.js +2 -8
  120. package/styled-components/cjs/components/Range/variations/_readonly/base.js +1 -1
  121. package/styled-components/cjs/components/TextField/TextField.js +6 -2
  122. package/styled-components/cjs/components/TextField/TextField.styles.js +33 -22
  123. package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  124. package/styled-components/cjs/components/TextField/variations/_read-only/base.js +3 -3
  125. package/styled-components/cjs/examples/components/DatePicker/DatePicker.config.js +3 -9
  126. package/styled-components/es/components/Range/variations/_disabled/base.js +2 -8
  127. package/styled-components/es/components/Range/variations/_readonly/base.js +1 -1
  128. package/styled-components/es/components/TextField/TextField.js +7 -3
  129. package/styled-components/es/components/TextField/TextField.styles.js +30 -22
  130. package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
  131. package/styled-components/es/components/TextField/variations/_read-only/base.js +4 -4
  132. package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
  133. package/styled-components/es/examples/components/DatePicker/DatePicker.config.js +3 -9
  134. package/types/components/Range/variations/_disabled/base.d.ts.map +1 -1
  135. package/types/components/Range/variations/_readonly/base.d.ts.map +1 -1
  136. package/types/components/TextField/TextField.d.ts.map +1 -1
  137. package/types/components/TextField/TextField.styles.d.ts +1 -0
  138. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  139. package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
  140. package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
  141. package/types/examples/components/DatePicker/DatePicker.config.d.ts.map +1 -1
  142. package/cjs/components/Range/variations/_disabled/base_14rf606.css +0 -1
  143. package/cjs/components/TextField/variations/_clear/base_appgl3.css +0 -1
  144. package/cjs/components/TextField/variations/_label-placement/base_18kkeb9.css +0 -1
  145. package/es/components/Range/variations/_disabled/base_14rf606.css +0 -1
  146. package/es/components/TextField/variations/_clear/base_appgl3.css +0 -1
  147. package/es/components/TextField/variations/_label-placement/base_18kkeb9.css +0 -1
@@ -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,6 +1,6 @@
1
1
  import { css } from "styled-components";
2
2
  import { classes, tokens } from "../../TextField.tokens";
3
- import { Input, InputPlaceholder, InputWrapper, Label, LeftHelper, StyledContentLeft, StyledContentRight, TitleCaption } from "../../TextField.styles";
3
+ import { Input, InputPlaceholder, InputWrapper, Label, LeftHelper, StyledContentRight, TitleCaption } from "../../TextField.styles";
4
4
  export var base = css([
5
5
  "&[readonly]{:not(&.",
6
6
  "){",
@@ -24,7 +24,6 @@ export var base = css([
24
24
  ");}",
25
25
  "{color:var(",
26
26
  ");}",
27
- ":hover{color:var(--private_content-slot-color);}",
28
27
  "{opacity:var(",
29
28
  ");}",
30
29
  ":hover,",
@@ -33,5 +32,6 @@ export var base = css([
33
32
  "));}&.",
34
33
  " ",
35
34
  "{color:var(",
36
- ");}}"
37
- ], classes.clear, InputWrapper, tokens.colorReadOnly, tokens.borderRadius, tokens.backgroundColorReadOnly, tokens.readOnlyOpacity, String(tokens.borderWidth), tokens.borderColorReadOnly, classes.hasDivider, InputWrapper, String(tokens.dividerColorReadOnly), InputWrapper, InputPlaceholder, InputPlaceholder, tokens.placeholderColorReadOnly, Input, tokens.colorReadOnly, TitleCaption, tokens.titleCaptionColorReadOnly, LeftHelper, tokens.leftHelperColorReadOnly, StyledContentLeft, StyledContentRight, tokens.contentSlotRightOpacityReadOnly, StyledContentRight, StyledContentRight, tokens.contentSlotRightColor, tokens.contentSlotColor, classes.outerLabelPlacement, Label, tokens.labelColorReadOnly);
35
+ ");}",
36
+ "{&:hover{cursor:default;}}}"
37
+ ], classes.clear, InputWrapper, tokens.colorReadOnly, tokens.borderRadius, tokens.backgroundColorReadOnly, tokens.readOnlyOpacity, String(tokens.borderWidth), tokens.borderColorReadOnly, classes.hasDivider, InputWrapper, String(tokens.dividerColorReadOnly), InputWrapper, InputPlaceholder, InputPlaceholder, tokens.placeholderColorReadOnly, Input, tokens.colorReadOnly, TitleCaption, tokens.titleCaptionColorReadOnly, LeftHelper, tokens.leftHelperColorReadOnly, StyledContentRight, tokens.contentSlotRightOpacityReadOnly, StyledContentRight, StyledContentRight, tokens.contentSlotRightColor, tokens.contentSlotColor, classes.outerLabelPlacement, Label, tokens.labelColorReadOnly, StyledContentRight);
@@ -1,7 +0,0 @@
1
- import { component, mergeConfig } from "../../../engines";
2
- import { comboboxNewConfig } from "../../..";
3
- import { config } from "./Combobox.config";
4
- var mergedConfig = mergeConfig(comboboxNewConfig, config);
5
- var ComboboxComponent = component(mergedConfig);
6
- var Combobox = ComboboxComponent;
7
- export { Combobox };
@@ -17,18 +17,12 @@ export var config = {
17
17
  ":var(--text-secondary);",
18
18
  ":var(--text-negative);",
19
19
  ":var(--text-positive);",
20
- ":var(--text-primary);",
21
- ":var(--text-primary-hover);",
22
- ":var(--text-primary-active);",
23
- ":var(--text-primary);",
24
- ":var(--text-secondary);",
25
- ":var(--text-accent);",
26
20
  ":var(--text-secondary);",
27
21
  ":var(--text-secondary-hover);",
28
22
  ":var(--text-secondary-active);",
23
+ ":var(--text-primary);",
29
24
  ":var(--text-secondary);",
30
- ":var(--text-secondary-hover);",
31
- ":var(--text-secondary-active);",
25
+ ":var(--text-accent);",
32
26
  ":var(--plasma-typo-body-xs-font-family);",
33
27
  ":var(--plasma-typo-body-xs-font-size);",
34
28
  ":var(--plasma-typo-body-xs-font-style);",
@@ -79,7 +73,7 @@ export var config = {
79
73
  ":var(--surface-solid-card-brightness);",
80
74
  ":var(--shadow-down-hard-s);",
81
75
  ":var(--text-primary);"
82
- ], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldContentRightSlotColorActive, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus, tokens.calendarShadow, tokens.calendarSeparatorBackground, tokens.calendarBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor)
76
+ ], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus, tokens.calendarShadow, tokens.calendarSeparatorBackground, tokens.calendarBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor)
83
77
  },
84
78
  size: {
85
79
  l: css([
@@ -1 +1 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Range/variations/_disabled/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAkBhB,CAAC"}
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Range/variations/_disabled/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAKhB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Range/variations/_readonly/base.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,IAAI,0CAqDhB,CAAC"}
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Range/variations/_readonly/base.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,IAAI,0CAoDhB,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 +1 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_read-only/base.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,IAAI,0CAuEhB,CAAC"}
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_read-only/base.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,IAAI,0CAyEhB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/DatePicker/DatePicker.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;CAiqBlB,CAAC"}
1
+ {"version":3,"file":"DatePicker.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/DatePicker/DatePicker.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;CA2pBlB,CAAC"}
@@ -1 +0,0 @@
1
- .brz2a7[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}.brz2a7[disabled] .s15y5ylz,.brz2a7[disabled] .suha98b{color:var(--plasma-textfield-content-slot-color);}.brz2a7[disabled] .s15y5ylz:hover,.brz2a7[disabled] .suha98b:hover,.brz2a7[disabled] .s15y5ylz:active,.brz2a7[disabled] .suha98b:active{color:var(--plasma-textfield-content-slot-color);}.brz2a7[disabled] .suha98b{pointer-events:none;}
@@ -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
- .brz2a7[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}.brz2a7[disabled] .s15y5ylz,.brz2a7[disabled] .suha98b{color:var(--plasma-textfield-content-slot-color);}.brz2a7[disabled] .s15y5ylz:hover,.brz2a7[disabled] .suha98b:hover,.brz2a7[disabled] .s15y5ylz:active,.brz2a7[disabled] .suha98b:active{color:var(--plasma-textfield-content-slot-color);}.brz2a7[disabled] .suha98b{pointer-events:none;}
@@ -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);}