@salutejs/plasma-new-hope 0.343.0-canary.2355.19701719611.0 → 0.343.0-canary.2358.19737252394.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 +26 -28
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +26 -28
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +5 -5
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +26 -28
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +26 -28
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +26 -28
- package/cjs/components/DateTimePicker/DateTimePicker.css +26 -28
- package/cjs/components/DateTimePicker/ui/Input/Input.css +26 -28
- package/cjs/components/Pagination/Pagination.css +26 -28
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +26 -28
- package/cjs/components/Range/Range.css +26 -28
- package/cjs/components/Select/Select.css +26 -28
- package/cjs/components/Select/ui/Target/Target.css +26 -28
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +26 -28
- package/cjs/components/Slider/Slider.css +26 -28
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +26 -28
- package/cjs/components/Table/Table.css +26 -28
- package/cjs/components/Table/ui/Cell/Cell.css +26 -28
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +26 -28
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +26 -28
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +26 -28
- package/cjs/components/TextField/TextField.js +16 -23
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +8 -18
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/{TextField.styles_146520i.css → TextField.styles_1pu4eym.css} +1 -1
- package/cjs/components/TextField/ui/Hint/Hint.css +21 -21
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +23 -23
- 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 → base_o4xjq1.css} +1 -1
- 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_2lss3j.css +1 -0
- package/cjs/components/TextField/variations/_view/base.js +1 -1
- package/cjs/components/TextField/variations/_view/base.js.map +1 -1
- package/cjs/components/TextField/variations/_view/{base_1diyp23.css → base_1twy16p.css} +1 -1
- package/cjs/components/TimePicker/TimePicker.css +26 -28
- package/cjs/index.css +26 -28
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +5 -5
- package/emotion/cjs/components/TextField/TextField.js +17 -24
- package/emotion/cjs/components/TextField/TextField.styles.js +46 -49
- 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/components/TextField/variations/_view/base.js +1 -1
- package/emotion/cjs/examples/components/TextField/TextField.clear.config.js +59 -0
- package/emotion/cjs/examples/components/TextField/TextField.config.js +22 -25
- package/emotion/cjs/examples/components/TextField/TextField.js +29 -5
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +5 -5
- package/emotion/es/components/TextField/TextField.js +5 -12
- package/emotion/es/components/TextField/TextField.styles.js +46 -49
- package/emotion/es/components/TextField/variations/_label-placement/base.js +2 -2
- package/emotion/es/components/TextField/variations/_read-only/base.js +1 -1
- package/emotion/es/components/TextField/variations/_view/base.js +2 -2
- package/emotion/es/examples/components/TextField/TextField.clear.config.js +49 -0
- package/emotion/es/examples/components/TextField/TextField.config.js +22 -25
- package/emotion/es/examples/components/TextField/TextField.js +15 -2
- package/es/components/Autocomplete/Autocomplete.css +26 -28
- package/es/components/Combobox/ComboboxNew/Combobox.css +26 -28
- package/es/components/Combobox/ComboboxNew/Combobox.js +5 -5
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +26 -28
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +26 -28
- package/es/components/DatePicker/SingleDate/SingleDate.css +26 -28
- package/es/components/DateTimePicker/DateTimePicker.css +26 -28
- package/es/components/DateTimePicker/ui/Input/Input.css +26 -28
- package/es/components/Pagination/Pagination.css +26 -28
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +26 -28
- package/es/components/Range/Range.css +26 -28
- package/es/components/Select/Select.css +26 -28
- package/es/components/Select/ui/Target/Target.css +26 -28
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +26 -28
- package/es/components/Slider/Slider.css +26 -28
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +26 -28
- package/es/components/Table/Table.css +26 -28
- package/es/components/Table/ui/Cell/Cell.css +26 -28
- package/es/components/Table/ui/EditableCell/EditableCell.css +26 -28
- package/es/components/Table/ui/HeadCell/HeadCell.css +26 -28
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +26 -28
- package/es/components/TextField/TextField.js +16 -23
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +8 -18
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/{TextField.styles_146520i.css → TextField.styles_1pu4eym.css} +1 -1
- package/es/components/TextField/ui/Hint/Hint.css +21 -21
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +23 -23
- 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 → base_o4xjq1.css} +1 -1
- 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_2lss3j.css +1 -0
- package/es/components/TextField/variations/_view/base.js +1 -1
- package/es/components/TextField/variations/_view/base.js.map +1 -1
- package/es/components/TextField/variations/_view/{base_1diyp23.css → base_1twy16p.css} +1 -1
- package/es/components/TimePicker/TimePicker.css +26 -28
- package/es/index.css +26 -28
- package/package.json +4 -4
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +5 -5
- package/styled-components/cjs/components/TextField/TextField.js +16 -23
- package/styled-components/cjs/components/TextField/TextField.styles.js +31 -32
- package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +6 -4
- package/styled-components/cjs/components/TextField/variations/_read-only/base.js +3 -4
- package/styled-components/cjs/components/TextField/variations/_view/base.js +13 -2
- package/styled-components/cjs/examples/components/TextField/TextField.clear.config.js +670 -0
- package/styled-components/cjs/examples/components/TextField/TextField.config.js +10 -48
- package/styled-components/cjs/examples/components/TextField/TextField.js +29 -5
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +5 -5
- package/styled-components/es/components/TextField/TextField.js +4 -11
- package/styled-components/es/components/TextField/TextField.styles.js +31 -32
- package/styled-components/es/components/TextField/variations/_label-placement/base.js +7 -5
- package/styled-components/es/components/TextField/variations/_read-only/base.js +3 -4
- package/styled-components/es/components/TextField/variations/_view/base.js +14 -3
- package/styled-components/es/examples/components/TextField/TextField.clear.config.js +660 -0
- package/styled-components/es/examples/components/TextField/TextField.config.js +10 -48
- package/styled-components/es/examples/components/TextField/TextField.js +15 -2
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +8 -0
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +0 -4
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +8 -0
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +8 -0
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/DateTimePicker/ui/Input/Input.styles.d.ts +8 -0
- package/types/components/DateTimePicker/ui/Input/Input.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +8 -0
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +8 -0
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +8 -0
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts +0 -4
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +1 -4
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +8 -0
- package/types/components/TextField/TextField.types.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/components/TextField/variations/_view/base.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.styles.d.ts +8 -0
- package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
- package/types/examples/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/examples/components/Combobox/Combobox.d.ts +0 -24
- package/types/examples/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/components/Mask/Mask.d.ts +8 -24
- package/types/examples/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/components/NumberFormat/NumberFormat.d.ts +8 -24
- package/types/examples/components/NumberFormat/NumberFormat.d.ts.map +1 -1
- package/types/examples/components/TextField/TextField.clear.config.d.ts +48 -0
- package/types/examples/components/TextField/TextField.clear.config.d.ts.map +1 -0
- package/types/examples/components/TextField/TextField.config.d.ts +0 -3
- package/types/examples/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/components/TextField/TextField.d.ts +695 -2
- package/types/examples/components/TextField/TextField.d.ts.map +1 -1
- package/cjs/components/TextField/variations/_clear/base.js +0 -9
- package/cjs/components/TextField/variations/_clear/base.js.map +0 -1
- package/cjs/components/TextField/variations/_clear/base_ukg8yq.css +0 -1
- package/cjs/components/TextField/variations/_read-only/base_13ohoed.css +0 -1
- package/emotion/cjs/components/TextField/variations/_clear/base.js +0 -14
- package/emotion/es/components/TextField/variations/_clear/base.js +0 -4
- package/es/components/TextField/variations/_clear/base.js +0 -5
- package/es/components/TextField/variations/_clear/base.js.map +0 -1
- package/es/components/TextField/variations/_clear/base_ukg8yq.css +0 -1
- package/es/components/TextField/variations/_read-only/base_13ohoed.css +0 -1
- package/styled-components/cjs/components/TextField/variations/_clear/base.js +0 -52
- package/styled-components/es/components/TextField/variations/_clear/base.js +0 -42
- package/types/components/TextField/variations/_clear/base.d.ts +0 -2
- package/types/components/TextField/variations/_clear/base.d.ts.map +0 -1
|
@@ -21,9 +21,6 @@ var config = {
|
|
|
21
21
|
default: (0, _styledcomponents.css)([
|
|
22
22
|
"",
|
|
23
23
|
":var(--text-primary);",
|
|
24
|
-
":var(--text-primary);",
|
|
25
|
-
":var(--text-secondary);",
|
|
26
|
-
":var(--text-tertiary);",
|
|
27
24
|
":var(--text-secondary);",
|
|
28
25
|
":var(--text-tertiary);",
|
|
29
26
|
":var(--surface-transparent-primary);",
|
|
@@ -45,15 +42,12 @@ var config = {
|
|
|
45
42
|
":var(--text-accent);",
|
|
46
43
|
":var(--surface-negative);",
|
|
47
44
|
":var(--text-tertiary);"
|
|
48
|
-
], _TextField.textFieldTokens.color, _TextField.textFieldTokens.
|
|
45
|
+
], _TextField.textFieldTokens.color, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor),
|
|
49
46
|
positive: (0, _styledcomponents.css)([
|
|
50
47
|
"",
|
|
51
48
|
":var(--text-primary);",
|
|
52
|
-
":var(--text-positive);",
|
|
53
49
|
":var(--text-secondary);",
|
|
54
50
|
":var(--text-tertiary);",
|
|
55
|
-
":var(--text-positive);",
|
|
56
|
-
":var(--text-positive);",
|
|
57
51
|
":var(--surface-transparent-positive);",
|
|
58
52
|
":var(--surface-transparent-positive-hover);",
|
|
59
53
|
":var(--surface-transparent-positive-active);",
|
|
@@ -73,15 +67,12 @@ var config = {
|
|
|
73
67
|
":var(--text-accent);",
|
|
74
68
|
":var(--surface-negative);",
|
|
75
69
|
":var(--text-tertiary);"
|
|
76
|
-
], _TextField.textFieldTokens.color, _TextField.textFieldTokens.
|
|
70
|
+
], _TextField.textFieldTokens.color, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor),
|
|
77
71
|
warning: (0, _styledcomponents.css)([
|
|
78
72
|
"",
|
|
79
73
|
":var(--text-primary);",
|
|
80
|
-
":var(--text-warning);",
|
|
81
74
|
":var(--text-secondary);",
|
|
82
75
|
":var(--text-tertiary);",
|
|
83
|
-
":var(--text-warning);",
|
|
84
|
-
":var(--text-warning);",
|
|
85
76
|
":var(--surface-transparent-warning);",
|
|
86
77
|
":var(--surface-transparent-warning-hover);",
|
|
87
78
|
":var(--surface-transparent-warning-active);",
|
|
@@ -101,15 +92,12 @@ var config = {
|
|
|
101
92
|
":var(--text-accent);",
|
|
102
93
|
":var(--surface-negative);",
|
|
103
94
|
":var(--text-tertiary);"
|
|
104
|
-
], _TextField.textFieldTokens.color, _TextField.textFieldTokens.
|
|
95
|
+
], _TextField.textFieldTokens.color, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor),
|
|
105
96
|
negative: (0, _styledcomponents.css)([
|
|
106
97
|
"",
|
|
107
98
|
":var(--text-primary);",
|
|
108
|
-
":var(--text-negative);",
|
|
109
99
|
":var(--text-secondary);",
|
|
110
100
|
":var(--text-tertiary);",
|
|
111
|
-
":var(--text-negative);",
|
|
112
|
-
":var(--text-negative);",
|
|
113
101
|
":var(--surface-transparent-negative);",
|
|
114
102
|
":var(--surface-transparent-negative-hover);",
|
|
115
103
|
":var(--surface-transparent-negative-active);",
|
|
@@ -129,7 +117,7 @@ var config = {
|
|
|
129
117
|
":var(--text-accent);",
|
|
130
118
|
":var(--surface-negative);",
|
|
131
119
|
":var(--text-tertiary);"
|
|
132
|
-
], _TextField.textFieldTokens.color, _TextField.textFieldTokens.
|
|
120
|
+
], _TextField.textFieldTokens.color, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.titleCaptionColor, _TextField.textFieldTokens.hintIconColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotColorHover, _TextField.textFieldTokens.contentSlotColorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _TextField.textFieldTokens.focusColor, _TextField.textFieldTokens.indicatorColor, _TextField.textFieldTokens.optionalColor)
|
|
133
121
|
},
|
|
134
122
|
size: {
|
|
135
123
|
xl: (0, _styledcomponents.css)([
|
|
@@ -147,7 +135,6 @@ var config = {
|
|
|
147
135
|
":var(--plasma-typo-body-l-letter-spacing);",
|
|
148
136
|
":var(--plasma-typo-body-l-line-height);",
|
|
149
137
|
":0.75rem;",
|
|
150
|
-
":0.25rem;",
|
|
151
138
|
":var(--plasma-typo-body-l-font-family);",
|
|
152
139
|
":var(--plasma-typo-body-l-font-size);",
|
|
153
140
|
":var(--plasma-typo-body-l-font-style);",
|
|
@@ -157,7 +144,6 @@ var config = {
|
|
|
157
144
|
":-0.688rem -0.5rem;",
|
|
158
145
|
":2.375rem;",
|
|
159
146
|
":0.82rem -2.938rem auto auto;",
|
|
160
|
-
":0.82rem -2.063rem auto auto;",
|
|
161
147
|
":0.25rem;",
|
|
162
148
|
":var(--plasma-typo-body-xs-font-family);",
|
|
163
149
|
":var(--plasma-typo-body-xs-font-size);",
|
|
@@ -202,11 +188,8 @@ var config = {
|
|
|
202
188
|
":0 0 0 0;",
|
|
203
189
|
":0.5rem auto auto -0.75rem;",
|
|
204
190
|
":0 0 auto auto;",
|
|
205
|
-
":0.25rem -0.625rem auto auto;"
|
|
206
|
-
|
|
207
|
-
":1.75rem -0.875rem auto auto;",
|
|
208
|
-
":1.75rem -2.488rem auto auto;"
|
|
209
|
-
], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.clearLabelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.textBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipMarginRight, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPadding, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _TextField.textFieldTokens.indicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _TextField.textFieldTokens.clearIndicatorLabelPlacementInner, _TextField.textFieldTokens.clearIndicatorLabelPlacementInnerRight, _TextField.textFieldTokens.clearIndicatorHintInnerRight),
|
|
191
|
+
":0.25rem -0.625rem auto auto;"
|
|
192
|
+
], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.textBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipMarginRight, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPadding, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _TextField.textFieldTokens.indicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight),
|
|
210
193
|
l: (0, _styledcomponents.css)([
|
|
211
194
|
"",
|
|
212
195
|
":3.5rem;",
|
|
@@ -226,7 +209,6 @@ var config = {
|
|
|
226
209
|
":var(--plasma-typo-body-l-letter-spacing);",
|
|
227
210
|
":var(--plasma-typo-body-l-line-height);",
|
|
228
211
|
":0.75rem;",
|
|
229
|
-
":0.25rem;",
|
|
230
212
|
":var(--plasma-typo-body-l-font-family);",
|
|
231
213
|
":var(--plasma-typo-body-l-font-size);",
|
|
232
214
|
":var(--plasma-typo-body-l-font-style);",
|
|
@@ -273,12 +255,9 @@ var config = {
|
|
|
273
255
|
":0.5rem auto auto -0.75rem;",
|
|
274
256
|
":0 0 auto auto;",
|
|
275
257
|
":0.25rem -0.625rem auto auto;",
|
|
276
|
-
":1.5rem auto auto -0.875rem;",
|
|
277
|
-
":1.5rem -0.875rem auto auto;",
|
|
278
|
-
":1.5rem -2.488rem auto auto;",
|
|
279
258
|
":0 0.25rem 0 0;",
|
|
280
259
|
":0 0 0 0.25rem;"
|
|
281
|
-
], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.borderWidth, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.
|
|
260
|
+
], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.borderWidth, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPadding, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _TextField.textFieldTokens.indicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _TextField.textFieldTokens.textBeforeMargin, _TextField.textFieldTokens.textAfterMargin),
|
|
282
261
|
m: (0, _styledcomponents.css)([
|
|
283
262
|
"",
|
|
284
263
|
":3rem;",
|
|
@@ -298,7 +277,6 @@ var config = {
|
|
|
298
277
|
":var(--plasma-typo-body-m-letter-spacing);",
|
|
299
278
|
":var(--plasma-typo-body-m-line-height);",
|
|
300
279
|
":0.625rem;",
|
|
301
|
-
":0.25rem;",
|
|
302
280
|
":var(--plasma-typo-body-m-font-family);",
|
|
303
281
|
":var(--plasma-typo-body-m-font-size);",
|
|
304
282
|
":var(--plasma-typo-body-m-font-style);",
|
|
@@ -345,12 +323,9 @@ var config = {
|
|
|
345
323
|
":0.375rem auto auto -0.75rem;",
|
|
346
324
|
":0 0 auto auto;",
|
|
347
325
|
":0.25rem -0.6875rem auto auto;",
|
|
348
|
-
":1.25rem auto auto -0.875rem;",
|
|
349
|
-
":1.25rem -0.875rem auto auto;",
|
|
350
|
-
":1.25rem -2.488rem auto auto;",
|
|
351
326
|
":0 0.25rem 0 0;",
|
|
352
327
|
":0 0 0 0.25rem;"
|
|
353
|
-
], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.borderWidth, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.
|
|
328
|
+
], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.borderWidth, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPadding, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _TextField.textFieldTokens.indicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _TextField.textFieldTokens.textBeforeMargin, _TextField.textFieldTokens.textAfterMargin),
|
|
354
329
|
s: (0, _styledcomponents.css)([
|
|
355
330
|
"",
|
|
356
331
|
":2.5rem;",
|
|
@@ -370,7 +345,6 @@ var config = {
|
|
|
370
345
|
":var(--plasma-typo-body-s-letter-spacing);",
|
|
371
346
|
":var(--plasma-typo-body-s-line-height);",
|
|
372
347
|
":0.5rem;",
|
|
373
|
-
":0.25rem;",
|
|
374
348
|
":var(--plasma-typo-body-s-font-family);",
|
|
375
349
|
":var(--plasma-typo-body-s-font-size);",
|
|
376
350
|
":var(--plasma-typo-body-s-font-style);",
|
|
@@ -417,12 +391,9 @@ var config = {
|
|
|
417
391
|
":0.3125rem auto auto -0.6875rem;",
|
|
418
392
|
":0 0 auto auto;",
|
|
419
393
|
":0.25rem -0.625rem auto auto;",
|
|
420
|
-
":1.063rem auto auto -0.75rem;",
|
|
421
|
-
":1.063rem -0.75rem auto auto;",
|
|
422
|
-
":1.063rem -2.238rem auto auto;",
|
|
423
394
|
":0 0.25rem 0 0;",
|
|
424
395
|
":0 0 0 0.25rem;"
|
|
425
|
-
], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.borderWidth, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.
|
|
396
|
+
], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.borderWidth, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPadding, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _TextField.textFieldTokens.indicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _TextField.textFieldTokens.textBeforeMargin, _TextField.textFieldTokens.textAfterMargin),
|
|
426
397
|
xs: (0, _styledcomponents.css)([
|
|
427
398
|
"",
|
|
428
399
|
":2rem;",
|
|
@@ -442,7 +413,6 @@ var config = {
|
|
|
442
413
|
":var(--plasma-typo-body-xs-letter-spacing);",
|
|
443
414
|
":var(--plasma-typo-body-xs-line-height);",
|
|
444
415
|
":0.375rem;",
|
|
445
|
-
":0.25rem;",
|
|
446
416
|
":var(--plasma-typo-body-xs-font-family);",
|
|
447
417
|
":var(--plasma-typo-body-xs-font-size);",
|
|
448
418
|
":var(--plasma-typo-body-xs-font-style);",
|
|
@@ -489,12 +459,9 @@ var config = {
|
|
|
489
459
|
":0.25rem auto auto -0.625rem;",
|
|
490
460
|
":0 0 auto auto;",
|
|
491
461
|
":0.125rem -0.6875rem auto auto;",
|
|
492
|
-
":0.813rem auto auto -0.625rem;",
|
|
493
|
-
":0.813rem -0.625rem auto auto;",
|
|
494
|
-
":0.813rem -1.988rem auto auto;",
|
|
495
462
|
":0 0.25rem 0 0;",
|
|
496
463
|
":0 0 0 0.25rem;"
|
|
497
|
-
], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.borderWidth, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.
|
|
464
|
+
], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.borderWidth, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.rightContentWithHintMargin, _TextField.textFieldTokens.contentRightWrapperGap, _TextField.textFieldTokens.contentRightWrapperMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.hintMargin, _TextField.textFieldTokens.hintTargetSize, _TextField.textFieldTokens.hintInnerLabelPlacementOffset, _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, _TextField.textFieldTokens.titleCaptionInnerLabelOffset, _TextField.textFieldTokens.titleCaptionFontFamily, _TextField.textFieldTokens.titleCaptionFontSize, _TextField.textFieldTokens.titleCaptionFontStyle, _TextField.textFieldTokens.titleCaptionFontWeight, _TextField.textFieldTokens.titleCaptionLetterSpacing, _TextField.textFieldTokens.titleCaptionLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPadding, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight, _TextField.textFieldTokens.indicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _TextField.textFieldTokens.textBeforeMargin, _TextField.textFieldTokens.textAfterMargin)
|
|
498
465
|
},
|
|
499
466
|
labelPlacement: {
|
|
500
467
|
inner: (0, _styledcomponents.css)([
|
|
@@ -511,11 +478,6 @@ var config = {
|
|
|
511
478
|
""
|
|
512
479
|
])
|
|
513
480
|
},
|
|
514
|
-
clear: {
|
|
515
|
-
true: (0, _styledcomponents.css)([
|
|
516
|
-
""
|
|
517
|
-
])
|
|
518
|
-
},
|
|
519
481
|
chipView: {
|
|
520
482
|
default: (0, _styledcomponents.css)([
|
|
521
483
|
"",
|
|
@@ -2,14 +2,38 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
get TextField () {
|
|
8
13
|
return TextField;
|
|
14
|
+
},
|
|
15
|
+
get TextFieldClear () {
|
|
16
|
+
return TextFieldClear;
|
|
17
|
+
},
|
|
18
|
+
get TextFieldDefault () {
|
|
19
|
+
return TextFieldDefault;
|
|
9
20
|
}
|
|
10
21
|
});
|
|
22
|
+
var _utils = require("../../../utils");
|
|
11
23
|
var _engines = require("../../../engines");
|
|
12
24
|
var _TextField = require("../../../components/TextField");
|
|
13
25
|
var _TextFieldconfig = require("./TextField.config");
|
|
14
|
-
var
|
|
15
|
-
var
|
|
26
|
+
var _TextFieldclearconfig = require("./TextField.clear.config");
|
|
27
|
+
var mergedConfigDefault = (0, _engines.mergeConfig)(_TextField.textFieldConfig, _TextFieldconfig.config);
|
|
28
|
+
var TextFieldDefault = (0, _engines.component)(mergedConfigDefault);
|
|
29
|
+
var mergedConfigClear = (0, _engines.mergeConfig)(_TextField.textFieldConfig, _TextFieldclearconfig.config);
|
|
30
|
+
var TextFieldClear = (0, _engines.component)(mergedConfigClear);
|
|
31
|
+
var TextField = (0, _utils.createConditionalComponent)(TextFieldDefault, [
|
|
32
|
+
{
|
|
33
|
+
conditions: {
|
|
34
|
+
prop: 'appearance',
|
|
35
|
+
value: 'clear'
|
|
36
|
+
},
|
|
37
|
+
component: TextFieldClear
|
|
38
|
+
}
|
|
39
|
+
]);
|
|
@@ -149,7 +149,7 @@ import { Context } from "./Combobox.context";
|
|
|
149
149
|
*/ export var comboboxRoot = function(Root) {
|
|
150
150
|
return /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
151
151
|
var _getItemByFocused;
|
|
152
|
-
var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_treeView = props.treeView, treeView = _props_treeView === void 0 ? false : _props_treeView, _props_arrowPlacement = props.arrowPlacement, arrowPlacement = _props_arrowPlacement === void 0 ? 'left' : _props_arrowPlacement, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue,
|
|
152
|
+
var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_treeView = props.treeView, treeView = _props_treeView === void 0 ? false : _props_treeView, _props_arrowPlacement = props.arrowPlacement, arrowPlacement = _props_arrowPlacement === void 0 ? 'left' : _props_arrowPlacement, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, onScroll = props.onScroll, onToggle = props.onToggle, _props_mode = props.mode, mode = _props_mode === void 0 ? 'default' : _props_mode, _props_chipClickArea = props.chipClickArea, chipClickArea = _props_chipClickArea === void 0 ? 'full' : _props_chipClickArea, // @ts-ignore
|
|
153
153
|
_offset = props._offset, rest = _object_without_properties(props, [
|
|
154
154
|
"name",
|
|
155
155
|
"multiple",
|
|
@@ -193,7 +193,6 @@ import { Context } from "./Combobox.context";
|
|
|
193
193
|
"hintSize",
|
|
194
194
|
"emptyStateDescription",
|
|
195
195
|
"onChangeValue",
|
|
196
|
-
"filterValue",
|
|
197
196
|
"onScroll",
|
|
198
197
|
"onToggle",
|
|
199
198
|
"mode",
|
|
@@ -290,15 +289,16 @@ import { Context } from "./Combobox.context";
|
|
|
290
289
|
};
|
|
291
290
|
// Обработчик изменения значения в инпуте
|
|
292
291
|
var handleTextValueChange = function(e) {
|
|
293
|
-
|
|
294
|
-
setTextValue(e.target.value);
|
|
295
|
-
}
|
|
292
|
+
setTextValue(e.target.value);
|
|
296
293
|
dispatchPath({
|
|
297
294
|
type: 'opened_first_level'
|
|
298
295
|
});
|
|
299
296
|
dispatchFocusedPath({
|
|
300
297
|
type: 'reset'
|
|
301
298
|
});
|
|
299
|
+
if (onChangeValue) {
|
|
300
|
+
onChangeValue(e.target.value);
|
|
301
|
+
}
|
|
302
302
|
};
|
|
303
303
|
// Обработчик чипов
|
|
304
304
|
var handleChipClick = function(chip) {
|
|
@@ -106,7 +106,6 @@ import { cx, safeUseId } from "../../utils";
|
|
|
106
106
|
import { useOutsideClick } from "../../hooks";
|
|
107
107
|
import { base as sizeCSS } from "./variations/_size/base";
|
|
108
108
|
import { base as viewCSS } from "./variations/_view/base";
|
|
109
|
-
import { base as clearCSS } from "./variations/_clear/base";
|
|
110
109
|
import { base as disabledCSS } from "./variations/_disabled/base";
|
|
111
110
|
import { base as readOnlyCSS } from "./variations/_read-only/base";
|
|
112
111
|
import { base as labelPlacementCSS } from "./variations/_label-placement/base";
|
|
@@ -131,7 +130,7 @@ export var textFieldRoot = function(Root) {
|
|
|
131
130
|
var id = _param.id, className = _param.className, style = _param.style, // layout
|
|
132
131
|
contentLeft = _param.contentLeft, contentRight = _param.contentRight, label = _param.label, labelPlacement = _param.labelPlacement, keepPlaceholder = _param.keepPlaceholder, textBefore = _param.textBefore, textAfter = _param.textAfter, placeholder = _param.placeholder, leftHelper = _param.leftHelper, _param_enumerationType = _param.enumerationType, enumerationType = _param_enumerationType === void 0 ? 'plain' : _param_enumerationType, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, titleCaption = _param.titleCaption, _param_chipView = _param.chipView, chipView = _param_chipView === void 0 ? 'default' : _param_chipView, chipValidator = _param.chipValidator, _param_hintTrigger = _param.// hint
|
|
133
132
|
hintTrigger, hintTrigger = _param_hintTrigger === void 0 ? 'hover' : _param_hintTrigger, hintText = _param.hintText, _param_hintView = _param.hintView, hintView = _param_hintView === void 0 ? 'default' : _param_hintView, _param_hintSize = _param.hintSize, hintSize = _param_hintSize === void 0 ? 'm' : _param_hintSize, hintTargetIcon = _param.hintTargetIcon, _param_hintTargetPlacement = _param.hintTargetPlacement, hintTargetPlacement = _param_hintTargetPlacement === void 0 ? 'outer' : _param_hintTargetPlacement, _param_hintPlacement = _param.hintPlacement, hintPlacement = _param_hintPlacement === void 0 ? 'auto' : _param_hintPlacement, hintHasArrow = _param.hintHasArrow, _param_hintOffset = _param.hintOffset, hintOffset = _param_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _param_hintOffset, hintWidth = _param.hintWidth, hintContentLeft = _param.hintContentLeft, // variations
|
|
134
|
-
view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_clear = _param.clear, clear = _param_clear === void 0 ? false : _param_clear, optional = _param.optional, _param_optionalText = _param.optionalText, optionalText = _param_optionalText === void 0 ? 'optional' : _param_optionalText, hasDivider = _param.hasDivider, // controlled
|
|
133
|
+
appearance = _param.appearance, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_clear = _param.clear, clear = _param_clear === void 0 ? false : _param_clear, optional = _param.optional, _param_optionalText = _param.optionalText, optionalText = _param_optionalText === void 0 ? 'optional' : _param_optionalText, hasDivider = _param.hasDivider, // controlled
|
|
135
134
|
outerValue = _param.value, values = _param.chips, _param_chipType = _param.chipType, chipType = _param_chipType === void 0 ? 'default' : _param_chipType, // @ts-ignore
|
|
136
135
|
_chips = _param._chips, // @ts-ignore
|
|
137
136
|
_chipClickArea = _param._chipClickArea, // @ts-ignore
|
|
@@ -169,6 +168,7 @@ export var textFieldRoot = function(Root) {
|
|
|
169
168
|
"hintOffset",
|
|
170
169
|
"hintWidth",
|
|
171
170
|
"hintContentLeft",
|
|
171
|
+
"appearance",
|
|
172
172
|
"view",
|
|
173
173
|
"size",
|
|
174
174
|
"readOnly",
|
|
@@ -214,7 +214,6 @@ export var textFieldRoot = function(Root) {
|
|
|
214
214
|
var innerId = id || uniqId;
|
|
215
215
|
var labelId = safeUseId();
|
|
216
216
|
var helperTextId = safeUseId();
|
|
217
|
-
var isDefaultView = view === 'default' || readOnly || disabled;
|
|
218
217
|
var isChipEnumeration = enumerationType === 'chip';
|
|
219
218
|
var isChipsVisible = isChipEnumeration && Boolean((chips === null || chips === void 0 ? void 0 : chips.length) || (_chips === null || _chips === void 0 ? void 0 : _chips.length));
|
|
220
219
|
var withHasChips = isChipsVisible ? classes.hasChips : undefined;
|
|
@@ -236,7 +235,7 @@ export var textFieldRoot = function(Root) {
|
|
|
236
235
|
var innerLabelPlacementValue = labelPlacement === 'inner' && !hasInnerLabel ? undefined : labelPlacement;
|
|
237
236
|
var innerPlaceholderValue = hasPlaceholder ? placeholder : undefined;
|
|
238
237
|
var placeholderShown = Boolean(innerPlaceholderValue) && !hasValue;
|
|
239
|
-
var clearClass = clear ? classes.clear : undefined;
|
|
238
|
+
var clearClass = clear || appearance === 'clear' ? classes.clear : undefined;
|
|
240
239
|
var hasDividerClass = hasDivider ? classes.hasDivider : undefined;
|
|
241
240
|
var hasInnerHintClass = hintText && hintTargetPlacement === 'outer' ? classes.hasHint : undefined;
|
|
242
241
|
var hasHintClass = hintText ? classes.hasHint : undefined;
|
|
@@ -467,9 +466,7 @@ export var textFieldRoot = function(Root) {
|
|
|
467
466
|
handleHintClick: handleHintClick,
|
|
468
467
|
isInnerLabel: true
|
|
469
468
|
}))), contentLeft && /*#__PURE__*/ React.createElement(StyledContentLeft, {
|
|
470
|
-
"data-root": true
|
|
471
|
-
isClear: clear,
|
|
472
|
-
isDefaultView: isDefaultView
|
|
469
|
+
"data-root": true
|
|
473
470
|
}, contentLeft), /*#__PURE__*/ React.createElement(InputLabelWrapper, {
|
|
474
471
|
tabIndex: -1,
|
|
475
472
|
ref: contentRef,
|
|
@@ -589,10 +586,6 @@ export var textFieldConfig = {
|
|
|
589
586
|
size: {
|
|
590
587
|
css: sizeCSS
|
|
591
588
|
},
|
|
592
|
-
clear: {
|
|
593
|
-
css: clearCSS,
|
|
594
|
-
attrs: true
|
|
595
|
-
},
|
|
596
589
|
disabled: {
|
|
597
590
|
css: disabledCSS,
|
|
598
591
|
attrs: 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-708c1a6a-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-708c1a6a-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-708c1a6a-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-708c1a6a-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-708c1a6a-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-708c1a6a-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:",
|
|
@@ -66,7 +66,7 @@ export var InputPlaceholder = styled.div.withConfig({
|
|
|
66
66
|
});
|
|
67
67
|
export var InputPlaceholderValue = styled.div.withConfig({
|
|
68
68
|
displayName: "TextField.styles__InputPlaceholderValue",
|
|
69
|
-
componentId: "sc-
|
|
69
|
+
componentId: "sc-708c1a6a-6"
|
|
70
70
|
})([
|
|
71
71
|
"&.",
|
|
72
72
|
"{",
|
|
@@ -74,7 +74,7 @@ export var InputPlaceholderValue = styled.div.withConfig({
|
|
|
74
74
|
], classes.inputTextEllipsis, applyEllipsis());
|
|
75
75
|
export var OuterLabelWrapper = styled.div.withConfig({
|
|
76
76
|
displayName: "TextField.styles__OuterLabelWrapper",
|
|
77
|
-
componentId: "sc-
|
|
77
|
+
componentId: "sc-708c1a6a-7"
|
|
78
78
|
})([
|
|
79
79
|
"display:flex;align-items:center;white-space:",
|
|
80
80
|
";margin-bottom:",
|
|
@@ -88,44 +88,43 @@ export var OuterLabelWrapper = styled.div.withConfig({
|
|
|
88
88
|
});
|
|
89
89
|
export var TitleCaption = styled.div.withConfig({
|
|
90
90
|
displayName: "TextField.styles__TitleCaption",
|
|
91
|
-
componentId: "sc-
|
|
91
|
+
componentId: "sc-708c1a6a-8"
|
|
92
92
|
})([
|
|
93
93
|
"display:inline-block;margin-left:auto;"
|
|
94
94
|
]);
|
|
95
95
|
export var StyledIndicatorWrapper = styled.div.withConfig({
|
|
96
96
|
displayName: "TextField.styles__StyledIndicatorWrapper",
|
|
97
|
-
componentId: "sc-
|
|
97
|
+
componentId: "sc-708c1a6a-9"
|
|
98
98
|
})([
|
|
99
99
|
"position:relative;display:inline-flex;align-items:center;"
|
|
100
100
|
]);
|
|
101
101
|
export var Label = styled.label.withConfig({
|
|
102
102
|
displayName: "TextField.styles__Label",
|
|
103
|
-
componentId: "sc-
|
|
103
|
+
componentId: "sc-708c1a6a-10"
|
|
104
104
|
})([
|
|
105
105
|
"display:inline-flex;"
|
|
106
106
|
]);
|
|
107
107
|
export var StyledContentLeft = styled.div.withConfig({
|
|
108
108
|
displayName: "TextField.styles__StyledContentLeft",
|
|
109
|
-
componentId: "sc-
|
|
109
|
+
componentId: "sc-708c1a6a-11"
|
|
110
110
|
})([
|
|
111
|
-
"
|
|
112
|
-
";
|
|
113
|
-
");
|
|
114
|
-
",var(
|
|
115
|
-
"
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
}, tokens.leftContentMargin, tokens.contentSlotColorHover, tokens.contentSlotColorActive);
|
|
111
|
+
"margin:var(",
|
|
112
|
+
");color:var(",
|
|
113
|
+
");line-height:0;&:hover{color:var(",
|
|
114
|
+
",var(",
|
|
115
|
+
"));}&:active{color:var(",
|
|
116
|
+
",var(",
|
|
117
|
+
"));}"
|
|
118
|
+
], tokens.leftContentMargin, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColor, tokens.contentSlotColorActive, tokens.contentSlotColor);
|
|
120
119
|
export var StyledContentRightWrapper = styled.div.withConfig({
|
|
121
120
|
displayName: "TextField.styles__StyledContentRightWrapper",
|
|
122
|
-
componentId: "sc-
|
|
121
|
+
componentId: "sc-708c1a6a-12"
|
|
123
122
|
})([
|
|
124
123
|
"display:flex;align-items:center;"
|
|
125
124
|
]);
|
|
126
125
|
export var StyledContentRight = styled.div.withConfig({
|
|
127
126
|
displayName: "TextField.styles__StyledContentRight",
|
|
128
|
-
componentId: "sc-
|
|
127
|
+
componentId: "sc-708c1a6a-13"
|
|
129
128
|
})([
|
|
130
129
|
"line-height:0;margin:var(",
|
|
131
130
|
");color:var(",
|
|
@@ -138,13 +137,13 @@ export var StyledContentRight = styled.div.withConfig({
|
|
|
138
137
|
], tokens.rightContentMargin, tokens.contentSlotRightColor, tokens.contentSlotColor, tokens.contentSlotRightColorHover, tokens.contentSlotColorHover, tokens.contentSlotRightColorActive, tokens.contentSlotColorActive);
|
|
139
138
|
export var LeftHelper = styled.div.withConfig({
|
|
140
139
|
displayName: "TextField.styles__LeftHelper",
|
|
141
|
-
componentId: "sc-
|
|
140
|
+
componentId: "sc-708c1a6a-14"
|
|
142
141
|
})([
|
|
143
142
|
""
|
|
144
143
|
]);
|
|
145
144
|
export var StyledTextBefore = styled.div.withConfig({
|
|
146
145
|
displayName: "TextField.styles__StyledTextBefore",
|
|
147
|
-
componentId: "sc-
|
|
146
|
+
componentId: "sc-708c1a6a-15"
|
|
148
147
|
})([
|
|
149
148
|
"visibility:",
|
|
150
149
|
";"
|
|
@@ -154,20 +153,20 @@ export var StyledTextBefore = styled.div.withConfig({
|
|
|
154
153
|
});
|
|
155
154
|
export var StyledTextAfter = styled.div.withConfig({
|
|
156
155
|
displayName: "TextField.styles__StyledTextAfter",
|
|
157
|
-
componentId: "sc-
|
|
156
|
+
componentId: "sc-708c1a6a-16"
|
|
158
157
|
})([
|
|
159
158
|
""
|
|
160
159
|
]);
|
|
161
160
|
export var StyledOptionalText = styled.span.withConfig({
|
|
162
161
|
displayName: "TextField.styles__StyledOptionalText",
|
|
163
|
-
componentId: "sc-
|
|
162
|
+
componentId: "sc-708c1a6a-17"
|
|
164
163
|
})([
|
|
165
164
|
"color:var(",
|
|
166
165
|
");"
|
|
167
166
|
], tokens.optionalColor);
|
|
168
167
|
export var StyledHintWrapper = styled.div.withConfig({
|
|
169
168
|
displayName: "TextField.styles__StyledHintWrapper",
|
|
170
|
-
componentId: "sc-
|
|
169
|
+
componentId: "sc-708c1a6a-18"
|
|
171
170
|
})([
|
|
172
171
|
"display:inline-block;line-height:0;&.",
|
|
173
172
|
"{position:absolute;margin:0;inset:var(",
|
|
@@ -175,14 +174,14 @@ export var StyledHintWrapper = styled.div.withConfig({
|
|
|
175
174
|
], classes.innerLabelPlacement, tokens.hintInnerLabelPlacementOffset);
|
|
176
175
|
export var HintTargetWrapper = styled.div.withConfig({
|
|
177
176
|
displayName: "TextField.styles__HintTargetWrapper",
|
|
178
|
-
componentId: "sc-
|
|
177
|
+
componentId: "sc-708c1a6a-19"
|
|
179
178
|
})([
|
|
180
179
|
"color:var(",
|
|
181
180
|
");display:flex;justify-content:center;align-items:center;"
|
|
182
181
|
], tokens.hintIconColor);
|
|
183
182
|
export var Hint = styled(Tooltip).withConfig({
|
|
184
183
|
displayName: "TextField.styles__Hint",
|
|
185
|
-
componentId: "sc-
|
|
184
|
+
componentId: "sc-708c1a6a-20"
|
|
186
185
|
})([
|
|
187
186
|
"",
|
|
188
187
|
" .",
|
|
@@ -190,13 +189,13 @@ export var Hint = styled(Tooltip).withConfig({
|
|
|
190
189
|
], HintTargetWrapper, popoverClasses.root);
|
|
191
190
|
export var HintIconWrapper = styled.div.withConfig({
|
|
192
191
|
displayName: "TextField.styles__HintIconWrapper",
|
|
193
|
-
componentId: "sc-
|
|
192
|
+
componentId: "sc-708c1a6a-21"
|
|
194
193
|
})([
|
|
195
194
|
"display:flex;"
|
|
196
195
|
]);
|
|
197
196
|
export var StyledIndicator = styled.div.withConfig({
|
|
198
197
|
displayName: "TextField.styles__StyledIndicator",
|
|
199
|
-
componentId: "sc-
|
|
198
|
+
componentId: "sc-708c1a6a-22"
|
|
200
199
|
})([
|
|
201
200
|
"position:absolute;border-radius:50%;background-color:var(",
|
|
202
201
|
");&.",
|