@salutejs/plasma-new-hope 0.343.0-canary.2357.19712161711.0 → 0.343.0-canary.2358.19738569895.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 +0 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +4 -6
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.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 +0 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +17 -17
- 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 +0 -1
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +17 -17
- 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/Combobox/Combobox.js +0 -7
- 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 +0 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +4 -6
- package/es/components/Combobox/ComboboxNew/Combobox.styles.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 +3 -3
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +10 -10
- 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 +0 -1
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +10 -10
- 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.styles.d.ts +0 -1
- package/types/components/Combobox/ComboboxNew/Combobox.styles.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/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
|
+
]);
|
|
@@ -655,7 +655,6 @@ import { Context } from "./Combobox.context";
|
|
|
655
655
|
contentLeft: contentLeft,
|
|
656
656
|
contentRight: /*#__PURE__*/ React.createElement(IconArrowWrapper, {
|
|
657
657
|
disabled: disabled,
|
|
658
|
-
readOnly: readOnly,
|
|
659
658
|
onClick: handleClickArrow,
|
|
660
659
|
className: classes.comboboxTargetArrow
|
|
661
660
|
}, /*#__PURE__*/ React.createElement(StyledArrow, {
|
|
@@ -8,7 +8,7 @@ var mergedConfig = mergeConfig(emptyStateConfig);
|
|
|
8
8
|
var EmptyState = component(mergedConfig);
|
|
9
9
|
export var ListWrapper = styled.div.withConfig({
|
|
10
10
|
displayName: "Combobox.styles__ListWrapper",
|
|
11
|
-
componentId: "sc-
|
|
11
|
+
componentId: "sc-21c5f0bf-0"
|
|
12
12
|
})([
|
|
13
13
|
"width:",
|
|
14
14
|
";padding:calc(var(",
|
|
@@ -25,7 +25,7 @@ export var ListWrapper = styled.div.withConfig({
|
|
|
25
25
|
}, tokens.padding, tokens.dropdownBorderWidth, tokens.borderRadius, constants.background, constants.boxShadow, tokens.dropdownBorderWidth, tokens.dropdownBorderColor);
|
|
26
26
|
export var Ul = styled.ul.withConfig({
|
|
27
27
|
displayName: "Combobox.styles__Ul",
|
|
28
|
-
componentId: "sc-
|
|
28
|
+
componentId: "sc-21c5f0bf-1"
|
|
29
29
|
})([
|
|
30
30
|
"max-height:",
|
|
31
31
|
";overflow-x:hidden;overflow-y:",
|
|
@@ -42,7 +42,7 @@ export var Ul = styled.ul.withConfig({
|
|
|
42
42
|
}, tokens.borderRadius, tokens.dropdownBorderWidth, classes.emptyStateWrapper);
|
|
43
43
|
export var IconArrowWrapper = styled.div.withConfig({
|
|
44
44
|
displayName: "Combobox.styles__IconArrowWrapper",
|
|
45
|
-
componentId: "sc-
|
|
45
|
+
componentId: "sc-21c5f0bf-2"
|
|
46
46
|
})([
|
|
47
47
|
"line-height:0;color:var(",
|
|
48
48
|
");cursor:",
|
|
@@ -50,11 +50,11 @@ export var IconArrowWrapper = styled.div.withConfig({
|
|
|
50
50
|
"{transform:rotate(-180deg);}&:hover,&:active{color:",
|
|
51
51
|
";}"
|
|
52
52
|
], tokens.disclosureIconColor, function(param) {
|
|
53
|
-
var disabled = param.disabled
|
|
54
|
-
return disabled
|
|
53
|
+
var disabled = param.disabled;
|
|
54
|
+
return disabled ? 'inherit' : 'pointer';
|
|
55
55
|
}, classes.arrowInverse, function(param) {
|
|
56
|
-
var disabled = param.disabled
|
|
57
|
-
return disabled
|
|
56
|
+
var disabled = param.disabled;
|
|
57
|
+
return disabled ? "var(".concat(tokens.disclosureIconColor, ")") : "var(".concat(tokens.disclosureIconColorHover, ")");
|
|
58
58
|
});
|
|
59
59
|
// TODO: Удалить после поддержки JS переменных в конфиге компонент
|
|
60
60
|
export var sizeMap = {
|
|
@@ -63,7 +63,7 @@ export var sizeMap = {
|
|
|
63
63
|
};
|
|
64
64
|
export var StyledArrow = styled(IconDisclosureDownCentered).withConfig({
|
|
65
65
|
displayName: "Combobox.styles__StyledArrow",
|
|
66
|
-
componentId: "sc-
|
|
66
|
+
componentId: "sc-21c5f0bf-3"
|
|
67
67
|
})([
|
|
68
68
|
"width:",
|
|
69
69
|
";height:",
|
|
@@ -80,7 +80,7 @@ export var base = css([
|
|
|
80
80
|
]);
|
|
81
81
|
export var StyledEmptyState = styled(EmptyState).withConfig({
|
|
82
82
|
displayName: "Combobox.styles__StyledEmptyState",
|
|
83
|
-
componentId: "sc-
|
|
83
|
+
componentId: "sc-21c5f0bf-4"
|
|
84
84
|
})([
|
|
85
85
|
"",
|
|
86
86
|
":var(",
|
|
@@ -102,7 +102,7 @@ export var StyledEmptyState = styled(EmptyState).withConfig({
|
|
|
102
102
|
], emptyStateTokens.borderRadius, tokens.textFieldBorderRadius, emptyStateTokens.padding, tokens.emptyStatePadding, emptyStateTokens.fontFamily, tokens.textFieldFontFamily, emptyStateTokens.fontSize, tokens.textFieldFontSize, emptyStateTokens.fontStyle, tokens.textFieldFontStyle, emptyStateTokens.fontWeight, tokens.textFieldFontWeight, emptyStateTokens.fontLetterSpacing, tokens.textFieldLetterSpacing, emptyStateTokens.fontLineHeight, tokens.textFieldLineHeight);
|
|
103
103
|
export var StyledLeftHelper = styled.span.withConfig({
|
|
104
104
|
displayName: "Combobox.styles__StyledLeftHelper",
|
|
105
|
-
componentId: "sc-
|
|
105
|
+
componentId: "sc-21c5f0bf-5"
|
|
106
106
|
})([
|
|
107
107
|
"margin:0;padding:0;"
|
|
108
108
|
]);
|
|
@@ -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
|