@salutejs/plasma-new-hope 0.188.0-canary.1550.11767527974.0 → 0.188.0-canary.1550.11768426274.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (40) hide show
  1. package/cjs/components/Pagination/Pagination.css +2 -2
  2. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
  3. package/cjs/components/Select/Select.css +2 -2
  4. package/cjs/components/Select/ui/Inner/Inner.css +2 -2
  5. package/cjs/components/Select/ui/Inner/ui/Item/Item.css +2 -2
  6. package/cjs/components/Select/ui/Target/Target.css +2 -2
  7. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -2
  8. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +7 -7
  9. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  10. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_xyln0f.css +3 -0
  11. package/cjs/index.css +2 -2
  12. package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +3 -3
  13. package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +3 -3
  14. package/es/components/Pagination/Pagination.css +2 -2
  15. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
  16. package/es/components/Select/Select.css +2 -2
  17. package/es/components/Select/ui/Inner/Inner.css +2 -2
  18. package/es/components/Select/ui/Inner/ui/Item/Item.css +2 -2
  19. package/es/components/Select/ui/Target/Target.css +2 -2
  20. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -2
  21. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +7 -7
  22. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
  23. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_xyln0f.css +3 -0
  24. package/es/index.css +2 -2
  25. package/package.json +2 -2
  26. package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -2
  27. package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +2 -2
  28. package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +20 -20
  29. package/types/components/Select/Select.d.ts +2 -2
  30. package/types/components/Select/Select.d.ts.map +1 -1
  31. package/types/components/Select/Select.types.d.ts +2 -1
  32. package/types/components/Select/Select.types.d.ts.map +1 -1
  33. package/types/components/Select/index.d.ts +1 -1
  34. package/types/components/Select/index.d.ts.map +1 -1
  35. package/types/components/Select/ui/Target/Target.d.ts +2 -2
  36. package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
  37. package/types/examples/plasma_b2c/components/Select/Select.d.ts +20 -20
  38. package/types/examples/plasma_web/components/Select/Select.d.ts +20 -20
  39. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1mneb9u.css +0 -3
  40. package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1mneb9u.css +0 -3
@@ -49,21 +49,21 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
49
49
  placeholder?: string | undefined;
50
50
  helperText?: string | undefined;
51
51
  disabled?: boolean | undefined;
52
- items?: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
53
- onItemSelect?: ((e: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
52
+ items?: import("../../../..").DropdownNodeSelect[] | undefined;
53
+ onItemSelect?: ((e: import("../../../..").DropdownNodeSelect, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
54
54
  hasItems?: boolean | undefined;
55
55
  children?: undefined;
56
56
  isOpen?: boolean | undefined;
57
57
  isTargetAmount?: boolean | undefined;
58
- renderTarget?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
58
+ renderTarget?: ((item: import("../../../..").DropdownNodeSelect | import("../../../..").DropdownNodeSelect[]) => import("react").ReactNode) | undefined;
59
59
  placement?: ("auto" | "left" | "right" | "top" | "bottom") | ("left" | "right" | "top" | "bottom")[] | undefined;
60
60
  label?: string | undefined;
61
61
  onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
62
62
  variant?: "normal" | "tight" | undefined;
63
63
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
64
64
  portal?: string | import("react").RefObject<HTMLElement> | undefined;
65
- renderValue?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
66
- renderItem?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => import("react").ReactNode) | undefined;
65
+ renderValue?: ((item: import("../../../..").DropdownNodeSelect) => string) | undefined;
66
+ renderItem?: ((item: import("../../../..").DropdownNodeSelect) => import("react").ReactNode) | undefined;
67
67
  closeAfterSelect?: boolean | undefined;
68
68
  size?: string | undefined;
69
69
  view?: string | undefined;
@@ -87,21 +87,21 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
87
87
  placeholder?: string | undefined;
88
88
  helperText?: string | undefined;
89
89
  disabled?: boolean | undefined;
90
- items?: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
91
- onItemSelect?: ((e: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
90
+ items?: import("../../../..").DropdownNodeSelect[] | undefined;
91
+ onItemSelect?: ((e: import("../../../..").DropdownNodeSelect, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
92
92
  hasItems?: boolean | undefined;
93
93
  children?: undefined;
94
94
  isOpen?: boolean | undefined;
95
95
  isTargetAmount?: boolean | undefined;
96
- renderTarget?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
96
+ renderTarget?: ((item: import("../../../..").DropdownNodeSelect | import("../../../..").DropdownNodeSelect[]) => import("react").ReactNode) | undefined;
97
97
  placement?: ("auto" | "left" | "right" | "top" | "bottom") | ("left" | "right" | "top" | "bottom")[] | undefined;
98
98
  label?: string | undefined;
99
99
  onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
100
100
  variant?: "normal" | "tight" | undefined;
101
101
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
102
102
  portal?: string | import("react").RefObject<HTMLElement> | undefined;
103
- renderValue?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
104
- renderItem?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => import("react").ReactNode) | undefined;
103
+ renderValue?: ((item: import("../../../..").DropdownNodeSelect) => string) | undefined;
104
+ renderItem?: ((item: import("../../../..").DropdownNodeSelect) => import("react").ReactNode) | undefined;
105
105
  closeAfterSelect?: boolean | undefined;
106
106
  size?: string | undefined;
107
107
  view?: string | undefined;
@@ -125,21 +125,21 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
125
125
  placeholder?: string | undefined;
126
126
  helperText?: string | undefined;
127
127
  disabled?: boolean | undefined;
128
- items?: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
129
- onItemSelect?: ((e: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
128
+ items?: import("../../../..").DropdownNodeSelect[] | undefined;
129
+ onItemSelect?: ((e: import("../../../..").DropdownNodeSelect, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
130
130
  hasItems?: boolean | undefined;
131
131
  children?: undefined;
132
132
  isOpen?: boolean | undefined;
133
133
  isTargetAmount?: boolean | undefined;
134
- renderTarget?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
134
+ renderTarget?: ((item: import("../../../..").DropdownNodeSelect | import("../../../..").DropdownNodeSelect[]) => import("react").ReactNode) | undefined;
135
135
  placement?: ("auto" | "left" | "right" | "top" | "bottom") | ("left" | "right" | "top" | "bottom")[] | undefined;
136
136
  label?: string | undefined;
137
137
  onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
138
138
  variant?: "normal" | "tight" | undefined;
139
139
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
140
140
  portal?: string | import("react").RefObject<HTMLElement> | undefined;
141
- renderValue?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
142
- renderItem?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => import("react").ReactNode) | undefined;
141
+ renderValue?: ((item: import("../../../..").DropdownNodeSelect) => string) | undefined;
142
+ renderItem?: ((item: import("../../../..").DropdownNodeSelect) => import("react").ReactNode) | undefined;
143
143
  closeAfterSelect?: boolean | undefined;
144
144
  size?: string | undefined;
145
145
  view?: string | undefined;
@@ -163,21 +163,21 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
163
163
  placeholder?: string | undefined;
164
164
  helperText?: string | undefined;
165
165
  disabled?: boolean | undefined;
166
- items?: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
167
- onItemSelect?: ((e: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
166
+ items?: import("../../../..").DropdownNodeSelect[] | undefined;
167
+ onItemSelect?: ((e: import("../../../..").DropdownNodeSelect, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
168
168
  hasItems?: boolean | undefined;
169
169
  children?: undefined;
170
170
  isOpen?: boolean | undefined;
171
171
  isTargetAmount?: boolean | undefined;
172
- renderTarget?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
172
+ renderTarget?: ((item: import("../../../..").DropdownNodeSelect | import("../../../..").DropdownNodeSelect[]) => import("react").ReactNode) | undefined;
173
173
  placement?: ("auto" | "left" | "right" | "top" | "bottom") | ("left" | "right" | "top" | "bottom")[] | undefined;
174
174
  label?: string | undefined;
175
175
  onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
176
176
  variant?: "normal" | "tight" | undefined;
177
177
  listWidth?: import("csstype").Property.Width<string | number> | undefined;
178
178
  portal?: string | import("react").RefObject<HTMLElement> | undefined;
179
- renderValue?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
180
- renderItem?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => import("react").ReactNode) | undefined;
179
+ renderValue?: ((item: import("../../../..").DropdownNodeSelect) => string) | undefined;
180
+ renderItem?: ((item: import("../../../..").DropdownNodeSelect) => import("react").ReactNode) | undefined;
181
181
  closeAfterSelect?: boolean | undefined;
182
182
  size?: string | undefined;
183
183
  view?: string | undefined;
@@ -1,3 +0,0 @@
1
- .s1yhwv5r{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding-top:var(--plasma-select-textfield-chip-padding-top);--plasma-textfield__chip-padding-right:var(--plasma-select-textfield-chip-padding-right);--plasma-textfield__chip-padding-bottom:var(--plasma-select-textfield-chip-padding-bottom);--plasma-textfield__chip-padding-left:var(--plasma-select-textfield-chip-padding-left);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);}.s1yhwv5r div[class^='InputWrapper']:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
2
- .i7x5udn{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);}.i7x5udn .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.i7x5udn:hover,.i7x5udn:active{color:var(--i7x5udn-1);}
3
-
@@ -1,3 +0,0 @@
1
- .s1yhwv5r{--plasma-textfield-color:var(--plasma-select-textfield-color);--plasma-textfield-bg-color:var(--plasma-select-textfield-background-color);--plasma-textfield-border-color:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield__label-color:var(--plasma-select-textfield-label-color);--plasma-textfield__left-helper-color:var(--plasma-select-textfield-left-helper-color);--plasma-textfield-color-readonly:var(--plasma-select-textfield-color);--plasma-textfield-bg-color-readonly:var(--s1yhwv5r-0);--plasma-textfield__placeholder-color-readonly:var(--s1yhwv5r-1);--plasma-textfield__left-helper-color-readonly:var(--plasma-select-textfield-left-helper-color);--plasma-textfield__label-color-readonly:var(--plasma-select-textfield-label-color);--plasma-textfield-border-color-readonly:var(--plasma-select-textfield-border-color);--plasma-textfield__placeholder-color:var(--plasma-select-textfield-placeholder-color);--plasma-textfield-border-color-hover:var(--plasma-select-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-select-textfield-border-color-focus);--plasma-textfield__optional-color:var(--plasma-select-textfield-optional-color);--plasma-textfield-height:var(--plasma-select-textfield-height);--plasma-textfield-border-width:var(--plasma-select-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-select-textfield-border-radius);--plasma-textfield-padding:var(--plasma-select-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-select-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-select-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-select-textfield-right-content-margin);--plasma-textfield-font-family:var(--plasma-select-textfield-font-family);--plasma-textfield-font-style:var(--plasma-select-textfield-font-style);--plasma-textfield-font-size:var(--plasma-select-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-select-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-select-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-select-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-select-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-select-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-select-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-select-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-select-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-select-textfield-content-right-slot-color-active);--plasma-textfield__label-offset:var(--plasma-select-textfield-label-offset);--plasma-textfield__label-font-style:var(--plasma-select-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-select-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-select-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-select-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-select-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-select-textfield-placement-inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-select-textfield-placement-inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-select-textfield-placement-inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-select-textfield-placement-inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-select-textfield-placement-inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-select-textfield-placement-inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-select-textfield-placement-inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-select-textfield-placement-inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-select-textfield-title-caption-color);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-select-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-select-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-select-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-select-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-select-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-select-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-select-textfield-title-caption-line-height);--plasma-textfield__left-helper-offset:var(--plasma-select-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-select-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-select-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-select-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-select-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-select-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-select-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-select-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-select-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-select-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-select-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-select-textfield-disabled-opacity);--plasma-textfield__chip-height:var(--plasma-select-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-select-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-select-textfield-chip-gap);--plasma-textfield__chip-color:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-hover:var(--plasma-select-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-select-textfield-chip-scale-hover);--plasma-textfield__chip-background:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-active:var(--plasma-select-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-select-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-select-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-select-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-select-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-select-textfield-chip-width);--plasma-textfield__chip-padding-top:var(--plasma-select-textfield-chip-padding-top);--plasma-textfield__chip-padding-right:var(--plasma-select-textfield-chip-padding-right);--plasma-textfield__chip-padding-bottom:var(--plasma-select-textfield-chip-padding-bottom);--plasma-textfield__chip-padding-left:var(--plasma-select-textfield-chip-padding-left);--plasma-textfield__chip-close-icon-size:var(--plasma-select-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-select-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-select-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-select-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-select-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-select-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-select-textfield-chip-line-height);--plasma-textfield__chip-color-readonly:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-color-readonly-hover:var(--plasma-select-textfield-chip-color);--plasma-textfield__chip-background-readonly:var(--plasma-select-textfield--chip-background);--plasma-textfield__chip-background-readonly-hover:var(--plasma-select-textfield-chip-background-hover);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-select-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-select-textfield-chip-clear-content-margin-right);--plasma-textfield-focus-color:var(--plasma-select-textfield-focus-color);}.s1yhwv5r div[class^='InputWrapper']:focus-within{background-color:var(--plasma-select-textfield-background-color-focus);}
2
- .i7x5udn{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);}.i7x5udn .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.i7x5udn:hover,.i7x5udn:active{color:var(--i7x5udn-1);}
3
-