@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.
- package/cjs/components/Autocomplete/Autocomplete.css +30 -29
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +30 -29
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +34 -33
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +34 -33
- 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 +30 -29
- 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/cjs/components/TextField/{TextField.styles_1fz6mh6.css → 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/{es/components/TextField/variations/_hint-size/base_z7a2uf.css → cjs/components/TextField/variations/_hint-size/base_scrhfa.css} +1 -1
- package/cjs/components/TextField/variations/_hint-view/base.js +1 -1
- package/{es/components/TextField/variations/_hint-view/base_1htnb8e.css → cjs/components/TextField/variations/_hint-view/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_uo19e5.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 +34 -33
- 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/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/examples/components/Combobox/Combobox.js +0 -7
- package/es/components/Autocomplete/Autocomplete.css +30 -29
- package/es/components/Combobox/ComboboxNew/Combobox.css +30 -29
- package/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +34 -33
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +34 -33
- 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 +30 -29
- 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/es/components/TextField/{TextField.styles_1fz6mh6.css → 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/{cjs/components/TextField/variations/_hint-size/base_z7a2uf.css → es/components/TextField/variations/_hint-size/base_scrhfa.css} +1 -1
- package/es/components/TextField/variations/_hint-view/base.js +1 -1
- package/{cjs/components/TextField/variations/_hint-view/base_1htnb8e.css → es/components/TextField/variations/_hint-view/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_uo19e5.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 +34 -33
- package/package.json +4 -4
- 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/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/types/components/Combobox/ComboboxNew/Combobox.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/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/TextField/variations/_clear/base_appgl3.css +0 -1
- package/es/components/TextField/variations/_label-placement/base_18kkeb9.css +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require('./TextField.
|
|
1
|
+
require('./TextField.styles_146520i.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -65,13 +65,18 @@ var InputPlaceholder = /*#__PURE__*/react.styled('div')({
|
|
|
65
65
|
"i19ry60d-0": [/*#__PURE__*/_exp13()]
|
|
66
66
|
}
|
|
67
67
|
});
|
|
68
|
-
var
|
|
68
|
+
var InputPlaceholderValue = /*#__PURE__*/react.styled('div')({
|
|
69
|
+
name: "InputPlaceholderValue",
|
|
70
|
+
"class": "ibt1ohz",
|
|
71
|
+
propsAsIs: false
|
|
72
|
+
});
|
|
73
|
+
var _exp16 = function _exp16() {
|
|
69
74
|
return function (_ref4) {
|
|
70
75
|
var isInnerLabel = _ref4.isInnerLabel;
|
|
71
76
|
return isInnerLabel ? 'nowrap' : 'normal';
|
|
72
77
|
};
|
|
73
78
|
};
|
|
74
|
-
var
|
|
79
|
+
var _exp17 = function _exp17() {
|
|
75
80
|
return function (_ref5) {
|
|
76
81
|
var isInnerLabel = _ref5.isInnerLabel;
|
|
77
82
|
return isInnerLabel ? "var(".concat(TextField_tokens.tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(TextField_tokens.tokens.labelOffset, ")");
|
|
@@ -79,29 +84,29 @@ var _exp15 = function _exp15() {
|
|
|
79
84
|
};
|
|
80
85
|
var OuterLabelWrapper = /*#__PURE__*/react.styled('div')({
|
|
81
86
|
name: "OuterLabelWrapper",
|
|
82
|
-
"class": "
|
|
87
|
+
"class": "olv9av6",
|
|
83
88
|
propsAsIs: false,
|
|
84
89
|
vars: {
|
|
85
|
-
"
|
|
86
|
-
"
|
|
90
|
+
"olv9av6-0": [/*#__PURE__*/_exp16()],
|
|
91
|
+
"olv9av6-1": [/*#__PURE__*/_exp17()]
|
|
87
92
|
}
|
|
88
93
|
});
|
|
89
94
|
var TitleCaption = /*#__PURE__*/react.styled('div')({
|
|
90
95
|
name: "TitleCaption",
|
|
91
|
-
"class": "
|
|
96
|
+
"class": "t600610",
|
|
92
97
|
propsAsIs: false
|
|
93
98
|
});
|
|
94
99
|
var StyledIndicatorWrapper = /*#__PURE__*/react.styled('div')({
|
|
95
100
|
name: "StyledIndicatorWrapper",
|
|
96
|
-
"class": "
|
|
101
|
+
"class": "suk2zst",
|
|
97
102
|
propsAsIs: false
|
|
98
103
|
});
|
|
99
104
|
var Label = /*#__PURE__*/react.styled('label')({
|
|
100
105
|
name: "Label",
|
|
101
|
-
"class": "
|
|
106
|
+
"class": "l1gjsnfi",
|
|
102
107
|
propsAsIs: false
|
|
103
108
|
});
|
|
104
|
-
var
|
|
109
|
+
var _exp18 = function _exp18() {
|
|
105
110
|
return function (_ref6) {
|
|
106
111
|
var isDefaultView = _ref6.isDefaultView,
|
|
107
112
|
isClear = _ref6.isClear;
|
|
@@ -110,28 +115,28 @@ var _exp16 = function _exp16() {
|
|
|
110
115
|
};
|
|
111
116
|
var StyledContentLeft = /*#__PURE__*/react.styled('div')({
|
|
112
117
|
name: "StyledContentLeft",
|
|
113
|
-
"class": "
|
|
118
|
+
"class": "ssv2kwg",
|
|
114
119
|
propsAsIs: false,
|
|
115
120
|
vars: {
|
|
116
|
-
"
|
|
121
|
+
"ssv2kwg-0": [/*#__PURE__*/_exp18()]
|
|
117
122
|
}
|
|
118
123
|
});
|
|
119
124
|
var StyledContentRightWrapper = /*#__PURE__*/react.styled('div')({
|
|
120
125
|
name: "StyledContentRightWrapper",
|
|
121
|
-
"class": "
|
|
126
|
+
"class": "s190z894",
|
|
122
127
|
propsAsIs: false
|
|
123
128
|
});
|
|
124
129
|
var StyledContentRight = /*#__PURE__*/react.styled('div')({
|
|
125
130
|
name: "StyledContentRight",
|
|
126
|
-
"class": "
|
|
131
|
+
"class": "sb3k3v1",
|
|
127
132
|
propsAsIs: false
|
|
128
133
|
});
|
|
129
134
|
var LeftHelper = /*#__PURE__*/react.styled('div')({
|
|
130
135
|
name: "LeftHelper",
|
|
131
|
-
"class": "
|
|
136
|
+
"class": "l7hnwwb",
|
|
132
137
|
propsAsIs: false
|
|
133
138
|
});
|
|
134
|
-
var
|
|
139
|
+
var _exp29 = function _exp29() {
|
|
135
140
|
return function (_ref7) {
|
|
136
141
|
var isHidden = _ref7.isHidden;
|
|
137
142
|
return isHidden ? 'hidden' : 'visible';
|
|
@@ -139,48 +144,48 @@ var _exp27 = function _exp27() {
|
|
|
139
144
|
};
|
|
140
145
|
var StyledTextBefore = /*#__PURE__*/react.styled('div')({
|
|
141
146
|
name: "StyledTextBefore",
|
|
142
|
-
"class": "
|
|
147
|
+
"class": "smqgwd8",
|
|
143
148
|
propsAsIs: false,
|
|
144
149
|
vars: {
|
|
145
|
-
"
|
|
150
|
+
"smqgwd8-0": [/*#__PURE__*/_exp29()]
|
|
146
151
|
}
|
|
147
152
|
});
|
|
148
153
|
var StyledTextAfter = /*#__PURE__*/react.styled('div')({
|
|
149
154
|
name: "StyledTextAfter",
|
|
150
|
-
"class": "
|
|
155
|
+
"class": "s14qvple",
|
|
151
156
|
propsAsIs: false
|
|
152
157
|
});
|
|
153
158
|
var StyledOptionalText = /*#__PURE__*/react.styled('span')({
|
|
154
159
|
name: "StyledOptionalText",
|
|
155
|
-
"class": "
|
|
160
|
+
"class": "s16itze4",
|
|
156
161
|
propsAsIs: false
|
|
157
162
|
});
|
|
158
163
|
var StyledHintWrapper = /*#__PURE__*/react.styled('div')({
|
|
159
164
|
name: "StyledHintWrapper",
|
|
160
|
-
"class": "
|
|
165
|
+
"class": "s1skqnhr",
|
|
161
166
|
propsAsIs: false
|
|
162
167
|
});
|
|
163
168
|
var HintTargetWrapper = /*#__PURE__*/react.styled('div')({
|
|
164
169
|
name: "HintTargetWrapper",
|
|
165
|
-
"class": "
|
|
170
|
+
"class": "hgy0im1",
|
|
166
171
|
propsAsIs: false
|
|
167
172
|
});
|
|
168
|
-
var
|
|
173
|
+
var _exp34 = function _exp34() {
|
|
169
174
|
return Tooltip;
|
|
170
175
|
};
|
|
171
|
-
var Hint = /*#__PURE__*/react.styled(
|
|
176
|
+
var Hint = /*#__PURE__*/react.styled(_exp34())({
|
|
172
177
|
name: "Hint",
|
|
173
|
-
"class": "
|
|
178
|
+
"class": "h8yezh4",
|
|
174
179
|
propsAsIs: true
|
|
175
180
|
});
|
|
176
181
|
var HintIconWrapper = /*#__PURE__*/react.styled('div')({
|
|
177
182
|
name: "HintIconWrapper",
|
|
178
|
-
"class": "
|
|
183
|
+
"class": "hzsveq4",
|
|
179
184
|
propsAsIs: false
|
|
180
185
|
});
|
|
181
186
|
var StyledIndicator = /*#__PURE__*/react.styled('div')({
|
|
182
187
|
name: "StyledIndicator",
|
|
183
|
-
"class": "
|
|
188
|
+
"class": "s9w7nf8",
|
|
184
189
|
propsAsIs: false
|
|
185
190
|
});
|
|
186
191
|
|
|
@@ -191,6 +196,7 @@ exports.Input = Input;
|
|
|
191
196
|
exports.InputContainer = InputContainer;
|
|
192
197
|
exports.InputLabelWrapper = InputLabelWrapper;
|
|
193
198
|
exports.InputPlaceholder = InputPlaceholder;
|
|
199
|
+
exports.InputPlaceholderValue = InputPlaceholderValue;
|
|
194
200
|
exports.InputWrapper = InputWrapper;
|
|
195
201
|
exports.Label = Label;
|
|
196
202
|
exports.LeftHelper = LeftHelper;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.styles.js","sources":["../../../src/components/TextField/TextField.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { applyEllipsis } from 'src/mixins';\n\nimport { component, mergeConfig } from '../../engines';\nimport { tooltipConfig } from '../Tooltip';\nimport { popoverClasses } from '../Popover';\n\nimport { classes, tokens } from './TextField.tokens';\n\nconst mergedConfig = mergeConfig(tooltipConfig);\nconst Tooltip = component(mergedConfig);\n\nexport const InputWrapper = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n`;\n\nexport const InputLabelWrapper = styled.div`\n flex: 1;\n overflow: scroll;\n position: relative;\n width: 100%;\n display: inline-flex;\n align-items: center;\n\n ::-webkit-scrollbar {\n display: none;\n }\n\n scrollbar-width: none;\n\n overscroll-behavior: contain;\n\n &.${String(classes.hasChips)} {\n height: var(${tokens.chipHeight});\n border-radius: var(${tokens.chipBorderRadius});\n }\n`;\n\nexport const StyledChips = styled.div`\n display: flex;\n gap: var(${tokens.chipGap});\n margin-right: var(${tokens.chipMarginRight}, var(${tokens.chipGap}));\n user-select: none;\n`;\n\nexport const Input = styled.input`\n box-sizing: border-box;\n appearance: none;\n border: 0;\n padding: 0;\n background-color: transparent;\n outline: none;\n width: 100%;\n z-index: 1;\n\n &.${classes.inputTextEllipsis} {\n ${applyEllipsis()}\n }\n\n &::placeholder {\n opacity: 0;\n }\n`;\n\nexport const InputContainer = styled.div<{ hasDynamicWidth?: boolean }>`\n position: relative;\n display: flex;\n flex: 1;\n min-width: ${({ hasDynamicWidth }) => (hasDynamicWidth ? 'auto' : '60%')};\n\n ${Input} {\n max-width: ${({ hasDynamicWidth }) => (hasDynamicWidth ? '100%' : 'none')};\n }\n`;\n\nexport const InputPlaceholder = styled.div<{ hasPadding?: boolean }>`\n display: flex;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 0;\n white-space: nowrap;\n\n pointer-events: none;\n user-select: none;\n font: inherit;\n letter-spacing: inherit;\n line-height: inherit;\n\n color: var(${tokens.placeholderColor});\n padding: ${({ hasPadding }) => (hasPadding ? `var(${tokens.contentLabelInnerPadding})` : '0')};\n`;\n\nexport const OuterLabelWrapper = styled.div<{ isInnerLabel: boolean }>`\n display: flex;\n align-items: center;\n\n white-space: ${({ isInnerLabel }) => (isInnerLabel ? 'nowrap' : 'normal')};\n margin-bottom: ${({ isInnerLabel }) =>\n isInnerLabel ? `var(${tokens.titleCaptionInnerLabelOffset})` : `var(${tokens.labelOffset})`};\n`;\n\nexport const TitleCaption = styled.div`\n display: inline-block;\n margin-left: auto;\n`;\n\nexport const StyledIndicatorWrapper = styled.div`\n position: relative;\n display: inline-flex;\n align-items: center;\n`;\n\nexport const Label = styled.label`\n display: inline-flex;\n`;\n\nexport const StyledContentLeft = styled.div<{ isDefaultView: boolean; isClear: boolean }>`\n --private_content-slot-color: ${({ isDefaultView, isClear }) =>\n !isDefaultView && isClear ? `var(${tokens.clearColor})` : `var(${tokens.contentSlotColor})`};\n\n margin: var(${tokens.leftContentMargin});\n color: var(--private_content-slot-color);\n line-height: 0;\n\n &:hover {\n color: var(${tokens.contentSlotColorHover}, var(--private_content-slot-color));\n }\n\n &:active {\n color: var(${tokens.contentSlotColorActive}, var(--private_content-slot-color));\n }\n`;\n\nexport const StyledContentRightWrapper = styled.div`\n display: flex;\n align-items: center;\n`;\n\nexport const StyledContentRight = styled.div`\n line-height: 0;\n\n margin: var(${tokens.rightContentMargin});\n color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n\n &:hover {\n color: var(${tokens.contentSlotRightColorHover}, var(${tokens.contentSlotColorHover}));\n cursor: pointer;\n }\n\n &:active {\n color: var(${tokens.contentSlotRightColorActive}, var(${tokens.contentSlotColorActive}));\n }\n`;\n\nexport const LeftHelper = styled.div``;\n\nexport const StyledTextBefore = styled.div<{ isHidden?: boolean }>`\n visibility: ${({ isHidden }) => (isHidden ? 'hidden' : 'visible')};\n`;\n\nexport const StyledTextAfter = styled.div``;\n\nexport const StyledOptionalText = styled.span`\n color: var(${tokens.optionalColor});\n`;\n\nexport const StyledHintWrapper = styled.div`\n display: inline-block;\n line-height: 0;\n\n &.${classes.innerLabelPlacement} {\n position: absolute;\n margin: 0;\n inset: var(${tokens.hintInnerLabelPlacementOffset});\n }\n`;\n\nexport const HintTargetWrapper = styled.div`\n color: var(${tokens.hintIconColor});\n\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nexport const Hint = styled(Tooltip)`\n ${HintTargetWrapper} .${popoverClasses.root} {\n width: fit-content;\n }\n`;\n\nexport const HintIconWrapper = styled.div`\n display: flex;\n`;\n\nexport const StyledIndicator = styled.div`\n position: absolute;\n border-radius: 50%;\n\n background-color: var(${tokens.indicatorColor});\n\n &.${classes.outerLabelPlacement} {\n width: var(${tokens.indicatorSizeOuter});\n height: var(${tokens.indicatorSizeOuter});\n inset: var(${tokens.indicatorLabelPlacementOuter});\n\n &.${classes.requiredAlignRight} {\n inset: var(${tokens.indicatorLabelPlacementOuterRight});\n\n &.${classes.hasHint} {\n right: calc(\n -1 * var(${tokens.indicatorSizeOuter}) + var(${tokens.indicatorLabelPlacementHintOuterRight}, 0px)\n );\n }\n }\n }\n\n &.${classes.innerLabelPlacement} {\n width: var(${tokens.indicatorSizeInner});\n height: var(${tokens.indicatorSizeInner});\n inset: var(${tokens.indicatorLabelPlacementInner});\n\n &.${classes.requiredAlignRight} {\n inset: var(${tokens.indicatorLabelPlacementInnerRight});\n }\n }\n`;\n"],"names":["mergedConfig","mergeConfig","tooltipConfig","Tooltip","component","InputWrapper","styled","name","class","propsAsIs","InputLabelWrapper","StyledChips","Input","_exp9","_ref","hasDynamicWidth","_exp11","_ref2","InputContainer","vars","_exp13","_ref3","hasPadding","concat","tokens","contentLabelInnerPadding","InputPlaceholder","_exp14","_ref4","isInnerLabel","_exp15","_ref5","titleCaptionInnerLabelOffset","labelOffset","OuterLabelWrapper","TitleCaption","StyledIndicatorWrapper","Label","_exp16","_ref6","isDefaultView","isClear","clearColor","contentSlotColor","StyledContentLeft","StyledContentRightWrapper","StyledContentRight","LeftHelper","_exp27","_ref7","isHidden","StyledTextBefore","StyledTextAfter","StyledOptionalText","StyledHintWrapper","HintTargetWrapper","_exp32","Hint","HintIconWrapper","StyledIndicator"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"TextField.styles.js","sources":["../../../src/components/TextField/TextField.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { applyEllipsis } from 'src/mixins';\n\nimport { component, mergeConfig } from '../../engines';\nimport { tooltipConfig } from '../Tooltip';\nimport { popoverClasses } from '../Popover';\n\nimport { classes, tokens } from './TextField.tokens';\n\nconst mergedConfig = mergeConfig(tooltipConfig);\nconst Tooltip = component(mergedConfig);\n\nexport const InputWrapper = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n`;\n\nexport const InputLabelWrapper = styled.div`\n flex: 1;\n overflow: scroll;\n position: relative;\n width: 100%;\n display: inline-flex;\n align-items: center;\n\n ::-webkit-scrollbar {\n display: none;\n }\n\n scrollbar-width: none;\n\n overscroll-behavior: contain;\n\n &.${String(classes.hasChips)} {\n height: var(${tokens.chipHeight});\n border-radius: var(${tokens.chipBorderRadius});\n }\n`;\n\nexport const StyledChips = styled.div`\n display: flex;\n gap: var(${tokens.chipGap});\n margin-right: var(${tokens.chipMarginRight}, var(${tokens.chipGap}));\n user-select: none;\n`;\n\nexport const Input = styled.input`\n box-sizing: border-box;\n appearance: none;\n border: 0;\n padding: 0;\n background-color: transparent;\n outline: none;\n width: 100%;\n z-index: 1;\n\n &.${classes.inputTextEllipsis} {\n ${applyEllipsis()}\n }\n\n &::placeholder {\n opacity: 0;\n }\n`;\n\nexport const InputContainer = styled.div<{ hasDynamicWidth?: boolean }>`\n position: relative;\n display: flex;\n flex: 1;\n min-width: ${({ hasDynamicWidth }) => (hasDynamicWidth ? 'auto' : '60%')};\n\n ${Input} {\n max-width: ${({ hasDynamicWidth }) => (hasDynamicWidth ? '100%' : 'none')};\n }\n`;\n\nexport const InputPlaceholder = styled.div<{ hasPadding?: boolean }>`\n display: flex;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 0;\n white-space: nowrap;\n\n pointer-events: none;\n user-select: none;\n font: inherit;\n letter-spacing: inherit;\n line-height: inherit;\n\n color: var(${tokens.placeholderColor});\n padding: ${({ hasPadding }) => (hasPadding ? `var(${tokens.contentLabelInnerPadding})` : '0')};\n`;\n\nexport const InputPlaceholderValue = styled.div`\n &.${classes.inputTextEllipsis} {\n ${applyEllipsis()}\n }\n`;\n\nexport const OuterLabelWrapper = styled.div<{ isInnerLabel: boolean }>`\n display: flex;\n align-items: center;\n\n white-space: ${({ isInnerLabel }) => (isInnerLabel ? 'nowrap' : 'normal')};\n margin-bottom: ${({ isInnerLabel }) =>\n isInnerLabel ? `var(${tokens.titleCaptionInnerLabelOffset})` : `var(${tokens.labelOffset})`};\n`;\n\nexport const TitleCaption = styled.div`\n display: inline-block;\n margin-left: auto;\n`;\n\nexport const StyledIndicatorWrapper = styled.div`\n position: relative;\n display: inline-flex;\n align-items: center;\n`;\n\nexport const Label = styled.label`\n display: inline-flex;\n`;\n\nexport const StyledContentLeft = styled.div<{ isDefaultView: boolean; isClear: boolean }>`\n --private_content-slot-color: ${({ isDefaultView, isClear }) =>\n !isDefaultView && isClear ? `var(${tokens.clearColor})` : `var(${tokens.contentSlotColor})`};\n\n margin: var(${tokens.leftContentMargin});\n color: var(--private_content-slot-color);\n line-height: 0;\n\n &:hover {\n color: var(${tokens.contentSlotColorHover}, var(--private_content-slot-color));\n }\n\n &:active {\n color: var(${tokens.contentSlotColorActive}, var(--private_content-slot-color));\n }\n`;\n\nexport const StyledContentRightWrapper = styled.div`\n display: flex;\n align-items: center;\n`;\n\nexport const StyledContentRight = styled.div`\n line-height: 0;\n\n margin: var(${tokens.rightContentMargin});\n color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n\n &:hover {\n color: var(${tokens.contentSlotRightColorHover}, var(${tokens.contentSlotColorHover}));\n cursor: pointer;\n }\n\n &:active {\n color: var(${tokens.contentSlotRightColorActive}, var(${tokens.contentSlotColorActive}));\n }\n`;\n\nexport const LeftHelper = styled.div``;\n\nexport const StyledTextBefore = styled.div<{ isHidden?: boolean }>`\n visibility: ${({ isHidden }) => (isHidden ? 'hidden' : 'visible')};\n`;\n\nexport const StyledTextAfter = styled.div``;\n\nexport const StyledOptionalText = styled.span`\n color: var(${tokens.optionalColor});\n`;\n\nexport const StyledHintWrapper = styled.div`\n display: inline-block;\n line-height: 0;\n\n &.${classes.innerLabelPlacement} {\n position: absolute;\n margin: 0;\n inset: var(${tokens.hintInnerLabelPlacementOffset});\n }\n`;\n\nexport const HintTargetWrapper = styled.div`\n color: var(${tokens.hintIconColor});\n\n display: flex;\n justify-content: center;\n align-items: center;\n`;\n\nexport const Hint = styled(Tooltip)`\n ${HintTargetWrapper} .${popoverClasses.root} {\n width: fit-content;\n }\n`;\n\nexport const HintIconWrapper = styled.div`\n display: flex;\n`;\n\nexport const StyledIndicator = styled.div`\n position: absolute;\n border-radius: 50%;\n\n background-color: var(${tokens.indicatorColor});\n\n &.${classes.outerLabelPlacement} {\n width: var(${tokens.indicatorSizeOuter});\n height: var(${tokens.indicatorSizeOuter});\n inset: var(${tokens.indicatorLabelPlacementOuter});\n\n &.${classes.requiredAlignRight} {\n inset: var(${tokens.indicatorLabelPlacementOuterRight});\n\n &.${classes.hasHint} {\n right: calc(\n -1 * var(${tokens.indicatorSizeOuter}) + var(${tokens.indicatorLabelPlacementHintOuterRight}, 0px)\n );\n }\n }\n }\n\n &.${classes.innerLabelPlacement} {\n width: var(${tokens.indicatorSizeInner});\n height: var(${tokens.indicatorSizeInner});\n inset: var(${tokens.indicatorLabelPlacementInner});\n\n &.${classes.requiredAlignRight} {\n inset: var(${tokens.indicatorLabelPlacementInnerRight});\n }\n }\n`;\n"],"names":["mergedConfig","mergeConfig","tooltipConfig","Tooltip","component","InputWrapper","styled","name","class","propsAsIs","InputLabelWrapper","StyledChips","Input","_exp9","_ref","hasDynamicWidth","_exp11","_ref2","InputContainer","vars","_exp13","_ref3","hasPadding","concat","tokens","contentLabelInnerPadding","InputPlaceholder","InputPlaceholderValue","_exp16","_ref4","isInnerLabel","_exp17","_ref5","titleCaptionInnerLabelOffset","labelOffset","OuterLabelWrapper","TitleCaption","StyledIndicatorWrapper","Label","_exp18","_ref6","isDefaultView","isClear","clearColor","contentSlotColor","StyledContentLeft","StyledContentRightWrapper","StyledContentRight","LeftHelper","_exp29","_ref7","isHidden","StyledTextBefore","StyledTextAfter","StyledOptionalText","StyledHintWrapper","HintTargetWrapper","_exp34","Hint","HintIconWrapper","StyledIndicator"],"mappings":"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"}
|
package/cjs/components/TextField/{TextField.styles_1fz6mh6.css → TextField.styles_146520i.css}
RENAMED
|
@@ -4,19 +4,20 @@
|
|
|
4
4
|
.io4bpie{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.io4bpie.textfield-input-text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.io4bpie::-webkit-input-placeholder{opacity:0;}.io4bpie::-moz-placeholder{opacity:0;}.io4bpie:-ms-input-placeholder{opacity:0;}.io4bpie::placeholder{opacity:0;}
|
|
5
5
|
.i13qvwoy{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.i13qvwoy .io4bpie{max-width:var(--i13qvwoy-1);}
|
|
6
6
|
.i19ry60d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.ssv2kwg{
|
|
13
|
-
.s190z894{
|
|
7
|
+
.ibt1ohz.textfield-input-text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
8
|
+
.olv9av6{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;white-space:var(--olv9av6-0);margin-bottom:var(--olv9av6-1);}
|
|
9
|
+
.t600610{display:inline-block;margin-left:auto;}
|
|
10
|
+
.suk2zst{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
11
|
+
.l1gjsnfi{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
12
|
+
.ssv2kwg{--private_content-slot-color:var(--ssv2kwg-0);margin:var(--plasma-textfield__left-content-margin);color:var(--private_content-slot-color);line-height:0;}.ssv2kwg:hover{color:var(--plasma-textfield-content-slot-color-hover,var(--private_content-slot-color));}.ssv2kwg:active{color:var(--plasma-textfield-content-slot-color-active,var(--private_content-slot-color));}
|
|
13
|
+
.s190z894{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;}
|
|
14
|
+
.sb3k3v1{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.sb3k3v1:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.sb3k3v1:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
|
14
15
|
|
|
15
|
-
.
|
|
16
|
+
.smqgwd8{visibility:var(--smqgwd8-0);}
|
|
16
17
|
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
21
|
-
.
|
|
22
|
-
.
|
|
18
|
+
.s16itze4{color:var(--plasma-textfield__optional-color);}
|
|
19
|
+
.s1skqnhr{display:inline-block;line-height:0;}.s1skqnhr.label-placement-inner{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
|
|
20
|
+
.hgy0im1{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
21
|
+
.h8yezh4 .hgy0im1 .popover-root{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
22
|
+
.hzsveq4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
|
|
23
|
+
.s9w7nf8{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.s9w7nf8.label-placement-outer{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.s9w7nf8.label-placement-outer.required-align-right{inset:var(--plasma-textfield__indicator-placement-outer-right);}.s9w7nf8.label-placement-outer.required-align-right.textfield-has-hint{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.s9w7nf8.label-placement-inner{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.s9w7nf8.label-placement-inner.required-align-right{inset:var(--plasma-textfield__indicator-placement-inner-right);}
|
|
@@ -10,27 +10,28 @@
|
|
|
10
10
|
|
|
11
11
|
.Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
|
|
12
12
|
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
21
|
-
.
|
|
22
|
-
.
|
|
23
|
-
.
|
|
24
|
-
.
|
|
25
|
-
.
|
|
13
|
+
.TextField_styles_146520i_iq39zt5__72f40e80{position:relative;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;}
|
|
14
|
+
.TextField_styles_146520i_i1j28rg8__72f40e80{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_146520i_i1j28rg8__72f40e80::-webkit-scrollbar{display:none;}.TextField_styles_146520i_i1j28rg8__72f40e80.TextField_styles_146520i_hasChips__72f40e80{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
|
15
|
+
.TextField_styles_146520i_s13zudoe__72f40e80{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
|
16
|
+
.TextField_styles_146520i_io4bpie__72f40e80{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_146520i_io4bpie__72f40e80.TextField_styles_146520i_textfieldInputTextEllipsis__72f40e80{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_146520i_io4bpie__72f40e80::-webkit-input-placeholder{opacity:0;}.TextField_styles_146520i_io4bpie__72f40e80::-moz-placeholder{opacity:0;}.TextField_styles_146520i_io4bpie__72f40e80:-ms-input-placeholder{opacity:0;}.TextField_styles_146520i_io4bpie__72f40e80::placeholder{opacity:0;}
|
|
17
|
+
.TextField_styles_146520i_i13qvwoy__72f40e80{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_146520i_i13qvwoy__72f40e80 .TextField_styles_146520i_io4bpie__72f40e80{max-width:var(--i13qvwoy-1);}
|
|
18
|
+
.TextField_styles_146520i_i19ry60d__72f40e80{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
|
|
19
|
+
.TextField_styles_146520i_ibt1ohz__72f40e80.TextField_styles_146520i_textfieldInputTextEllipsis__72f40e80{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
20
|
+
.TextField_styles_146520i_olv9av6__72f40e80{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;white-space:var(--olv9av6-0);margin-bottom:var(--olv9av6-1);}
|
|
21
|
+
.TextField_styles_146520i_t600610__72f40e80{display:inline-block;margin-left:auto;}
|
|
22
|
+
.TextField_styles_146520i_suk2zst__72f40e80{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
23
|
+
.TextField_styles_146520i_l1gjsnfi__72f40e80{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
24
|
+
.TextField_styles_146520i_ssv2kwg__72f40e80{--private_content-slot-color:var(--ssv2kwg-0);margin:var(--plasma-textfield__left-content-margin);color:var(--private_content-slot-color);line-height:0;}.TextField_styles_146520i_ssv2kwg__72f40e80:hover{color:var(--plasma-textfield-content-slot-color-hover,var(--private_content-slot-color));}.TextField_styles_146520i_ssv2kwg__72f40e80:active{color:var(--plasma-textfield-content-slot-color-active,var(--private_content-slot-color));}
|
|
25
|
+
.TextField_styles_146520i_s190z894__72f40e80{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;}
|
|
26
|
+
.TextField_styles_146520i_sb3k3v1__72f40e80{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_146520i_sb3k3v1__72f40e80:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_146520i_sb3k3v1__72f40e80:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
|
26
27
|
|
|
27
|
-
.
|
|
28
|
+
.TextField_styles_146520i_smqgwd8__72f40e80{visibility:var(--smqgwd8-0);}
|
|
28
29
|
|
|
29
|
-
.
|
|
30
|
-
.
|
|
31
|
-
.
|
|
32
|
-
.
|
|
33
|
-
.
|
|
34
|
-
.
|
|
30
|
+
.TextField_styles_146520i_s16itze4__72f40e80{color:var(--plasma-textfield__optional-color);}
|
|
31
|
+
.TextField_styles_146520i_s1skqnhr__72f40e80{display:inline-block;line-height:0;}.TextField_styles_146520i_s1skqnhr__72f40e80.TextField_styles_146520i_labelPlacementInner__72f40e80{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
|
|
32
|
+
.TextField_styles_146520i_hgy0im1__72f40e80{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
33
|
+
.TextField_styles_146520i_h8yezh4__72f40e80 .TextField_styles_146520i_hgy0im1__72f40e80 .TextField_styles_146520i_popoverRoot__72f40e80{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
34
|
+
.TextField_styles_146520i_hzsveq4__72f40e80{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
|
|
35
|
+
.TextField_styles_146520i_s9w7nf8__72f40e80{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_146520i_s9w7nf8__72f40e80.TextField_styles_146520i_labelPlacementOuter__72f40e80{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_146520i_s9w7nf8__72f40e80.TextField_styles_146520i_labelPlacementOuter__72f40e80.TextField_styles_146520i_requiredAlignRight__72f40e80{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_146520i_s9w7nf8__72f40e80.TextField_styles_146520i_labelPlacementOuter__72f40e80.TextField_styles_146520i_requiredAlignRight__72f40e80.TextField_styles_146520i_textfieldHasHint__72f40e80{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_146520i_s9w7nf8__72f40e80.TextField_styles_146520i_labelPlacementInner__72f40e80{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_146520i_s9w7nf8__72f40e80.TextField_styles_146520i_labelPlacementInner__72f40e80.TextField_styles_146520i_requiredAlignRight__72f40e80{inset:var(--plasma-textfield__indicator-placement-inner-right);}
|
|
35
36
|
|
|
36
37
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
|
@@ -33,28 +33,29 @@
|
|
|
33
33
|
|
|
34
34
|
.Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
|
|
35
35
|
|
|
36
|
-
.
|
|
37
|
-
.
|
|
38
|
-
.
|
|
39
|
-
.
|
|
40
|
-
.
|
|
41
|
-
.
|
|
42
|
-
.
|
|
43
|
-
.
|
|
44
|
-
.
|
|
45
|
-
.
|
|
46
|
-
.
|
|
47
|
-
.
|
|
48
|
-
.
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
.
|
|
54
|
-
.
|
|
55
|
-
.
|
|
56
|
-
.
|
|
57
|
-
.
|
|
36
|
+
.TextField_styles_146520i_iq39zt5__72f40e80{position:relative;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;}
|
|
37
|
+
.TextField_styles_146520i_i1j28rg8__72f40e80{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_146520i_i1j28rg8__72f40e80::-webkit-scrollbar{display:none;}.TextField_styles_146520i_i1j28rg8__72f40e80.TextField_styles_146520i_hasChips__72f40e80{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
|
38
|
+
.TextField_styles_146520i_s13zudoe__72f40e80{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
|
39
|
+
.TextField_styles_146520i_io4bpie__72f40e80{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_146520i_io4bpie__72f40e80.TextField_styles_146520i_textfieldInputTextEllipsis__72f40e80{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_146520i_io4bpie__72f40e80::-webkit-input-placeholder{opacity:0;}.TextField_styles_146520i_io4bpie__72f40e80::-moz-placeholder{opacity:0;}.TextField_styles_146520i_io4bpie__72f40e80:-ms-input-placeholder{opacity:0;}.TextField_styles_146520i_io4bpie__72f40e80::placeholder{opacity:0;}
|
|
40
|
+
.TextField_styles_146520i_i13qvwoy__72f40e80{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_146520i_i13qvwoy__72f40e80 .TextField_styles_146520i_io4bpie__72f40e80{max-width:var(--i13qvwoy-1);}
|
|
41
|
+
.TextField_styles_146520i_i19ry60d__72f40e80{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
|
|
42
|
+
.TextField_styles_146520i_ibt1ohz__72f40e80.TextField_styles_146520i_textfieldInputTextEllipsis__72f40e80{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
43
|
+
.TextField_styles_146520i_olv9av6__72f40e80{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;white-space:var(--olv9av6-0);margin-bottom:var(--olv9av6-1);}
|
|
44
|
+
.TextField_styles_146520i_t600610__72f40e80{display:inline-block;margin-left:auto;}
|
|
45
|
+
.TextField_styles_146520i_suk2zst__72f40e80{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
46
|
+
.TextField_styles_146520i_l1gjsnfi__72f40e80{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
47
|
+
.TextField_styles_146520i_ssv2kwg__72f40e80{--private_content-slot-color:var(--ssv2kwg-0);margin:var(--plasma-textfield__left-content-margin);color:var(--private_content-slot-color);line-height:0;}.TextField_styles_146520i_ssv2kwg__72f40e80:hover{color:var(--plasma-textfield-content-slot-color-hover,var(--private_content-slot-color));}.TextField_styles_146520i_ssv2kwg__72f40e80:active{color:var(--plasma-textfield-content-slot-color-active,var(--private_content-slot-color));}
|
|
48
|
+
.TextField_styles_146520i_s190z894__72f40e80{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;}
|
|
49
|
+
.TextField_styles_146520i_sb3k3v1__72f40e80{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_146520i_sb3k3v1__72f40e80:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_146520i_sb3k3v1__72f40e80:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
|
50
|
+
|
|
51
|
+
.TextField_styles_146520i_smqgwd8__72f40e80{visibility:var(--smqgwd8-0);}
|
|
52
|
+
|
|
53
|
+
.TextField_styles_146520i_s16itze4__72f40e80{color:var(--plasma-textfield__optional-color);}
|
|
54
|
+
.TextField_styles_146520i_s1skqnhr__72f40e80{display:inline-block;line-height:0;}.TextField_styles_146520i_s1skqnhr__72f40e80.TextField_styles_146520i_labelPlacementInner__72f40e80{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
|
|
55
|
+
.TextField_styles_146520i_hgy0im1__72f40e80{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
56
|
+
.TextField_styles_146520i_h8yezh4__72f40e80 .TextField_styles_146520i_hgy0im1__72f40e80 .TextField_styles_146520i_popoverRoot__72f40e80{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
57
|
+
.TextField_styles_146520i_hzsveq4__72f40e80{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
|
|
58
|
+
.TextField_styles_146520i_s9w7nf8__72f40e80{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_146520i_s9w7nf8__72f40e80.TextField_styles_146520i_labelPlacementOuter__72f40e80{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_146520i_s9w7nf8__72f40e80.TextField_styles_146520i_labelPlacementOuter__72f40e80.TextField_styles_146520i_requiredAlignRight__72f40e80{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_146520i_s9w7nf8__72f40e80.TextField_styles_146520i_labelPlacementOuter__72f40e80.TextField_styles_146520i_requiredAlignRight__72f40e80.TextField_styles_146520i_textfieldHasHint__72f40e80{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_146520i_s9w7nf8__72f40e80.TextField_styles_146520i_labelPlacementInner__72f40e80{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_146520i_s9w7nf8__72f40e80.TextField_styles_146520i_labelPlacementInner__72f40e80.TextField_styles_146520i_requiredAlignRight__72f40e80{inset:var(--plasma-textfield__indicator-placement-inner-right);}
|
|
58
59
|
|
|
59
60
|
.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-close-icon-color-hover:var(--plasma-textfield__chip-close-icon-color-hover);--plasma-chip-close-icon-color-readonly:var(--plasma-textfield__chip-close-icon-color-readonly);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);--plasma-chip-disabled-opacity:0.4;position:relative;}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63.TextFieldChipNew_styles_1hj7e4k_focusVisible__cb238f63:focus::before,.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):hover,.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):active{color:var(--s11qqqhl-0);background-color:var(--s11qqqhl-1);cursor:var(--s11qqqhl-2);}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):hover .TextFieldChipNew_styles_1hj7e4k_s1pcflhj__cb238f63,.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):active .TextFieldChipNew_styles_1hj7e4k_s1pcflhj__cb238f63{color:var(--s11qqqhl-3);}.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):hover .TextFieldChipNew_styles_1hj7e4k_s1pcflhj__cb238f63:hover,.TextFieldChipNew_styles_1hj7e4k_s11qqqhl__cb238f63:not([readonly]):active .TextFieldChipNew_styles_1hj7e4k_s1pcflhj__cb238f63:hover{cursor:pointer;color:var(--plasma-textfield__chip-close-icon-color-hover);}
|
|
60
61
|
.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63.TextFieldChipNew_styles_1hj7e4k_focusVisible__cb238f63:focus::before,.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63:after{content:',';}.TextFieldChipNew_styles_1hj7e4k_t10z5awc__cb238f63:last-child:after{content:'';}
|
|
@@ -0,0 +1 @@
|
|
|
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 .ssv2kwg{margin-left:0;}.bg547ku.textfield-clear .sb3k3v1{margin-right:0;}.bg547ku.textfield-clear.label-placement-outer .olv9av6{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 .s9w7nf8.label-placement-inner{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.bg547ku.textfield-clear .s9w7nf8.label-placement-inner.required-align-right{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.bg547ku.textfield-clear.textfield-has-hint .s1skqnhr.label-placement-inner{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.bg547ku.textfield-clear.textfield-has-hint .s9w7nf8.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 +1 @@
|
|
|
1
|
-
.b10o15xy .
|
|
1
|
+
.b10o15xy .h8yezh4{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.bbsd6t5 .
|
|
1
|
+
.bbsd6t5 .h8yezh4{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_label-placement/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport { Input, InputContainer, Label } from '../../TextField.styles';\n\nexport const base = css`\n &.${classes.outerLabelPlacement} {\n ${Label} {\n position: relative;\n display: inline-block;\n color: var(${tokens.labelColor});\n }\n }\n\n &.${classes.innerLabelPlacement} {\n ${InputContainer} {\n padding: var(${tokens.contentLabelInnerPadding});\n }\n\n /* поднимает label вверх при фокусе, наличии значения */\n ${Input}:not(.${classes.readOnlyInput}):focus ~ ${Label}, ${Input}.${classes.hasValue} ~ ${Label}, ${Input}.${classes.keepPlaceholder} ~ ${Label} {\n color: var(${tokens.placeholderColor});\n align-items: flex-start;\n padding: var(${tokens.labelInnerPadding});\n\n font-family: var(${tokens.labelInnerFontFamily});\n font-size: var(${tokens.labelInnerFontSize});\n font-style: var(${tokens.labelInnerFontStyle});\n font-weight: var(${tokens.labelInnerFontWeight});\n letter-spacing: var(${tokens.labelInnerLetterSpacing});\n line-height: var(${tokens.labelInnerLineHeight});\n }\n\n ${Label} {\n color: var(${tokens.placeholderColor});\n\n pointer-events: none;\n position: absolute;\n top: 0;\n\n display: flex;\n align-items: center;\n\n box-sizing: border-box;\n\n height: 100%;\n }\n\n &.${classes.clear} ${Label} {\n color: var(${tokens.clearPlaceholderColor});\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_label-placement/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport { Input, InputContainer, Label } from '../../TextField.styles';\n\nexport const base = css`\n &.${classes.outerLabelPlacement} {\n ${Label} {\n position: relative;\n display: inline-block;\n color: var(${tokens.labelColor});\n }\n }\n\n &.${classes.innerLabelPlacement} {\n ${InputContainer} {\n padding: var(${tokens.contentLabelInnerPadding});\n }\n\n /* поднимает label вверх при фокусе, наличии значения */\n ${Input}:not(.${classes.readOnlyInput}):focus ~ ${Label}, ${Input}.${classes.hasValue} ~ ${Label}, ${Input}.${classes.keepPlaceholder} ~ ${Label} {\n color: var(${tokens.placeholderColor});\n align-items: flex-start;\n padding: var(${tokens.labelInnerPadding});\n\n font-family: var(${tokens.labelInnerFontFamily});\n font-size: var(${tokens.labelInnerFontSize});\n font-style: var(${tokens.labelInnerFontStyle});\n font-weight: var(${tokens.labelInnerFontWeight});\n letter-spacing: var(${tokens.labelInnerLetterSpacing});\n line-height: var(${tokens.labelInnerLineHeight});\n }\n\n ${Label} {\n color: var(${tokens.placeholderColor});\n\n pointer-events: none;\n position: absolute;\n top: 0;\n\n display: flex;\n align-items: center;\n\n box-sizing: border-box;\n\n height: 100%;\n width: 100%;\n }\n\n &.${classes.clear} ${Label} {\n color: var(${tokens.clearPlaceholderColor});\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAgDhB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.b15d3bnf.label-placement-outer .l1gjsnfi{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 ~ .l1gjsnfi,.b15d3bnf.label-placement-inner .io4bpie.has-value ~ .l1gjsnfi,.b15d3bnf.label-placement-inner .io4bpie.keep-placeholder ~ .l1gjsnfi{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 .l1gjsnfi{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%;width:100%;}.b15d3bnf.label-placement-inner.textfield-clear .l1gjsnfi{color:var(--plasma-textfield__clear-placeholder-color);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b1w985rt[readonly]:not(.b1w985rt[readonly].textfield-clear) .iq39zt5{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.b1w985rt[readonly]:not(.b1w985rt[readonly].textfield-clear) .iq39zt5:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.b1w985rt[readonly]:not(.b1w985rt[readonly].textfield-clear) .iq39zt5:hover{background-color:transparent;}.b1w985rt[readonly].textfield-has-divider .iq39zt5:before{background-color:var(--plasma-textfield-divider-color-readonly);}.b1w985rt[readonly] .iq39zt5:focus-within .i19ry60d,.b1w985rt[readonly] .i19ry60d{color:var(--plasma-textfield__placeholder-color-readonly);}.b1w985rt[readonly] .io4bpie{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.b1w985rt[readonly] .
|
|
1
|
+
.b1w985rt[readonly]:not(.b1w985rt[readonly].textfield-clear) .iq39zt5{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.b1w985rt[readonly]:not(.b1w985rt[readonly].textfield-clear) .iq39zt5:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.b1w985rt[readonly]:not(.b1w985rt[readonly].textfield-clear) .iq39zt5:hover{background-color:transparent;}.b1w985rt[readonly].textfield-has-divider .iq39zt5:before{background-color:var(--plasma-textfield-divider-color-readonly);}.b1w985rt[readonly] .iq39zt5:focus-within .i19ry60d,.b1w985rt[readonly] .i19ry60d{color:var(--plasma-textfield__placeholder-color-readonly);}.b1w985rt[readonly] .io4bpie{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.b1w985rt[readonly] .t600610{color:var(--plasma-textfield__title-caption-color-readonly);}.b1w985rt[readonly] .l7hnwwb{color:var(--plasma-textfield__left-helper-color-readonly);}.b1w985rt[readonly] .sb3k3v1{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.b1w985rt[readonly] .sb3k3v1:hover,.b1w985rt[readonly] .sb3k3v1:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.b1w985rt[readonly].label-placement-outer .l1gjsnfi{color:var(--plasma-textfield__label-color-readonly);}.b1w985rt[readonly] .sb3k3v1:hover{cursor:default;}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b13ve66i{--plasma-tour__border-radius:var(--plasma-textfield-border-radius);}.b13ve66i .io4bpie{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.b13ve66i .i13qvwoy{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .iq39zt5{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.b13ve66i .iq39zt5.has-chips{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.b13ve66i .iq39zt5.has-empty-content-left{padding-left:var(--plasma-textfield-padding-with-chips);}.b13ve66i .iq39zt5.has-empty-content-right{padding-right:var(--plasma-textfield-padding-with-chips);}.b13ve66i .
|
|
1
|
+
.b13ve66i{--plasma-tour__border-radius:var(--plasma-textfield-border-radius);}.b13ve66i .io4bpie{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.b13ve66i .i13qvwoy{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .iq39zt5{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.b13ve66i .iq39zt5.has-chips{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.b13ve66i .iq39zt5.has-empty-content-left{padding-left:var(--plasma-textfield-padding-with-chips);}.b13ve66i .iq39zt5.has-empty-content-right{padding-right:var(--plasma-textfield-padding-with-chips);}.b13ve66i .l1gjsnfi,.b13ve66i:not(.label-placement-inner) .s16itze4{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.b13ve66i .s1skqnhr{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.b13ve66i .hgy0im1{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.b13ve66i .t600610{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.b13ve66i .l7hnwwb{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.b13ve66i .smqgwd8,.b13ve66i .s14qvple{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .smqgwd8{margin:var(--plasma-textfield__before-text-margin);}.b13ve66i .s14qvple{margin:var(--plasma-textfield__after-text-margin);}.b13ve66i .s190z894.textfield-content-right-compensation-margin{gap:var(--plasma-textfield-content-right-wrapper-gap);margin:var(--plasma-textfield-content-right-wrapper-margin);}.b13ve66i .s190z894.textfield-content-right-compensation-margin .sb3k3v1{margin:var(--plasma-textfield__right-content-with-hint-margin);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.bptx5xt .iq39zt5{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color), var(--plasma-textfield-box-shadow,inset 0 0 0 0 transparent);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.bptx5xt .iq39zt5:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.bptx5xt .io4bpie{color:var(--plasma-textfield-color);}.bptx5xt .i19ry60d{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .iq39zt5:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.bptx5xt .iq39zt5:focus-within .i19ry60d{color:var(--plasma-textfield__placeholder-color-focus);}.bptx5xt .
|
|
1
|
+
.bptx5xt .iq39zt5{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color), var(--plasma-textfield-box-shadow,inset 0 0 0 0 transparent);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.bptx5xt .iq39zt5:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.bptx5xt .io4bpie{color:var(--plasma-textfield-color);}.bptx5xt .i19ry60d{color:var(--plasma-textfield__placeholder-color);}.bptx5xt .iq39zt5:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.bptx5xt .iq39zt5:focus-within .i19ry60d{color:var(--plasma-textfield__placeholder-color-focus);}.bptx5xt .t600610{color:var(--plasma-textfield__title-caption-color);}.bptx5xt .l7hnwwb{color:var(--plasma-textfield__left-helper-color);}.bptx5xt .smqgwd8{color:var(--plasma-textfield__before-text-color);}.bptx5xt .s14qvple{color:var(--plasma-textfield__after-text-color);}
|