@salutejs/plasma-new-hope 0.196.0-canary.1579.11944847972.0 → 0.196.0-canary.1585.11968062641.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +3 -3
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/{Combobox.styles_18a8p75.css → Combobox.styles_7wj22s.css} +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +3 -3
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +3 -3
- package/cjs/components/Combobox/ComboboxOld/Combobox.css +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +1 -1
- package/cjs/components/Dropdown/Dropdown.css +1 -1
- package/cjs/components/Dropdown/Dropdown.styles.js +1 -1
- package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles_1ljmphy.css +2 -0
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +1 -1
- package/cjs/components/Pagination/Pagination.css +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
- package/cjs/components/Select/Select.css +1 -1
- package/cjs/components/Select/Select.styles.js +1 -1
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/{Select.styles_1p5c9p3.css → Select.styles_1mmlpo3.css} +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +1 -1
- package/cjs/components/TextArea/TextArea.js +6 -12
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles.js +9 -15
- package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/{es/components/TextArea/TextArea.styles_1qybm1d.css → cjs/components/TextArea/TextArea.styles_1ke2ihc.css} +4 -5
- package/cjs/components/TextArea/ui/Hint/Hint.css +16 -17
- package/cjs/components/TextArea/variations/_clear/base.js +1 -1
- package/cjs/components/TextArea/variations/_clear/base_iz2qkw.css +1 -0
- package/cjs/index.css +23 -24
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +6 -6
- package/emotion/cjs/components/Dropdown/Dropdown.styles.js +3 -3
- package/emotion/cjs/components/Select/Select.styles.js +3 -3
- package/emotion/cjs/components/TextArea/TextArea.js +7 -13
- package/emotion/cjs/components/TextArea/TextArea.styles.js +33 -37
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +1 -8
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -7
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +6 -6
- package/emotion/es/components/Dropdown/Dropdown.styles.js +3 -3
- package/emotion/es/components/Select/Select.styles.js +3 -3
- package/emotion/es/components/TextArea/TextArea.js +8 -14
- package/emotion/es/components/TextArea/TextArea.styles.js +32 -36
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +1 -8
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -7
- package/es/components/Combobox/ComboboxNew/Combobox.css +3 -3
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/{Combobox.styles_18a8p75.css → Combobox.styles_7wj22s.css} +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +3 -3
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +3 -3
- package/es/components/Combobox/ComboboxOld/Combobox.css +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +1 -1
- package/es/components/Dropdown/Dropdown.css +1 -1
- package/es/components/Dropdown/Dropdown.styles.js +1 -1
- package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/es/components/Dropdown/Dropdown.styles_1ljmphy.css +2 -0
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +1 -1
- package/es/components/Pagination/Pagination.css +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
- package/es/components/Select/Select.css +1 -1
- package/es/components/Select/Select.styles.js +1 -1
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/{Select.styles_1p5c9p3.css → Select.styles_1mmlpo3.css} +1 -1
- package/es/components/Select/ui/Inner/Inner.css +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.css +1 -1
- package/es/components/TextArea/TextArea.js +7 -13
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.styles.js +10 -15
- package/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/{cjs/components/TextArea/TextArea.styles_1qybm1d.css → es/components/TextArea/TextArea.styles_1ke2ihc.css} +4 -5
- package/es/components/TextArea/ui/Hint/Hint.css +16 -17
- package/es/components/TextArea/variations/_clear/base.js +1 -1
- package/es/components/TextArea/variations/_clear/base_iz2qkw.css +1 -0
- package/es/index.css +23 -24
- package/package.json +2 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +1 -1
- package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +1 -1
- package/styled-components/cjs/components/Select/Select.styles.js +1 -1
- package/styled-components/cjs/components/TextArea/TextArea.js +6 -12
- package/styled-components/cjs/components/TextArea/TextArea.styles.js +5 -8
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +1 -8
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -7
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +1 -1
- package/styled-components/es/components/Dropdown/Dropdown.styles.js +1 -1
- package/styled-components/es/components/Select/Select.styles.js +1 -1
- package/styled-components/es/components/TextArea/TextArea.js +7 -13
- package/styled-components/es/components/TextArea/TextArea.styles.js +4 -7
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +1 -8
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -7
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +2 -2
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.styles.d.ts +0 -1
- package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +0 -5
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +0 -16
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +0 -16
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles_dh7ns1.css +0 -2
- package/cjs/components/TextArea/variations/_clear/base_14608a0.css +0 -1
- package/es/components/Dropdown/Dropdown.styles_dh7ns1.css +0 -2
- package/es/components/TextArea/variations/_clear/base_14608a0.css +0 -1
package/es/index.css
CHANGED
|
@@ -129,28 +129,27 @@
|
|
|
129
129
|
.Popover_styles_rmr9za_s16xlixz__0bafa6fb{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}
|
|
130
130
|
|
|
131
131
|
|
|
132
|
-
.
|
|
133
|
-
.
|
|
134
|
-
.
|
|
135
|
-
.
|
|
136
|
-
.
|
|
137
|
-
.
|
|
138
|
-
.
|
|
139
|
-
|
|
140
|
-
.
|
|
141
|
-
.
|
|
142
|
-
.
|
|
143
|
-
.
|
|
144
|
-
.
|
|
145
|
-
.
|
|
146
|
-
.
|
|
147
|
-
.
|
|
148
|
-
.
|
|
149
|
-
.TextArea_styles_1qybm1d_s14zw9ik__ccdaf6e4{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.TextArea_styles_1qybm1d_s14zw9ik__ccdaf6e4.TextArea_styles_1qybm1d_labelPlacementOuter__ccdaf6e4{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.TextArea_styles_1qybm1d_s14zw9ik__ccdaf6e4.TextArea_styles_1qybm1d_labelPlacementOuter__ccdaf6e4.TextArea_styles_1qybm1d_requiredAlignRight__ccdaf6e4{inset:var(--plasma-textarea-indicator-placement-outer-right);}.TextArea_styles_1qybm1d_s14zw9ik__ccdaf6e4.TextArea_styles_1qybm1d_labelPlacementOuter__ccdaf6e4.TextArea_styles_1qybm1d_requiredAlignRight__ccdaf6e4.TextArea_styles_1qybm1d_textareaHasHint__ccdaf6e4{right:calc(-1 * var(--plasma-textarea-indicator-size-outer));}.TextArea_styles_1qybm1d_s14zw9ik__ccdaf6e4.TextArea_styles_1qybm1d_labelPlacementInner__ccdaf6e4{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.TextArea_styles_1qybm1d_s14zw9ik__ccdaf6e4.TextArea_styles_1qybm1d_labelPlacementInner__ccdaf6e4.TextArea_styles_1qybm1d_requiredAlignRight__ccdaf6e4{inset:var(--plasma-textarea-indicator-placement-inner-right);}
|
|
132
|
+
.TextArea_styles_1ke2ihc_o1r1fvk8__87970d35{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--o1r1fvk8-0);}
|
|
133
|
+
.TextArea_styles_1ke2ihc_surmvwq__87970d35{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;color:var(--plasma-textarea-label-outer-color,var(--plasma-textarea-input-color));font-family:var(--plasma-textarea-label-outer-font-family,var(--plasma-textarea-input-font-family));font-size:var(--plasma-textarea-label-outer-font-size,var(--plasma-textarea-input-font-size));font-style:var(--plasma-textarea-label-outer-font-style,var(--plasma-textarea-input-font-style));font-weight:var(--plasma-textarea-label-outer-font-weight,var(--plasma-textarea-input-font-weight));-webkit-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));-moz-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));-ms-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));line-height:var(--plasma-textarea-label-outer-line-height,var(--plasma-textarea-input-line-height));}
|
|
134
|
+
.TextArea_styles_1ke2ihc_t18bd513__87970d35{display:inline-block;margin-left:auto;font-family:var(--plasma-textarea__title-caption-font-family);font-size:var(--plasma-textarea__title-caption-font-size);font-style:var(--plasma-textarea__title-caption-font-style);font-weight:var(--plasma-textarea__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);line-height:var(--plasma-textarea__title-caption-line-height);}
|
|
135
|
+
.TextArea_styles_1ke2ihc_s7alcr2__87970d35{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
136
|
+
.TextArea_styles_1ke2ihc_si9oz50__87970d35{color:var(--plasma-textarea__optional-color);font-family:var(--si9oz50-0);font-size:var(--si9oz50-1);font-style:var(--si9oz50-2);font-weight:var(--si9oz50-3);-webkit-letter-spacing:var(--si9oz50-4);-moz-letter-spacing:var(--si9oz50-4);-ms-letter-spacing:var(--si9oz50-4);letter-spacing:var(--si9oz50-4);line-height:var(--si9oz50-5);}
|
|
137
|
+
.TextArea_styles_1ke2ihc_s18tpn65__87970d35{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;line-height:0;margin:var(--plasma-textarea__hint-margin);}.TextArea_styles_1ke2ihc_s18tpn65__87970d35.TextArea_styles_1ke2ihc_labelPlacementInner__87970d35{position:absolute;margin:0;inset:var(--plasma-textarea__hint-inner-label-placement-offset);}
|
|
138
|
+
.TextArea_styles_1ke2ihc_h19sfsrt__87970d35{color:var(--plasma-textarea__hint-icon-color);width:var(--plasma-textarea__hint-target-size);height:var(--plasma-textarea__hint-target-size);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
139
|
+
|
|
140
|
+
.TextArea_styles_1ke2ihc_s3wsw3p__87970d35{background-color:var(--plasma-textarea-input-background-color);padding-top:var(--plasma-textarea-input-padding-top);padding-bottom:var(--s3wsw3p-0);border-radius:var(--s3wsw3p-1);}
|
|
141
|
+
.TextArea_styles_1ke2ihc_stc5t23__87970d35{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;z-index:1;color:var(--plasma-textarea-right-content-color,var(--plasma-textarea-input-color));top:var(--plasma-textarea-right-content-top);right:var(--plasma-textarea-right-content-right);height:var(--plasma-textarea-right-content-height);}
|
|
142
|
+
.TextArea_styles_1ke2ihc_salwx57__87970d35{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--salwx57-0);position:relative;}
|
|
143
|
+
.TextArea_styles_1ke2ihc_s18lndvq__87970d35{display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(--plasma-textarea-input-color);caret-color:var(--plasma-textarea-input-caret-color);resize:var(--s18lndvq-0);--plasma_private-textarea-height:var(--s18lndvq-1);--plasma_private-textarea-width:var(--s18lndvq-2);--plasma_private-textarea-computed-height:var(--s18lndvq-3);--plasma_private-textarea-computed-width:var(--s18lndvq-4);height:var(--plasma_private-textarea-computed-height);width:var(--plasma_private-textarea-computed-width);min-width:var(--s18lndvq-5);max-width:var(--s18lndvq-5);min-height:var(--plasma-textarea-input-min-height);padding-right:var(--s18lndvq-6);padding-left:var(--plasma-textarea-input-padding-left);padding-top:0;padding-bottom:0;--plasma_private-textarea-helpers-computed-height:calc( var(--plasma-textarea-helpers-padding-top) + var(--plasma-textarea-helpers-padding-bottom) + var(--plasma-textarea-helpers-line-height) );--plasma_private-textarea-input-with-helpers-height:calc( var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) + var(--plasma-textarea-helpers-offset) );--plasma_private-textarea-input-without-helpers-height:calc( var(--plasma_private-textarea-computed-height) - var(--plasma-textarea-input-padding-bottom) );--plasma_private-textarea-input-actual-height:var(--s18lndvq-7);height:var(--plasma_private-textarea-input-actual-height);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}.TextArea_styles_1ke2ihc_s18lndvq__87970d35::-webkit-input-placeholder{opacity:0;}.TextArea_styles_1ke2ihc_s18lndvq__87970d35::-moz-placeholder{opacity:0;}.TextArea_styles_1ke2ihc_s18lndvq__87970d35:-ms-input-placeholder{opacity:0;}.TextArea_styles_1ke2ihc_s18lndvq__87970d35::placeholder{opacity:0;}.TextArea_styles_1ke2ihc_s18lndvq__87970d35:-moz-read-only{cursor:default;}.TextArea_styles_1ke2ihc_s18lndvq__87970d35:read-only{cursor:default;}.TextArea_styles_1ke2ihc_s18lndvq__87970d35:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}.TextArea_styles_1ke2ihc_s18lndvq__87970d35::-webkit-scrollbar{width:var(--plasma-textarea-scrollbar-width);}.TextArea_styles_1ke2ihc_s18lndvq__87970d35::-webkit-scrollbar-thumb{background-color:var(--plasma-textarea-scrollbar-thumb-background-color);background-clip:content-box;border:var(--plasma-textarea-scrollbar-border-width) solid transparent;border-radius:1rem;}.TextArea_styles_1ke2ihc_s18lndvq__87970d35::-webkit-scrollbar-track{background-color:var(--plasma-textarea-scrollbar-track-background-color);background-clip:content-box;border:var(--plasma-textarea-scrollbar-border-width) solid transparent;border-radius:1rem;}
|
|
144
|
+
.TextArea_styles_1ke2ihc_s183p45n__87970d35{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:background-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out;background-color:var(--plasma-textarea-helpers-background-color);padding-top:var(--plasma-textarea-helpers-padding-top);padding-right:var(--plasma-textarea-helpers-padding-right);padding-bottom:var(--plasma-textarea-helpers-padding-bottom);padding-left:var(--plasma-textarea-helpers-padding-left);border-bottom-left-radius:var(--plasma-textarea-border-radius);border-bottom-right-radius:var(--plasma-textarea-border-radius);}
|
|
145
|
+
.TextArea_styles_1ke2ihc_snf439a__87970d35{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-family:var(--plasma-textarea-helpers-font-family);font-size:var(--plasma-textarea-helpers-font-size);font-style:var(--plasma-textarea-helpers-font-style);font-weight:var(--plasma-textarea-helpers-font-weight);-webkit-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);letter-spacing:var(--plasma-textarea-helpers-letter-spacing);line-height:var(--plasma-textarea-helpers-line-height);color:var(--plasma-textarea-left-helper-color);}
|
|
146
|
+
.TextArea_styles_1ke2ihc_suev9vb__87970d35.TextArea_styles_1ke2ihc_snf439a__87970d35{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
|
|
147
|
+
.TextArea_styles_1ke2ihc_s7jal92__87970d35{box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;color:var(--plasma-textarea-placeholder-color);width:100%;height:auto;top:var(--plasma-textarea-input-padding-top);padding-left:var(--plasma-textarea-input-padding-left);padding-right:var(--s7jal92-0);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
|
|
148
|
+
.TextArea_styles_1ke2ihc_s11kd6xq__87970d35{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.TextArea_styles_1ke2ihc_s11kd6xq__87970d35.TextArea_styles_1ke2ihc_labelPlacementOuter__87970d35{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.TextArea_styles_1ke2ihc_s11kd6xq__87970d35.TextArea_styles_1ke2ihc_labelPlacementOuter__87970d35.TextArea_styles_1ke2ihc_requiredAlignRight__87970d35{inset:var(--plasma-textarea-indicator-placement-outer-right);}.TextArea_styles_1ke2ihc_s11kd6xq__87970d35.TextArea_styles_1ke2ihc_labelPlacementOuter__87970d35.TextArea_styles_1ke2ihc_requiredAlignRight__87970d35.TextArea_styles_1ke2ihc_textareaHasHint__87970d35{right:calc(-1 * var(--plasma-textarea-indicator-size-outer));}.TextArea_styles_1ke2ihc_s11kd6xq__87970d35.TextArea_styles_1ke2ihc_labelPlacementInner__87970d35{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.TextArea_styles_1ke2ihc_s11kd6xq__87970d35.TextArea_styles_1ke2ihc_labelPlacementInner__87970d35.TextArea_styles_1ke2ihc_requiredAlignRight__87970d35{inset:var(--plasma-textarea-indicator-placement-inner-right);}
|
|
150
149
|
|
|
151
150
|
.base_1xgrm3x_bofyi4a__b6511486 .base_1xgrm3x_t18bd513__b6511486{color:var(--plasma-textarea__title-caption-color);}.base_1xgrm3x_bofyi4a__b6511486 .base_1xgrm3x_textareaContainer__b6511486{-webkit-transition:box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;border-radius:var(--plasma-textarea-border-radius);border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color);}.base_1xgrm3x_bofyi4a__b6511486 .base_1xgrm3x_textareaWrapper__b6511486{-webkit-transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color);padding-right:var(--plasma-textarea-border-size,1px);}.base_1xgrm3x_bofyi4a__b6511486:focus-within:not([readonly]) .base_1xgrm3x_textareaWrapper__b6511486{background-color:var(--plasma-textarea-input-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-focus);}.base_1xgrm3x_bofyi4a__b6511486:focus-within:not([readonly]) .base_1xgrm3x_textareaContainer__b6511486{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-focus);}.base_1xgrm3x_bofyi4a__b6511486:focus-within:not([readonly]) .base_1xgrm3x_textareaHelpers__b6511486{background-color:var(--plasma-textarea-helpers-background-color-focus);}.base_1xgrm3x_bofyi4a__b6511486:hover:not(.base_1xgrm3x_textareaClear__b6511486):not([disabled]):not([readonly]):not(:focus-within) .base_1xgrm3x_textareaContainer__b6511486{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-hover);}.base_1xgrm3x_bofyi4a__b6511486:hover:not(.base_1xgrm3x_textareaClear__b6511486):not([disabled]):not([readonly]):not(:focus-within) .base_1xgrm3x_textareaWrapper__b6511486{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-hover);background-color:var(--plasma-textarea-input-background-color-hover);}.base_1xgrm3x_bofyi4a__b6511486:hover:not(.base_1xgrm3x_textareaClear__b6511486):not([disabled]):not([readonly]):not(:focus-within) .base_1xgrm3x_textareaWrapper__b6511486 + .base_1xgrm3x_textareaHelpers__b6511486{background-color:var(--plasma-textarea-helpers-background-color-hover);}.base_1xgrm3x_bofyi4a__b6511486:active:not(.base_1xgrm3x_textareaClear__b6511486):not([disabled]):not([readonly]):not(:focus-within) .base_1xgrm3x_textareaWrapper__b6511486{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-active);background-color:var(--plasma-textarea-input-background-color-active);}.base_1xgrm3x_bofyi4a__b6511486:active:not(.base_1xgrm3x_textareaClear__b6511486):not([disabled]):not([readonly]):not(:focus-within) .base_1xgrm3x_textareaWrapper__b6511486 + .base_1xgrm3x_textareaHelpers__b6511486{background-color:var(--plasma-textarea-helpers-background-color-active);}
|
|
152
151
|
|
|
153
|
-
.
|
|
152
|
+
.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e{border:unset;}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_s3wsw3p__9c874b5e{box-shadow:unset;background-color:unset;border-radius:0;padding-bottom:var(--plasma-textarea-input-padding-top);}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_o1r1fvk8__9c874b5e{margin-bottom:var(--plasma-textarea-clear-label-margin-bottom);}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_stc5t23__9c874b5e{right:0;bottom:unset;}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_s18lndvq__9c874b5e,.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_s183p45n__9c874b5e{padding-left:0;}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_s183p45n__9c874b5e{background-color:unset;border-radius:0;padding-top:var(--plasma-textarea-clear-helpers-padding-top);padding-right:0;}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_s18lndvq__9c874b5e{color:var(--plasma-textarea-input-clear-color);padding-right:0;}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_s18lndvq__9c874b5e.base_iz2qkw_textareaHasRightContent__9c874b5e{padding-right:var(--plasma-textarea-clear-input-padding-right-with-right-content);}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_salwx57__9c874b5e:not(.base_iz2qkw_innerPlaceholderUp__9c874b5e) .base_iz2qkw_s7jal92__9c874b5e{color:var(--plasma-textarea-clear-placeholder-color);}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_salwx57__9c874b5e:not(.base_iz2qkw_innerPlaceholderUp__9c874b5e).base_iz2qkw_focusedOuterPlaceholderColor__9c874b5e .base_iz2qkw_s7jal92__9c874b5e{color:var(--plasma-textarea-clear-placeholder-color-focus);}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_salwx57__9c874b5e.base_iz2qkw_innerPlaceholderUp__9c874b5e{color:var(--plasma-textarea-placeholder-color);}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_s7jal92__9c874b5e{padding-left:0;}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_s11kd6xq__9c874b5e.base_iz2qkw_labelPlacementInner__9c874b5e{inset:var(--plasma-textarea__clear-indicator-placement-inner);}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_s11kd6xq__9c874b5e.base_iz2qkw_labelPlacementInner__9c874b5e.base_iz2qkw_requiredAlignRight__9c874b5e{inset:var(--plasma-textarea__clear-indicator-placement-inner-right);}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e.base_iz2qkw_textareaHasHint__9c874b5e .base_iz2qkw_s18tpn65__9c874b5e.base_iz2qkw_labelPlacementInner__9c874b5e{inset:var(--plasma-textarea__clear-hint-inner-label-placement-offset);}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e.base_iz2qkw_textareaHasHint__9c874b5e .base_iz2qkw_s11kd6xq__9c874b5e.base_iz2qkw_labelPlacementInner__9c874b5e.base_iz2qkw_requiredAlignRight__9c874b5e{inset:var(--plasma-textarea__clear-indicator-hint-placement-inner-right);}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e .base_iz2qkw_textareaContainer__9c874b5e{border:unset;border-radius:0;}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e:focus-within:not([readonly]) .base_iz2qkw_textareaWrapper__9c874b5e{background-color:unset;box-shadow:unset;}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e:focus-within:not([readonly]) .base_iz2qkw_textareaContainer__9c874b5e{border:unset;}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e:focus-within:not([readonly]) .base_iz2qkw_textareaHelpers__9c874b5e{background-color:unset;}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e.base_iz2qkw_textareaHasDivider__9c874b5e .base_iz2qkw_s3wsw3p__9c874b5e{position:relative;--plasma_private-textarea-divider-color:var(--plasma-textarea-divider-color);}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e.base_iz2qkw_textareaHasDivider__9c874b5e .base_iz2qkw_s3wsw3p__9c874b5e:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textarea-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e.base_iz2qkw_textareaHasDivider__9c874b5e:not([readonly]) .base_iz2qkw_s3wsw3p__9c874b5e:hover{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-hover, var(--plasma-textarea-divider-color) );}.base_iz2qkw_b1x0cx6o__9c874b5e.base_iz2qkw_textareaClear__9c874b5e.base_iz2qkw_textareaHasDivider__9c874b5e:not([readonly]) .base_iz2qkw_s3wsw3p__9c874b5e:focus-within{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-focus, var(--plasma-textarea-divider-color) );}
|
|
154
153
|
|
|
155
154
|
.base_4q50ag_b1w9g1pa__4e22704f[disabled]{opacity:var(--plasma-textarea-disabled-opacity);cursor:not-allowed;}.base_4q50ag_b1w9g1pa__4e22704f[disabled]:hover,.base_4q50ag_b1w9g1pa__4e22704f[disabled]:active{-webkit-transform:none;-ms-transform:none;transform:none;}.base_4q50ag_b1w9g1pa__4e22704f .base_4q50ag_textarea__4e22704f:disabled{cursor:not-allowed;color:var(--plasma-textarea-input-color-disabled);}
|
|
156
155
|
|
|
@@ -381,7 +380,7 @@
|
|
|
381
380
|
|
|
382
381
|
.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerOverlay__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_fadeInS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_fadeInS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_drawerOverlay__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_fadeOutS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_fadeOutS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_fadeInS1ewnow2__80eb2bec{from{opacity:0;}to{opacity:1;}}@keyframes Drawer_styles_14ek4ft_fadeInS1ewnow2__80eb2bec{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes Drawer_styles_14ek4ft_fadeOutS1ewnow2__80eb2bec{from{opacity:1;}to{opacity:0;}}@keyframes Drawer_styles_14ek4ft_fadeOutS1ewnow2__80eb2bec{from{opacity:1;}to{opacity:0;}}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec,.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec > div{width:var(--s1ewnow2-0);height:var(--s1ewnow2-1);}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerRightPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerRightPlacement__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_rightShowAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_rightShowAnimationS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerRightPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerRightPlacement__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_rightHideAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_rightHideAnimationS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_rightShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_14ek4ft_rightShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_14ek4ft_rightHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}@keyframes Drawer_styles_14ek4ft_rightHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerBottomPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerBottomPlacement__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_bottomShowAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_bottomShowAnimationS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerBottomPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerBottomPlacement__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_bottomHideAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_bottomHideAnimationS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_bottomShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_14ek4ft_bottomShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_14ek4ft_bottomHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}@keyframes Drawer_styles_14ek4ft_bottomHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerLeftPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerLeftPlacement__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_leftShowAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_leftShowAnimationS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerLeftPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerLeftPlacement__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_leftHideAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_leftHideAnimationS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_leftShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_14ek4ft_leftShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_14ek4ft_leftHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}@keyframes Drawer_styles_14ek4ft_leftHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerTopPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerTopPlacement__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_topShowAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_topShowAnimationS1ewnow2__80eb2bec 0.2s forwards;}.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerTopPlacement__80eb2bec.Drawer_styles_14ek4ft_s1ewnow2__80eb2bec.Drawer_styles_14ek4ft_drawerTopPlacement__80eb2bec.Drawer_styles_14ek4ft_popupEndAnimation__80eb2bec .Drawer_styles_14ek4ft_popupBaseRoot__80eb2bec{-webkit-animation:Drawer_styles_14ek4ft_topHideAnimationS1ewnow2__80eb2bec 0.2s forwards;animation:Drawer_styles_14ek4ft_topHideAnimationS1ewnow2__80eb2bec 0.2s forwards;}@-webkit-keyframes Drawer_styles_14ek4ft_topShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_14ek4ft_topShowAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_14ek4ft_topHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}@keyframes Drawer_styles_14ek4ft_topHideAnimationS1ewnow2__80eb2bec{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}
|
|
383
382
|
|
|
384
|
-
.
|
|
383
|
+
.Dropdown_styles_1ljmphy_un7uamp__8526f7b0{box-sizing:border-box;width:var(--un7uamp-0);max-height:var(--un7uamp-1);margin:var(--un7uamp-2);padding:var(--plasma-dropdown-padding) 0;overflow:var(--un7uamp-3);background:var(--surface-solid-card-brightness);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-dropdown-border-radius);border:var(--plasma-dropdown-border-width) solid var(--plasma-dropdown-border-color);}
|
|
385
384
|
|
|
386
385
|
|
|
387
386
|
.DropdownDivider_styles_v3xor1_s1brpi5d__3a791565{background:var(--plasma-dropdown-divider-color);width:var(--plasma-dropdown-divider-width);height:var(--plasma-dropdown-divider-height);margin:var(--plasma-dropdown-divider-margin-top) var(--plasma-dropdown-divider-margin-right) var(--plasma-dropdown-divider-margin-bottom) var(--plasma-dropdown-divider-margin-left);}
|
|
@@ -580,11 +579,11 @@
|
|
|
580
579
|
|
|
581
580
|
.Target_styles_16ltv0e_s1wiuml6__f4e1732c{--plasma-textfield-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-clear-color:var(--plasma-combobox-new-textfield-color);--plasma-textfield-bg-color:var(--plasma-combobox-new-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-combobox-new-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-combobox-new-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-combobox-new-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-combobox-new-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-combobox-new-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-combobox-new-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-combobox-new-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-combobox-new-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-combobox-new-textfield-placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-combobox-new-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-combobox-new-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-combobox-new-textfield-placeholder-color-focus);--plasma-textfield__clear-placeholder-color:var(--plasma-combobox-new-textfield-clear-placeholder-color);--plasma-textfield__clear-placeholder-color-focus:var(--plasma-combobox-new-textfield-clear-placeholder-color-focus);--plasma-textfield__optional-color:var(--plasma-combobox-new-textfield-optional-color);--plasma-textfield-height:var(--plasma-combobox-new-textfield-height);--plasma-textfield-border-width:var(--plasma-combobox-new-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-textfield-padding:var(--plasma-combobox-new-textfield-padding);--plasma-textfield-padding-with-chips:var(--plasma-combobox-new-textfield-padding-with-chips);--plasma-textfield__left-content-margin:var(--plasma-combobox-new-textfield-left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-combobox-new-textfield-right-content-margin);--plasma-textfield-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-textfield-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-textfield-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-combobox-new-textfield-line-height);--plasma-textfield-content-slot-color:var(--plasma-combobox-new-textfield-content-slot-color);--plasma-textfield-content-slot-color-hover:var(--plasma-combobox-new-textfield-content-slot-color-hover);--plasma-textfield-content-slot-color-active:var(--plasma-combobox-new-textfield-content-slot-color-active);--plasma-textfield-content-right-slot-color:var(--plasma-combobox-new-textfield-content-right-slot-color);--plasma-textfield-content-right-slot-color-hover:var(--plasma-combobox-new-textfield-content-right-slot-color-hover);--plasma-textfield-content-right-slot-color-active:var(--plasma-combobox-new-textfield-content-right-slot-color-active);--plasma-textfield__label-color:var(--plasma-combobox-new-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-combobox-new-textfield-label-color-readonly);--plasma-textfield__label-offset:var(--plasma-combobox-new-textfield-label-offset);--plasma-textfield__clear-label-offset:var(--plasma-combobox-new-textfield-clear-label-offset);--plasma-textfield__label-font-family:var(--plasma-combobox-new-textfield-label-font-family);--plasma-textfield__label-font-style:var(--plasma-combobox-new-textfield-label-font-style);--plasma-textfield__label-font-size:var(--plasma-combobox-new-textfield-label-font-size);--plasma-textfield__label-font-weight:var(--plasma-combobox-new-textfield-label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-combobox-new-textfield-label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-combobox-new-textfield-label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-combobox-new-textfield-placement_inner-label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-combobox-new-textfield-placement_inner-label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-combobox-new-textfield-placement_inner-label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-combobox-new-textfield-placement_inner-label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-combobox-new-textfield-placement_inner-label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-combobox-new-textfield-placement_inner-label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-combobox-new-textfield-placement_inner-label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-combobox-new-textfield-placement_inner-content-padding);--plasma-textfield__title-caption-color:var(--plasma-combobox-new-textfield-title-caption-color);--plasma-textfield__title-caption-color-readonly:var(--plasma-combobox-new-textfield-title-caption-color-readonly);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-combobox-new-textfield-title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-combobox-new-textfield-title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-combobox-new-textfield-title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-combobox-new-textfield-title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-combobox-new-textfield-title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-combobox-new-textfield-title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-combobox-new-textfield-title-caption-line-height);--plasma-textfield__left-helper-color:var(--plasma-combobox-new-textfield-left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-combobox-new-textfield-left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-combobox-new-textfield-left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-combobox-new-textfield-left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-combobox-new-textfield-left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-combobox-new-textfield-left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-combobox-new-textfield-left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-combobox-new-textfield-left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-combobox-new-textfield-left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-combobox-new-textfield-before-text-color);--plasma-textfield__after-text-color:var(--plasma-combobox-new-textfield-after-text-color);--plasma-textfield__before-text-margin:var(--plasma-combobox-new-textfield-before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-combobox-new-textfield-after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-combobox-new-textfield-disabled-opacity);--plasma-textfield__chip-height:var(--plasma-combobox-new-textfield-chip-height);--plasma-textfield__chip-border-radius:var(--plasma-combobox-new-textfield-chip-border-radius);--plasma-textfield__chip-gap:var(--plasma-combobox-new-textfield-chip-gap);--plasma-textfield__chip-background:var(--plasma-combobox-new-textfield--chip-background);--plasma-textfield__chip-color:var(--plasma-combobox-new-textfield-chip-color);--plasma-textfield__chip-background-hover:var(--plasma-combobox-new-textfield-chip-background-hover);--plasma-textfield__chip-color-hover:var(--plasma-combobox-new-textfield-chip-color-hover);--plasma-textfield__chip-scale-hover:var(--plasma-combobox-new-textfield-chip-scale-hover);--plasma-textfield__chip-background-readonly:var(--plasma-combobox-new-textfield-chip-background-read-only);--plasma-textfield__chip-color-readonly:var(--plasma-combobox-new-textfield-chip-color-read-only);--plasma-textfield__chip-background-readonly-hover:var(--plasma-combobox-new-textfield-chip-background-read-only-hover);--plasma-textfield__chip-color-readonly-hover:var(--plasma-combobox-new-textfield-chip-color-read-only-hover);--plasma-textfield__chip-background-active:var(--plasma-combobox-new-textfield-chip-background-active);--plasma-textfield__chip-color-active:var(--plasma-combobox-new-textfield-chip-color-active);--plasma-textfield__chip-scale-active:var(--plasma-combobox-new-textfield-chip-scale-active);--plasma-textfield__chip-close-icon-color:var(--plasma-combobox-new-textfield-chip-close-icons-color);--plasma-textfield__chip-outline-size:var(--plasma-combobox-new-textfield-chip-outline-size);--plasma-textfield__chip-width:var(--plasma-combobox-new-textfield-chip-width);--plasma-textfield__chip-padding-top:var(--plasma-combobox-new-textfield-chip-padding-top);--plasma-textfield__chip-padding-right:var(--plasma-combobox-new-textfield-chip-padding-right);--plasma-textfield__chip-padding-bottom:var(--plasma-combobox-new-textfield-chip-padding-bottom);--plasma-textfield__chip-padding-left:var(--plasma-combobox-new-textfield-chip-padding-left);--plasma-textfield__chip-close-icon-size:var(--plasma-combobox-new-textfield-chip-close-icon-size);--plasma-textfield__chip-font-family:var(--plasma-combobox-new-textfield-chip-font-family);--plasma-textfield__chip-font-size:var(--plasma-combobox-new-textfield-chip-font-size);--plasma-textfield__chip-font-style:var(--plasma-combobox-new-textfield-chip-font-style);--plasma-textfield__chip-font-weight:var(--plasma-combobox-new-textfield-chip-font-weight);--plasma-textfield__chip-letter-spacing:var(--plasma-combobox-new-textfield-chip-letter-spacing);--plasma-textfield__chip-line-height:var(--plasma-combobox-new-textfield-chip-line-height);--plasma-textfield__chip-clear-content-margin-left:var(--plasma-combobox-new-textfield-chip-clear-content-margin-left);--plasma-textfield__chip-clear-content-margin-right:var(--plasma-combobox-new-textfield-chip-clear-content-margin-right);--plasma-textfield__chip-opacity-readonly:var(--plasma-combobox-new-textfield-chip-opacity-readonly);--plasma-textfield-focus-color:var(--plasma-combobox-new-textfield-focus-color);--plasma-textfield__indicator-color:var(--plasma-combobox-new-textfield-indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-combobox-new-textfield-indicator-size-inner);--plasma-textfield__indicator-size-outer:var(--plasma-combobox-new-textfield-indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-combobox-new-textfield-indicator-placement-inner);--plasma-textfield__indicator-placement-outer:var(--plasma-combobox-new-textfield-indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-combobox-new-textfield-indicator-placement-inner-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-combobox-new-textfield-indicator-placement-outer-right);--plasma-textfield__clear-indicator-placement-inner:var(--plasma-combobox-new-textfield-clear-indicator-placement-inner);--plasma-textfield__clear-indicator-placement-inner-right:var(--plasma-combobox-new-textfield-clear-indicator-placement-inner-right);--plasma-textfield__clear-indicator-hint-placement-inner-right:var(--plasma-combobox-new-textfield-clear-indicator-hint-placement-inner-right);}
|
|
582
581
|
|
|
583
|
-
.
|
|
584
|
-
.
|
|
582
|
+
.Combobox_styles_7wj22s_uxiiees__4ae68c79{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-combobox-border-radius);width:var(--uxiiees-0);max-height:var(--uxiiees-1);overflow:var(--uxiiees-2);border:var(--plasma-select-dropdown-border-width) solid var(--plasma-select-dropdown-border-color);margin:var(--uxiiees-3);padding:var(--plasma-combobox-padding) 0;}.Combobox_styles_7wj22s_uxiiees__4ae68c79 .Combobox_styles_7wj22s_comboboxEmptyStateWrapper__4ae68c79{box-shadow:none;}
|
|
583
|
+
.Combobox_styles_7wj22s_i1veo3wn__4ae68c79{line-height:0;color:var(--plasma-combobox-disclosure-icon-color);cursor:var(--i1veo3wn-0);}.Combobox_styles_7wj22s_i1veo3wn__4ae68c79 .Combobox_styles_7wj22s_arrowInverse__4ae68c79{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Combobox_styles_7wj22s_i1veo3wn__4ae68c79:hover,.Combobox_styles_7wj22s_i1veo3wn__4ae68c79:active{color:var(--i1veo3wn-1);}
|
|
585
584
|
|
|
586
585
|
|
|
587
|
-
.
|
|
586
|
+
.Combobox_styles_7wj22s_s11cn92k__4ae68c79{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
|
|
588
587
|
|
|
589
588
|
.Indicator_styles_v8giip_b5hgwnm__ffd4472f{border-radius:100%;}
|
|
590
589
|
|
|
@@ -629,7 +628,7 @@
|
|
|
629
628
|
.Textfield_styles_1b7iij0_i7x5udn__18547d95{line-height:0;color:var(--plasma-select-disclosure-icon-color);cursor:var(--i7x5udn-0);}.Textfield_styles_1b7iij0_i7x5udn__18547d95 .Textfield_styles_1b7iij0_arrowInverse__18547d95{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.Textfield_styles_1b7iij0_i7x5udn__18547d95:hover,.Textfield_styles_1b7iij0_i7x5udn__18547d95:active{color:var(--i7x5udn-1);}
|
|
630
629
|
|
|
631
630
|
|
|
632
|
-
.
|
|
631
|
+
.Select_styles_1mmlpo3_upxbau6__d1d42807{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);border-radius:var(--plasma-select-border-radius);width:var(--upxbau6-0);max-height:var(--upxbau6-1);overflow:var(--upxbau6-2);margin:var(--upxbau6-3);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem)) 0;}
|
|
633
632
|
|
|
634
633
|
|
|
635
634
|
.base_1mk6ghf_b1qy9s12__46da26aa{background:var(--plasma-divider-background);}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.196.0-canary.
|
|
3
|
+
"version": "0.196.0-canary.1585.11968062641.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -129,5 +129,5 @@
|
|
|
129
129
|
"sideEffects": [
|
|
130
130
|
"*.css"
|
|
131
131
|
],
|
|
132
|
-
"gitHead": "
|
|
132
|
+
"gitHead": "ed3849942b81b56f22350e72a5029cdad5cb3e70"
|
|
133
133
|
}
|
|
@@ -16,7 +16,7 @@ var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_EmptyState.emptyState
|
|
|
16
16
|
var EmptyState = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
|
17
17
|
var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
|
|
18
18
|
componentId: "plasma-new-hope__sc-2kddkg-0"
|
|
19
|
-
})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";border:var(", ") solid var(", ");margin:", ";padding:var(", ") 0;.", "{box-shadow:none;}"], _Combobox.constants.background, _Combobox.constants.boxShadow, _Combobox.tokens.borderRadius, function (_ref) {
|
|
19
|
+
})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";max-height:", ";overflow:", ";border:var(", ") solid var(", ");margin:", ";padding:var(", ") 0;.", "{box-shadow:none;}"], _Combobox.constants.background, _Combobox.constants.boxShadow, _Combobox.tokens.borderRadius, function (_ref) {
|
|
20
20
|
var listWidth = _ref.listWidth;
|
|
21
21
|
return listWidth || '100%';
|
|
22
22
|
}, function (_ref2) {
|
|
@@ -12,7 +12,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
12
12
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
13
13
|
var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
|
|
14
14
|
componentId: "plasma-new-hope__sc-13ezpo5-0"
|
|
15
|
-
})(["box-sizing:border-box;width:", ";height:", ";margin:", ";padding:var(", ") 0;overflow:", ";background:var(", ");box-shadow:", ";border-radius:var(", ");border:var(", ") solid var(", ");"], function (_ref) {
|
|
15
|
+
})(["box-sizing:border-box;width:", ";max-height:", ";margin:", ";padding:var(", ") 0;overflow:", ";background:var(", ");box-shadow:", ";border-radius:var(", ");border:var(", ") solid var(", ");"], function (_ref) {
|
|
16
16
|
var listWidth = _ref.listWidth;
|
|
17
17
|
return listWidth || "var(".concat(_Dropdown.tokens.width, ")");
|
|
18
18
|
}, function (_ref2) {
|
|
@@ -12,7 +12,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
12
12
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
13
13
|
var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
|
|
14
14
|
componentId: "plasma-new-hope__sc-le54jv-0"
|
|
15
|
-
})(["box-sizing:border-box;background:var(", ");box-shadow:", ",inset 0 0 0 var(", ",0rem) var(", ",transparent);border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:calc(var(", ") + var(", ",0rem)) 0;"], _Select.constants.background, _Select.constants.boxShadow, _Select.tokens.dropdownBorderWidth, _Select.tokens.dropdownBorderColor, _Select.tokens.borderRadius, function (_ref) {
|
|
15
|
+
})(["box-sizing:border-box;background:var(", ");box-shadow:", ",inset 0 0 0 var(", ",0rem) var(", ",transparent);border-radius:var(", ");width:", ";max-height:", ";overflow:", ";margin:", ";padding:calc(var(", ") + var(", ",0rem)) 0;"], _Select.constants.background, _Select.constants.boxShadow, _Select.tokens.dropdownBorderWidth, _Select.tokens.dropdownBorderColor, _Select.tokens.borderRadius, function (_ref) {
|
|
16
16
|
var listWidth = _ref.listWidth;
|
|
17
17
|
return listWidth || '100%';
|
|
18
18
|
}, function (_ref2) {
|
|
@@ -21,7 +21,7 @@ var _base4 = /*#__PURE__*/require("./variations/_disabled/base");
|
|
|
21
21
|
var _base5 = /*#__PURE__*/require("./variations/_hint-view/base");
|
|
22
22
|
var _base6 = /*#__PURE__*/require("./variations/_hint-size/base");
|
|
23
23
|
var _Hint = /*#__PURE__*/require("./ui/Hint/Hint");
|
|
24
|
-
var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "
|
|
24
|
+
var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "titleCaption", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredPlacement", "optional", "clear", "hasDivider", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "onChange"];
|
|
25
25
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
26
26
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
27
27
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
@@ -88,8 +88,6 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
|
88
88
|
resize = props.resize,
|
|
89
89
|
rightHelper = props.rightHelper,
|
|
90
90
|
leftHelper = props.leftHelper,
|
|
91
|
-
_props$helperPlacemen = props.helperPlacement,
|
|
92
|
-
helperPlacement = _props$helperPlacemen === void 0 ? 'inner' : _props$helperPlacemen,
|
|
93
91
|
contentRight = props.contentRight,
|
|
94
92
|
_props$autoResize = props.autoResize,
|
|
95
93
|
autoResize = _props$autoResize === void 0 ? false : _props$autoResize,
|
|
@@ -166,7 +164,6 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
|
166
164
|
var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
|
|
167
165
|
var hasInnerLabel = Boolean(label && labelPlacement === 'inner' && size !== 'xs');
|
|
168
166
|
var hasPlaceholderOptional = innerOptional && !hasOuterLabel;
|
|
169
|
-
var hasInnerHelperPlacement = helperPlacement === 'inner';
|
|
170
167
|
var overriddenView = status !== undefined ? fallbackStatusMap[status] : view;
|
|
171
168
|
var textareaHelperId = id ? "".concat(id, "-helper") : undefined;
|
|
172
169
|
var applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;
|
|
@@ -238,7 +235,6 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
|
238
235
|
var optionalTextNode = innerOptional ? /*#__PURE__*/_react["default"].createElement(_TextArea.StyledOptionalText, {
|
|
239
236
|
inheritFont: !hasOuterLabel
|
|
240
237
|
}, Boolean(hasPlaceholderOptional ? placeholderLabel : label) && '\xa0', optionalText) : null;
|
|
241
|
-
var helperNode = hasHelper && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (leftHelper || helperText) && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledRightHelper, null, rightHelper));
|
|
242
238
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
|
243
239
|
view: overriddenView,
|
|
244
240
|
size: size,
|
|
@@ -295,8 +291,8 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
|
295
291
|
handleHintHide: handleHintHide,
|
|
296
292
|
handleHintClick: handleHintClick
|
|
297
293
|
}))), contentRight && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledContent, null, contentRight), /*#__PURE__*/_react["default"].createElement(_TextArea.StyledTextAreaWrapper, {
|
|
298
|
-
className:
|
|
299
|
-
hasHelper: hasHelper
|
|
294
|
+
className: styledTextAreaWrapper,
|
|
295
|
+
hasHelper: hasHelper
|
|
300
296
|
}, /*#__PURE__*/_react["default"].createElement(_TextArea.StyledTextArea, _extends({
|
|
301
297
|
className: (0, _utils.cx)(styledTextArea, hasRightContentClass),
|
|
302
298
|
id: id,
|
|
@@ -316,16 +312,14 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
|
|
|
316
312
|
resize: resize,
|
|
317
313
|
defaultValue: defaultValue,
|
|
318
314
|
onChange: onChangeHandler
|
|
319
|
-
}, rest))), hasHelper &&
|
|
315
|
+
}, rest))), hasHelper && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledHelpers, {
|
|
320
316
|
className: styledHelpers,
|
|
321
317
|
id: textareaHelperId
|
|
322
|
-
},
|
|
318
|
+
}, (leftHelper || helperText) && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledRightHelper, null, rightHelper)), placeholderLabel && /*#__PURE__*/_react["default"].createElement(_TextArea.StyledPlaceholder, {
|
|
323
319
|
hasContentRight: Boolean(contentRight),
|
|
324
320
|
className: styledPlaceholder,
|
|
325
321
|
htmlFor: id
|
|
326
|
-
}, placeholderLabel, !hasOuterLabel && optionalTextNode))
|
|
327
|
-
id: textareaHelperId
|
|
328
|
-
}, helperNode));
|
|
322
|
+
}, placeholderLabel, !hasOuterLabel && optionalTextNode)));
|
|
329
323
|
});
|
|
330
324
|
};
|
|
331
325
|
var textAreaConfig = exports.textAreaConfig = {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.TitleCaption = exports.StyledTextAreaWrapper = exports.StyledTextArea = exports.StyledRightHelper = exports.StyledPlaceholder = exports.
|
|
6
|
+
exports.TitleCaption = exports.StyledTextAreaWrapper = exports.StyledTextArea = exports.StyledRightHelper = exports.StyledPlaceholder = exports.StyledOptionalText = exports.StyledLeftHelper = exports.StyledLabel = exports.StyledIndicatorWrapper = exports.StyledIndicator = exports.StyledHintWrapper = exports.StyledHelpers = exports.StyledContent = exports.StyledContainer = exports.OuterLabelWrapper = exports.HintTargetWrapper = exports.HintIconWrapper = exports.Hint = void 0;
|
|
7
7
|
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
|
8
8
|
var _mixins = /*#__PURE__*/require("../../mixins");
|
|
9
9
|
var _Tooltip = /*#__PURE__*/require("../Tooltip");
|
|
@@ -112,21 +112,18 @@ var StyledTextArea = exports.StyledTextArea = /*#__PURE__*/_styledComponents["de
|
|
|
112
112
|
var StyledHelpers = exports.StyledHelpers = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
113
113
|
componentId: "plasma-new-hope__sc-pxxv3p-13"
|
|
114
114
|
})(["box-sizing:border-box;display:flex;justify-content:space-between;transition:background-color 0.1s ease-in-out;background-color:var(", ");padding-top:var(", ");padding-right:var(", ");padding-bottom:var(", ");padding-left:var(", ");border-bottom-left-radius:var(", ");border-bottom-right-radius:var(", ");"], _TextArea.tokens.helpersBackgroundColor, _TextArea.tokens.helpersPaddingTop, _TextArea.tokens.helpersPaddingRight, _TextArea.tokens.helpersPaddingBottom, _TextArea.tokens.helpersPaddingLeft, _TextArea.tokens.borderRadius, _TextArea.tokens.borderRadius);
|
|
115
|
-
var StyledOutsideHelpersWrapper = exports.StyledOutsideHelpersWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
116
|
-
componentId: "plasma-new-hope__sc-pxxv3p-14"
|
|
117
|
-
})(["box-sizing:border-box;display:flex;justify-content:space-between;padding-top:var(", ");"], _TextArea.tokens.clearHelpersPaddingTop);
|
|
118
115
|
var StyledLeftHelper = exports.StyledLeftHelper = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
|
119
|
-
componentId: "plasma-new-hope__sc-pxxv3p-
|
|
116
|
+
componentId: "plasma-new-hope__sc-pxxv3p-14"
|
|
120
117
|
})(["", ";display:block;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");color:var(", ");"], /*#__PURE__*/(0, _mixins.applyEllipsis)(), _TextArea.tokens.helpersFontFamily, _TextArea.tokens.helpersFontSize, _TextArea.tokens.helpersFontStyle, _TextArea.tokens.helpersFontWeight, _TextArea.tokens.helpersLetterSpacing, _TextArea.tokens.helpersLineHeight, _TextArea.tokens.leftHelperColor);
|
|
121
118
|
var StyledRightHelper = exports.StyledRightHelper = /*#__PURE__*/(0, _styledComponents["default"])(StyledLeftHelper).withConfig({
|
|
122
|
-
componentId: "plasma-new-hope__sc-pxxv3p-
|
|
119
|
+
componentId: "plasma-new-hope__sc-pxxv3p-15"
|
|
123
120
|
})(["color:var(", ");margin-left:auto;"], _TextArea.tokens.rightHelperColor);
|
|
124
121
|
var StyledPlaceholder = exports.StyledPlaceholder = /*#__PURE__*/_styledComponents["default"].label.withConfig({
|
|
125
|
-
componentId: "plasma-new-hope__sc-pxxv3p-
|
|
122
|
+
componentId: "plasma-new-hope__sc-pxxv3p-16"
|
|
126
123
|
})(["box-sizing:border-box;position:absolute;pointer-events:none;display:inline-flex;align-items:center;transition:all 0.1s ease-in-out;transform-origin:top left;color:var(", ");width:100%;height:auto;top:var(", ");padding-left:var(", ");padding-right:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _TextArea.tokens.placeholderColor, _TextArea.tokens.inputPaddingTop, _TextArea.tokens.inputPaddingLeft, function (_ref20) {
|
|
127
124
|
var hasContentRight = _ref20.hasContentRight;
|
|
128
125
|
return hasContentRight ? "var(".concat(_TextArea.tokens.inputPaddingRightWithRightContent, ")") : "var(".concat(_TextArea.tokens.inputPaddingRight, ")");
|
|
129
126
|
}, _TextArea.tokens.inputFontFamily, _TextArea.tokens.inputFontSize, _TextArea.tokens.inputFontStyle, _TextArea.tokens.inputFontWeight, _TextArea.tokens.inputLetterSpacing, _TextArea.tokens.inputLineHeight);
|
|
130
127
|
var StyledIndicator = exports.StyledIndicator = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
131
|
-
componentId: "plasma-new-hope__sc-pxxv3p-
|
|
128
|
+
componentId: "plasma-new-hope__sc-pxxv3p-17"
|
|
132
129
|
})(["position:absolute;border-radius:50%;background-color:var(", ");&.", "{width:var(", ");height:var(", ");inset:var(", ");&.", "{inset:var(", ");&.", "{right:calc(-1 * var(", "));}}}&.", "{width:var(", ");height:var(", ");inset:var(", ");&.", "{inset:var(", ");}}"], _TextArea.tokens.indicatorColor, _TextArea.classes.outerLabelPlacement, _TextArea.tokens.indicatorSizeOuter, _TextArea.tokens.indicatorSizeOuter, _TextArea.tokens.indicatorLabelPlacementOuter, _TextArea.classes.requiredAlignRight, _TextArea.tokens.indicatorLabelPlacementOuterRight, _TextArea.classes.hasHint, _TextArea.tokens.indicatorSizeOuter, _TextArea.classes.innerLabelPlacement, _TextArea.tokens.indicatorSizeInner, _TextArea.tokens.indicatorSizeInner, _TextArea.tokens.indicatorLabelPlacementInner, _TextArea.classes.requiredAlignRight, _TextArea.tokens.indicatorLabelPlacementInnerRight);
|
|
@@ -82,13 +82,7 @@ const meta: Meta<StoryTextAreaProps> = {
|
|
|
82
82
|
labelPlacement: {
|
|
83
83
|
options: labelPlacements,
|
|
84
84
|
control: {
|
|
85
|
-
type: '
|
|
86
|
-
},
|
|
87
|
-
},
|
|
88
|
-
helperPlacement: {
|
|
89
|
-
options: labelPlacements,
|
|
90
|
-
control: {
|
|
91
|
-
type: 'inline-radio',
|
|
85
|
+
type: 'select',
|
|
92
86
|
},
|
|
93
87
|
},
|
|
94
88
|
hasDivider: {
|
|
@@ -150,7 +144,6 @@ const meta: Meta<StoryTextAreaProps> = {
|
|
|
150
144
|
titleCaption: 'Подпись к полю',
|
|
151
145
|
leftHelper: 'Подсказка к полю слева',
|
|
152
146
|
rightHelper: 'Подсказка к полю справа',
|
|
153
|
-
helperPlacement: 'inner',
|
|
154
147
|
disabled: false,
|
|
155
148
|
readOnly: false,
|
|
156
149
|
autoResize: false,
|
package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx
CHANGED
|
@@ -87,12 +87,6 @@ const meta: Meta<typeof TextField> = {
|
|
|
87
87
|
type: 'inline-radio',
|
|
88
88
|
},
|
|
89
89
|
},
|
|
90
|
-
helperPlacement: {
|
|
91
|
-
options: labelPlacements,
|
|
92
|
-
control: {
|
|
93
|
-
type: 'inline-radio',
|
|
94
|
-
},
|
|
95
|
-
},
|
|
96
90
|
size: {
|
|
97
91
|
options: sizes,
|
|
98
92
|
control: {
|
|
@@ -221,7 +215,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
|
221
215
|
textAfter: '',
|
|
222
216
|
placeholder: 'Заполните поле',
|
|
223
217
|
leftHelper: 'Подсказка к полю',
|
|
224
|
-
helperPlacement: 'inner',
|
|
225
218
|
disabled: false,
|
|
226
219
|
readOnly: false,
|
|
227
220
|
enableContentLeft: true,
|
|
@@ -8,7 +8,7 @@ var mergedConfig = /*#__PURE__*/mergeConfig(emptyStateConfig);
|
|
|
8
8
|
var EmptyState = /*#__PURE__*/component(mergedConfig);
|
|
9
9
|
export var Ul = /*#__PURE__*/styled.ul.withConfig({
|
|
10
10
|
componentId: "plasma-new-hope__sc-2kddkg-0"
|
|
11
|
-
})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";border:var(", ") solid var(", ");margin:", ";padding:var(", ") 0;.", "{box-shadow:none;}"], constants.background, constants.boxShadow, tokens.borderRadius, function (_ref) {
|
|
11
|
+
})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";max-height:", ";overflow:", ";border:var(", ") solid var(", ");margin:", ";padding:var(", ") 0;.", "{box-shadow:none;}"], constants.background, constants.boxShadow, tokens.borderRadius, function (_ref) {
|
|
12
12
|
var listWidth = _ref.listWidth;
|
|
13
13
|
return listWidth || '100%';
|
|
14
14
|
}, function (_ref2) {
|
|
@@ -4,7 +4,7 @@ import { getCorrectHeight } from './utils';
|
|
|
4
4
|
import { tokens, constants } from './Dropdown.tokens';
|
|
5
5
|
export var Ul = /*#__PURE__*/styled.ul.withConfig({
|
|
6
6
|
componentId: "plasma-new-hope__sc-13ezpo5-0"
|
|
7
|
-
})(["box-sizing:border-box;width:", ";height:", ";margin:", ";padding:var(", ") 0;overflow:", ";background:var(", ");box-shadow:", ";border-radius:var(", ");border:var(", ") solid var(", ");"], function (_ref) {
|
|
7
|
+
})(["box-sizing:border-box;width:", ";max-height:", ";margin:", ";padding:var(", ") 0;overflow:", ";background:var(", ");box-shadow:", ";border-radius:var(", ");border:var(", ") solid var(", ");"], function (_ref) {
|
|
8
8
|
var listWidth = _ref.listWidth;
|
|
9
9
|
return listWidth || "var(".concat(tokens.width, ")");
|
|
10
10
|
}, function (_ref2) {
|
|
@@ -4,7 +4,7 @@ import { getCorrectHeight } from './utils';
|
|
|
4
4
|
import { tokens, constants } from './Select.tokens';
|
|
5
5
|
export var Ul = /*#__PURE__*/styled.ul.withConfig({
|
|
6
6
|
componentId: "plasma-new-hope__sc-le54jv-0"
|
|
7
|
-
})(["box-sizing:border-box;background:var(", ");box-shadow:", ",inset 0 0 0 var(", ",0rem) var(", ",transparent);border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:calc(var(", ") + var(", ",0rem)) 0;"], constants.background, constants.boxShadow, tokens.dropdownBorderWidth, tokens.dropdownBorderColor, tokens.borderRadius, function (_ref) {
|
|
7
|
+
})(["box-sizing:border-box;background:var(", ");box-shadow:", ",inset 0 0 0 var(", ",0rem) var(", ",transparent);border-radius:var(", ");width:", ";max-height:", ";overflow:", ";margin:", ";padding:calc(var(", ") + var(", ",0rem)) 0;"], constants.background, constants.boxShadow, tokens.dropdownBorderWidth, tokens.dropdownBorderColor, tokens.borderRadius, function (_ref) {
|
|
8
8
|
var listWidth = _ref.listWidth;
|
|
9
9
|
return listWidth || '100%';
|
|
10
10
|
}, function (_ref2) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
-
var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "
|
|
2
|
+
var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "titleCaption", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredPlacement", "optional", "clear", "hasDivider", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "onChange"];
|
|
3
3
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
4
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
5
5
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -25,7 +25,7 @@ import { cx, mergeRefs } from '../../utils';
|
|
|
25
25
|
import { useOutsideClick } from '../../hooks';
|
|
26
26
|
import { applyDynamicLabel } from './mixins';
|
|
27
27
|
import { useAutoResize, ROOT_FONT_SIZE } from './hooks';
|
|
28
|
-
import { StyledContent, StyledHelpers, StyledLeftHelper, StyledRightHelper, StyledLabel, StyledPlaceholder, StyledTextArea, StyledTextAreaWrapper, StyledContainer, StyledIndicator, StyledOptionalText, OuterLabelWrapper, StyledIndicatorWrapper, StyledHintWrapper, TitleCaption
|
|
28
|
+
import { StyledContent, StyledHelpers, StyledLeftHelper, StyledRightHelper, StyledLabel, StyledPlaceholder, StyledTextArea, StyledTextAreaWrapper, StyledContainer, StyledIndicator, StyledOptionalText, OuterLabelWrapper, StyledIndicatorWrapper, StyledHintWrapper, TitleCaption } from './TextArea.styles';
|
|
29
29
|
import { classes } from './TextArea.tokens';
|
|
30
30
|
import { base as viewCSS } from './variations/_view/base';
|
|
31
31
|
import { base as sizeCSS } from './variations/_size/base';
|
|
@@ -80,8 +80,6 @@ export var textAreaRoot = function textAreaRoot(Root) {
|
|
|
80
80
|
resize = props.resize,
|
|
81
81
|
rightHelper = props.rightHelper,
|
|
82
82
|
leftHelper = props.leftHelper,
|
|
83
|
-
_props$helperPlacemen = props.helperPlacement,
|
|
84
|
-
helperPlacement = _props$helperPlacemen === void 0 ? 'inner' : _props$helperPlacemen,
|
|
85
83
|
contentRight = props.contentRight,
|
|
86
84
|
_props$autoResize = props.autoResize,
|
|
87
85
|
autoResize = _props$autoResize === void 0 ? false : _props$autoResize,
|
|
@@ -158,7 +156,6 @@ export var textAreaRoot = function textAreaRoot(Root) {
|
|
|
158
156
|
var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
|
|
159
157
|
var hasInnerLabel = Boolean(label && labelPlacement === 'inner' && size !== 'xs');
|
|
160
158
|
var hasPlaceholderOptional = innerOptional && !hasOuterLabel;
|
|
161
|
-
var hasInnerHelperPlacement = helperPlacement === 'inner';
|
|
162
159
|
var overriddenView = status !== undefined ? fallbackStatusMap[status] : view;
|
|
163
160
|
var textareaHelperId = id ? "".concat(id, "-helper") : undefined;
|
|
164
161
|
var applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;
|
|
@@ -230,7 +227,6 @@ export var textAreaRoot = function textAreaRoot(Root) {
|
|
|
230
227
|
var optionalTextNode = innerOptional ? /*#__PURE__*/React.createElement(StyledOptionalText, {
|
|
231
228
|
inheritFont: !hasOuterLabel
|
|
232
229
|
}, Boolean(hasPlaceholderOptional ? placeholderLabel : label) && '\xa0', optionalText) : null;
|
|
233
|
-
var helperNode = hasHelper && /*#__PURE__*/React.createElement(React.Fragment, null, (leftHelper || helperText) && /*#__PURE__*/React.createElement(StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/React.createElement(StyledRightHelper, null, rightHelper));
|
|
234
230
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
|
235
231
|
view: overriddenView,
|
|
236
232
|
size: size,
|
|
@@ -287,8 +283,8 @@ export var textAreaRoot = function textAreaRoot(Root) {
|
|
|
287
283
|
handleHintHide: handleHintHide,
|
|
288
284
|
handleHintClick: handleHintClick
|
|
289
285
|
}))), contentRight && /*#__PURE__*/React.createElement(StyledContent, null, contentRight), /*#__PURE__*/React.createElement(StyledTextAreaWrapper, {
|
|
290
|
-
className:
|
|
291
|
-
hasHelper: hasHelper
|
|
286
|
+
className: styledTextAreaWrapper,
|
|
287
|
+
hasHelper: hasHelper
|
|
292
288
|
}, /*#__PURE__*/React.createElement(StyledTextArea, _extends({
|
|
293
289
|
className: cx(styledTextArea, hasRightContentClass),
|
|
294
290
|
id: id,
|
|
@@ -308,16 +304,14 @@ export var textAreaRoot = function textAreaRoot(Root) {
|
|
|
308
304
|
resize: resize,
|
|
309
305
|
defaultValue: defaultValue,
|
|
310
306
|
onChange: onChangeHandler
|
|
311
|
-
}, rest))), hasHelper &&
|
|
307
|
+
}, rest))), hasHelper && /*#__PURE__*/React.createElement(StyledHelpers, {
|
|
312
308
|
className: styledHelpers,
|
|
313
309
|
id: textareaHelperId
|
|
314
|
-
},
|
|
310
|
+
}, (leftHelper || helperText) && /*#__PURE__*/React.createElement(StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/React.createElement(StyledRightHelper, null, rightHelper)), placeholderLabel && /*#__PURE__*/React.createElement(StyledPlaceholder, {
|
|
315
311
|
hasContentRight: Boolean(contentRight),
|
|
316
312
|
className: styledPlaceholder,
|
|
317
313
|
htmlFor: id
|
|
318
|
-
}, placeholderLabel, !hasOuterLabel && optionalTextNode))
|
|
319
|
-
id: textareaHelperId
|
|
320
|
-
}, helperNode));
|
|
314
|
+
}, placeholderLabel, !hasOuterLabel && optionalTextNode)));
|
|
321
315
|
});
|
|
322
316
|
};
|
|
323
317
|
export var textAreaConfig = {
|
|
@@ -105,21 +105,18 @@ export var StyledTextArea = /*#__PURE__*/styled.textarea.withConfig({
|
|
|
105
105
|
export var StyledHelpers = /*#__PURE__*/styled.div.withConfig({
|
|
106
106
|
componentId: "plasma-new-hope__sc-pxxv3p-13"
|
|
107
107
|
})(["box-sizing:border-box;display:flex;justify-content:space-between;transition:background-color 0.1s ease-in-out;background-color:var(", ");padding-top:var(", ");padding-right:var(", ");padding-bottom:var(", ");padding-left:var(", ");border-bottom-left-radius:var(", ");border-bottom-right-radius:var(", ");"], tokens.helpersBackgroundColor, tokens.helpersPaddingTop, tokens.helpersPaddingRight, tokens.helpersPaddingBottom, tokens.helpersPaddingLeft, tokens.borderRadius, tokens.borderRadius);
|
|
108
|
-
export var StyledOutsideHelpersWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
109
|
-
componentId: "plasma-new-hope__sc-pxxv3p-14"
|
|
110
|
-
})(["box-sizing:border-box;display:flex;justify-content:space-between;padding-top:var(", ");"], tokens.clearHelpersPaddingTop);
|
|
111
108
|
export var StyledLeftHelper = /*#__PURE__*/styled.span.withConfig({
|
|
112
|
-
componentId: "plasma-new-hope__sc-pxxv3p-
|
|
109
|
+
componentId: "plasma-new-hope__sc-pxxv3p-14"
|
|
113
110
|
})(["", ";display:block;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");color:var(", ");"], /*#__PURE__*/applyEllipsis(), tokens.helpersFontFamily, tokens.helpersFontSize, tokens.helpersFontStyle, tokens.helpersFontWeight, tokens.helpersLetterSpacing, tokens.helpersLineHeight, tokens.leftHelperColor);
|
|
114
111
|
export var StyledRightHelper = /*#__PURE__*/styled(StyledLeftHelper).withConfig({
|
|
115
|
-
componentId: "plasma-new-hope__sc-pxxv3p-
|
|
112
|
+
componentId: "plasma-new-hope__sc-pxxv3p-15"
|
|
116
113
|
})(["color:var(", ");margin-left:auto;"], tokens.rightHelperColor);
|
|
117
114
|
export var StyledPlaceholder = /*#__PURE__*/styled.label.withConfig({
|
|
118
|
-
componentId: "plasma-new-hope__sc-pxxv3p-
|
|
115
|
+
componentId: "plasma-new-hope__sc-pxxv3p-16"
|
|
119
116
|
})(["box-sizing:border-box;position:absolute;pointer-events:none;display:inline-flex;align-items:center;transition:all 0.1s ease-in-out;transform-origin:top left;color:var(", ");width:100%;height:auto;top:var(", ");padding-left:var(", ");padding-right:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.placeholderColor, tokens.inputPaddingTop, tokens.inputPaddingLeft, function (_ref20) {
|
|
120
117
|
var hasContentRight = _ref20.hasContentRight;
|
|
121
118
|
return hasContentRight ? "var(".concat(tokens.inputPaddingRightWithRightContent, ")") : "var(".concat(tokens.inputPaddingRight, ")");
|
|
122
119
|
}, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight);
|
|
123
120
|
export var StyledIndicator = /*#__PURE__*/styled.div.withConfig({
|
|
124
|
-
componentId: "plasma-new-hope__sc-pxxv3p-
|
|
121
|
+
componentId: "plasma-new-hope__sc-pxxv3p-17"
|
|
125
122
|
})(["position:absolute;border-radius:50%;background-color:var(", ");&.", "{width:var(", ");height:var(", ");inset:var(", ");&.", "{inset:var(", ");&.", "{right:calc(-1 * var(", "));}}}&.", "{width:var(", ");height:var(", ");inset:var(", ");&.", "{inset:var(", ");}}"], tokens.indicatorColor, classes.outerLabelPlacement, tokens.indicatorSizeOuter, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementOuter, classes.requiredAlignRight, tokens.indicatorLabelPlacementOuterRight, classes.hasHint, tokens.indicatorSizeOuter, classes.innerLabelPlacement, tokens.indicatorSizeInner, tokens.indicatorSizeInner, tokens.indicatorLabelPlacementInner, classes.requiredAlignRight, tokens.indicatorLabelPlacementInnerRight);
|