@salutejs/plasma-new-hope 0.341.0-canary.2336.19495260677.0 → 0.341.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 -29
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +30 -29
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +36 -35
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +36 -35
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +30 -29
- package/cjs/components/DateTimePicker/DateTimePicker.css +30 -29
- package/cjs/components/DateTimePicker/ui/Input/Input.css +30 -29
- package/cjs/components/Pagination/Pagination.css +30 -29
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -29
- package/cjs/components/Range/Range.css +32 -31
- package/cjs/components/Range/variations/_disabled/base.js +1 -1
- package/cjs/components/Range/variations/_disabled/base.js.map +1 -1
- package/cjs/components/Range/variations/_disabled/base_1ufizo4.css +1 -0
- package/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/cjs/components/Range/variations/_readonly/base.js.map +1 -1
- package/{es/components/Range/variations/_readonly/base_15u5q5r.css → cjs/components/Range/variations/_readonly/base_1lu7vb0.css} +1 -1
- package/cjs/components/Select/Select.css +30 -29
- package/cjs/components/Select/ui/Target/Target.css +30 -29
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +30 -29
- package/cjs/components/Slider/Slider.css +30 -29
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +30 -29
- package/cjs/components/Table/Table.css +30 -29
- package/cjs/components/Table/ui/Cell/Cell.css +30 -29
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +30 -29
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +30 -29
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +30 -29
- package/cjs/components/TextField/TextField.js +6 -2
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +33 -27
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/{es/components/TextField/TextField.styles_1fz6mh6.css → cjs/components/TextField/TextField.styles_146520i.css} +15 -14
- package/cjs/components/TextField/ui/Hint/Hint.css +21 -20
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +23 -22
- package/cjs/components/TextField/variations/_clear/base.js +1 -1
- package/cjs/components/TextField/variations/_clear/base_ukg8yq.css +1 -0
- package/cjs/components/TextField/variations/_hint-size/base.js +1 -1
- package/cjs/components/TextField/variations/_hint-size/{base_z7a2uf.css → base_scrhfa.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_7yx5d1.css} +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/base_1s0mlhj.css +1 -0
- package/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
- package/cjs/components/TextField/variations/_read-only/{base_tjky6s.css → base_1ejddo2.css} +1 -1
- package/cjs/components/TextField/variations/_size/base.js +1 -1
- package/cjs/components/TextField/variations/_size/{base_1oec4lw.css → base_m1uv7m.css} +1 -1
- package/cjs/components/TextField/variations/_view/base.js +1 -1
- package/cjs/components/TextField/variations/_view/{base_1npz45o.css → base_1diyp23.css} +1 -1
- package/cjs/components/TimePicker/TimePicker.css +30 -29
- package/cjs/index.css +30 -29
- package/emotion/cjs/components/Range/variations/_disabled/base.js +1 -2
- package/emotion/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/emotion/cjs/components/TextField/TextField.js +7 -3
- package/emotion/cjs/components/TextField/TextField.styles.js +51 -44
- package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/emotion/cjs/examples/components/DatePicker/DatePicker.config.js +9 -9
- package/emotion/es/components/Range/variations/_disabled/base.js +1 -2
- package/emotion/es/components/Range/variations/_readonly/base.js +1 -1
- package/emotion/es/components/TextField/TextField.js +8 -4
- package/emotion/es/components/TextField/TextField.styles.js +48 -44
- package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
- package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
- package/emotion/es/examples/components/DatePicker/DatePicker.config.js +9 -9
- package/es/components/Autocomplete/Autocomplete.css +30 -29
- package/es/components/Combobox/ComboboxNew/Combobox.css +30 -29
- package/es/components/DatePicker/RangeDate/RangeDate.css +36 -35
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +36 -35
- package/es/components/DatePicker/SingleDate/SingleDate.css +30 -29
- package/es/components/DateTimePicker/DateTimePicker.css +30 -29
- package/es/components/DateTimePicker/ui/Input/Input.css +30 -29
- package/es/components/Pagination/Pagination.css +30 -29
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +30 -29
- package/es/components/Range/Range.css +32 -31
- package/es/components/Range/variations/_disabled/base.js +1 -1
- package/es/components/Range/variations/_disabled/base.js.map +1 -1
- package/es/components/Range/variations/_disabled/base_1ufizo4.css +1 -0
- package/es/components/Range/variations/_readonly/base.js +1 -1
- package/es/components/Range/variations/_readonly/base.js.map +1 -1
- package/{cjs/components/Range/variations/_readonly/base_15u5q5r.css → es/components/Range/variations/_readonly/base_1lu7vb0.css} +1 -1
- package/es/components/Select/Select.css +30 -29
- package/es/components/Select/ui/Target/Target.css +30 -29
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +30 -29
- package/es/components/Slider/Slider.css +30 -29
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +30 -29
- package/es/components/Table/Table.css +30 -29
- package/es/components/Table/ui/Cell/Cell.css +30 -29
- package/es/components/Table/ui/EditableCell/EditableCell.css +30 -29
- package/es/components/Table/ui/HeadCell/HeadCell.css +30 -29
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +30 -29
- package/es/components/TextField/TextField.js +7 -3
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +33 -28
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/{cjs/components/TextField/TextField.styles_1fz6mh6.css → es/components/TextField/TextField.styles_146520i.css} +15 -14
- package/es/components/TextField/ui/Hint/Hint.css +21 -20
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +23 -22
- package/es/components/TextField/variations/_clear/base.js +1 -1
- package/es/components/TextField/variations/_clear/base_ukg8yq.css +1 -0
- package/es/components/TextField/variations/_hint-size/base.js +1 -1
- package/es/components/TextField/variations/_hint-size/{base_z7a2uf.css → base_scrhfa.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_7yx5d1.css} +1 -1
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/base_1s0mlhj.css +1 -0
- package/es/components/TextField/variations/_read-only/base.js +1 -1
- package/es/components/TextField/variations/_read-only/base.js.map +1 -1
- package/es/components/TextField/variations/_read-only/{base_tjky6s.css → base_1ejddo2.css} +1 -1
- package/es/components/TextField/variations/_size/base.js +1 -1
- package/es/components/TextField/variations/_size/{base_1oec4lw.css → base_m1uv7m.css} +1 -1
- package/es/components/TextField/variations/_view/base.js +1 -1
- package/es/components/TextField/variations/_view/{base_1npz45o.css → base_1diyp23.css} +1 -1
- package/es/components/TimePicker/TimePicker.css +30 -29
- package/es/index.css +30 -29
- package/package.json +2 -2
- package/styled-components/cjs/components/Range/variations/_disabled/base.js +2 -8
- package/styled-components/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/styled-components/cjs/components/TextField/TextField.js +6 -2
- package/styled-components/cjs/components/TextField/TextField.styles.js +33 -22
- package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_read-only/base.js +3 -3
- package/styled-components/cjs/examples/components/DatePicker/DatePicker.config.js +3 -9
- package/styled-components/es/components/Range/variations/_disabled/base.js +2 -8
- package/styled-components/es/components/Range/variations/_readonly/base.js +1 -1
- package/styled-components/es/components/TextField/TextField.js +7 -3
- package/styled-components/es/components/TextField/TextField.styles.js +30 -22
- package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/es/components/TextField/variations/_read-only/base.js +4 -4
- package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
- package/styled-components/es/examples/components/DatePicker/DatePicker.config.js +3 -9
- package/types/components/Range/variations/_disabled/base.d.ts.map +1 -1
- package/types/components/Range/variations/_readonly/base.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +1 -0
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
- package/types/examples/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/cjs/components/Range/variations/_disabled/base_14rf606.css +0 -1
- package/cjs/components/TextField/variations/_clear/base_appgl3.css +0 -1
- package/cjs/components/TextField/variations/_label-placement/base_18kkeb9.css +0 -1
- package/es/components/Range/variations/_disabled/base_14rf606.css +0 -1
- package/es/components/TextField/variations/_clear/base_appgl3.css +0 -1
- package/es/components/TextField/variations/_label-placement/base_18kkeb9.css +0 -1
package/es/index.css
CHANGED
|
@@ -182,44 +182,45 @@
|
|
|
182
182
|
|
|
183
183
|
.TextArea_c31ipk_b6rykm0__83bc8ee7{position:relative;box-sizing:border-box;}.TextArea_c31ipk_b6rykm0__83bc8ee7 .TextArea_c31ipk_innerPlaceholderUp__83bc8ee7 .TextArea_c31ipk_textarea__83bc8ee7{height:calc(var(--plasma_private-textarea-input-actual-height) - var(--plasma-textarea-label-inner-top) - var(--plasma-textarea-label-inner-top-helper,0px));}.TextArea_c31ipk_b6rykm0__83bc8ee7 .TextArea_c31ipk_innerPlaceholderUp__83bc8ee7 .TextArea_c31ipk_textareaWrapper__83bc8ee7{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_c31ipk_b6rykm0__83bc8ee7 .TextArea_c31ipk_innerPlaceholderUp__83bc8ee7 .TextArea_c31ipk_textareaHasHeaderSlot__83bc8ee7{padding-top:unset;}.TextArea_c31ipk_b6rykm0__83bc8ee7 .TextArea_c31ipk_innerPlaceholderUp__83bc8ee7 .TextArea_c31ipk_textareaHasHeaderSlot__83bc8ee7 .TextArea_c31ipk_textareaContentWrapper__83bc8ee7{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_c31ipk_b6rykm0__83bc8ee7 .TextArea_c31ipk_innerPlaceholderUp__83bc8ee7 .TextArea_c31ipk_textareaPlaceholder__83bc8ee7{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_c31ipk_b6rykm0__83bc8ee7 .TextArea_c31ipk_hidePlaceholder__83bc8ee7 .TextArea_c31ipk_textareaPlaceholder__83bc8ee7{display:none;}.TextArea_c31ipk_b6rykm0__83bc8ee7 .TextArea_c31ipk_focusedOuterPlaceholderColor__83bc8ee7 .TextArea_c31ipk_textareaPlaceholder__83bc8ee7{color:var(--plasma-textarea-placeholder-color-focus);}
|
|
184
184
|
|
|
185
|
-
.
|
|
185
|
+
.base_m1uv7m_b13ve66i__d5703749{--plasma-tour__border-radius:var(--plasma-textfield-border-radius);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_io4bpie__d5703749{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_i13qvwoy__d5703749{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_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_iq39zt5__d5703749{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_iq39zt5__d5703749.base_m1uv7m_hasChips__d5703749{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_iq39zt5__d5703749.base_m1uv7m_hasEmptyContentLeft__d5703749{padding-left:var(--plasma-textfield-padding-with-chips);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_iq39zt5__d5703749.base_m1uv7m_hasEmptyContentRight__d5703749{padding-right:var(--plasma-textfield-padding-with-chips);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_l1gjsnfi__d5703749,.base_m1uv7m_b13ve66i__d5703749:not(.base_m1uv7m_labelPlacementInner__d5703749) .base_m1uv7m_s16itze4__d5703749{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_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s1skqnhr__d5703749{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_hgy0im1__d5703749{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_t600610__d5703749{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_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_l7hnwwb__d5703749{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_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_smqgwd8__d5703749,.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s14qvple__d5703749{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_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_smqgwd8__d5703749{margin:var(--plasma-textfield__before-text-margin);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s14qvple__d5703749{margin:var(--plasma-textfield__after-text-margin);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s190z894__d5703749.base_m1uv7m_textfieldContentRightCompensationMargin__d5703749{gap:var(--plasma-textfield-content-right-wrapper-gap);margin:var(--plasma-textfield-content-right-wrapper-margin);}.base_m1uv7m_b13ve66i__d5703749 .base_m1uv7m_s190z894__d5703749.base_m1uv7m_textfieldContentRightCompensationMargin__d5703749 .base_m1uv7m_sb3k3v1__d5703749{margin:var(--plasma-textfield__right-content-with-hint-margin);}
|
|
186
186
|
|
|
187
|
-
.
|
|
187
|
+
.base_1diyp23_bptx5xt__aeb5ebda .base_1diyp23_iq39zt5__aeb5ebda{--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_1diyp23_bptx5xt__aeb5ebda .base_1diyp23_iq39zt5__aeb5ebda: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_1diyp23_bptx5xt__aeb5ebda .base_1diyp23_io4bpie__aeb5ebda{color:var(--plasma-textfield-color);}.base_1diyp23_bptx5xt__aeb5ebda .base_1diyp23_i19ry60d__aeb5ebda{color:var(--plasma-textfield__placeholder-color);}.base_1diyp23_bptx5xt__aeb5ebda .base_1diyp23_iq39zt5__aeb5ebda: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_1diyp23_bptx5xt__aeb5ebda .base_1diyp23_iq39zt5__aeb5ebda:focus-within .base_1diyp23_i19ry60d__aeb5ebda{color:var(--plasma-textfield__placeholder-color-focus);}.base_1diyp23_bptx5xt__aeb5ebda .base_1diyp23_t600610__aeb5ebda{color:var(--plasma-textfield__title-caption-color);}.base_1diyp23_bptx5xt__aeb5ebda .base_1diyp23_l7hnwwb__aeb5ebda{color:var(--plasma-textfield__left-helper-color);}.base_1diyp23_bptx5xt__aeb5ebda .base_1diyp23_smqgwd8__aeb5ebda{color:var(--plasma-textfield__before-text-color);}.base_1diyp23_bptx5xt__aeb5ebda .base_1diyp23_s14qvple__aeb5ebda{color:var(--plasma-textfield__after-text-color);}
|
|
188
188
|
|
|
189
|
-
.
|
|
189
|
+
.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774[readonly] .base_ukg8yq_iq39zt5__e6815774,.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774 .base_ukg8yq_iq39zt5__e6815774{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774[readonly] .base_ukg8yq_iq39zt5__e6815774:hover,.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774 .base_ukg8yq_iq39zt5__e6815774:hover{background-color:unset;}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774 .base_ukg8yq_ssv2kwg__e6815774{margin-left:0;}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774 .base_ukg8yq_sb3k3v1__e6815774{margin-right:0;}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774.base_ukg8yq_labelPlacementOuter__e6815774 .base_ukg8yq_olv9av6__e6815774{margin-bottom:var(--plasma-textfield__clear-label-offset);}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774 .base_ukg8yq_io4bpie__e6815774{color:var(--plasma-textfield-clear-color);}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774 .base_ukg8yq_i19ry60d__e6815774{color:var(--plasma-textfield__clear-placeholder-color);}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774 .base_ukg8yq_s9w7nf8__e6815774.base_ukg8yq_labelPlacementInner__e6815774{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774 .base_ukg8yq_s9w7nf8__e6815774.base_ukg8yq_labelPlacementInner__e6815774.base_ukg8yq_requiredAlignRight__e6815774{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774.base_ukg8yq_textfieldHasHint__e6815774 .base_ukg8yq_s1skqnhr__e6815774.base_ukg8yq_labelPlacementInner__e6815774{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774.base_ukg8yq_textfieldHasHint__e6815774 .base_ukg8yq_s9w7nf8__e6815774.base_ukg8yq_labelPlacementInner__e6815774.base_ukg8yq_requiredAlignRight__e6815774{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774.base_ukg8yq_textfieldHasDivider__e6815774 .base_ukg8yq_iq39zt5__e6815774{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774.base_ukg8yq_textfieldHasDivider__e6815774 .base_ukg8yq_iq39zt5__e6815774: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_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774.base_ukg8yq_textfieldHasDivider__e6815774:not([readonly]) .base_ukg8yq_iq39zt5__e6815774:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774.base_ukg8yq_textfieldHasDivider__e6815774:not([readonly]) .base_ukg8yq_iq39zt5__e6815774:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_ukg8yq_bg547ku__e6815774.base_ukg8yq_textfieldClear__e6815774.base_ukg8yq_textfieldHasDivider__e6815774:not([readonly]) .base_ukg8yq_iq39zt5__e6815774:focus-within .base_ukg8yq_i19ry60d__e6815774{color:var(--plasma-textfield__clear-placeholder-color-focus);}
|
|
190
190
|
|
|
191
191
|
.base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
|
|
192
192
|
|
|
193
|
-
.
|
|
193
|
+
.base_1ejddo2_b1w985rt__5f0a7f63[readonly]:not(.base_1ejddo2_b1w985rt__5f0a7f63[readonly].base_1ejddo2_textfieldClear__5f0a7f63) .base_1ejddo2_iq39zt5__5f0a7f63{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_1ejddo2_b1w985rt__5f0a7f63[readonly]:not(.base_1ejddo2_b1w985rt__5f0a7f63[readonly].base_1ejddo2_textfieldClear__5f0a7f63) .base_1ejddo2_iq39zt5__5f0a7f63:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_1ejddo2_b1w985rt__5f0a7f63[readonly]:not(.base_1ejddo2_b1w985rt__5f0a7f63[readonly].base_1ejddo2_textfieldClear__5f0a7f63) .base_1ejddo2_iq39zt5__5f0a7f63:hover{background-color:transparent;}.base_1ejddo2_b1w985rt__5f0a7f63[readonly].base_1ejddo2_textfieldHasDivider__5f0a7f63 .base_1ejddo2_iq39zt5__5f0a7f63:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_1ejddo2_b1w985rt__5f0a7f63[readonly] .base_1ejddo2_iq39zt5__5f0a7f63:focus-within .base_1ejddo2_i19ry60d__5f0a7f63,.base_1ejddo2_b1w985rt__5f0a7f63[readonly] .base_1ejddo2_i19ry60d__5f0a7f63{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1ejddo2_b1w985rt__5f0a7f63[readonly] .base_1ejddo2_io4bpie__5f0a7f63{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1ejddo2_b1w985rt__5f0a7f63[readonly] .base_1ejddo2_t600610__5f0a7f63{color:var(--plasma-textfield__title-caption-color-readonly);}.base_1ejddo2_b1w985rt__5f0a7f63[readonly] .base_1ejddo2_l7hnwwb__5f0a7f63{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1ejddo2_b1w985rt__5f0a7f63[readonly] .base_1ejddo2_sb3k3v1__5f0a7f63{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_1ejddo2_b1w985rt__5f0a7f63[readonly] .base_1ejddo2_sb3k3v1__5f0a7f63:hover,.base_1ejddo2_b1w985rt__5f0a7f63[readonly] .base_1ejddo2_sb3k3v1__5f0a7f63:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_1ejddo2_b1w985rt__5f0a7f63[readonly].base_1ejddo2_labelPlacementOuter__5f0a7f63 .base_1ejddo2_l1gjsnfi__5f0a7f63{color:var(--plasma-textfield__label-color-readonly);}.base_1ejddo2_b1w985rt__5f0a7f63[readonly] .base_1ejddo2_sb3k3v1__5f0a7f63:hover{cursor:default;}
|
|
194
194
|
|
|
195
|
-
.
|
|
195
|
+
.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementOuter__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_i13qvwoy__e4790c66{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66:not(.base_1s0mlhj_textfieldReadonlyInput__e4790c66):focus ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_hasValue__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_keepPlaceholder__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66{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_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{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%;width:100%;}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66.base_1s0mlhj_textfieldClear__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__clear-placeholder-color);}
|
|
196
196
|
|
|
197
|
-
.
|
|
197
|
+
.base_7yx5d1_bbsd6t5__2df10b77 .base_7yx5d1_h8yezh4__2df10b77{--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);}
|
|
198
198
|
|
|
199
|
-
.
|
|
199
|
+
.base_scrhfa_b10o15xy__f8742d17 .base_scrhfa_h8yezh4__f8742d17{--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);}
|
|
200
200
|
|
|
201
|
-
.
|
|
202
|
-
.
|
|
203
|
-
.
|
|
204
|
-
.
|
|
205
|
-
.
|
|
206
|
-
.
|
|
207
|
-
.
|
|
208
|
-
.
|
|
209
|
-
.
|
|
210
|
-
.
|
|
211
|
-
.
|
|
212
|
-
.
|
|
213
|
-
.
|
|
201
|
+
.TextField_styles_146520i_iq39zt5__72f40e80{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;}
|
|
202
|
+
.TextField_styles_146520i_i1j28rg8__72f40e80{-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_146520i_i1j28rg8__72f40e80::-webkit-scrollbar{display:none;}.TextField_styles_146520i_i1j28rg8__72f40e80.TextField_styles_146520i_hasChips__72f40e80{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
|
203
|
+
.TextField_styles_146520i_s13zudoe__72f40e80{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;}
|
|
204
|
+
.TextField_styles_146520i_io4bpie__72f40e80{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_146520i_io4bpie__72f40e80.TextField_styles_146520i_textfieldInputTextEllipsis__72f40e80{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_146520i_io4bpie__72f40e80::-webkit-input-placeholder{opacity:0;}.TextField_styles_146520i_io4bpie__72f40e80::-moz-placeholder{opacity:0;}.TextField_styles_146520i_io4bpie__72f40e80:-ms-input-placeholder{opacity:0;}.TextField_styles_146520i_io4bpie__72f40e80::placeholder{opacity:0;}
|
|
205
|
+
.TextField_styles_146520i_i13qvwoy__72f40e80{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_146520i_i13qvwoy__72f40e80 .TextField_styles_146520i_io4bpie__72f40e80{max-width:var(--i13qvwoy-1);}
|
|
206
|
+
.TextField_styles_146520i_i19ry60d__72f40e80{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);}
|
|
207
|
+
.TextField_styles_146520i_ibt1ohz__72f40e80.TextField_styles_146520i_textfieldInputTextEllipsis__72f40e80{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
208
|
+
.TextField_styles_146520i_olv9av6__72f40e80{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);}
|
|
209
|
+
.TextField_styles_146520i_t600610__72f40e80{display:inline-block;margin-left:auto;}
|
|
210
|
+
.TextField_styles_146520i_suk2zst__72f40e80{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;}
|
|
211
|
+
.TextField_styles_146520i_l1gjsnfi__72f40e80{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
212
|
+
.TextField_styles_146520i_ssv2kwg__72f40e80{--private_content-slot-color:var(--ssv2kwg-0);margin:var(--plasma-textfield__left-content-margin);color:var(--private_content-slot-color);line-height:0;}.TextField_styles_146520i_ssv2kwg__72f40e80:hover{color:var(--plasma-textfield-content-slot-color-hover,var(--private_content-slot-color));}.TextField_styles_146520i_ssv2kwg__72f40e80:active{color:var(--plasma-textfield-content-slot-color-active,var(--private_content-slot-color));}
|
|
213
|
+
.TextField_styles_146520i_s190z894__72f40e80{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;}
|
|
214
|
+
.TextField_styles_146520i_sb3k3v1__72f40e80{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_146520i_sb3k3v1__72f40e80:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_146520i_sb3k3v1__72f40e80:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
|
214
215
|
|
|
215
|
-
.
|
|
216
|
+
.TextField_styles_146520i_smqgwd8__72f40e80{visibility:var(--smqgwd8-0);}
|
|
216
217
|
|
|
217
|
-
.
|
|
218
|
-
.
|
|
219
|
-
.
|
|
220
|
-
.
|
|
221
|
-
.
|
|
222
|
-
.
|
|
218
|
+
.TextField_styles_146520i_s16itze4__72f40e80{color:var(--plasma-textfield__optional-color);}
|
|
219
|
+
.TextField_styles_146520i_s1skqnhr__72f40e80{display:inline-block;line-height:0;}.TextField_styles_146520i_s1skqnhr__72f40e80.TextField_styles_146520i_labelPlacementInner__72f40e80{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
|
|
220
|
+
.TextField_styles_146520i_hgy0im1__72f40e80{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;}
|
|
221
|
+
.TextField_styles_146520i_h8yezh4__72f40e80 .TextField_styles_146520i_hgy0im1__72f40e80 .TextField_styles_146520i_popoverRoot__72f40e80{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
222
|
+
.TextField_styles_146520i_hzsveq4__72f40e80{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
|
|
223
|
+
.TextField_styles_146520i_s9w7nf8__72f40e80{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_146520i_s9w7nf8__72f40e80.TextField_styles_146520i_labelPlacementOuter__72f40e80{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_146520i_s9w7nf8__72f40e80.TextField_styles_146520i_labelPlacementOuter__72f40e80.TextField_styles_146520i_requiredAlignRight__72f40e80{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_146520i_s9w7nf8__72f40e80.TextField_styles_146520i_labelPlacementOuter__72f40e80.TextField_styles_146520i_requiredAlignRight__72f40e80.TextField_styles_146520i_textfieldHasHint__72f40e80{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_146520i_s9w7nf8__72f40e80.TextField_styles_146520i_labelPlacementInner__72f40e80{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_146520i_s9w7nf8__72f40e80.TextField_styles_146520i_labelPlacementInner__72f40e80.TextField_styles_146520i_requiredAlignRight__72f40e80{inset:var(--plasma-textfield__indicator-placement-inner-right);}
|
|
223
224
|
|
|
224
225
|
.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9{--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-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-close-icon-color-hover:var(--plasma-textfield__chip-close-icon-color-hover);--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_8puilg_s32p7ut__f1ecfcd9::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_8puilg_s32p7ut__f1ecfcd9.TextFieldChip_styles_8puilg_focusVisible__f1ecfcd9:focus::before,.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_8puilg_s32p7ut__f1ecfcd9[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
|
|
225
226
|
.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9{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_8puilg_t4nir3h__f1ecfcd9::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_8puilg_t4nir3h__f1ecfcd9.TextFieldChip_styles_8puilg_focusVisible__f1ecfcd9:focus::before,.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9:after{content:',';}.TextFieldChip_styles_8puilg_t4nir3h__f1ecfcd9:last-child:after{content:'';}
|
|
@@ -815,9 +816,9 @@
|
|
|
815
816
|
|
|
816
817
|
.base_ems82y_bfrw0i0__610f2838 .base_ems82y_cfxtxl2__610f2838{background-color:var(--plasma-range-background);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_cfxtxl2__610f2838.base_ems82y_rangeError__610f2838{background-color:var(--plasma-range-background-error);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-error);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_cfxtxl2__610f2838.base_ems82y_rangeError__610f2838 .base_ems82y_s1k2erwt__610f2838{--plasma-textfield-color:var(--plasma-range-textfield-color-error,var(--plasma-range-textfield-color));}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_cfxtxl2__610f2838.base_ems82y_rangeSuccess__610f2838{background-color:var(--plasma-range-background-success);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-success);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_cfxtxl2__610f2838.base_ems82y_rangeSuccess__610f2838 .base_ems82y_s1k2erwt__610f2838{--plasma-textfield-color:var(--plasma-range-textfield-color-success,var(--plasma-range-textfield-color));}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_cfxtxl2__610f2838:before{box-shadow:var(--plasma-range-shadow);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_s1hiyoiq__610f2838{color:var(--plasma-range__divider-color);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_s14q3826__610f2838{display:block;color:var(--plasma-range__label-color);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_szi0aji__610f2838{background-color:var(--plasma-range__indicator-color);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_l1e6rwfy__610f2838{color:var(--plasma-range__left-helper-color);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_l1e6rwfy__610f2838.base_ems82y_rangeError__610f2838,.base_ems82y_bfrw0i0__610f2838 .base_ems82y_l1e6rwfy__610f2838.base_ems82y_rangeValueError__610f2838{color:var(--plasma-range__left-helper-color-error);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_l1e6rwfy__610f2838.base_ems82y_rangeSuccess__610f2838,.base_ems82y_bfrw0i0__610f2838 .base_ems82y_l1e6rwfy__610f2838.base_ems82y_rangeValueSuccess__610f2838{color:var(--plasma-range__left-helper-color-success);}
|
|
817
818
|
|
|
818
|
-
.
|
|
819
|
+
.base_1ufizo4_brz2a7__2efb673d[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}
|
|
819
820
|
|
|
820
|
-
.
|
|
821
|
+
.base_1lu7vb0_b1l9fpln__f7dac64b[readonly]{cursor:default;}.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_cfxtxl2__f7dac64b{position:relative;box-shadow:none;background:transparent;}.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_cfxtxl2__f7dac64b:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-range-border-radius);box-shadow:inset 0 0 0 var(--plasma-range-border-width,1px) var(--plasma-range-border-color-readonly);background:var(--plasma-range-background-readonly);opacity:var(--plasma-range-readonly-opacity);z-index:-1;}.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_s14q3826__f7dac64b{display:block;color:var(--plasma-range__label-color-readonly);}.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_l1e6rwfy__f7dac64b{color:var(--plasma-range__left-helper-color-readonly);}.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_s1hiyoiq__f7dac64b{color:var(--plasma-range__divider-color-readonly);opacity:var(--plasma-range__divider-opacity-readonly);}.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_s15y5ylz__f7dac64b,.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_suha98b__f7dac64b{color:var(--plasma-range-textfield-color-readonly);}.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_s15y5ylz__f7dac64b:hover,.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_suha98b__f7dac64b:hover,.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_s15y5ylz__f7dac64b:active,.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_suha98b__f7dac64b:active{color:var(--plasma-range-textfield-color-readonly);cursor:default;}.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_suha98b__f7dac64b{opacity:var(--plasma-range__right-content-opacity-readonly);}
|
|
821
822
|
|
|
822
823
|
.Range_styles_it2utg_s1k2erwt__c15202aa{width:100%;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-range-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasma-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);}.Range_styles_it2utg_s1k2erwt__c15202aa.Range_styles_it2utg_rangeValueError__c15202aa{--plasma-textfield-color:var(--plasma-range-textfield-color-error,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}.Range_styles_it2utg_s1k2erwt__c15202aa.Range_styles_it2utg_rangeValueSuccess__c15202aa{--plasma-textfield-color:var(--plasma-range-textfield-color-success,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}
|
|
823
824
|
.Range_styles_it2utg_b16kyj37__c15202aa{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.341.0-
|
|
3
|
+
"version": "0.341.0-dev.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -137,5 +137,5 @@
|
|
|
137
137
|
"sideEffects": [
|
|
138
138
|
"*.css"
|
|
139
139
|
],
|
|
140
|
-
"gitHead": "
|
|
140
|
+
"gitHead": "e53f51b86202ae100d2ff53a9f56fe0a265bd98d"
|
|
141
141
|
}
|
|
@@ -10,13 +10,7 @@ Object.defineProperty(exports, "base", {
|
|
|
10
10
|
});
|
|
11
11
|
var _styledcomponents = require("styled-components");
|
|
12
12
|
var _Rangetokens = require("../../Range.tokens");
|
|
13
|
-
var _Rangestyles = require("../../Range.styles");
|
|
14
13
|
var base = (0, _styledcomponents.css)([
|
|
15
14
|
"&[disabled]{opacity:var(",
|
|
16
|
-
");cursor:not-allowed;"
|
|
17
|
-
|
|
18
|
-
"{color:var(",
|
|
19
|
-
");&:hover,&:active{color:var(",
|
|
20
|
-
");}}",
|
|
21
|
-
"{pointer-events:none;}}"
|
|
22
|
-
], _Rangetokens.tokens.disabledOpacity, _Rangestyles.StyledContentLeft, _Rangestyles.StyledContentRight, _Rangetokens.tokens.contentSlotColor, _Rangetokens.tokens.contentSlotColor, _Rangestyles.StyledContentRight);
|
|
15
|
+
");cursor:not-allowed;}"
|
|
16
|
+
], _Rangetokens.tokens.disabledOpacity);
|
|
@@ -31,5 +31,5 @@ var base = (0, _styledcomponents.css)([
|
|
|
31
31
|
");&:hover,&:active{color:var(",
|
|
32
32
|
");cursor:default;}}",
|
|
33
33
|
"{opacity:var(",
|
|
34
|
-
");
|
|
34
|
+
");}}"
|
|
35
35
|
], _Rangestyles.ContentWrapper, _Rangetokens.tokens.borderRadius, _Rangetokens.tokens.borderWidth, _Rangetokens.tokens.borderColorReadOnly, _Rangetokens.tokens.backgroundReadOnly, _Rangetokens.tokens.readOnlyOpacity, _Rangestyles.StyledLabel, _Rangetokens.tokens.labelColorReadOnly, _Rangestyles.LeftHelper, _Rangetokens.tokens.leftHelperColorReadOnly, _Rangestyles.StyledDivider, _Rangetokens.tokens.dividerColorReadOnly, _Rangetokens.tokens.dividerOpacityReadOnly, _Rangestyles.StyledContentLeft, _Rangestyles.StyledContentRight, _Rangetokens.tokens.textFieldColorReadOnly, _Rangetokens.tokens.textFieldColorReadOnly, _Rangestyles.StyledContentRight, _Rangetokens.tokens.rightContentOpacityReadOnly);
|
|
@@ -605,11 +605,15 @@ var textFieldRoot = function(Root) {
|
|
|
605
605
|
"data-root": true,
|
|
606
606
|
id: labelId,
|
|
607
607
|
htmlFor: innerId
|
|
608
|
-
},
|
|
608
|
+
}, /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.InputPlaceholderValue, {
|
|
609
|
+
className: (0, _utils.cx)(classTextEllipsis)
|
|
610
|
+
}, innerLabelValue), optionalTextNode), placeholderShown && !hasValue && /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.InputPlaceholder, {
|
|
609
611
|
hasPadding: hasPlaceholderPadding
|
|
610
612
|
}, hasTextBefore && /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.StyledTextBefore, {
|
|
611
613
|
isHidden: true
|
|
612
|
-
}, textBefore), innerPlaceholderValue
|
|
614
|
+
}, textBefore), innerPlaceholderValue && /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.InputPlaceholderValue, {
|
|
615
|
+
className: (0, _utils.cx)(classTextEllipsis)
|
|
616
|
+
}, innerPlaceholderValue), hasPlaceholderOptional && optionalTextNode), hasTextAfter && /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.StyledTextAfter, null, textAfter))), /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.StyledContentRightWrapper, {
|
|
613
617
|
className: (0, _utils.cx)(contentRightCompensationMargin)
|
|
614
618
|
}, contentRight && /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.StyledContentRight, {
|
|
615
619
|
"data-root": true
|
|
@@ -30,6 +30,9 @@ _export(exports, {
|
|
|
30
30
|
get InputPlaceholder () {
|
|
31
31
|
return InputPlaceholder;
|
|
32
32
|
},
|
|
33
|
+
get InputPlaceholderValue () {
|
|
34
|
+
return InputPlaceholderValue;
|
|
35
|
+
},
|
|
33
36
|
get InputWrapper () {
|
|
34
37
|
return InputWrapper;
|
|
35
38
|
},
|
|
@@ -91,13 +94,13 @@ var mergedConfig = (0, _engines.mergeConfig)(_Tooltip.tooltipConfig);
|
|
|
91
94
|
var Tooltip = (0, _engines.component)(mergedConfig);
|
|
92
95
|
var InputWrapper = _styledcomponents.default.div.withConfig({
|
|
93
96
|
displayName: "TextField.styles__InputWrapper",
|
|
94
|
-
componentId: "sc-
|
|
97
|
+
componentId: "sc-a8826f8a-0"
|
|
95
98
|
})([
|
|
96
99
|
"position:relative;display:flex;align-items:center;box-sizing:border-box;"
|
|
97
100
|
]);
|
|
98
101
|
var InputLabelWrapper = _styledcomponents.default.div.withConfig({
|
|
99
102
|
displayName: "TextField.styles__InputLabelWrapper",
|
|
100
|
-
componentId: "sc-
|
|
103
|
+
componentId: "sc-a8826f8a-1"
|
|
101
104
|
})([
|
|
102
105
|
"flex:1;overflow:scroll;position:relative;width:100%;display:inline-flex;align-items:center;::-webkit-scrollbar{display:none;}scrollbar-width:none;overscroll-behavior:contain;&.",
|
|
103
106
|
"{height:var(",
|
|
@@ -106,7 +109,7 @@ var InputLabelWrapper = _styledcomponents.default.div.withConfig({
|
|
|
106
109
|
], String(_TextFieldtokens.classes.hasChips), _TextFieldtokens.tokens.chipHeight, _TextFieldtokens.tokens.chipBorderRadius);
|
|
107
110
|
var StyledChips = _styledcomponents.default.div.withConfig({
|
|
108
111
|
displayName: "TextField.styles__StyledChips",
|
|
109
|
-
componentId: "sc-
|
|
112
|
+
componentId: "sc-a8826f8a-2"
|
|
110
113
|
})([
|
|
111
114
|
"display:flex;gap:var(",
|
|
112
115
|
");margin-right:var(",
|
|
@@ -115,7 +118,7 @@ var StyledChips = _styledcomponents.default.div.withConfig({
|
|
|
115
118
|
], _TextFieldtokens.tokens.chipGap, _TextFieldtokens.tokens.chipMarginRight, _TextFieldtokens.tokens.chipGap);
|
|
116
119
|
var Input = _styledcomponents.default.input.withConfig({
|
|
117
120
|
displayName: "TextField.styles__Input",
|
|
118
|
-
componentId: "sc-
|
|
121
|
+
componentId: "sc-a8826f8a-3"
|
|
119
122
|
})([
|
|
120
123
|
"box-sizing:border-box;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;&.",
|
|
121
124
|
"{",
|
|
@@ -123,7 +126,7 @@ var Input = _styledcomponents.default.input.withConfig({
|
|
|
123
126
|
], _TextFieldtokens.classes.inputTextEllipsis, (0, _mixins.applyEllipsis)());
|
|
124
127
|
var InputContainer = _styledcomponents.default.div.withConfig({
|
|
125
128
|
displayName: "TextField.styles__InputContainer",
|
|
126
|
-
componentId: "sc-
|
|
129
|
+
componentId: "sc-a8826f8a-4"
|
|
127
130
|
})([
|
|
128
131
|
"position:relative;display:flex;flex:1;min-width:",
|
|
129
132
|
";",
|
|
@@ -138,7 +141,7 @@ var InputContainer = _styledcomponents.default.div.withConfig({
|
|
|
138
141
|
});
|
|
139
142
|
var InputPlaceholder = _styledcomponents.default.div.withConfig({
|
|
140
143
|
displayName: "TextField.styles__InputPlaceholder",
|
|
141
|
-
componentId: "sc-
|
|
144
|
+
componentId: "sc-a8826f8a-5"
|
|
142
145
|
})([
|
|
143
146
|
"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(",
|
|
144
147
|
");padding:",
|
|
@@ -147,9 +150,17 @@ var InputPlaceholder = _styledcomponents.default.div.withConfig({
|
|
|
147
150
|
var hasPadding = param.hasPadding;
|
|
148
151
|
return hasPadding ? "var(".concat(_TextFieldtokens.tokens.contentLabelInnerPadding, ")") : '0';
|
|
149
152
|
});
|
|
153
|
+
var InputPlaceholderValue = _styledcomponents.default.div.withConfig({
|
|
154
|
+
displayName: "TextField.styles__InputPlaceholderValue",
|
|
155
|
+
componentId: "sc-a8826f8a-6"
|
|
156
|
+
})([
|
|
157
|
+
"&.",
|
|
158
|
+
"{",
|
|
159
|
+
"}"
|
|
160
|
+
], _TextFieldtokens.classes.inputTextEllipsis, (0, _mixins.applyEllipsis)());
|
|
150
161
|
var OuterLabelWrapper = _styledcomponents.default.div.withConfig({
|
|
151
162
|
displayName: "TextField.styles__OuterLabelWrapper",
|
|
152
|
-
componentId: "sc-
|
|
163
|
+
componentId: "sc-a8826f8a-7"
|
|
153
164
|
})([
|
|
154
165
|
"display:flex;align-items:center;white-space:",
|
|
155
166
|
";margin-bottom:",
|
|
@@ -163,25 +174,25 @@ var OuterLabelWrapper = _styledcomponents.default.div.withConfig({
|
|
|
163
174
|
});
|
|
164
175
|
var TitleCaption = _styledcomponents.default.div.withConfig({
|
|
165
176
|
displayName: "TextField.styles__TitleCaption",
|
|
166
|
-
componentId: "sc-
|
|
177
|
+
componentId: "sc-a8826f8a-8"
|
|
167
178
|
})([
|
|
168
179
|
"display:inline-block;margin-left:auto;"
|
|
169
180
|
]);
|
|
170
181
|
var StyledIndicatorWrapper = _styledcomponents.default.div.withConfig({
|
|
171
182
|
displayName: "TextField.styles__StyledIndicatorWrapper",
|
|
172
|
-
componentId: "sc-
|
|
183
|
+
componentId: "sc-a8826f8a-9"
|
|
173
184
|
})([
|
|
174
185
|
"position:relative;display:inline-flex;align-items:center;"
|
|
175
186
|
]);
|
|
176
187
|
var Label = _styledcomponents.default.label.withConfig({
|
|
177
188
|
displayName: "TextField.styles__Label",
|
|
178
|
-
componentId: "sc-
|
|
189
|
+
componentId: "sc-a8826f8a-10"
|
|
179
190
|
})([
|
|
180
191
|
"display:inline-flex;"
|
|
181
192
|
]);
|
|
182
193
|
var StyledContentLeft = _styledcomponents.default.div.withConfig({
|
|
183
194
|
displayName: "TextField.styles__StyledContentLeft",
|
|
184
|
-
componentId: "sc-
|
|
195
|
+
componentId: "sc-a8826f8a-11"
|
|
185
196
|
})([
|
|
186
197
|
"--private_content-slot-color:",
|
|
187
198
|
";margin:var(",
|
|
@@ -194,13 +205,13 @@ var StyledContentLeft = _styledcomponents.default.div.withConfig({
|
|
|
194
205
|
}, _TextFieldtokens.tokens.leftContentMargin, _TextFieldtokens.tokens.contentSlotColorHover, _TextFieldtokens.tokens.contentSlotColorActive);
|
|
195
206
|
var StyledContentRightWrapper = _styledcomponents.default.div.withConfig({
|
|
196
207
|
displayName: "TextField.styles__StyledContentRightWrapper",
|
|
197
|
-
componentId: "sc-
|
|
208
|
+
componentId: "sc-a8826f8a-12"
|
|
198
209
|
})([
|
|
199
210
|
"display:flex;align-items:center;"
|
|
200
211
|
]);
|
|
201
212
|
var StyledContentRight = _styledcomponents.default.div.withConfig({
|
|
202
213
|
displayName: "TextField.styles__StyledContentRight",
|
|
203
|
-
componentId: "sc-
|
|
214
|
+
componentId: "sc-a8826f8a-13"
|
|
204
215
|
})([
|
|
205
216
|
"line-height:0;margin:var(",
|
|
206
217
|
");color:var(",
|
|
@@ -213,13 +224,13 @@ var StyledContentRight = _styledcomponents.default.div.withConfig({
|
|
|
213
224
|
], _TextFieldtokens.tokens.rightContentMargin, _TextFieldtokens.tokens.contentSlotRightColor, _TextFieldtokens.tokens.contentSlotColor, _TextFieldtokens.tokens.contentSlotRightColorHover, _TextFieldtokens.tokens.contentSlotColorHover, _TextFieldtokens.tokens.contentSlotRightColorActive, _TextFieldtokens.tokens.contentSlotColorActive);
|
|
214
225
|
var LeftHelper = _styledcomponents.default.div.withConfig({
|
|
215
226
|
displayName: "TextField.styles__LeftHelper",
|
|
216
|
-
componentId: "sc-
|
|
227
|
+
componentId: "sc-a8826f8a-14"
|
|
217
228
|
})([
|
|
218
229
|
""
|
|
219
230
|
]);
|
|
220
231
|
var StyledTextBefore = _styledcomponents.default.div.withConfig({
|
|
221
232
|
displayName: "TextField.styles__StyledTextBefore",
|
|
222
|
-
componentId: "sc-
|
|
233
|
+
componentId: "sc-a8826f8a-15"
|
|
223
234
|
})([
|
|
224
235
|
"visibility:",
|
|
225
236
|
";"
|
|
@@ -229,20 +240,20 @@ var StyledTextBefore = _styledcomponents.default.div.withConfig({
|
|
|
229
240
|
});
|
|
230
241
|
var StyledTextAfter = _styledcomponents.default.div.withConfig({
|
|
231
242
|
displayName: "TextField.styles__StyledTextAfter",
|
|
232
|
-
componentId: "sc-
|
|
243
|
+
componentId: "sc-a8826f8a-16"
|
|
233
244
|
})([
|
|
234
245
|
""
|
|
235
246
|
]);
|
|
236
247
|
var StyledOptionalText = _styledcomponents.default.span.withConfig({
|
|
237
248
|
displayName: "TextField.styles__StyledOptionalText",
|
|
238
|
-
componentId: "sc-
|
|
249
|
+
componentId: "sc-a8826f8a-17"
|
|
239
250
|
})([
|
|
240
251
|
"color:var(",
|
|
241
252
|
");"
|
|
242
253
|
], _TextFieldtokens.tokens.optionalColor);
|
|
243
254
|
var StyledHintWrapper = _styledcomponents.default.div.withConfig({
|
|
244
255
|
displayName: "TextField.styles__StyledHintWrapper",
|
|
245
|
-
componentId: "sc-
|
|
256
|
+
componentId: "sc-a8826f8a-18"
|
|
246
257
|
})([
|
|
247
258
|
"display:inline-block;line-height:0;&.",
|
|
248
259
|
"{position:absolute;margin:0;inset:var(",
|
|
@@ -250,14 +261,14 @@ var StyledHintWrapper = _styledcomponents.default.div.withConfig({
|
|
|
250
261
|
], _TextFieldtokens.classes.innerLabelPlacement, _TextFieldtokens.tokens.hintInnerLabelPlacementOffset);
|
|
251
262
|
var HintTargetWrapper = _styledcomponents.default.div.withConfig({
|
|
252
263
|
displayName: "TextField.styles__HintTargetWrapper",
|
|
253
|
-
componentId: "sc-
|
|
264
|
+
componentId: "sc-a8826f8a-19"
|
|
254
265
|
})([
|
|
255
266
|
"color:var(",
|
|
256
267
|
");display:flex;justify-content:center;align-items:center;"
|
|
257
268
|
], _TextFieldtokens.tokens.hintIconColor);
|
|
258
269
|
var Hint = (0, _styledcomponents.default)(Tooltip).withConfig({
|
|
259
270
|
displayName: "TextField.styles__Hint",
|
|
260
|
-
componentId: "sc-
|
|
271
|
+
componentId: "sc-a8826f8a-20"
|
|
261
272
|
})([
|
|
262
273
|
"",
|
|
263
274
|
" .",
|
|
@@ -265,13 +276,13 @@ var Hint = (0, _styledcomponents.default)(Tooltip).withConfig({
|
|
|
265
276
|
], HintTargetWrapper, _Popover.popoverClasses.root);
|
|
266
277
|
var HintIconWrapper = _styledcomponents.default.div.withConfig({
|
|
267
278
|
displayName: "TextField.styles__HintIconWrapper",
|
|
268
|
-
componentId: "sc-
|
|
279
|
+
componentId: "sc-a8826f8a-21"
|
|
269
280
|
})([
|
|
270
281
|
"display:flex;"
|
|
271
282
|
]);
|
|
272
283
|
var StyledIndicator = _styledcomponents.default.div.withConfig({
|
|
273
284
|
displayName: "TextField.styles__StyledIndicator",
|
|
274
|
-
componentId: "sc-
|
|
285
|
+
componentId: "sc-a8826f8a-22"
|
|
275
286
|
})([
|
|
276
287
|
"position:absolute;border-radius:50%;background-color:var(",
|
|
277
288
|
");&.",
|
|
@@ -37,7 +37,7 @@ var base = (0, _styledcomponents.css)([
|
|
|
37
37
|
");line-height:var(",
|
|
38
38
|
");}",
|
|
39
39
|
"{color:var(",
|
|
40
|
-
");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;}&.",
|
|
40
|
+
");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;width:100%;}&.",
|
|
41
41
|
" ",
|
|
42
42
|
"{color:var(",
|
|
43
43
|
");}}"
|
|
@@ -34,7 +34,6 @@ var base = (0, _styledcomponents.css)([
|
|
|
34
34
|
");}",
|
|
35
35
|
"{color:var(",
|
|
36
36
|
");}",
|
|
37
|
-
":hover{color:var(--private_content-slot-color);}",
|
|
38
37
|
"{opacity:var(",
|
|
39
38
|
");}",
|
|
40
39
|
":hover,",
|
|
@@ -43,5 +42,6 @@ var base = (0, _styledcomponents.css)([
|
|
|
43
42
|
"));}&.",
|
|
44
43
|
" ",
|
|
45
44
|
"{color:var(",
|
|
46
|
-
");}
|
|
47
|
-
|
|
45
|
+
");}",
|
|
46
|
+
"{&:hover{cursor:default;}}}"
|
|
47
|
+
], _TextFieldtokens.classes.clear, _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.colorReadOnly, _TextFieldtokens.tokens.borderRadius, _TextFieldtokens.tokens.backgroundColorReadOnly, _TextFieldtokens.tokens.readOnlyOpacity, String(_TextFieldtokens.tokens.borderWidth), _TextFieldtokens.tokens.borderColorReadOnly, _TextFieldtokens.classes.hasDivider, _TextFieldstyles.InputWrapper, String(_TextFieldtokens.tokens.dividerColorReadOnly), _TextFieldstyles.InputWrapper, _TextFieldstyles.InputPlaceholder, _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.placeholderColorReadOnly, _TextFieldstyles.Input, _TextFieldtokens.tokens.colorReadOnly, _TextFieldstyles.TitleCaption, _TextFieldtokens.tokens.titleCaptionColorReadOnly, _TextFieldstyles.LeftHelper, _TextFieldtokens.tokens.leftHelperColorReadOnly, _TextFieldstyles.StyledContentRight, _TextFieldtokens.tokens.contentSlotRightOpacityReadOnly, _TextFieldstyles.StyledContentRight, _TextFieldstyles.StyledContentRight, _TextFieldtokens.tokens.contentSlotRightColor, _TextFieldtokens.tokens.contentSlotColor, _TextFieldtokens.classes.outerLabelPlacement, _TextFieldstyles.Label, _TextFieldtokens.tokens.labelColorReadOnly, _TextFieldstyles.StyledContentRight);
|
|
@@ -27,18 +27,12 @@ var config = {
|
|
|
27
27
|
":var(--text-secondary);",
|
|
28
28
|
":var(--text-negative);",
|
|
29
29
|
":var(--text-positive);",
|
|
30
|
-
":var(--text-primary);",
|
|
31
|
-
":var(--text-primary-hover);",
|
|
32
|
-
":var(--text-primary-active);",
|
|
33
|
-
":var(--text-primary);",
|
|
34
|
-
":var(--text-secondary);",
|
|
35
|
-
":var(--text-accent);",
|
|
36
30
|
":var(--text-secondary);",
|
|
37
31
|
":var(--text-secondary-hover);",
|
|
38
32
|
":var(--text-secondary-active);",
|
|
33
|
+
":var(--text-primary);",
|
|
39
34
|
":var(--text-secondary);",
|
|
40
|
-
":var(--text-
|
|
41
|
-
":var(--text-secondary-active);",
|
|
35
|
+
":var(--text-accent);",
|
|
42
36
|
":var(--plasma-typo-body-xs-font-family);",
|
|
43
37
|
":var(--plasma-typo-body-xs-font-size);",
|
|
44
38
|
":var(--plasma-typo-body-xs-font-style);",
|
|
@@ -89,7 +83,7 @@ var config = {
|
|
|
89
83
|
":var(--surface-solid-card-brightness);",
|
|
90
84
|
":var(--shadow-down-hard-s);",
|
|
91
85
|
":var(--text-primary);"
|
|
92
|
-
], _DatePicker.datePickerTokens.background, _DatePicker.datePickerTokens.backgroundError, _DatePicker.datePickerTokens.backgroundSuccess, _DatePicker.datePickerTokens.dividerColor, _DatePicker.datePickerTokens.labelColor, _DatePicker.datePickerTokens.leftHelperColor, _DatePicker.datePickerTokens.leftHelperColorError, _DatePicker.datePickerTokens.leftHelperColorSuccess, _DatePicker.datePickerTokens.contentSlotColor, _DatePicker.datePickerTokens.contentSlotColorHover, _DatePicker.datePickerTokens.contentSlotColorActive, _DatePicker.datePickerTokens.textFieldColor, _DatePicker.datePickerTokens.textFieldPlaceholderColor, _DatePicker.datePickerTokens.textFieldCaretColor, _DatePicker.datePickerTokens.
|
|
86
|
+
], _DatePicker.datePickerTokens.background, _DatePicker.datePickerTokens.backgroundError, _DatePicker.datePickerTokens.backgroundSuccess, _DatePicker.datePickerTokens.dividerColor, _DatePicker.datePickerTokens.labelColor, _DatePicker.datePickerTokens.leftHelperColor, _DatePicker.datePickerTokens.leftHelperColorError, _DatePicker.datePickerTokens.leftHelperColorSuccess, _DatePicker.datePickerTokens.contentSlotColor, _DatePicker.datePickerTokens.contentSlotColorHover, _DatePicker.datePickerTokens.contentSlotColorActive, _DatePicker.datePickerTokens.textFieldColor, _DatePicker.datePickerTokens.textFieldPlaceholderColor, _DatePicker.datePickerTokens.textFieldCaretColor, _DatePicker.datePickerTokens.labelInnerFontFamily, _DatePicker.datePickerTokens.labelInnerFontSize, _DatePicker.datePickerTokens.labelInnerFontStyle, _DatePicker.datePickerTokens.labelInnerFontWeight, _DatePicker.datePickerTokens.labelInnerLetterSpacing, _DatePicker.datePickerTokens.labelInnerLineHeight, _DatePicker.datePickerTokens.indicatorColor, _DatePicker.datePickerTokens.textFieldBackgroundColor, _DatePicker.datePickerTokens.textFieldBackgroundColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundErrorColor, _DatePicker.datePickerTokens.textFieldBackgroundErrorColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColor, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColorFocus, _DatePicker.datePickerTokens.textFieldTextBeforeColor, _DatePicker.datePickerTokens.textFieldTextAfterColor, _DatePicker.datePickerTokens.focusColor, _DatePicker.datePickerTokens.textFieldPlaceholderColorFocus, _DatePicker.datePickerTokens.calendarShadow, _DatePicker.datePickerTokens.calendarSeparatorBackground, _DatePicker.datePickerTokens.calendarBackgroundColor, _DatePicker.datePickerTokens.calendarSelectedItemBackground, _DatePicker.datePickerTokens.calendarSelectedItemColor, _DatePicker.datePickerTokens.calendarSelectableItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemBorderColor, _DatePicker.datePickerTokens.calendarCurrentItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemColorHover, _DatePicker.datePickerTokens.calendarCurrentItemChildBackgroundHover, _DatePicker.datePickerTokens.calendarActiveItemBackground, _DatePicker.datePickerTokens.calendarActiveItemColor, _DatePicker.datePickerTokens.calendarHoveredItemBackground, _DatePicker.datePickerTokens.calendarHoveredItemColor, _DatePicker.datePickerTokens.calendarRangeBackground, _DatePicker.datePickerTokens.calendarOutlineFocusColor, _DatePicker.datePickerTokens.calendarContentPrimaryColor, _DatePicker.datePickerTokens.calendarContentPrimaryDisabledColor, _DatePicker.datePickerTokens.calendarHeaderArrowColor, _DatePicker.datePickerTokens.calendarContentPrimaryColor, _DatePicker.datePickerTokens.calendarContentSecondaryColor, _DatePicker.datePickerTokens.calendarContentSecondaryDisabledColor, _DatePicker.datePickerTokens.calendarDisabledOpacity, _DatePicker.datePickerTokens.iconButtonColor, _DatePicker.datePickerTokens.iconButtonBackgroundColor, _DatePicker.datePickerTokens.iconButtonColorHover, _DatePicker.datePickerTokens.iconButtonBackgroundColorHover, _DatePicker.datePickerTokens.iconButtonColorActive, _DatePicker.datePickerTokens.iconButtonBackgroundColorActive, _DatePicker.datePickerTokens.iconButtonFocusColor, _DatePicker.datePickerTokens.tooltipBackgroundColor, _DatePicker.datePickerTokens.tooltipBoxShadow, _DatePicker.datePickerTokens.tooltipColor)
|
|
93
87
|
},
|
|
94
88
|
size: {
|
|
95
89
|
l: (0, _styledcomponents.css)([
|
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
import { css } from "styled-components";
|
|
2
2
|
import { tokens } from "../../Range.tokens";
|
|
3
|
-
import { StyledContentLeft, StyledContentRight } from "../../Range.styles";
|
|
4
3
|
export var base = css([
|
|
5
4
|
"&[disabled]{opacity:var(",
|
|
6
|
-
");cursor:not-allowed;"
|
|
7
|
-
|
|
8
|
-
"{color:var(",
|
|
9
|
-
");&:hover,&:active{color:var(",
|
|
10
|
-
");}}",
|
|
11
|
-
"{pointer-events:none;}}"
|
|
12
|
-
], tokens.disabledOpacity, StyledContentLeft, StyledContentRight, tokens.contentSlotColor, tokens.contentSlotColor, StyledContentRight);
|
|
5
|
+
");cursor:not-allowed;}"
|
|
6
|
+
], tokens.disabledOpacity);
|
|
@@ -21,5 +21,5 @@ export var base = css([
|
|
|
21
21
|
");&:hover,&:active{color:var(",
|
|
22
22
|
");cursor:default;}}",
|
|
23
23
|
"{opacity:var(",
|
|
24
|
-
");
|
|
24
|
+
");}}"
|
|
25
25
|
], ContentWrapper, tokens.borderRadius, tokens.borderWidth, tokens.borderColorReadOnly, tokens.backgroundReadOnly, tokens.readOnlyOpacity, StyledLabel, tokens.labelColorReadOnly, LeftHelper, tokens.leftHelperColorReadOnly, StyledDivider, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, StyledContentLeft, StyledContentRight, tokens.textFieldColorReadOnly, tokens.textFieldColorReadOnly, StyledContentRight, tokens.rightContentOpacityReadOnly);
|