@salutejs/plasma-new-hope 0.249.0-canary.1730.13035830009.0 → 0.249.0-dev.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Autocomplete/Autocomplete.css +30 -30
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +30 -30
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +30 -30
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +30 -30
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +30 -30
- package/cjs/components/Pagination/Pagination.css +30 -30
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -30
- package/cjs/components/Portal/Portal.js +5 -1
- package/cjs/components/Portal/Portal.js.map +1 -1
- package/cjs/components/Range/Range.css +30 -30
- package/cjs/components/Segment/tokens.js +1 -0
- package/cjs/components/Segment/tokens.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.css +2 -2
- package/cjs/components/Segment/ui/SegmentItem/variations/_size/base.js +1 -1
- package/cjs/components/Segment/ui/SegmentItem/variations/_size/base.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentItem/variations/_size/{base_7kjuok.css → base_ww4ugz.css} +1 -1
- package/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
- package/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js.map +1 -1
- package/{es/components/Segment/ui/SegmentItem/variations/_view/base_dettiq.css → cjs/components/Segment/ui/SegmentItem/variations/_view/base_1gbqhvi.css} +1 -1
- package/cjs/components/Select/Select.css +30 -30
- package/cjs/components/Select/ui/Target/Target.css +30 -30
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +30 -30
- package/cjs/components/Slider/Slider.css +30 -30
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +30 -30
- package/cjs/components/TextField/TextField.styles.js +42 -42
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/TextField.styles_kh1zhz.css +22 -0
- package/cjs/components/TextField/ui/Hint/Hint.css +20 -20
- package/cjs/components/TextField/variations/_clear/base.js +1 -1
- package/cjs/components/TextField/variations/_clear/base_gm5pwg.css +1 -0
- package/cjs/components/TextField/variations/_disabled/base.js +1 -1
- package/cjs/components/TextField/variations/_disabled/{base_2tv0nz.css → base_4d3opa.css} +1 -1
- package/cjs/components/TextField/variations/_hint-size/base.js +1 -1
- package/cjs/components/TextField/variations/_hint-size/{base_z7a2uf.css → base_1x99605.css} +1 -1
- package/cjs/components/TextField/variations/_hint-view/base.js +1 -1
- package/cjs/components/TextField/variations/_hint-view/{base_1htnb8e.css → base_l8etux.css} +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base_if7w35.css +1 -0
- package/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/cjs/components/TextField/variations/_read-only/base_17ypmu7.css +1 -0
- package/cjs/components/TextField/variations/_size/base.js +1 -1
- package/cjs/components/TextField/variations/_size/base_7va3kt.css +1 -0
- package/cjs/components/TextField/variations/_view/base.js +1 -1
- package/cjs/components/TextField/variations/_view/base_1uzaktg.css +1 -0
- package/cjs/components/TextFieldGroup/TextFieldGroup.css +1 -1
- package/cjs/components/TextFieldGroup/variations/_shape/base.js +1 -1
- package/cjs/components/TextFieldGroup/variations/_shape/base_52bndd.css +1 -0
- package/cjs/index.css +31 -31
- package/emotion/cjs/components/Portal/Portal.js +5 -1
- package/emotion/cjs/components/Segment/tokens.js +1 -0
- package/emotion/cjs/components/Segment/ui/SegmentItem/variations/_size/base.js +1 -1
- package/emotion/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
- package/emotion/cjs/components/TextField/TextField.styles.js +44 -45
- package/emotion/es/components/Portal/Portal.js +5 -1
- package/emotion/es/components/Segment/tokens.js +1 -0
- package/emotion/es/components/Segment/ui/SegmentItem/variations/_size/base.js +2 -2
- package/emotion/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
- package/emotion/es/components/TextField/TextField.styles.js +44 -45
- package/es/components/Autocomplete/Autocomplete.css +30 -30
- package/es/components/Combobox/ComboboxNew/Combobox.css +30 -30
- package/es/components/DatePicker/RangeDate/RangeDate.css +30 -30
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +30 -30
- package/es/components/DatePicker/SingleDate/SingleDate.css +30 -30
- package/es/components/Pagination/Pagination.css +30 -30
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -30
- package/es/components/Portal/Portal.js +5 -1
- package/es/components/Portal/Portal.js.map +1 -1
- package/es/components/Range/Range.css +30 -30
- package/es/components/Segment/tokens.js +1 -0
- package/es/components/Segment/tokens.js.map +1 -1
- package/es/components/Segment/ui/SegmentItem/SegmentItem.css +2 -2
- package/es/components/Segment/ui/SegmentItem/variations/_size/base.js +1 -1
- package/es/components/Segment/ui/SegmentItem/variations/_size/base.js.map +1 -1
- package/es/components/Segment/ui/SegmentItem/variations/_size/{base_7kjuok.css → base_ww4ugz.css} +1 -1
- package/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
- package/es/components/Segment/ui/SegmentItem/variations/_view/base.js.map +1 -1
- package/{cjs/components/Segment/ui/SegmentItem/variations/_view/base_dettiq.css → es/components/Segment/ui/SegmentItem/variations/_view/base_1gbqhvi.css} +1 -1
- package/es/components/Select/Select.css +30 -30
- package/es/components/Select/ui/Target/Target.css +30 -30
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +30 -30
- package/es/components/Slider/Slider.css +30 -30
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +30 -30
- package/es/components/TextField/TextField.styles.js +42 -42
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/TextField.styles_kh1zhz.css +22 -0
- package/es/components/TextField/ui/Hint/Hint.css +20 -20
- package/es/components/TextField/variations/_clear/base.js +1 -1
- package/es/components/TextField/variations/_clear/base_gm5pwg.css +1 -0
- package/es/components/TextField/variations/_disabled/base.js +1 -1
- package/es/components/TextField/variations/_disabled/{base_2tv0nz.css → base_4d3opa.css} +1 -1
- package/es/components/TextField/variations/_hint-size/base.js +1 -1
- package/es/components/TextField/variations/_hint-size/{base_z7a2uf.css → base_1x99605.css} +1 -1
- package/es/components/TextField/variations/_hint-view/base.js +1 -1
- package/es/components/TextField/variations/_hint-view/{base_1htnb8e.css → base_l8etux.css} +1 -1
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base_if7w35.css +1 -0
- package/es/components/TextField/variations/_read-only/base.js +1 -1
- package/es/components/TextField/variations/_read-only/base_17ypmu7.css +1 -0
- package/es/components/TextField/variations/_size/base.js +1 -1
- package/es/components/TextField/variations/_size/base_7va3kt.css +1 -0
- package/es/components/TextField/variations/_view/base.js +1 -1
- package/es/components/TextField/variations/_view/base_1uzaktg.css +1 -0
- package/es/components/TextFieldGroup/TextFieldGroup.css +1 -1
- package/es/components/TextFieldGroup/variations/_shape/base.js +1 -1
- package/es/components/TextFieldGroup/variations/_shape/base_52bndd.css +1 -0
- package/es/index.css +31 -31
- package/package.json +2 -2
- package/styled-components/cjs/components/Portal/Portal.js +5 -1
- package/styled-components/cjs/components/Segment/tokens.js +1 -0
- package/styled-components/cjs/components/Segment/ui/SegmentItem/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/TextField/TextField.styles.js +22 -23
- package/styled-components/es/components/Portal/Portal.js +5 -1
- package/styled-components/es/components/Segment/tokens.js +1 -0
- package/styled-components/es/components/Segment/ui/SegmentItem/variations/_size/base.js +2 -2
- package/styled-components/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
- package/styled-components/es/components/TextField/TextField.styles.js +22 -23
- package/types/components/Portal/Portal.d.ts.map +1 -1
- package/types/components/Segment/tokens.d.ts +1 -0
- package/types/components/Segment/tokens.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentItem/variations/_size/base.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentItem/variations/_view/base.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +1 -1
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/cjs/components/TextField/TextField.styles_1cdp5eg.css +0 -22
- package/cjs/components/TextField/variations/_clear/base_appgl3.css +0 -1
- package/cjs/components/TextField/variations/_label-placement/base_jfnl8i.css +0 -1
- package/cjs/components/TextField/variations/_read-only/base_oizdmx.css +0 -1
- package/cjs/components/TextField/variations/_size/base_uulqii.css +0 -1
- package/cjs/components/TextField/variations/_view/base_1npz45o.css +0 -1
- package/cjs/components/TextFieldGroup/variations/_shape/base_1e0je21.css +0 -1
- package/es/components/TextField/TextField.styles_1cdp5eg.css +0 -22
- package/es/components/TextField/variations/_clear/base_appgl3.css +0 -1
- package/es/components/TextField/variations/_label-placement/base_jfnl8i.css +0 -1
- package/es/components/TextField/variations/_read-only/base_oizdmx.css +0 -1
- package/es/components/TextField/variations/_size/base_uulqii.css +0 -1
- package/es/components/TextField/variations/_view/base_1npz45o.css +0 -1
- package/es/components/TextFieldGroup/variations/_shape/base_1e0je21.css +0 -1
package/es/index.css
CHANGED
|
@@ -164,44 +164,44 @@
|
|
|
164
164
|
|
|
165
165
|
.TextArea_e0xkpd_b6rykm0__3c2cd4e3{position:relative;box-sizing:border-box;}.TextArea_e0xkpd_b6rykm0__3c2cd4e3 .TextArea_e0xkpd_innerPlaceholderUp__3c2cd4e3 .TextArea_e0xkpd_textarea__3c2cd4e3{height:calc(var(--plasma_private-textarea-input-actual-height) - var(--plasma-textarea-label-inner-top) - var(--plasma-textarea-label-inner-top-helper,0px));}.TextArea_e0xkpd_b6rykm0__3c2cd4e3 .TextArea_e0xkpd_innerPlaceholderUp__3c2cd4e3 .TextArea_e0xkpd_textareaWrapper__3c2cd4e3{padding-top:calc(calc(var(--plasma-textarea-label-inner-top) + var(--plasma-textarea-label-inner-font-size)) + var(--plasma-textarea-label-inner-margin-bottom));}.TextArea_e0xkpd_b6rykm0__3c2cd4e3 .TextArea_e0xkpd_innerPlaceholderUp__3c2cd4e3 .TextArea_e0xkpd_textareaPlaceholder__3c2cd4e3{font-family:var(--plasma-textarea-label-inner-font-family);font-size:var(--plasma-textarea-label-inner-font-size);font-style:var(--plasma-textarea-label-inner-font-style);font-weight:var(--plasma-textarea-label-inner-font-weight);-webkit-letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);letter-spacing:var(--plasma-textarea-label-inner-letter-spacing);line-height:var(--plasma-textarea-label-inner-line-height);top:var(--plasma-textarea-label-inner-top);}.TextArea_e0xkpd_b6rykm0__3c2cd4e3 .TextArea_e0xkpd_hidePlaceholder__3c2cd4e3 .TextArea_e0xkpd_textareaPlaceholder__3c2cd4e3{display:none;}.TextArea_e0xkpd_b6rykm0__3c2cd4e3 .TextArea_e0xkpd_focusedOuterPlaceholderColor__3c2cd4e3 .TextArea_e0xkpd_textareaPlaceholder__3c2cd4e3{color:var(--plasma-textarea-placeholder-color-focus);}
|
|
166
166
|
|
|
167
|
-
.
|
|
167
|
+
.base_7va3kt_b13ve66i__00db9cf1 .base_7va3kt_i13qvwoy__00db9cf1{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_7va3kt_b13ve66i__00db9cf1 .base_7va3kt_i19ry60d__00db9cf1{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_7va3kt_b13ve66i__00db9cf1 .base_7va3kt_i1j28rg8__00db9cf1{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_7va3kt_b13ve66i__00db9cf1 .base_7va3kt_i1j28rg8__00db9cf1.base_7va3kt_hasChips__00db9cf1{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_7va3kt_b13ve66i__00db9cf1 .base_7va3kt_i1j28rg8__00db9cf1.base_7va3kt_hasEmptyContentLeft__00db9cf1{padding-left:var(--plasma-textfield-padding-with-chips);}.base_7va3kt_b13ve66i__00db9cf1 .base_7va3kt_i1j28rg8__00db9cf1.base_7va3kt_hasEmptyContentRight__00db9cf1{padding-right:var(--plasma-textfield-padding-with-chips);}.base_7va3kt_b13ve66i__00db9cf1 .base_7va3kt_l1gjsnfi__00db9cf1,.base_7va3kt_b13ve66i__00db9cf1:not(.base_7va3kt_labelPlacementInner__00db9cf1) .base_7va3kt_s16itze4__00db9cf1{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_7va3kt_b13ve66i__00db9cf1 .base_7va3kt_s1skqnhr__00db9cf1{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_7va3kt_b13ve66i__00db9cf1 .base_7va3kt_hgy0im1__00db9cf1{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_7va3kt_b13ve66i__00db9cf1 .base_7va3kt_t600610__00db9cf1{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_7va3kt_b13ve66i__00db9cf1 .base_7va3kt_l7hnwwb__00db9cf1{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_7va3kt_b13ve66i__00db9cf1 .base_7va3kt_smqgwd8__00db9cf1,.base_7va3kt_b13ve66i__00db9cf1 .base_7va3kt_s14qvple__00db9cf1{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_7va3kt_b13ve66i__00db9cf1 .base_7va3kt_smqgwd8__00db9cf1{margin:var(--plasma-textfield__before-text-margin);}.base_7va3kt_b13ve66i__00db9cf1 .base_7va3kt_s14qvple__00db9cf1{margin:var(--plasma-textfield__after-text-margin);}.base_7va3kt_b13ve66i__00db9cf1 .base_7va3kt_s190z894__00db9cf1.base_7va3kt_textfieldContentRightCompensationMargin__00db9cf1{gap:var(--plasma-textfield-content-right-wrapper-gap);margin:var(--plasma-textfield-content-right-wrapper-margin);}.base_7va3kt_b13ve66i__00db9cf1 .base_7va3kt_s190z894__00db9cf1.base_7va3kt_textfieldContentRightCompensationMargin__00db9cf1 .base_7va3kt_sb3k3v1__00db9cf1{margin:var(--plasma-textfield__right-content-with-hint-margin);}
|
|
168
168
|
|
|
169
|
-
.
|
|
169
|
+
.base_1uzaktg_bptx5xt__0b7e96ea .base_1uzaktg_i1j28rg8__0b7e96ea{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color), var(--plasma-textfield-box-shadow,inset 0 0 0 0 transparent);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_1uzaktg_bptx5xt__0b7e96ea .base_1uzaktg_i1j28rg8__0b7e96ea:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_1uzaktg_bptx5xt__0b7e96ea .base_1uzaktg_i13qvwoy__0b7e96ea{color:var(--plasma-textfield-color);}.base_1uzaktg_bptx5xt__0b7e96ea .base_1uzaktg_ibt1ohz__0b7e96ea{color:var(--plasma-textfield__placeholder-color);}.base_1uzaktg_bptx5xt__0b7e96ea .base_1uzaktg_i1j28rg8__0b7e96ea:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_1uzaktg_bptx5xt__0b7e96ea .base_1uzaktg_i1j28rg8__0b7e96ea:focus-within .base_1uzaktg_ibt1ohz__0b7e96ea{color:var(--plasma-textfield__placeholder-color-focus);}.base_1uzaktg_bptx5xt__0b7e96ea .base_1uzaktg_t600610__0b7e96ea{color:var(--plasma-textfield__title-caption-color);}.base_1uzaktg_bptx5xt__0b7e96ea .base_1uzaktg_l7hnwwb__0b7e96ea{color:var(--plasma-textfield__left-helper-color);}.base_1uzaktg_bptx5xt__0b7e96ea .base_1uzaktg_smqgwd8__0b7e96ea{color:var(--plasma-textfield__before-text-color);}.base_1uzaktg_bptx5xt__0b7e96ea .base_1uzaktg_s14qvple__0b7e96ea{color:var(--plasma-textfield__after-text-color);}
|
|
170
170
|
|
|
171
|
-
.
|
|
171
|
+
.base_gm5pwg_bg547ku__dba768ab.base_gm5pwg_textfieldClear__dba768ab[readonly] .base_gm5pwg_i1j28rg8__dba768ab,.base_gm5pwg_bg547ku__dba768ab.base_gm5pwg_textfieldClear__dba768ab .base_gm5pwg_i1j28rg8__dba768ab{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.base_gm5pwg_bg547ku__dba768ab.base_gm5pwg_textfieldClear__dba768ab[readonly] .base_gm5pwg_i1j28rg8__dba768ab:hover,.base_gm5pwg_bg547ku__dba768ab.base_gm5pwg_textfieldClear__dba768ab .base_gm5pwg_i1j28rg8__dba768ab:hover{background-color:unset;}.base_gm5pwg_bg547ku__dba768ab.base_gm5pwg_textfieldClear__dba768ab .base_gm5pwg_ssv2kwg__dba768ab{margin-left:0;}.base_gm5pwg_bg547ku__dba768ab.base_gm5pwg_textfieldClear__dba768ab .base_gm5pwg_sb3k3v1__dba768ab{margin-right:0;}.base_gm5pwg_bg547ku__dba768ab.base_gm5pwg_textfieldClear__dba768ab.base_gm5pwg_labelPlacementOuter__dba768ab .base_gm5pwg_olv9av6__dba768ab{margin-bottom:var(--plasma-textfield__clear-label-offset);}.base_gm5pwg_bg547ku__dba768ab.base_gm5pwg_textfieldClear__dba768ab .base_gm5pwg_i13qvwoy__dba768ab{color:var(--plasma-textfield-clear-color);}.base_gm5pwg_bg547ku__dba768ab.base_gm5pwg_textfieldClear__dba768ab .base_gm5pwg_ibt1ohz__dba768ab{color:var(--plasma-textfield__clear-placeholder-color);}.base_gm5pwg_bg547ku__dba768ab.base_gm5pwg_textfieldClear__dba768ab .base_gm5pwg_szsveq4__dba768ab.base_gm5pwg_labelPlacementInner__dba768ab{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.base_gm5pwg_bg547ku__dba768ab.base_gm5pwg_textfieldClear__dba768ab .base_gm5pwg_szsveq4__dba768ab.base_gm5pwg_labelPlacementInner__dba768ab.base_gm5pwg_requiredAlignRight__dba768ab{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.base_gm5pwg_bg547ku__dba768ab.base_gm5pwg_textfieldClear__dba768ab.base_gm5pwg_textfieldHasHint__dba768ab .base_gm5pwg_s1skqnhr__dba768ab.base_gm5pwg_labelPlacementInner__dba768ab{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.base_gm5pwg_bg547ku__dba768ab.base_gm5pwg_textfieldClear__dba768ab.base_gm5pwg_textfieldHasHint__dba768ab .base_gm5pwg_szsveq4__dba768ab.base_gm5pwg_labelPlacementInner__dba768ab.base_gm5pwg_requiredAlignRight__dba768ab{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.base_gm5pwg_bg547ku__dba768ab.base_gm5pwg_textfieldClear__dba768ab.base_gm5pwg_textfieldHasDivider__dba768ab .base_gm5pwg_i1j28rg8__dba768ab{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_gm5pwg_bg547ku__dba768ab.base_gm5pwg_textfieldClear__dba768ab.base_gm5pwg_textfieldHasDivider__dba768ab .base_gm5pwg_i1j28rg8__dba768ab:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_gm5pwg_bg547ku__dba768ab.base_gm5pwg_textfieldClear__dba768ab.base_gm5pwg_textfieldHasDivider__dba768ab:not([readonly]) .base_gm5pwg_i1j28rg8__dba768ab:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_gm5pwg_bg547ku__dba768ab.base_gm5pwg_textfieldClear__dba768ab.base_gm5pwg_textfieldHasDivider__dba768ab:not([readonly]) .base_gm5pwg_i1j28rg8__dba768ab:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_gm5pwg_bg547ku__dba768ab.base_gm5pwg_textfieldClear__dba768ab.base_gm5pwg_textfieldHasDivider__dba768ab:not([readonly]) .base_gm5pwg_i1j28rg8__dba768ab:focus-within .base_gm5pwg_ibt1ohz__dba768ab{color:var(--plasma-textfield__clear-placeholder-color-focus);}
|
|
172
172
|
|
|
173
|
-
.
|
|
173
|
+
.base_4d3opa_b15zsg4z__d935790a[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_4d3opa_b15zsg4z__d935790a[disabled] .base_4d3opa_i13qvwoy__d935790a{cursor:not-allowed;min-width:unset;}
|
|
174
174
|
|
|
175
|
-
.
|
|
175
|
+
.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i1j28rg8__5cf81a55{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly].base_17ypmu7_textfieldHasDivider__5cf81a55 .base_17ypmu7_i1j28rg8__5cf81a55:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i1j28rg8__5cf81a55:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i1j28rg8__5cf81a55:focus-within .base_17ypmu7_ibt1ohz__5cf81a55,.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_ibt1ohz__5cf81a55{color:var(--plasma-textfield__placeholder-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i13qvwoy__5cf81a55{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_t600610__5cf81a55{color:var(--plasma-textfield__title-caption-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_l7hnwwb__5cf81a55{color:var(--plasma-textfield__left-helper-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly].base_17ypmu7_labelPlacementOuter__5cf81a55 .base_17ypmu7_l1gjsnfi__5cf81a55{color:var(--plasma-textfield__label-color-readonly);}
|
|
176
176
|
|
|
177
|
-
.
|
|
177
|
+
.base_if7w35_b15d3bnf__9512c936.base_if7w35_labelPlacementOuter__9512c936 .base_if7w35_l1gjsnfi__9512c936{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_if7w35_b15d3bnf__9512c936.base_if7w35_labelPlacementInner__9512c936 .base_if7w35_i19ry60d__9512c936{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_if7w35_b15d3bnf__9512c936.base_if7w35_labelPlacementInner__9512c936 .base_if7w35_i13qvwoy__9512c936:focus ~ .base_if7w35_l1gjsnfi__9512c936,.base_if7w35_b15d3bnf__9512c936.base_if7w35_labelPlacementInner__9512c936 .base_if7w35_i13qvwoy__9512c936.base_if7w35_hasValue__9512c936 ~ .base_if7w35_l1gjsnfi__9512c936,.base_if7w35_b15d3bnf__9512c936.base_if7w35_labelPlacementInner__9512c936 .base_if7w35_i13qvwoy__9512c936.base_if7w35_keepPlaceholder__9512c936 ~ .base_if7w35_l1gjsnfi__9512c936{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_if7w35_b15d3bnf__9512c936.base_if7w35_labelPlacementInner__9512c936 .base_if7w35_l1gjsnfi__9512c936{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_if7w35_b15d3bnf__9512c936.base_if7w35_labelPlacementInner__9512c936.base_if7w35_textfieldClear__9512c936 .base_if7w35_l1gjsnfi__9512c936{color:var(--plasma-textfield__clear-placeholder-color);}
|
|
178
178
|
|
|
179
|
-
.
|
|
179
|
+
.base_l8etux_bbsd6t5__82026c13 .base_l8etux_hq39zt5__82026c13{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
|
|
180
180
|
|
|
181
|
-
.
|
|
181
|
+
.base_1x99605_b10o15xy__faec7753 .base_1x99605_hq39zt5__faec7753{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
|
|
182
182
|
|
|
183
|
-
.TextField_styles_1cdp5eg_iq39zt5__dcbef05d{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
|
|
184
|
-
.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d::-webkit-scrollbar{display:none;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d.TextField_styles_1cdp5eg_hasChips__dcbef05d{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
|
185
|
-
.TextField_styles_1cdp5eg_s13zudoe__dcbef05d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
|
186
|
-
.TextField_styles_1cdp5eg_io4bpie__dcbef05d{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_1cdp5eg_io4bpie__dcbef05d::-webkit-input-placeholder{opacity:0;}.TextField_styles_1cdp5eg_io4bpie__dcbef05d::-moz-placeholder{opacity:0;}.TextField_styles_1cdp5eg_io4bpie__dcbef05d:-ms-input-placeholder{opacity:0;}.TextField_styles_1cdp5eg_io4bpie__dcbef05d::placeholder{opacity:0;}
|
|
187
|
-
.TextField_styles_1cdp5eg_i13qvwoy__dcbef05d{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_1cdp5eg_i13qvwoy__dcbef05d .TextField_styles_1cdp5eg_io4bpie__dcbef05d{max-width:var(--i13qvwoy-1);}
|
|
188
|
-
.TextField_styles_1cdp5eg_i19ry60d__dcbef05d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
|
|
189
|
-
.TextField_styles_1cdp5eg_obt1ohz__dcbef05d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--obt1ohz-0);margin-bottom:var(--obt1ohz-1);}
|
|
190
|
-
.TextField_styles_1cdp5eg_tlv9av6__dcbef05d{display:inline-block;margin-left:auto;}
|
|
191
|
-
.TextField_styles_1cdp5eg_s600610__dcbef05d{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;}
|
|
192
|
-
.TextField_styles_1cdp5eg_luk2zst__dcbef05d{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
193
|
-
.TextField_styles_1cdp5eg_s1gjsnfi__dcbef05d{margin:var(--plasma-textfield__left-content-margin);color:var(--s1gjsnfi-0);line-height:0;}
|
|
194
|
-
.TextField_styles_1cdp5eg_ssv2kwg__dcbef05d{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;}
|
|
195
|
-
.TextField_styles_1cdp5eg_s190z894__dcbef05d{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_1cdp5eg_s190z894__dcbef05d:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_1cdp5eg_s190z894__dcbef05d:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
|
196
183
|
|
|
197
|
-
.
|
|
184
|
+
.TextField_styles_kh1zhz_i1j28rg8__47b1ed25{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
|
|
185
|
+
.TextField_styles_kh1zhz_i13zudoe__47b1ed25{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_kh1zhz_i13zudoe__47b1ed25::-webkit-scrollbar{display:none;}.TextField_styles_kh1zhz_i13zudoe__47b1ed25.TextField_styles_kh1zhz_hasChips__47b1ed25{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
|
186
|
+
.TextField_styles_kh1zhz_so4bpie__47b1ed25{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
|
187
|
+
.TextField_styles_kh1zhz_i13qvwoy__47b1ed25{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_kh1zhz_i13qvwoy__47b1ed25::-webkit-input-placeholder{opacity:0;}.TextField_styles_kh1zhz_i13qvwoy__47b1ed25::-moz-placeholder{opacity:0;}.TextField_styles_kh1zhz_i13qvwoy__47b1ed25:-ms-input-placeholder{opacity:0;}.TextField_styles_kh1zhz_i13qvwoy__47b1ed25::placeholder{opacity:0;}
|
|
188
|
+
.TextField_styles_kh1zhz_i19ry60d__47b1ed25{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i19ry60d-0);}.TextField_styles_kh1zhz_i19ry60d__47b1ed25 .TextField_styles_kh1zhz_i13qvwoy__47b1ed25{max-width:var(--i19ry60d-1);}
|
|
189
|
+
.TextField_styles_kh1zhz_ibt1ohz__47b1ed25{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--ibt1ohz-0);}
|
|
190
|
+
.TextField_styles_kh1zhz_olv9av6__47b1ed25{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--olv9av6-0);margin-bottom:var(--olv9av6-1);}
|
|
191
|
+
.TextField_styles_kh1zhz_t600610__47b1ed25{display:inline-block;margin-left:auto;}
|
|
192
|
+
.TextField_styles_kh1zhz_suk2zst__47b1ed25{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;}
|
|
193
|
+
.TextField_styles_kh1zhz_l1gjsnfi__47b1ed25{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
194
|
+
.TextField_styles_kh1zhz_ssv2kwg__47b1ed25{margin:var(--plasma-textfield__left-content-margin);color:var(--ssv2kwg-0);line-height:0;}
|
|
195
|
+
.TextField_styles_kh1zhz_s190z894__47b1ed25{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;}
|
|
196
|
+
.TextField_styles_kh1zhz_sb3k3v1__47b1ed25{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_kh1zhz_sb3k3v1__47b1ed25:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_kh1zhz_sb3k3v1__47b1ed25:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
|
198
197
|
|
|
199
|
-
.
|
|
200
|
-
|
|
201
|
-
.
|
|
202
|
-
.
|
|
203
|
-
.
|
|
204
|
-
.
|
|
198
|
+
.TextField_styles_kh1zhz_smqgwd8__47b1ed25{visibility:var(--smqgwd8-0);}
|
|
199
|
+
|
|
200
|
+
.TextField_styles_kh1zhz_s16itze4__47b1ed25{color:var(--plasma-textfield__optional-color);}
|
|
201
|
+
.TextField_styles_kh1zhz_s1skqnhr__47b1ed25{display:inline-block;line-height:0;}.TextField_styles_kh1zhz_s1skqnhr__47b1ed25.TextField_styles_kh1zhz_labelPlacementInner__47b1ed25{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
|
|
202
|
+
.TextField_styles_kh1zhz_hgy0im1__47b1ed25{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
203
|
+
.TextField_styles_kh1zhz_h8yezh4__47b1ed25{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
|
|
204
|
+
.TextField_styles_kh1zhz_szsveq4__47b1ed25{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_kh1zhz_szsveq4__47b1ed25.TextField_styles_kh1zhz_labelPlacementOuter__47b1ed25{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_kh1zhz_szsveq4__47b1ed25.TextField_styles_kh1zhz_labelPlacementOuter__47b1ed25.TextField_styles_kh1zhz_requiredAlignRight__47b1ed25{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_kh1zhz_szsveq4__47b1ed25.TextField_styles_kh1zhz_labelPlacementOuter__47b1ed25.TextField_styles_kh1zhz_requiredAlignRight__47b1ed25.TextField_styles_kh1zhz_textfieldHasHint__47b1ed25{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_kh1zhz_szsveq4__47b1ed25.TextField_styles_kh1zhz_labelPlacementInner__47b1ed25{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_kh1zhz_szsveq4__47b1ed25.TextField_styles_kh1zhz_labelPlacementInner__47b1ed25.TextField_styles_kh1zhz_requiredAlignRight__47b1ed25{inset:var(--plasma-textfield__indicator-placement-inner-right);}
|
|
205
205
|
|
|
206
206
|
.TextFieldChip_styles_hep428_s32p7ut__9a731a0d{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_hep428_s32p7ut__9a731a0d::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_hep428_s32p7ut__9a731a0d.TextFieldChip_styles_hep428_focusVisible__9a731a0d:focus::before,.TextFieldChip_styles_hep428_s32p7ut__9a731a0d[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_hep428_s32p7ut__9a731a0d[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
|
|
207
207
|
.TextFieldChip_styles_hep428_t4nir3h__9a731a0d{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChip_styles_hep428_t4nir3h__9a731a0d::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_hep428_t4nir3h__9a731a0d.TextFieldChip_styles_hep428_focusVisible__9a731a0d:focus::before,.TextFieldChip_styles_hep428_t4nir3h__9a731a0d[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_hep428_t4nir3h__9a731a0d:after{content:',';}.TextFieldChip_styles_hep428_t4nir3h__9a731a0d:last-child:after{content:'';}
|
|
@@ -212,7 +212,7 @@
|
|
|
212
212
|
|
|
213
213
|
.base_147olfn_b1uq5kuw__a79ac229{gap:var(--plasma-text-field-group-items-gap);}
|
|
214
214
|
|
|
215
|
-
.
|
|
215
|
+
.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupShapeDefault__7df62112{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-default-radius);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupShapeSegmented__7df62112{--plasma_private-text-field-radius-inner:var(--plasma-text-field-group-item-segmented-radius);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupShapeSegmented__7df62112.base_52bndd_textFieldGroupGapNone__7df62112{--plasma_private-text-field-radius-inner:0;}.base_52bndd_b1jijyt7__7df62112 .base_52bndd_textFieldGroupItem__7df62112 .base_52bndd_i1j28rg8__7df62112{--plasma-textfield-border-radius:var(--plasma_private-text-field-radius-inner);-webkit-transition:clip-path 0.05s ease-in;transition:clip-path 0.05s ease-in;}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:first-child){margin-left:var(--plasma-text-field-group-web-margin-left);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:last-child) .base_52bndd_i1j28rg8__7df62112{-webkit-clip-path:var(--plasma-text-field-group-web-clip-path);clip-path:var(--plasma-text-field-group-web-clip-path);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:last-child) .base_52bndd_i1j28rg8__7df62112:hover,.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:last-child) .base_52bndd_i1j28rg8__7df62112:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:first-child){margin-top:var(--plasma-text-field-group-web-margin-top);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:first-child) .base_52bndd_i1j28rg8__7df62112{-webkit-clip-path:var(--plasma-text-field-group-web-vertical-clip-path);clip-path:var(--plasma-text-field-group-web-vertical-clip-path);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:first-child) .base_52bndd_i1j28rg8__7df62112:hover,.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupGapNone__7df62112 .base_52bndd_textFieldGroupItem__7df62112:not(:first-child) .base_52bndd_i1j28rg8__7df62112:focus-within{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112 .base_52bndd_textFieldGroupItem__7df62112:first-child:last-child .base_52bndd_i1j28rg8__7df62112,.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112 .base_52bndd_textFieldGroupItem__7df62112:first-child:last-child .base_52bndd_i1j28rg8__7df62112{border-radius:var(--plasma-text-field-group-side-item-radius);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112 .base_52bndd_textFieldGroupItem__7df62112:first-child .base_52bndd_i1j28rg8__7df62112{--plasma_private-left-side-radius:var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius);border-radius:var(--plasma_private-left-side-radius);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationHorizontal__7df62112 .base_52bndd_textFieldGroupItem__7df62112:last-child .base_52bndd_i1j28rg8__7df62112{--plasma_private-right-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-right-side-radius);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112 .base_52bndd_textFieldGroupItem__7df62112:first-child .base_52bndd_i1j28rg8__7df62112{--plasma_private-up-side-radius:var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius) var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner);border-radius:var(--plasma_private-up-side-radius);}.base_52bndd_b1jijyt7__7df62112.base_52bndd_textFieldGroupOrientationVertical__7df62112 .base_52bndd_textFieldGroupItem__7df62112:last-child .base_52bndd_i1j28rg8__7df62112{--plasma_private-down-side-radius:var(--plasma_private-text-field-radius-inner) var(--plasma_private-text-field-radius-inner) var(--plasma-text-field-group-side-item-radius) var(--plasma-text-field-group-side-item-radius);border-radius:var(--plasma_private-down-side-radius);}
|
|
216
216
|
|
|
217
217
|
.base_you2ou_b13vfoug__36f20bf4{-webkit-flex-direction:var(--plasma-text-field-group-orientation);-ms-flex-direction:var(--plasma-text-field-group-orientation);flex-direction:var(--plasma-text-field-group-orientation);}.base_you2ou_b13vfoug__36f20bf4.base_you2ou_textFieldGroupOrientationVertical__36f20bf4 .base_you2ou_textFieldGroupItem__36f20bf4{width:auto;}
|
|
218
218
|
|
|
@@ -448,9 +448,9 @@
|
|
|
448
448
|
.SegmentGroup_styles_79d8q2_s1n81rr8__2f429695.SegmentGroup_styles_79d8q2_s1qf4oye__2f429695{padding:var(--plasma-segment-group-vertical-arrow-padding);padding-bottom:0;margin-bottom:0.1875rem;}
|
|
449
449
|
.SegmentGroup_styles_79d8q2_s7ukuvj__2f429695.SegmentGroup_styles_79d8q2_s1qf4oye__2f429695{padding:var(--plasma-segment-group-vertical-arrow-padding);padding-top:0;margin-top:0.1875rem;}
|
|
450
450
|
|
|
451
|
-
.
|
|
451
|
+
.base_ww4ugz_b1kyapt7__bc23bd6c{font-family:var(--plasma-segment-item-font-family);font-size:var(--plasma-segment-item-font-size);font-style:var(--plasma-segment-item-font-style);font-weight:var(--plasma-segment-item-font-weight);-webkit-letter-spacing:var(--plasma-segment-item-letter-spacing);-moz-letter-spacing:var(--plasma-segment-item-letter-spacing);-ms-letter-spacing:var(--plasma-segment-item-letter-spacing);letter-spacing:var(--plasma-segment-item-letter-spacing);line-height:var(--plasma-segment-item-lineheight);--plasma_private-outline-radius:var(--plasma-segment-item-border-radius);border-radius:var(--plasma-segment-item-border-radius);width:var(--plasma-segment-item-width);height:var(--plasma-segment-item-height);padding:var(--plasma-segment-item-padding);}.base_ww4ugz_b1kyapt7__bc23bd6c.base_ww4ugz_selectedSegmentItem__bc23bd6c{font-weight:var(--plasma-segment-item-font-weight-selected-item,var(--plasma-segment-item-font-weight));}
|
|
452
452
|
|
|
453
|
-
.
|
|
453
|
+
.base_1gbqhvi_b1tykljf__9758933b{color:var(--plasma-segment-item-color);background-color:var(--plasma-segment-item-background-color);}.base_1gbqhvi_b1tykljf__9758933b:hover{color:var(--plasma-segment-item-color-hover);background-color:var(--plasma-segment-item-background-color-hover);}.base_1gbqhvi_b1tykljf__9758933b:hover .base_1gbqhvi_r1gg7fed__9758933b{color:var(--plasma-segment-item-color-hover);}.base_1gbqhvi_b1tykljf__9758933b:hover .base_1gbqhvi_r1gg7fed__9758933b.base_1gbqhvi_segmentAdditionalText__9758933b{color:var(--plasma-segment-item-additional-color-hover);}.base_1gbqhvi_b1tykljf__9758933b.base_1gbqhvi_selectedSegmentItem__9758933b{color:var(--plasma-segment-item-selected-color);background-color:var(--plasma-segment-item-selected-background-color);}.base_1gbqhvi_b1tykljf__9758933b.base_1gbqhvi_selectedSegmentItem__9758933b .base_1gbqhvi_r1gg7fed__9758933b{color:var(--plasma-segment-item-selected-color);}.base_1gbqhvi_b1tykljf__9758933b.base_1gbqhvi_selectedSegmentItem__9758933b .base_1gbqhvi_r1gg7fed__9758933b.base_1gbqhvi_segmentAdditionalText__9758933b{color:var(--plasma-segment-item-selected-additional-color);}.base_1gbqhvi_b1tykljf__9758933b.base_1gbqhvi_selectedSegmentItem__9758933b:hover{color:var(--plasma-segment-item-selected-color-hover);background-color:var(--plasma-segment-item-selected-background-color-hover);}.base_1gbqhvi_b1tykljf__9758933b.base_1gbqhvi_selectedSegmentItem__9758933b:hover .base_1gbqhvi_r1gg7fed__9758933b{color:var(--plasma-segment-item-selected-color-hover);}.base_1gbqhvi_b1tykljf__9758933b.base_1gbqhvi_selectedSegmentItem__9758933b:hover .base_1gbqhvi_r1gg7fed__9758933b.base_1gbqhvi_segmentAdditionalText__9758933b{color:var(--plasma-segment-item-selected-additional-color-hover);}
|
|
454
454
|
|
|
455
455
|
.base_y6af8r_bwprat9__353907e1[disabled]{cursor:not-allowed;}.base_y6af8r_bwprat9__353907e1[disabled]:hover{color:var(--plasma-segment-item-color);background-color:var(--plasma-segment-item-background-color);}.base_y6af8r_bwprat9__353907e1[disabled].base_y6af8r_selectedSegmentItem__353907e1:hover{color:var(--plasma-segment-item-selected-color);background-color:var(--plasma-segment-item-selected-background-color);}
|
|
456
456
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.249.0-
|
|
3
|
+
"version": "0.249.0-dev.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -131,5 +131,5 @@
|
|
|
131
131
|
"sideEffects": [
|
|
132
132
|
"*.css"
|
|
133
133
|
],
|
|
134
|
-
"gitHead": "
|
|
134
|
+
"gitHead": "f3eb11d05f02c7c55f336d55c521f04cef35f35f"
|
|
135
135
|
}
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.Portal = void 0;
|
|
7
7
|
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
|
8
8
|
var _reactDom = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react-dom"));
|
|
9
|
+
var _utils = /*#__PURE__*/require("../../utils");
|
|
9
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
11
|
/**
|
|
11
12
|
* Вспомогательный компонент. Используется в Popup, Popover.
|
|
@@ -16,6 +17,9 @@ var Portal = exports.Portal = function Portal(_ref) {
|
|
|
16
17
|
container = _ref.container,
|
|
17
18
|
_ref$disabled = _ref.disabled,
|
|
18
19
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled;
|
|
20
|
+
if (!_utils.canUseDOM) {
|
|
21
|
+
return null;
|
|
22
|
+
}
|
|
19
23
|
var portalContainer = typeof container === 'function' ? container() : container;
|
|
20
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, disabled || !portalContainer
|
|
24
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, (disabled || !portalContainer) && children, !disabled && portalContainer && /*#__PURE__*/_reactDom["default"].createPortal(children, portalContainer));
|
|
21
25
|
};
|
|
@@ -20,6 +20,7 @@ var tokens = exports.tokens = {
|
|
|
20
20
|
fontSize: '--plasma-segment-item-font-size',
|
|
21
21
|
fontStyle: '--plasma-segment-item-font-style',
|
|
22
22
|
fontWeight: '--plasma-segment-item-font-weight',
|
|
23
|
+
fontWeightSelectedItem: '--plasma-segment-item-font-weight-selected-item',
|
|
23
24
|
letterSpacing: '--plasma-segment-item-letter-spacing',
|
|
24
25
|
lineHeight: '--plasma-segment-item-lineheight',
|
|
25
26
|
outlineFocusColor: '--plasma-segment-outline-focus-color',
|
|
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.base = void 0;
|
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
|
8
8
|
var _tokens = /*#__PURE__*/require("../../../../tokens");
|
|
9
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");--plasma_private-outline-radius:var(", ");border-radius:var(", ");width:var(", ");height:var(", ");padding:var(", ");"], _tokens.tokens.fontFamily, _tokens.tokens.fontSize, _tokens.tokens.fontStyle, _tokens.tokens.fontWeight, _tokens.tokens.letterSpacing, _tokens.tokens.lineHeight, _tokens.tokens.itemBorderRadius, _tokens.tokens.itemBorderRadius, _tokens.tokens.itemWidth, _tokens.tokens.itemHeight, _tokens.tokens.itemPadding);
|
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");--plasma_private-outline-radius:var(", ");border-radius:var(", ");width:var(", ");height:var(", ");padding:var(", ");&.", "{font-weight:var(", ",var(", "));}"], _tokens.tokens.fontFamily, _tokens.tokens.fontSize, _tokens.tokens.fontStyle, _tokens.tokens.fontWeight, _tokens.tokens.letterSpacing, _tokens.tokens.lineHeight, _tokens.tokens.itemBorderRadius, _tokens.tokens.itemBorderRadius, _tokens.tokens.itemWidth, _tokens.tokens.itemHeight, _tokens.tokens.itemPadding, _tokens.classes.selectedSegmentItem, _tokens.tokens.fontWeightSelectedItem, _tokens.tokens.fontWeight);
|
|
@@ -7,4 +7,4 @@ exports.base = void 0;
|
|
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
|
8
8
|
var _tokens = /*#__PURE__*/require("../../../../tokens");
|
|
9
9
|
var _SegmentItem = /*#__PURE__*/require("../../SegmentItem.styles");
|
|
10
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["color:var(", ");background-color:var(", ");&:hover{color:var(", ");background-color:var(", ");", "{color:var(", ");}", ".", "{color:var(", ");}}&.", "{color:var(", ");background-color:var(", ");", "{color:var(", ");}", ".", "{color:var(", ");}&:hover{color:var(", ");background-color:var(", ");", "{color:var(", ");}}}"], _tokens.tokens.itemColor, _tokens.tokens.itemBackgroundColor, _tokens.tokens.itemColorHover, _tokens.tokens.itemBackgroundColorHover, _SegmentItem.RightContent, _tokens.tokens.itemColorHover, _SegmentItem.RightContent, _tokens.classes.segmentAdditionalText, _tokens.tokens.itemAdditionalColorHover,
|
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["color:var(", ");background-color:var(", ");&:hover{color:var(", ");background-color:var(", ");", "{color:var(", ");}", ".", "{color:var(", ");}}&.", "{color:var(", ");background-color:var(", ");", "{color:var(", ");}", ".", "{color:var(", ");}&:hover{color:var(", ");background-color:var(", ");", "{color:var(", ");}", ".", "{color:var(", ");}}}"], _tokens.tokens.itemColor, _tokens.tokens.itemBackgroundColor, _tokens.tokens.itemColorHover, _tokens.tokens.itemBackgroundColorHover, _SegmentItem.RightContent, _tokens.tokens.itemColorHover, _SegmentItem.RightContent, _tokens.classes.segmentAdditionalText, _tokens.tokens.itemAdditionalColorHover, _tokens.classes.selectedSegmentItem, _tokens.tokens.itemSelectedColor, _tokens.tokens.itemSelectedBackgroundColor, _SegmentItem.RightContent, _tokens.tokens.itemSelectedColor, _SegmentItem.RightContent, _tokens.classes.segmentAdditionalText, _tokens.tokens.itemSelectedAdditionalColor, _tokens.tokens.itemSelectedColorHover, _tokens.tokens.itemSelectedBackgroundColorHover, _SegmentItem.RightContent, _tokens.tokens.itemSelectedColorHover, _SegmentItem.RightContent, _tokens.classes.segmentAdditionalText, _tokens.tokens.itemSelectedAdditionalColorHover);
|
|
@@ -7,25 +7,27 @@ exports.TitleCaption = exports.StyledTextBefore = exports.StyledTextAfter = expo
|
|
|
7
7
|
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
|
8
8
|
var _engines = /*#__PURE__*/require("../../engines");
|
|
9
9
|
var _Tooltip = /*#__PURE__*/require("../Tooltip");
|
|
10
|
-
var _Popover = /*#__PURE__*/require("../Popover");
|
|
11
10
|
var _TextField = /*#__PURE__*/require("./TextField.tokens");
|
|
12
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
12
|
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Tooltip.tooltipConfig);
|
|
14
13
|
var Tooltip = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
|
15
|
-
var
|
|
14
|
+
var Hint = exports.Hint = /*#__PURE__*/(0, _styledComponents["default"])(Tooltip).withConfig({
|
|
16
15
|
componentId: "plasma-new-hope__sc-g4vxbb-0"
|
|
16
|
+
})([""]);
|
|
17
|
+
var InputWrapper = exports.InputWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
18
|
+
componentId: "plasma-new-hope__sc-g4vxbb-1"
|
|
17
19
|
})(["position:relative;display:flex;align-items:center;box-sizing:border-box;"]);
|
|
18
20
|
var InputLabelWrapper = exports.InputLabelWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
19
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
21
|
+
componentId: "plasma-new-hope__sc-g4vxbb-2"
|
|
20
22
|
})(["flex:1;overflow:scroll;position:relative;width:100%;display:inline-flex;align-items:center;::-webkit-scrollbar{display:none;}scrollbar-width:none;overscroll-behavior:contain;&.", "{height:var(", ");border-radius:var(", ");}"], /*#__PURE__*/String(_TextField.classes.hasChips), _TextField.tokens.chipHeight, _TextField.tokens.chipBorderRadius);
|
|
21
23
|
var StyledChips = exports.StyledChips = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
22
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
24
|
+
componentId: "plasma-new-hope__sc-g4vxbb-3"
|
|
23
25
|
})(["display:flex;gap:var(", ");margin-right:var(", ",var(", "));user-select:none;"], _TextField.tokens.chipGap, _TextField.tokens.chipMarginRight, _TextField.tokens.chipGap);
|
|
24
26
|
var Input = exports.Input = /*#__PURE__*/_styledComponents["default"].input.withConfig({
|
|
25
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
27
|
+
componentId: "plasma-new-hope__sc-g4vxbb-4"
|
|
26
28
|
})(["box-sizing:border-box;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;&::placeholder{opacity:0;}"]);
|
|
27
29
|
var InputContainer = exports.InputContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
28
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
30
|
+
componentId: "plasma-new-hope__sc-g4vxbb-5"
|
|
29
31
|
})(["position:relative;display:flex;flex:1;min-width:", ";", "{max-width:", ";}"], function (_ref) {
|
|
30
32
|
var hasDynamicWidth = _ref.hasDynamicWidth;
|
|
31
33
|
return hasDynamicWidth ? 'auto' : '60%';
|
|
@@ -34,13 +36,13 @@ var InputContainer = exports.InputContainer = /*#__PURE__*/_styledComponents["de
|
|
|
34
36
|
return hasDynamicWidth ? '100%' : 'none';
|
|
35
37
|
});
|
|
36
38
|
var InputPlaceholder = exports.InputPlaceholder = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
37
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
39
|
+
componentId: "plasma-new-hope__sc-g4vxbb-6"
|
|
38
40
|
})(["display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;user-select:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:var(", ");padding:", ";"], _TextField.tokens.placeholderColor, function (_ref3) {
|
|
39
41
|
var hasPadding = _ref3.hasPadding;
|
|
40
42
|
return hasPadding ? "var(".concat(_TextField.tokens.contentLabelInnerPadding, ")") : '0';
|
|
41
43
|
});
|
|
42
44
|
var OuterLabelWrapper = exports.OuterLabelWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
43
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
45
|
+
componentId: "plasma-new-hope__sc-g4vxbb-7"
|
|
44
46
|
})(["display:flex;align-items:center;white-space:", ";margin-bottom:", ";"], function (_ref4) {
|
|
45
47
|
var isInnerLabel = _ref4.isInnerLabel;
|
|
46
48
|
return isInnerLabel ? 'nowrap' : 'normal';
|
|
@@ -49,51 +51,48 @@ var OuterLabelWrapper = exports.OuterLabelWrapper = /*#__PURE__*/_styledComponen
|
|
|
49
51
|
return isInnerLabel ? "var(".concat(_TextField.tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(_TextField.tokens.labelOffset, ")");
|
|
50
52
|
});
|
|
51
53
|
var TitleCaption = exports.TitleCaption = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
52
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
54
|
+
componentId: "plasma-new-hope__sc-g4vxbb-8"
|
|
53
55
|
})(["display:inline-block;margin-left:auto;"]);
|
|
54
56
|
var StyledIndicatorWrapper = exports.StyledIndicatorWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
55
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
57
|
+
componentId: "plasma-new-hope__sc-g4vxbb-9"
|
|
56
58
|
})(["position:relative;display:inline-flex;align-items:center;"]);
|
|
57
59
|
var Label = exports.Label = /*#__PURE__*/_styledComponents["default"].label.withConfig({
|
|
58
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
60
|
+
componentId: "plasma-new-hope__sc-g4vxbb-10"
|
|
59
61
|
})(["display:inline-flex;"]);
|
|
60
62
|
var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
61
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
63
|
+
componentId: "plasma-new-hope__sc-g4vxbb-11"
|
|
62
64
|
})(["margin:var(", ");color:", ";line-height:0;"], _TextField.tokens.leftContentMargin, function (_ref6) {
|
|
63
65
|
var isDefaultView = _ref6.isDefaultView,
|
|
64
66
|
isClear = _ref6.isClear;
|
|
65
67
|
return !isDefaultView && isClear ? "var(".concat(_TextField.tokens.clearColor, ")") : "var(".concat(_TextField.tokens.contentSlotColor, ")");
|
|
66
68
|
});
|
|
67
69
|
var StyledContentRightWrapper = exports.StyledContentRightWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
68
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
70
|
+
componentId: "plasma-new-hope__sc-g4vxbb-12"
|
|
69
71
|
})(["display:flex;align-items:center;"]);
|
|
70
72
|
var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
71
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
73
|
+
componentId: "plasma-new-hope__sc-g4vxbb-13"
|
|
72
74
|
})(["line-height:0;margin:var(", ");color:var(", ",var(", "));&:hover{color:var(", ",var(", "));cursor:pointer;}&:active{color:var(", ",var(", "));}"], _TextField.tokens.rightContentMargin, _TextField.tokens.contentSlotRightColor, _TextField.tokens.contentSlotColor, _TextField.tokens.contentSlotRightColorHover, _TextField.tokens.contentSlotColorHover, _TextField.tokens.contentSlotRightColorActive, _TextField.tokens.contentSlotColorActive);
|
|
73
75
|
var LeftHelper = exports.LeftHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
74
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
76
|
+
componentId: "plasma-new-hope__sc-g4vxbb-14"
|
|
75
77
|
})([""]);
|
|
76
78
|
var StyledTextBefore = exports.StyledTextBefore = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
77
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
79
|
+
componentId: "plasma-new-hope__sc-g4vxbb-15"
|
|
78
80
|
})(["visibility:", ";"], function (_ref7) {
|
|
79
81
|
var isHidden = _ref7.isHidden;
|
|
80
82
|
return isHidden ? 'hidden' : 'visible';
|
|
81
83
|
});
|
|
82
84
|
var StyledTextAfter = exports.StyledTextAfter = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
83
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
85
|
+
componentId: "plasma-new-hope__sc-g4vxbb-16"
|
|
84
86
|
})([""]);
|
|
85
87
|
var StyledOptionalText = exports.StyledOptionalText = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
|
86
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
88
|
+
componentId: "plasma-new-hope__sc-g4vxbb-17"
|
|
87
89
|
})(["color:var(", ");"], _TextField.tokens.optionalColor);
|
|
88
90
|
var StyledHintWrapper = exports.StyledHintWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
89
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
91
|
+
componentId: "plasma-new-hope__sc-g4vxbb-18"
|
|
90
92
|
})(["display:inline-block;line-height:0;&.", "{position:absolute;margin:0;inset:var(", ");}"], _TextField.classes.innerLabelPlacement, _TextField.tokens.hintInnerLabelPlacementOffset);
|
|
91
93
|
var HintTargetWrapper = exports.HintTargetWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
92
|
-
componentId: "plasma-new-hope__sc-g4vxbb-18"
|
|
93
|
-
})(["color:var(", ");display:flex;justify-content:center;align-items:center;"], _TextField.tokens.hintIconColor);
|
|
94
|
-
var Hint = exports.Hint = /*#__PURE__*/(0, _styledComponents["default"])(Tooltip).withConfig({
|
|
95
94
|
componentId: "plasma-new-hope__sc-g4vxbb-19"
|
|
96
|
-
})(["", "
|
|
95
|
+
})(["color:var(", ");display:flex;justify-content:center;align-items:center;"], _TextField.tokens.hintIconColor);
|
|
97
96
|
var HintIconWrapper = exports.HintIconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
|
98
97
|
componentId: "plasma-new-hope__sc-g4vxbb-20"
|
|
99
98
|
})(["display:flex;"]);
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import ReactDOM from 'react-dom';
|
|
3
|
+
import { canUseDOM } from '../../utils';
|
|
3
4
|
/**
|
|
4
5
|
* Вспомогательный компонент. Используется в Popup, Popover.
|
|
5
6
|
* Представляет собой ReactDOM.createPortal() в форме компонента.
|
|
@@ -9,6 +10,9 @@ export var Portal = function Portal(_ref) {
|
|
|
9
10
|
container = _ref.container,
|
|
10
11
|
_ref$disabled = _ref.disabled,
|
|
11
12
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled;
|
|
13
|
+
if (!canUseDOM) {
|
|
14
|
+
return null;
|
|
15
|
+
}
|
|
12
16
|
var portalContainer = typeof container === 'function' ? container() : container;
|
|
13
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, disabled || !portalContainer
|
|
17
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, (disabled || !portalContainer) && children, !disabled && portalContainer && /*#__PURE__*/ReactDOM.createPortal(children, portalContainer));
|
|
14
18
|
};
|
|
@@ -14,6 +14,7 @@ export var tokens = {
|
|
|
14
14
|
fontSize: '--plasma-segment-item-font-size',
|
|
15
15
|
fontStyle: '--plasma-segment-item-font-style',
|
|
16
16
|
fontWeight: '--plasma-segment-item-font-weight',
|
|
17
|
+
fontWeightSelectedItem: '--plasma-segment-item-font-weight-selected-item',
|
|
17
18
|
letterSpacing: '--plasma-segment-item-letter-spacing',
|
|
18
19
|
lineHeight: '--plasma-segment-item-lineheight',
|
|
19
20
|
outlineFocusColor: '--plasma-segment-outline-focus-color',
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'styled-components';
|
|
2
|
-
import { tokens } from '../../../../tokens';
|
|
3
|
-
export var base = /*#__PURE__*/css(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");--plasma_private-outline-radius:var(", ");border-radius:var(", ");width:var(", ");height:var(", ");padding:var(", ");"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.itemBorderRadius, tokens.itemBorderRadius, tokens.itemWidth, tokens.itemHeight, tokens.itemPadding);
|
|
2
|
+
import { classes, tokens } from '../../../../tokens';
|
|
3
|
+
export var base = /*#__PURE__*/css(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");--plasma_private-outline-radius:var(", ");border-radius:var(", ");width:var(", ");height:var(", ");padding:var(", ");&.", "{font-weight:var(", ",var(", "));}"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.itemBorderRadius, tokens.itemBorderRadius, tokens.itemWidth, tokens.itemHeight, tokens.itemPadding, classes.selectedSegmentItem, tokens.fontWeightSelectedItem, tokens.fontWeight);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { css } from 'styled-components';
|
|
2
2
|
import { classes, tokens } from '../../../../tokens';
|
|
3
3
|
import { RightContent } from '../../SegmentItem.styles';
|
|
4
|
-
export var base = /*#__PURE__*/css(["color:var(", ");background-color:var(", ");&:hover{color:var(", ");background-color:var(", ");", "{color:var(", ");}", ".", "{color:var(", ");}}&.", "{color:var(", ");background-color:var(", ");", "{color:var(", ");}", ".", "{color:var(", ");}&:hover{color:var(", ");background-color:var(", ");", "{color:var(", ");}}}"], tokens.itemColor, tokens.itemBackgroundColor, tokens.itemColorHover, tokens.itemBackgroundColorHover, RightContent, tokens.itemColorHover, RightContent, classes.segmentAdditionalText, tokens.itemAdditionalColorHover,
|
|
4
|
+
export var base = /*#__PURE__*/css(["color:var(", ");background-color:var(", ");&:hover{color:var(", ");background-color:var(", ");", "{color:var(", ");}", ".", "{color:var(", ");}}&.", "{color:var(", ");background-color:var(", ");", "{color:var(", ");}", ".", "{color:var(", ");}&:hover{color:var(", ");background-color:var(", ");", "{color:var(", ");}", ".", "{color:var(", ");}}}"], tokens.itemColor, tokens.itemBackgroundColor, tokens.itemColorHover, tokens.itemBackgroundColorHover, RightContent, tokens.itemColorHover, RightContent, classes.segmentAdditionalText, tokens.itemAdditionalColorHover, classes.selectedSegmentItem, tokens.itemSelectedColor, tokens.itemSelectedBackgroundColor, RightContent, tokens.itemSelectedColor, RightContent, classes.segmentAdditionalText, tokens.itemSelectedAdditionalColor, tokens.itemSelectedColorHover, tokens.itemSelectedBackgroundColorHover, RightContent, tokens.itemSelectedColorHover, RightContent, classes.segmentAdditionalText, tokens.itemSelectedAdditionalColorHover);
|
|
@@ -1,24 +1,26 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
2
|
import { component, mergeConfig } from '../../engines';
|
|
3
3
|
import { tooltipConfig } from '../Tooltip';
|
|
4
|
-
import { popoverClasses } from '../Popover';
|
|
5
4
|
import { classes, tokens } from './TextField.tokens';
|
|
6
5
|
var mergedConfig = /*#__PURE__*/mergeConfig(tooltipConfig);
|
|
7
6
|
var Tooltip = /*#__PURE__*/component(mergedConfig);
|
|
8
|
-
export var
|
|
7
|
+
export var Hint = /*#__PURE__*/styled(Tooltip).withConfig({
|
|
9
8
|
componentId: "plasma-new-hope__sc-g4vxbb-0"
|
|
9
|
+
})([""]);
|
|
10
|
+
export var InputWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
11
|
+
componentId: "plasma-new-hope__sc-g4vxbb-1"
|
|
10
12
|
})(["position:relative;display:flex;align-items:center;box-sizing:border-box;"]);
|
|
11
13
|
export var InputLabelWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
12
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
14
|
+
componentId: "plasma-new-hope__sc-g4vxbb-2"
|
|
13
15
|
})(["flex:1;overflow:scroll;position:relative;width:100%;display:inline-flex;align-items:center;::-webkit-scrollbar{display:none;}scrollbar-width:none;overscroll-behavior:contain;&.", "{height:var(", ");border-radius:var(", ");}"], /*#__PURE__*/String(classes.hasChips), tokens.chipHeight, tokens.chipBorderRadius);
|
|
14
16
|
export var StyledChips = /*#__PURE__*/styled.div.withConfig({
|
|
15
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
17
|
+
componentId: "plasma-new-hope__sc-g4vxbb-3"
|
|
16
18
|
})(["display:flex;gap:var(", ");margin-right:var(", ",var(", "));user-select:none;"], tokens.chipGap, tokens.chipMarginRight, tokens.chipGap);
|
|
17
19
|
export var Input = /*#__PURE__*/styled.input.withConfig({
|
|
18
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
20
|
+
componentId: "plasma-new-hope__sc-g4vxbb-4"
|
|
19
21
|
})(["box-sizing:border-box;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;&::placeholder{opacity:0;}"]);
|
|
20
22
|
export var InputContainer = /*#__PURE__*/styled.div.withConfig({
|
|
21
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
23
|
+
componentId: "plasma-new-hope__sc-g4vxbb-5"
|
|
22
24
|
})(["position:relative;display:flex;flex:1;min-width:", ";", "{max-width:", ";}"], function (_ref) {
|
|
23
25
|
var hasDynamicWidth = _ref.hasDynamicWidth;
|
|
24
26
|
return hasDynamicWidth ? 'auto' : '60%';
|
|
@@ -27,13 +29,13 @@ export var InputContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
27
29
|
return hasDynamicWidth ? '100%' : 'none';
|
|
28
30
|
});
|
|
29
31
|
export var InputPlaceholder = /*#__PURE__*/styled.div.withConfig({
|
|
30
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
32
|
+
componentId: "plasma-new-hope__sc-g4vxbb-6"
|
|
31
33
|
})(["display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;user-select:none;font:inherit;letter-spacing:inherit;line-height:inherit;color:var(", ");padding:", ";"], tokens.placeholderColor, function (_ref3) {
|
|
32
34
|
var hasPadding = _ref3.hasPadding;
|
|
33
35
|
return hasPadding ? "var(".concat(tokens.contentLabelInnerPadding, ")") : '0';
|
|
34
36
|
});
|
|
35
37
|
export var OuterLabelWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
36
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
38
|
+
componentId: "plasma-new-hope__sc-g4vxbb-7"
|
|
37
39
|
})(["display:flex;align-items:center;white-space:", ";margin-bottom:", ";"], function (_ref4) {
|
|
38
40
|
var isInnerLabel = _ref4.isInnerLabel;
|
|
39
41
|
return isInnerLabel ? 'nowrap' : 'normal';
|
|
@@ -42,51 +44,48 @@ export var OuterLabelWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
|
42
44
|
return isInnerLabel ? "var(".concat(tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(tokens.labelOffset, ")");
|
|
43
45
|
});
|
|
44
46
|
export var TitleCaption = /*#__PURE__*/styled.div.withConfig({
|
|
45
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
47
|
+
componentId: "plasma-new-hope__sc-g4vxbb-8"
|
|
46
48
|
})(["display:inline-block;margin-left:auto;"]);
|
|
47
49
|
export var StyledIndicatorWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
48
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
50
|
+
componentId: "plasma-new-hope__sc-g4vxbb-9"
|
|
49
51
|
})(["position:relative;display:inline-flex;align-items:center;"]);
|
|
50
52
|
export var Label = /*#__PURE__*/styled.label.withConfig({
|
|
51
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
53
|
+
componentId: "plasma-new-hope__sc-g4vxbb-10"
|
|
52
54
|
})(["display:inline-flex;"]);
|
|
53
55
|
export var StyledContentLeft = /*#__PURE__*/styled.div.withConfig({
|
|
54
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
56
|
+
componentId: "plasma-new-hope__sc-g4vxbb-11"
|
|
55
57
|
})(["margin:var(", ");color:", ";line-height:0;"], tokens.leftContentMargin, function (_ref6) {
|
|
56
58
|
var isDefaultView = _ref6.isDefaultView,
|
|
57
59
|
isClear = _ref6.isClear;
|
|
58
60
|
return !isDefaultView && isClear ? "var(".concat(tokens.clearColor, ")") : "var(".concat(tokens.contentSlotColor, ")");
|
|
59
61
|
});
|
|
60
62
|
export var StyledContentRightWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
61
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
63
|
+
componentId: "plasma-new-hope__sc-g4vxbb-12"
|
|
62
64
|
})(["display:flex;align-items:center;"]);
|
|
63
65
|
export var StyledContentRight = /*#__PURE__*/styled.div.withConfig({
|
|
64
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
66
|
+
componentId: "plasma-new-hope__sc-g4vxbb-13"
|
|
65
67
|
})(["line-height:0;margin:var(", ");color:var(", ",var(", "));&:hover{color:var(", ",var(", "));cursor:pointer;}&:active{color:var(", ",var(", "));}"], tokens.rightContentMargin, tokens.contentSlotRightColor, tokens.contentSlotColor, tokens.contentSlotRightColorHover, tokens.contentSlotColorHover, tokens.contentSlotRightColorActive, tokens.contentSlotColorActive);
|
|
66
68
|
export var LeftHelper = /*#__PURE__*/styled.div.withConfig({
|
|
67
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
69
|
+
componentId: "plasma-new-hope__sc-g4vxbb-14"
|
|
68
70
|
})([""]);
|
|
69
71
|
export var StyledTextBefore = /*#__PURE__*/styled.div.withConfig({
|
|
70
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
72
|
+
componentId: "plasma-new-hope__sc-g4vxbb-15"
|
|
71
73
|
})(["visibility:", ";"], function (_ref7) {
|
|
72
74
|
var isHidden = _ref7.isHidden;
|
|
73
75
|
return isHidden ? 'hidden' : 'visible';
|
|
74
76
|
});
|
|
75
77
|
export var StyledTextAfter = /*#__PURE__*/styled.div.withConfig({
|
|
76
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
78
|
+
componentId: "plasma-new-hope__sc-g4vxbb-16"
|
|
77
79
|
})([""]);
|
|
78
80
|
export var StyledOptionalText = /*#__PURE__*/styled.span.withConfig({
|
|
79
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
81
|
+
componentId: "plasma-new-hope__sc-g4vxbb-17"
|
|
80
82
|
})(["color:var(", ");"], tokens.optionalColor);
|
|
81
83
|
export var StyledHintWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
82
|
-
componentId: "plasma-new-hope__sc-g4vxbb-
|
|
84
|
+
componentId: "plasma-new-hope__sc-g4vxbb-18"
|
|
83
85
|
})(["display:inline-block;line-height:0;&.", "{position:absolute;margin:0;inset:var(", ");}"], classes.innerLabelPlacement, tokens.hintInnerLabelPlacementOffset);
|
|
84
86
|
export var HintTargetWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
85
|
-
componentId: "plasma-new-hope__sc-g4vxbb-18"
|
|
86
|
-
})(["color:var(", ");display:flex;justify-content:center;align-items:center;"], tokens.hintIconColor);
|
|
87
|
-
export var Hint = /*#__PURE__*/styled(Tooltip).withConfig({
|
|
88
87
|
componentId: "plasma-new-hope__sc-g4vxbb-19"
|
|
89
|
-
})(["", "
|
|
88
|
+
})(["color:var(", ");display:flex;justify-content:center;align-items:center;"], tokens.hintIconColor);
|
|
90
89
|
export var HintIconWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
91
90
|
componentId: "plasma-new-hope__sc-g4vxbb-20"
|
|
92
91
|
})(["display:flex;"]);
|