@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.
- package/cjs/components/Autocomplete/Autocomplete.css +30 -29
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +30 -29
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +36 -35
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +36 -35
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +30 -29
- package/cjs/components/DateTimePicker/DateTimePicker.css +30 -29
- package/cjs/components/DateTimePicker/ui/Input/Input.css +30 -29
- package/cjs/components/Pagination/Pagination.css +30 -29
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -29
- package/cjs/components/Range/Range.css +32 -31
- package/cjs/components/Range/variations/_disabled/base.js +1 -1
- package/cjs/components/Range/variations/_disabled/base.js.map +1 -1
- package/cjs/components/Range/variations/_disabled/base_1ufizo4.css +1 -0
- package/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/cjs/components/Range/variations/_readonly/base.js.map +1 -1
- package/{es/components/Range/variations/_readonly/base_15u5q5r.css → cjs/components/Range/variations/_readonly/base_1lu7vb0.css} +1 -1
- package/cjs/components/Select/Select.css +30 -29
- package/cjs/components/Select/ui/Target/Target.css +30 -29
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +30 -29
- package/cjs/components/Slider/Slider.css +30 -29
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +30 -29
- package/cjs/components/Table/Table.css +30 -29
- package/cjs/components/Table/ui/Cell/Cell.css +30 -29
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +30 -29
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +30 -29
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +30 -29
- package/cjs/components/TextField/TextField.js +6 -2
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +33 -27
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/{es/components/TextField/TextField.styles_1fz6mh6.css → cjs/components/TextField/TextField.styles_146520i.css} +15 -14
- package/cjs/components/TextField/ui/Hint/Hint.css +21 -20
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +23 -22
- package/cjs/components/TextField/variations/_clear/base.js +1 -1
- package/cjs/components/TextField/variations/_clear/base_ukg8yq.css +1 -0
- package/cjs/components/TextField/variations/_hint-size/base.js +1 -1
- package/cjs/components/TextField/variations/_hint-size/{base_z7a2uf.css → base_scrhfa.css} +1 -1
- package/cjs/components/TextField/variations/_hint-view/base.js +1 -1
- package/cjs/components/TextField/variations/_hint-view/{base_1htnb8e.css → base_7yx5d1.css} +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/base_1s0mlhj.css +1 -0
- package/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
- package/cjs/components/TextField/variations/_read-only/{base_tjky6s.css → base_1ejddo2.css} +1 -1
- package/cjs/components/TextField/variations/_size/base.js +1 -1
- package/cjs/components/TextField/variations/_size/{base_1oec4lw.css → base_m1uv7m.css} +1 -1
- package/cjs/components/TextField/variations/_view/base.js +1 -1
- package/cjs/components/TextField/variations/_view/{base_1npz45o.css → base_1diyp23.css} +1 -1
- package/cjs/components/TimePicker/TimePicker.css +30 -29
- package/cjs/index.css +30 -29
- package/emotion/cjs/components/Range/variations/_disabled/base.js +1 -2
- package/emotion/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/emotion/cjs/components/TextField/TextField.js +7 -3
- package/emotion/cjs/components/TextField/TextField.styles.js +51 -44
- package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/emotion/cjs/examples/components/DatePicker/DatePicker.config.js +9 -9
- package/emotion/es/components/Range/variations/_disabled/base.js +1 -2
- package/emotion/es/components/Range/variations/_readonly/base.js +1 -1
- package/emotion/es/components/TextField/TextField.js +8 -4
- package/emotion/es/components/TextField/TextField.styles.js +48 -44
- package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
- package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
- package/emotion/es/examples/components/DatePicker/DatePicker.config.js +9 -9
- package/es/components/Autocomplete/Autocomplete.css +30 -29
- package/es/components/Combobox/ComboboxNew/Combobox.css +30 -29
- package/es/components/DatePicker/RangeDate/RangeDate.css +36 -35
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +36 -35
- package/es/components/DatePicker/SingleDate/SingleDate.css +30 -29
- package/es/components/DateTimePicker/DateTimePicker.css +30 -29
- package/es/components/DateTimePicker/ui/Input/Input.css +30 -29
- package/es/components/Pagination/Pagination.css +30 -29
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -29
- package/es/components/Range/Range.css +32 -31
- package/es/components/Range/variations/_disabled/base.js +1 -1
- package/es/components/Range/variations/_disabled/base.js.map +1 -1
- package/es/components/Range/variations/_disabled/base_1ufizo4.css +1 -0
- package/es/components/Range/variations/_readonly/base.js +1 -1
- package/es/components/Range/variations/_readonly/base.js.map +1 -1
- package/{cjs/components/Range/variations/_readonly/base_15u5q5r.css → es/components/Range/variations/_readonly/base_1lu7vb0.css} +1 -1
- package/es/components/Select/Select.css +30 -29
- package/es/components/Select/ui/Target/Target.css +30 -29
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +30 -29
- package/es/components/Slider/Slider.css +30 -29
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +30 -29
- package/es/components/Table/Table.css +30 -29
- package/es/components/Table/ui/Cell/Cell.css +30 -29
- package/es/components/Table/ui/EditableCell/EditableCell.css +30 -29
- package/es/components/Table/ui/HeadCell/HeadCell.css +30 -29
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +30 -29
- package/es/components/TextField/TextField.js +7 -3
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +33 -28
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/{cjs/components/TextField/TextField.styles_1fz6mh6.css → es/components/TextField/TextField.styles_146520i.css} +15 -14
- package/es/components/TextField/ui/Hint/Hint.css +21 -20
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +23 -22
- package/es/components/TextField/variations/_clear/base.js +1 -1
- package/es/components/TextField/variations/_clear/base_ukg8yq.css +1 -0
- package/es/components/TextField/variations/_hint-size/base.js +1 -1
- package/es/components/TextField/variations/_hint-size/{base_z7a2uf.css → base_scrhfa.css} +1 -1
- package/es/components/TextField/variations/_hint-view/base.js +1 -1
- package/es/components/TextField/variations/_hint-view/{base_1htnb8e.css → base_7yx5d1.css} +1 -1
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/base_1s0mlhj.css +1 -0
- package/es/components/TextField/variations/_read-only/base.js +1 -1
- package/es/components/TextField/variations/_read-only/base.js.map +1 -1
- package/es/components/TextField/variations/_read-only/{base_tjky6s.css → base_1ejddo2.css} +1 -1
- package/es/components/TextField/variations/_size/base.js +1 -1
- package/es/components/TextField/variations/_size/{base_1oec4lw.css → base_m1uv7m.css} +1 -1
- package/es/components/TextField/variations/_view/base.js +1 -1
- package/es/components/TextField/variations/_view/{base_1npz45o.css → base_1diyp23.css} +1 -1
- package/es/components/TimePicker/TimePicker.css +30 -29
- package/es/index.css +30 -29
- package/package.json +2 -2
- package/styled-components/cjs/components/Range/variations/_disabled/base.js +2 -8
- package/styled-components/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/styled-components/cjs/components/TextField/TextField.js +6 -2
- package/styled-components/cjs/components/TextField/TextField.styles.js +33 -22
- package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_read-only/base.js +3 -3
- package/styled-components/cjs/examples/components/DatePicker/DatePicker.config.js +3 -9
- package/styled-components/es/components/Range/variations/_disabled/base.js +2 -8
- package/styled-components/es/components/Range/variations/_readonly/base.js +1 -1
- package/styled-components/es/components/TextField/TextField.js +7 -3
- package/styled-components/es/components/TextField/TextField.styles.js +30 -22
- package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/es/components/TextField/variations/_read-only/base.js +4 -4
- package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
- package/styled-components/es/examples/components/DatePicker/DatePicker.config.js +3 -9
- package/types/components/Range/variations/_disabled/base.d.ts.map +1 -1
- package/types/components/Range/variations/_readonly/base.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +1 -0
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
- package/types/examples/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/cjs/components/Range/variations/_disabled/base_14rf606.css +0 -1
- package/cjs/components/TextField/variations/_clear/base_appgl3.css +0 -1
- package/cjs/components/TextField/variations/_label-placement/base_18kkeb9.css +0 -1
- package/es/components/Range/variations/_disabled/base_14rf606.css +0 -1
- package/es/components/TextField/variations/_clear/base_appgl3.css +0 -1
- 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
|
-
},
|
|
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
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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,
|
|
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
|
-
|
|
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-
|
|
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.
|
|
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":"
|
|
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,
|
|
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;
|
|
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,
|
|
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":"
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
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);}
|