@salutejs/plasma-new-hope 0.148.0-canary.1439.10921888384.0 → 0.148.0-canary.1442.10920050701.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +18 -18
- package/cjs/components/Autocomplete/Autocomplete.styles.js +5 -5
- package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/cjs/components/Autocomplete/{Autocomplete.styles_192fzgs.css → Autocomplete.styles_4wbmok.css} +1 -1
- package/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -3
- package/cjs/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/cjs/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
- package/{es/components/Autocomplete/ui/TextField/TextField.styles_11nkcwo.css → cjs/components/Autocomplete/ui/TextField/TextField.styles_sx1sq7.css} +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +15 -15
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +11 -11
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/{es/components/Combobox/ComboboxNew/Combobox.styles_1s09ifw.css → cjs/components/Combobox/ComboboxNew/Combobox.styles_iq2uzw.css} +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -2
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +15 -15
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +15 -15
- package/cjs/components/DatePicker/DatePicker.tokens.js +0 -1
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +12 -12
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +12 -12
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +14 -14
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/{es/components/DatePicker/SingleDate/SingleDate.styles_1ekc7aj.css → cjs/components/DatePicker/SingleDate/SingleDate.styles_qt45m5.css} +1 -1
- package/cjs/components/Pagination/Pagination.css +17 -17
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +17 -17
- package/cjs/components/Range/Range.css +12 -12
- package/cjs/components/Select/Select.css +17 -17
- package/cjs/components/Select/Select.styles.js +3 -3
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/{Select.styles_1nzals0.css → Select.styles_hzoeqc.css} +1 -1
- package/cjs/components/Select/Select.tokens.js +1 -5
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +17 -17
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +17 -17
- package/cjs/components/Select/ui/Target/Target.css +12 -12
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +12 -12
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +15 -29
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/{Textfield.styles_11yj58s.css → Textfield.styles_rtzthp.css} +2 -2
- package/cjs/components/Slider/Slider.css +12 -12
- package/cjs/components/Slider/components/Double/Double.css +12 -12
- package/cjs/components/TextArea/TextArea.styles.js +27 -27
- package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/cjs/components/TextArea/{TextArea.styles_1kzzs11.css → TextArea.styles_1fyj8ox.css} +2 -2
- package/cjs/components/TextArea/TextArea.tokens.js +0 -15
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/TextArea/variations/_view/base.js +1 -1
- package/cjs/components/TextArea/variations/_view/base.js.map +1 -1
- package/cjs/components/TextArea/variations/_view/base_jjtr9h.css +1 -0
- package/cjs/components/TextField/TextField.styles.js +1 -1
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/{es/components/TextField/TextField.styles_uponva.css → cjs/components/TextField/TextField.styles_ht6ibd.css} +1 -1
- package/cjs/components/TextField/TextField.tokens.js +0 -3
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/index.css +54 -54
- package/emotion/cjs/components/Autocomplete/Autocomplete.styles.js +5 -5
- package/emotion/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -3
- package/emotion/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +6 -6
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -2
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +0 -1
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +5 -5
- package/emotion/cjs/components/Select/Select.styles.js +6 -6
- package/emotion/cjs/components/Select/Select.tokens.js +1 -5
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +21 -27
- package/emotion/cjs/components/TextArea/TextArea.styles.js +11 -11
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +0 -15
- package/emotion/cjs/components/TextArea/variations/_view/base.js +1 -1
- package/emotion/cjs/components/TextField/TextField.styles.js +15 -15
- package/emotion/cjs/components/TextField/TextField.tokens.js +0 -3
- package/emotion/es/components/Autocomplete/Autocomplete.styles.js +5 -5
- package/emotion/es/components/Autocomplete/Autocomplete.tokens.js +0 -3
- package/emotion/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +6 -6
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -2
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +0 -1
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +5 -5
- package/emotion/es/components/Select/Select.styles.js +6 -6
- package/emotion/es/components/Select/Select.tokens.js +1 -5
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +21 -27
- package/emotion/es/components/TextArea/TextArea.styles.js +11 -11
- package/emotion/es/components/TextArea/TextArea.tokens.js +0 -15
- package/emotion/es/components/TextArea/variations/_view/base.js +1 -1
- package/emotion/es/components/TextField/TextField.styles.js +15 -15
- package/emotion/es/components/TextField/TextField.tokens.js +0 -3
- package/es/components/Autocomplete/Autocomplete.css +18 -18
- package/es/components/Autocomplete/Autocomplete.styles.js +5 -5
- package/es/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/es/components/Autocomplete/{Autocomplete.styles_192fzgs.css → Autocomplete.styles_4wbmok.css} +1 -1
- package/es/components/Autocomplete/Autocomplete.tokens.js +0 -3
- package/es/components/Autocomplete/Autocomplete.tokens.js.map +1 -1
- package/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/es/components/Autocomplete/ui/TextField/TextField.styles.js.map +1 -1
- package/{cjs/components/Autocomplete/ui/TextField/TextField.styles_11nkcwo.css → es/components/Autocomplete/ui/TextField/TextField.styles_sx1sq7.css} +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +15 -15
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +11 -11
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/{cjs/components/Combobox/ComboboxNew/Combobox.styles_1s09ifw.css → es/components/Combobox/ComboboxNew/Combobox.styles_iq2uzw.css} +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -2
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +15 -15
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +15 -15
- package/es/components/DatePicker/DatePicker.tokens.js +0 -1
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +12 -12
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +12 -12
- package/es/components/DatePicker/SingleDate/SingleDate.css +14 -14
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/{cjs/components/DatePicker/SingleDate/SingleDate.styles_1ekc7aj.css → es/components/DatePicker/SingleDate/SingleDate.styles_qt45m5.css} +1 -1
- package/es/components/Pagination/Pagination.css +17 -17
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +17 -17
- package/es/components/Range/Range.css +12 -12
- package/es/components/Select/Select.css +17 -17
- package/es/components/Select/Select.styles.js +3 -3
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/{Select.styles_1nzals0.css → Select.styles_hzoeqc.css} +1 -1
- package/es/components/Select/Select.tokens.js +1 -5
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +17 -17
- package/es/components/Select/ui/Inner/ui/Item/Item.css +17 -17
- package/es/components/Select/ui/Target/Target.css +12 -12
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +12 -12
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +15 -29
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/{Textfield.styles_11yj58s.css → Textfield.styles_rtzthp.css} +2 -2
- package/es/components/Slider/Slider.css +12 -12
- package/es/components/Slider/components/Double/Double.css +12 -12
- package/es/components/TextArea/TextArea.styles.js +27 -27
- package/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/es/components/TextArea/{TextArea.styles_1kzzs11.css → TextArea.styles_1fyj8ox.css} +2 -2
- package/es/components/TextArea/TextArea.tokens.js +0 -15
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/TextArea/variations/_view/base.js +1 -1
- package/es/components/TextArea/variations/_view/base.js.map +1 -1
- package/es/components/TextArea/variations/_view/base_jjtr9h.css +1 -0
- package/es/components/TextField/TextField.styles.js +1 -1
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/{cjs/components/TextField/TextField.styles_uponva.css → es/components/TextField/TextField.styles_ht6ibd.css} +1 -1
- package/es/components/TextField/TextField.tokens.js +0 -3
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/index.css +54 -54
- package/package.json +4 -4
- package/styled-components/cjs/components/Autocomplete/Autocomplete.styles.js +2 -2
- package/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js +0 -3
- package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +2 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -2
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +0 -1
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/styled-components/cjs/components/Select/Select.styles.js +2 -2
- package/styled-components/cjs/components/Select/Select.tokens.js +1 -5
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +9 -15
- package/styled-components/cjs/components/TextArea/TextArea.styles.js +2 -2
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +0 -15
- package/styled-components/cjs/components/TextArea/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/TextField/TextField.styles.js +1 -1
- package/styled-components/cjs/components/TextField/TextField.tokens.js +0 -3
- package/styled-components/es/components/Autocomplete/Autocomplete.styles.js +2 -2
- package/styled-components/es/components/Autocomplete/Autocomplete.tokens.js +0 -3
- package/styled-components/es/components/Autocomplete/ui/TextField/TextField.styles.js +1 -1
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +2 -2
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -2
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +0 -1
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/styled-components/es/components/Select/Select.styles.js +2 -2
- package/styled-components/es/components/Select/Select.tokens.js +1 -5
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +9 -15
- package/styled-components/es/components/TextArea/TextArea.styles.js +2 -2
- package/styled-components/es/components/TextArea/TextArea.tokens.js +0 -15
- package/styled-components/es/components/TextArea/variations/_view/base.js +1 -1
- package/styled-components/es/components/TextField/TextField.styles.js +1 -1
- package/styled-components/es/components/TextField/TextField.tokens.js +0 -3
- package/types/components/Autocomplete/Autocomplete.styles.d.ts.map +1 -1
- package/types/components/Autocomplete/Autocomplete.tokens.d.ts +0 -3
- package/types/components/Autocomplete/Autocomplete.tokens.d.ts.map +1 -1
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +0 -2
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts +0 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Select/Select.styles.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +1 -5
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +0 -15
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +0 -3
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/cjs/components/TextArea/variations/_view/base_8npjyq.css +0 -1
- package/es/components/TextArea/variations/_view/base_8npjyq.css +0 -1
@@ -23,7 +23,7 @@ var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["
|
|
23
23
|
// NOTE: переопределение токенов TextField
|
24
24
|
var StyledInput = exports.StyledInput = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
|
25
25
|
componentId: "plasma-new-hope__sc-1ye0xbz-1"
|
26
|
-
})(["width:100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ")
|
26
|
+
})(["width:100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _TextField.textFieldTokens.color, _DatePicker.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePicker.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.caretColor, _DatePicker.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DatePicker.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DatePicker.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DatePicker.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _DatePicker.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DatePicker.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DatePicker.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _DatePicker.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DatePicker.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _DatePicker.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DatePicker.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DatePicker.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelInnerFontFamily, _DatePicker.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DatePicker.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DatePicker.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DatePicker.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DatePicker.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DatePicker.tokens.labelInnerLineHeight, _TextField.textFieldTokens.leftContentMargin, _DatePicker.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DatePicker.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DatePicker.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DatePicker.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DatePicker.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DatePicker.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DatePicker.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DatePicker.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DatePicker.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DatePicker.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DatePicker.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DatePicker.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DatePicker.tokens.textFieldTextAfterMargin, _DatePicker.classes.datePickerError, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorErrorFocus, _DatePicker.classes.datePickerSuccess, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorSuccessFocus);
|
27
27
|
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;.", ",.", "{width:inherit;}"], /*#__PURE__*/String(_Popover.popoverClasses.wrapper), /*#__PURE__*/String(_Popover.popoverClasses.target));
|
28
28
|
var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].label.withConfig({
|
29
29
|
componentId: "plasma-new-hope__sc-1ye0xbz-2"
|
@@ -21,7 +21,7 @@ var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["
|
|
21
21
|
}, /*#__PURE__*/String(_Popover.popoverClasses.target));
|
22
22
|
var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
|
23
23
|
componentId: "plasma-new-hope__sc-le54jv-1"
|
24
|
-
})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";
|
24
|
+
})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");"], _Select.constants.background, _Select.constants.boxShadow, _Select.tokens.borderRadius, function (_ref2) {
|
25
25
|
var listWidth = _ref2.listWidth;
|
26
26
|
return listWidth || '100%';
|
27
27
|
}, function (_ref3) {
|
@@ -30,7 +30,7 @@ var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
|
|
30
30
|
}, function (_ref4) {
|
31
31
|
var listOverflow = _ref4.listOverflow;
|
32
32
|
return listOverflow || 'initial';
|
33
|
-
},
|
33
|
+
}, function (_ref5) {
|
34
34
|
var isInnerUl = _ref5.isInnerUl;
|
35
35
|
return isInnerUl ? "calc(var(".concat(_Select.tokens.padding, ") * -1) 0 0 var(").concat(_Select.tokens.padding, ")") : 0;
|
36
36
|
}, _Select.tokens.padding);
|
@@ -58,9 +58,6 @@ var tokens = exports.tokens = {
|
|
58
58
|
targetTextfieldBackgroundColor: '--plasma-select-target-textfield-background-color',
|
59
59
|
targetTextfieldBackgroundColorOpened: '--plasma-select-target-textfield-background-color-opened',
|
60
60
|
targetTextfieldBorderColor: '--plasma-select-target-textfield-border-color',
|
61
|
-
targetTextfieldBorderColorHover: '--plasma-select-target-textfield-border-color-hover',
|
62
|
-
targetTextfieldBorderOpenedColor: '--plasma-select-target-textfield-border-opened-color',
|
63
|
-
targetTextfieldBorderSize: '--plasma-select-target-textfield-border-size',
|
64
61
|
targetButtonPadding: '--plasma-select-target-button-padding',
|
65
62
|
targetTextfieldPadding: '--plasma-select-target-textfield-padding',
|
66
63
|
targetTextfieldChipPadding: '--plasma-select-target-textfield-chip-padding',
|
@@ -77,8 +74,6 @@ var tokens = exports.tokens = {
|
|
77
74
|
chipCloseIconSize: '--plasma-select-chip-close-icon-size',
|
78
75
|
chipClearContentMarginLeft: '--plasma-select-chip-clear-content-margin-left',
|
79
76
|
chipClearContentMarginRight: '--plasma-select-chip-clear-content-margin-right',
|
80
|
-
popoverBorderColor: '--plasma-select-popover-border-color',
|
81
|
-
popoverBorderWidth: '--plasma-select-popover-border-width',
|
82
77
|
labelOffset: '--plasma-select-label-offset',
|
83
78
|
innerLabelGap: '--plasma-select-inner-label-gap',
|
84
79
|
helperTextColor: '--plasma-select-helper-text-color',
|
@@ -99,6 +94,7 @@ var constants = exports.constants = {
|
|
99
94
|
textfieldOuterLabelColor: '--text-primary',
|
100
95
|
textfieldInnerLabelColor: '--text-secondary',
|
101
96
|
textfieldPlaceholderColor: '--text-secondary',
|
97
|
+
textfieldBorderSize: '0.0625rem',
|
102
98
|
opacity: '0.4',
|
103
99
|
fontFamily: '--plasma-typo-body-xs-font-family',
|
104
100
|
fontSize: '--plasma-typo-body-xs-font-size',
|
@@ -16,28 +16,22 @@ var mergedButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Button.buttonCo
|
|
16
16
|
var Button = /*#__PURE__*/(0, _engines.component)(mergedButtonConfig);
|
17
17
|
var TextfieldWrapper = exports.TextfieldWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
18
18
|
componentId: "plasma-new-hope__sc-1akl2tk-0"
|
19
|
-
})(["display:inline;.", "{
|
19
|
+
})(["display:inline;.", "{background:", ";padding:", ";}.", "::before{box-shadow:none !important;}"], _Select.classes.textfieldTarget, function (_ref) {
|
20
20
|
var opened = _ref.opened;
|
21
21
|
return opened ? "var(".concat(_Select.tokens.targetTextfieldBackgroundColorOpened, ")") : "var(".concat(_Select.tokens.targetTextfieldBackgroundColor, ")");
|
22
22
|
}, function (_ref2) {
|
23
23
|
var value = _ref2.value;
|
24
24
|
return Array.isArray(value) && !(0, _utils.isEmpty)(value) ? "0 var(".concat(_Select.tokens.targetTextfieldChipPadding, ")") : "0 var(".concat(_Select.tokens.targetTextfieldPadding, ")");
|
25
|
-
}, function (_ref3) {
|
26
|
-
var opened = _ref3.opened;
|
27
|
-
return opened ? "var(".concat(_Select.tokens.targetTextfieldBorderSize, ") solid var(").concat(_Select.tokens.targetTextfieldBorderOpenedColor, ")") : "var(".concat(_Select.tokens.targetTextfieldBorderSize, ") solid var(").concat(_Select.tokens.targetTextfieldBorderColor, ")");
|
28
|
-
}, _Select.classes.textfieldTarget, function (_ref4) {
|
29
|
-
var opened = _ref4.opened;
|
30
|
-
return opened ? "var(".concat(_Select.tokens.targetTextfieldBorderSize, ") solid var(").concat(_Select.tokens.targetTextfieldBorderOpenedColor, ")") : "var(".concat(_Select.tokens.targetTextfieldBorderSize, ") solid var(").concat(_Select.tokens.targetTextfieldBorderColorHover, ")");
|
31
25
|
}, _Select.classes.selectWithoutBoxShadow);
|
32
26
|
var StyledButton = exports.StyledButton = /*#__PURE__*/(0, _styledComponents["default"])(Button).withConfig({
|
33
27
|
componentId: "plasma-new-hope__sc-1akl2tk-1"
|
34
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");box-shadow:inset 0 0 0 ", " var(", ");text-align:left;", ""], _Button.buttonTokens.buttonColor, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonColorHover, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonColorActive, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonHeight, function (
|
35
|
-
var renderTarget =
|
28
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");box-shadow:inset 0 0 0 ", " var(", ");text-align:left;", ""], _Button.buttonTokens.buttonColor, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonColorHover, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonColorActive, _Select.constants.textfieldTargetColor, _Button.buttonTokens.buttonHeight, function (_ref3) {
|
29
|
+
var renderTarget = _ref3.renderTarget;
|
36
30
|
return renderTarget ? 'auto' : "var(".concat(_Select.tokens.targetHeight, ")");
|
37
|
-
}, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Select.tokens.targetTextfieldPadding, _Button.buttonTokens.buttonRadius, _Select.tokens.borderRadius, _Button.buttonTokens.buttonFontFamily, _Select.tokens.fontFamily, _Button.buttonTokens.buttonFontSize, _Select.tokens.fontSize, _Button.buttonTokens.buttonFontStyle, _Select.tokens.fontStyle, _Button.buttonTokens.buttonFontWeight, _Select.tokens.fontWeight, _Button.buttonTokens.buttonLetterSpacing, _Select.tokens.fontLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Select.tokens.fontLineHeight, _Button.buttonTokens.buttonDisabledOpacity, _Select.constants.opacity, _Button.buttonTokens.buttonFocusColor, _Select.constants.focusColor, _Select.
|
38
|
-
outlineOffset: _Select.
|
31
|
+
}, _Button.buttonTokens.buttonWidth, _Button.buttonTokens.buttonPadding, _Select.tokens.targetTextfieldPadding, _Button.buttonTokens.buttonRadius, _Select.tokens.borderRadius, _Button.buttonTokens.buttonFontFamily, _Select.tokens.fontFamily, _Button.buttonTokens.buttonFontSize, _Select.tokens.fontSize, _Button.buttonTokens.buttonFontStyle, _Select.tokens.fontStyle, _Button.buttonTokens.buttonFontWeight, _Select.tokens.fontWeight, _Button.buttonTokens.buttonLetterSpacing, _Select.tokens.fontLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Select.tokens.fontLineHeight, _Button.buttonTokens.buttonDisabledOpacity, _Select.constants.opacity, _Button.buttonTokens.buttonFocusColor, _Select.constants.focusColor, _Select.constants.textfieldBorderSize, _Select.tokens.targetTextfieldBorderColor, /*#__PURE__*/(0, _mixins.addFocus)({
|
32
|
+
outlineOffset: _Select.constants.textfieldBorderSize,
|
39
33
|
outlineSize: _Select.constants.focusSize,
|
40
|
-
outlineRadius: /*#__PURE__*/"calc(var(".concat(_Select.tokens.borderRadius, ") - ").concat(_Select.
|
34
|
+
outlineRadius: /*#__PURE__*/"calc(var(".concat(_Select.tokens.borderRadius, ") - ").concat(_Select.constants.textfieldBorderSize, ")"),
|
41
35
|
outlineColor: /*#__PURE__*/"var(".concat(_Select.constants.focusColor, ")")
|
42
36
|
}));
|
43
37
|
var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureDownCentered).withConfig({
|
@@ -51,9 +45,9 @@ var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].div.wi
|
|
51
45
|
})(["width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;.", "{transform:rotate(-180deg);}"], _Select.classes.arrowInverse);
|
52
46
|
var ChipWrapper = exports.ChipWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
53
47
|
componentId: "plasma-new-hope__sc-1akl2tk-5"
|
54
|
-
})(["width:100%;display:flex;min-width:0;padding:", ";gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(", ");border-bottom-right-radius:var(", ");-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}"], function (
|
55
|
-
var multiselect =
|
56
|
-
value =
|
48
|
+
})(["width:100%;display:flex;min-width:0;padding:", ";gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(", ");border-bottom-right-radius:var(", ");-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}"], function (_ref4) {
|
49
|
+
var multiselect = _ref4.multiselect,
|
50
|
+
value = _ref4.value;
|
57
51
|
return "calc(".concat(_Select.constants.focusSize, " + ").concat(multiselect && value && value.length > 0 ? "var(".concat(_Select.tokens.focusOffset, ")") : 0, ")");
|
58
52
|
}, _Select.tokens.chipBorderRadius, _Select.tokens.chipBorderRadius);
|
59
53
|
var Label = exports.Label = /*#__PURE__*/_styledComponents["default"].label.withConfig({
|
@@ -10,7 +10,7 @@ var _TextArea = /*#__PURE__*/require("./TextArea.tokens");
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
11
|
var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
12
12
|
componentId: "plasma-new-hope__sc-pxxv3p-0"
|
13
|
-
})(["position:relative;display:inline-flex;margin-bottom:var(", ");
|
13
|
+
})(["position:relative;display:inline-flex;margin-bottom:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _TextArea.tokens.labelMarginBottom, _TextArea.tokens.inputFontFamily, _TextArea.tokens.inputFontSize, _TextArea.tokens.inputFontStyle, _TextArea.tokens.inputFontWeight, _TextArea.tokens.inputLetterSpacing, _TextArea.tokens.inputLineHeight);
|
14
14
|
var StyledOptionalText = exports.StyledOptionalText = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
15
15
|
componentId: "plasma-new-hope__sc-pxxv3p-1"
|
16
16
|
})(["color:var(", ");"], _TextArea.tokens.optionalColor);
|
@@ -25,7 +25,7 @@ var StyledTextAreaWrapper = exports.StyledTextAreaWrapper = /*#__PURE__*/_styled
|
|
25
25
|
});
|
26
26
|
var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
27
27
|
componentId: "plasma-new-hope__sc-pxxv3p-3"
|
28
|
-
})(["position:absolute;display:flex;align-items:center;bottom:0;z-index:1;
|
28
|
+
})(["position:absolute;display:flex;align-items:center;bottom:0;z-index:1;top:var(", ");right:var(", ");height:var(", ");"], _TextArea.tokens.rightContentTop, _TextArea.tokens.rightContentRight, _TextArea.tokens.rightContentHeight);
|
29
29
|
var StyledContainer = exports.StyledContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
30
30
|
componentId: "plasma-new-hope__sc-pxxv3p-4"
|
31
31
|
})(["display:inline-flex;flex-direction:column;width:", ";position:relative;"], function (_ref3) {
|
@@ -111,20 +111,6 @@ var tokens = exports.tokens = {
|
|
111
111
|
rightContentRight: '--plasma-textarea-right-content-right',
|
112
112
|
/** Высота контента справа */
|
113
113
|
rightContentHeight: '--plasma-textarea-right-content-height',
|
114
|
-
/** Шрифт для элемента label, когда он внутри и уменьшен */
|
115
|
-
labelOuterColor: '--plasma-textarea-label-outer-color',
|
116
|
-
/** Шрифт для элемента label, когда он внутри и уменьшен */
|
117
|
-
labelOuterFontFamily: '--plasma-textarea-label-outer-font-family',
|
118
|
-
/** Размер шрифта для элемента label, когда он внутри и уменьшен */
|
119
|
-
labelOuterFontSize: '--plasma-textarea-label-outer-font-size',
|
120
|
-
/** Стиль шрифта для элемента label, когда он внутри и уменьшен */
|
121
|
-
labelOuterFontStyle: '--plasma-textarea-label-outer-font-style',
|
122
|
-
/** Начертание шрифта для элемента label, когда он внутри и уменьшен */
|
123
|
-
labelOuterFontWeight: '--plasma-textarea-label-outer-font-weight',
|
124
|
-
/** Межсимвольное расстояние для элемента label, когда он внутри и уменьшен */
|
125
|
-
labelOuterLetterSpacing: '--plasma-textarea-label-outer-letter-spacing',
|
126
|
-
/** Высота строки для элемента label, когда он внутри и уменьшен */
|
127
|
-
labelOuterLineHeight: '--plasma-textarea-label-outer-line-height',
|
128
114
|
/** Отступ сверху для элемента label, когда он внутри и уменьшен */
|
129
115
|
labelMarginBottom: '--plasma-textarea-label-margin-bottom',
|
130
116
|
/** Шрифт для элемента label, когда он внутри и уменьшен */
|
@@ -167,7 +153,6 @@ var tokens = exports.tokens = {
|
|
167
153
|
helpersLetterSpacing: '--plasma-textarea-helpers-letter-spacing',
|
168
154
|
/** Высота строки для элемента блока подписей снизу */
|
169
155
|
helpersLineHeight: '--plasma-textarea-helpers-line-height',
|
170
|
-
rightContentColor: '--plasma-textarea-right-content-color',
|
171
156
|
/** Прозрачность для всего компонента в состоянии disabled */
|
172
157
|
disabledOpacity: '--plasma-textarea-disabled-opacity',
|
173
158
|
/** Цвет текста для элемента textarea в состоянии disabled */
|
@@ -10,4 +10,4 @@ var styledContainer = _TextArea.classes.styledContainer,
|
|
10
10
|
styledTextAreaWrapper = _TextArea.classes.styledTextAreaWrapper,
|
11
11
|
styledHelpers = _TextArea.classes.styledHelpers;
|
12
12
|
var exclusionSelectors = 'not([disabled]):not([readonly]):not(:focus-within)';
|
13
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{transition:box-shadow 0.1s ease-in-out;border-radius:var(", ");
|
13
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{transition:box-shadow 0.1s ease-in-out;border-radius:var(", ");box-shadow:inset 0 0 0 var(", ",1px) var(", ");}.", "{transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:focus-within:not([readonly]) .", "{background-color:var(", ");box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:focus-within:not([readonly]) .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:focus-within:not([readonly]) .", "{background-color:var(", ");}&:hover:", " .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:hover:", " .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");background-color:var(", ");}&:hover:", " .", " + .", "{background-color:var(", ");}&:active:", " .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");background-color:var(", ");}&:active:", " .", " + .", "{background-color:var(", ");}"], /*#__PURE__*/String(styledContainer), _TextArea.tokens.borderRadius, _TextArea.tokens.borderSize, _TextArea.tokens.borderColor, /*#__PURE__*/String(styledTextAreaWrapper), _TextArea.tokens.borderSize, _TextArea.tokens.inputBorderColor, /*#__PURE__*/String(styledTextAreaWrapper), _TextArea.tokens.inputBackgroundColorFocus, _TextArea.tokens.borderSize, _TextArea.tokens.inputBorderColorFocus, /*#__PURE__*/String(styledContainer), _TextArea.tokens.borderSize, _TextArea.tokens.borderColorFocus, /*#__PURE__*/String(styledHelpers), _TextArea.tokens.helpersBackgroundColorFocus, exclusionSelectors, /*#__PURE__*/String(styledContainer), _TextArea.tokens.borderSize, _TextArea.tokens.borderColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), _TextArea.tokens.borderSize, _TextArea.tokens.inputBorderColorHover, _TextArea.tokens.inputBackgroundColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), /*#__PURE__*/String(styledHelpers), _TextArea.tokens.helpersBackgroundColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), _TextArea.tokens.borderSize, _TextArea.tokens.inputBorderColorActive, _TextArea.tokens.inputBackgroundColorActive, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), /*#__PURE__*/String(styledHelpers), _TextArea.tokens.helpersBackgroundColorActive);
|
@@ -36,7 +36,7 @@ var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/(0, _styledComp
|
|
36
36
|
})(["margin:var(", ");"], _TextField.tokens.leftContentMargin);
|
37
37
|
var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/(0, _styledComponents["default"])(StyledContentSlot).withConfig({
|
38
38
|
componentId: "plasma-new-hope__sc-g4vxbb-9"
|
39
|
-
})(["margin:var(", ")
|
39
|
+
})(["margin:var(", ");&:hover{color:var(", ");cursor:pointer;}&:active{color:var(", ");}"], _TextField.tokens.rightContentMargin, _TextField.tokens.contentSlotColorHover, _TextField.tokens.contentSlotColorActive);
|
40
40
|
var LeftHelper = exports.LeftHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
41
41
|
componentId: "plasma-new-hope__sc-g4vxbb-10"
|
42
42
|
})([""]);
|
@@ -50,9 +50,6 @@ var tokens = exports.tokens = {
|
|
50
50
|
contentSlotColor: '--plasma-textfield-content-slot-color',
|
51
51
|
contentSlotColorHover: '--plasma-textfield-content-slot-color-hover',
|
52
52
|
contentSlotColorActive: '--plasma-textfield-content-slot-color-active',
|
53
|
-
contentSlotRightColor: '--plasma-textfield-content-right-slot-color',
|
54
|
-
contentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',
|
55
|
-
contentSlotRightColorActive: '--plasma-textfield-content-right-slot-color-active',
|
56
53
|
/** Токены лейбла */
|
57
54
|
labelColor: '--plasma-textfield__label-color',
|
58
55
|
labelColorReadOnly: '--plasma-textfield__label-color-readonly',
|
@@ -13,10 +13,10 @@ export var StyledPopover = /*#__PURE__*/styled(Popover).withConfig({
|
|
13
13
|
});
|
14
14
|
export var Ul = /*#__PURE__*/styled.ul.withConfig({
|
15
15
|
componentId: "plasma-new-hope__sc-ff6pwi-1"
|
16
|
-
})(["box-sizing:border-box;background:var(", ");box-shadow:var(", ");border-radius:var(", ");height:auto;max-height:", ";overflow-y:scroll;
|
16
|
+
})(["box-sizing:border-box;background:var(", ");box-shadow:var(", ");border-radius:var(", ");height:auto;max-height:", ";overflow-y:scroll;margin:0;padding:var(", ");"], tokens.background, tokens.boxShadow, tokens.borderRadius, function (_ref2) {
|
17
17
|
var listMaxHeight = _ref2.listMaxHeight;
|
18
18
|
return listMaxHeight || 'none';
|
19
|
-
}, tokens.
|
19
|
+
}, tokens.padding);
|
20
20
|
export var LeftHelper = /*#__PURE__*/styled.div.withConfig({
|
21
21
|
componentId: "plasma-new-hope__sc-ff6pwi-2"
|
22
22
|
})(["color:", ";margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");opacity:var(", ");cursor:", ";"], function (_ref3) {
|
@@ -60,14 +60,11 @@ export var tokens = {
|
|
60
60
|
textFieldTextAfterMargin: '--plasma-autocomplete-textfield__after-text-margin',
|
61
61
|
textFieldDisabledOpacity: '--plasma-autocomplete-textfield-disabled-opacity',
|
62
62
|
textFieldFocusColor: '--plasma-autocomplete-textfield-focus-color',
|
63
|
-
textFieldContentSlotColor: '--plasma-autocomplete-content-color',
|
64
63
|
// Токены для дропдауна
|
65
64
|
background: '--plasma-autocomplete-background',
|
66
65
|
boxShadow: '--plasma-autocomplete-box-shadow',
|
67
66
|
borderRadius: '--plasma-autocomplete-border-radius',
|
68
67
|
padding: '--plasma-autocomplete-padding',
|
69
|
-
dropdownBorderColor: '--plasma-select-dropdown-border-color',
|
70
|
-
dropdownBorderWidth: '--plasma-select-dropdown-border-width',
|
71
68
|
itemPadding: '--plasma-autocomplete-item-padding',
|
72
69
|
itemBorderRadius: '--plasma-autocomplete-item-border-radius',
|
73
70
|
itemFontFamily: '--plasma-autocomplete-item-font-family',
|
@@ -6,4 +6,4 @@ var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig);
|
|
6
6
|
var TextField = /*#__PURE__*/component(mergedConfig);
|
7
7
|
export var StyledTextField = /*#__PURE__*/styled(TextField).withConfig({
|
8
8
|
componentId: "plasma-new-hope__sc-1rp2ggs-0"
|
9
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"
|
9
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], textFieldTokens.color, autocompleteTokens.textFieldColor, textFieldTokens.backgroundColor, autocompleteTokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, autocompleteTokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, autocompleteTokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, autocompleteTokens.textFieldBorderColor, textFieldTokens.borderColorHover, autocompleteTokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, autocompleteTokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, autocompleteTokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, autocompleteTokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, autocompleteTokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, autocompleteTokens.textFieldPlaceholderColorReadOnly, textFieldTokens.caretColor, autocompleteTokens.textFieldCaretColor, textFieldTokens.placeholderColor, autocompleteTokens.textFieldPlaceholderColor, textFieldTokens.height, autocompleteTokens.textFieldHeight, textFieldTokens.borderWidth, autocompleteTokens.textFieldBorderWidth, textFieldTokens.borderRadius, autocompleteTokens.textFieldBorderRadius, textFieldTokens.padding, autocompleteTokens.textFieldPadding, textFieldTokens.leftContentMargin, autocompleteTokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, autocompleteTokens.textFieldRightContentMargin, textFieldTokens.fontFamily, autocompleteTokens.textFieldFontFamily, textFieldTokens.fontStyle, autocompleteTokens.textFieldFontStyle, textFieldTokens.fontSize, autocompleteTokens.textFieldFontSize, textFieldTokens.fontWeight, autocompleteTokens.textFieldFontWeight, textFieldTokens.letterSpacing, autocompleteTokens.textFieldLetterSpacing, textFieldTokens.lineHeight, autocompleteTokens.textFieldLineHeight, textFieldTokens.labelColor, autocompleteTokens.textFieldLabelColor, textFieldTokens.labelColorReadOnly, autocompleteTokens.textFieldLabelColorReadOnly, textFieldTokens.labelOffset, autocompleteTokens.textFieldLabelOffset, textFieldTokens.labelFontFamily, autocompleteTokens.textFieldLabelFontFamily, textFieldTokens.labelFontStyle, autocompleteTokens.textFieldLabelFontStyle, textFieldTokens.labelFontSize, autocompleteTokens.textFieldLabelFontSize, textFieldTokens.labelFontWeight, autocompleteTokens.textFieldLabelFontWeight, textFieldTokens.labelLetterSpacing, autocompleteTokens.textFieldLabelLetterSpacing, textFieldTokens.labelLineHeight, autocompleteTokens.textFieldLabelLineHeight, textFieldTokens.labelInnerFontFamily, autocompleteTokens.textFieldLabelInnerFontFamily, textFieldTokens.labelInnerFontStyle, autocompleteTokens.textFieldLabelInnerFontStyle, textFieldTokens.labelInnerFontSize, autocompleteTokens.textFieldLabelInnerFontSize, textFieldTokens.labelInnerFontWeight, autocompleteTokens.textFieldLabelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, autocompleteTokens.textFieldLabelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, autocompleteTokens.textFieldLabelInnerLineHeight, textFieldTokens.labelInnerPadding, autocompleteTokens.textFieldLabelInnerPadding, textFieldTokens.contentLabelInnerPadding, autocompleteTokens.textFieldContentLabelInnerPadding, textFieldTokens.leftHelperColor, autocompleteTokens.textFieldLeftHelperColor, textFieldTokens.leftHelperColorReadOnly, autocompleteTokens.textFieldLeftHelperColorReadOnly, textFieldTokens.leftHelperOffset, autocompleteTokens.textFieldLeftHelperOffset, textFieldTokens.leftHelperFontFamily, autocompleteTokens.textFieldLeftHelperFontFamily, textFieldTokens.leftHelperFontStyle, autocompleteTokens.textFieldLeftHelperFontStyle, textFieldTokens.leftHelperFontSize, autocompleteTokens.textFieldLeftHelperFontSize, textFieldTokens.leftHelperFontWeight, autocompleteTokens.textFieldLeftHelperFontWeight, textFieldTokens.leftHelperLetterSpacing, autocompleteTokens.textFieldLeftHelperLetterSpacing, textFieldTokens.leftHelperLineHeight, autocompleteTokens.textFieldLeftHelperLineHeight, textFieldTokens.textBeforeColor, autocompleteTokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, autocompleteTokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, autocompleteTokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, autocompleteTokens.textFieldTextAfterMargin, textFieldTokens.disabledOpacity, autocompleteTokens.textFieldDisabledOpacity, textFieldTokens.focusColor, autocompleteTokens.textFieldFocusColor);
|
@@ -8,7 +8,7 @@ var mergedConfig = /*#__PURE__*/mergeConfig(emptyStateConfig);
|
|
8
8
|
var EmptyState = /*#__PURE__*/component(mergedConfig);
|
9
9
|
export var Ul = /*#__PURE__*/styled.ul.withConfig({
|
10
10
|
componentId: "plasma-new-hope__sc-2kddkg-0"
|
11
|
-
})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";
|
11
|
+
})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ") 0;.", "{box-shadow:none;}"], constants.background, constants.boxShadow, tokens.borderRadius, function (_ref) {
|
12
12
|
var listWidth = _ref.listWidth;
|
13
13
|
return listWidth || '100%';
|
14
14
|
}, function (_ref2) {
|
@@ -17,7 +17,7 @@ export var Ul = /*#__PURE__*/styled.ul.withConfig({
|
|
17
17
|
}, function (_ref3) {
|
18
18
|
var listOverflow = _ref3.listOverflow;
|
19
19
|
return listOverflow || 'initial';
|
20
|
-
},
|
20
|
+
}, function (_ref4) {
|
21
21
|
var isInnerUl = _ref4.isInnerUl;
|
22
22
|
return isInnerUl ? "calc(var(".concat(tokens.padding, ") * -1) 0 0 0") : 0;
|
23
23
|
}, tokens.padding, classes.emptyStateWrapper);
|
@@ -21,8 +21,6 @@ export var tokens = {
|
|
21
21
|
fontWeight: '--plasma-combobox-font-weight',
|
22
22
|
fontLetterSpacing: '--plasma-combobox-font-letter-spacing',
|
23
23
|
fontLineHeight: '--plasma-combobox-font-line-height',
|
24
|
-
dropdownBorderColor: '--plasma-select-dropdown-border-color',
|
25
|
-
dropdownBorderWidth: '--plasma-select-dropdown-border-width',
|
26
24
|
itemHeight: '--plasma-combobox-item-height',
|
27
25
|
itemBorderRadius: '--plasma-combobox-item-border-radius',
|
28
26
|
itemPadding: '--plasma-combobox-item-padding',
|
@@ -107,7 +107,6 @@ export var tokens = {
|
|
107
107
|
textFieldTextAfterColor: '--plasma-date-picker-textfield__after-text-color',
|
108
108
|
textFieldTextBeforeMargin: '--plasma-date-picker-textfield__before-text-margin',
|
109
109
|
textFieldTextAfterMargin: '--plasma-date-picker-textfield__after-text-margin',
|
110
|
-
textFieldContentSlotColor: '--plasma-date-picker-textfield__content-color',
|
111
110
|
/** Токены календаря */
|
112
111
|
calendarPaddingTop: '--plasma-date-picker-calendar-padding-top',
|
113
112
|
calendarShadow: '--plasma-date-picker-calendar-shadow',
|
@@ -15,7 +15,7 @@ export var StyledPopover = /*#__PURE__*/styled(Popover).withConfig({
|
|
15
15
|
// NOTE: переопределение токенов TextField
|
16
16
|
export var StyledInput = /*#__PURE__*/styled(TextField).withConfig({
|
17
17
|
componentId: "plasma-new-hope__sc-1ye0xbz-1"
|
18
|
-
})(["width:100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ")
|
18
|
+
})(["width:100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.borderColor, textFieldTokens.borderColorHover, tokens.borderColorHover, textFieldTokens.borderColorFocus, tokens.borderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, classes.datePickerError, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.datePickerSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
|
19
19
|
export var base = /*#__PURE__*/css(["display:inline-block;.", ",.", "{width:inherit;}"], /*#__PURE__*/String(popoverClasses.wrapper), /*#__PURE__*/String(popoverClasses.target));
|
20
20
|
export var StyledLabel = /*#__PURE__*/styled.label.withConfig({
|
21
21
|
componentId: "plasma-new-hope__sc-1ye0xbz-2"
|
@@ -13,7 +13,7 @@ export var StyledPopover = /*#__PURE__*/styled(Popover).withConfig({
|
|
13
13
|
}, /*#__PURE__*/String(popoverClasses.target));
|
14
14
|
export var Ul = /*#__PURE__*/styled.ul.withConfig({
|
15
15
|
componentId: "plasma-new-hope__sc-le54jv-1"
|
16
|
-
})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";
|
16
|
+
})(["box-sizing:border-box;background:var(", ");box-shadow:", ";border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");"], constants.background, constants.boxShadow, tokens.borderRadius, function (_ref2) {
|
17
17
|
var listWidth = _ref2.listWidth;
|
18
18
|
return listWidth || '100%';
|
19
19
|
}, function (_ref3) {
|
@@ -22,7 +22,7 @@ export var Ul = /*#__PURE__*/styled.ul.withConfig({
|
|
22
22
|
}, function (_ref4) {
|
23
23
|
var listOverflow = _ref4.listOverflow;
|
24
24
|
return listOverflow || 'initial';
|
25
|
-
},
|
25
|
+
}, function (_ref5) {
|
26
26
|
var isInnerUl = _ref5.isInnerUl;
|
27
27
|
return isInnerUl ? "calc(var(".concat(tokens.padding, ") * -1) 0 0 var(").concat(tokens.padding, ")") : 0;
|
28
28
|
}, tokens.padding);
|
@@ -52,9 +52,6 @@ export var tokens = {
|
|
52
52
|
targetTextfieldBackgroundColor: '--plasma-select-target-textfield-background-color',
|
53
53
|
targetTextfieldBackgroundColorOpened: '--plasma-select-target-textfield-background-color-opened',
|
54
54
|
targetTextfieldBorderColor: '--plasma-select-target-textfield-border-color',
|
55
|
-
targetTextfieldBorderColorHover: '--plasma-select-target-textfield-border-color-hover',
|
56
|
-
targetTextfieldBorderOpenedColor: '--plasma-select-target-textfield-border-opened-color',
|
57
|
-
targetTextfieldBorderSize: '--plasma-select-target-textfield-border-size',
|
58
55
|
targetButtonPadding: '--plasma-select-target-button-padding',
|
59
56
|
targetTextfieldPadding: '--plasma-select-target-textfield-padding',
|
60
57
|
targetTextfieldChipPadding: '--plasma-select-target-textfield-chip-padding',
|
@@ -71,8 +68,6 @@ export var tokens = {
|
|
71
68
|
chipCloseIconSize: '--plasma-select-chip-close-icon-size',
|
72
69
|
chipClearContentMarginLeft: '--plasma-select-chip-clear-content-margin-left',
|
73
70
|
chipClearContentMarginRight: '--plasma-select-chip-clear-content-margin-right',
|
74
|
-
popoverBorderColor: '--plasma-select-popover-border-color',
|
75
|
-
popoverBorderWidth: '--plasma-select-popover-border-width',
|
76
71
|
labelOffset: '--plasma-select-label-offset',
|
77
72
|
innerLabelGap: '--plasma-select-inner-label-gap',
|
78
73
|
helperTextColor: '--plasma-select-helper-text-color',
|
@@ -93,6 +88,7 @@ export var constants = {
|
|
93
88
|
textfieldOuterLabelColor: '--text-primary',
|
94
89
|
textfieldInnerLabelColor: '--text-secondary',
|
95
90
|
textfieldPlaceholderColor: '--text-secondary',
|
91
|
+
textfieldBorderSize: '0.0625rem',
|
96
92
|
opacity: '0.4',
|
97
93
|
fontFamily: '--plasma-typo-body-xs-font-family',
|
98
94
|
fontSize: '--plasma-typo-body-xs-font-size',
|
@@ -9,28 +9,22 @@ var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
|
|
9
9
|
var Button = /*#__PURE__*/component(mergedButtonConfig);
|
10
10
|
export var TextfieldWrapper = /*#__PURE__*/styled.div.withConfig({
|
11
11
|
componentId: "plasma-new-hope__sc-1akl2tk-0"
|
12
|
-
})(["display:inline;.", "{
|
12
|
+
})(["display:inline;.", "{background:", ";padding:", ";}.", "::before{box-shadow:none !important;}"], classes.textfieldTarget, function (_ref) {
|
13
13
|
var opened = _ref.opened;
|
14
14
|
return opened ? "var(".concat(tokens.targetTextfieldBackgroundColorOpened, ")") : "var(".concat(tokens.targetTextfieldBackgroundColor, ")");
|
15
15
|
}, function (_ref2) {
|
16
16
|
var value = _ref2.value;
|
17
17
|
return Array.isArray(value) && !isEmpty(value) ? "0 var(".concat(tokens.targetTextfieldChipPadding, ")") : "0 var(".concat(tokens.targetTextfieldPadding, ")");
|
18
|
-
}, function (_ref3) {
|
19
|
-
var opened = _ref3.opened;
|
20
|
-
return opened ? "var(".concat(tokens.targetTextfieldBorderSize, ") solid var(").concat(tokens.targetTextfieldBorderOpenedColor, ")") : "var(".concat(tokens.targetTextfieldBorderSize, ") solid var(").concat(tokens.targetTextfieldBorderColor, ")");
|
21
|
-
}, classes.textfieldTarget, function (_ref4) {
|
22
|
-
var opened = _ref4.opened;
|
23
|
-
return opened ? "var(".concat(tokens.targetTextfieldBorderSize, ") solid var(").concat(tokens.targetTextfieldBorderOpenedColor, ")") : "var(".concat(tokens.targetTextfieldBorderSize, ") solid var(").concat(tokens.targetTextfieldBorderColorHover, ")");
|
24
18
|
}, classes.selectWithoutBoxShadow);
|
25
19
|
export var StyledButton = /*#__PURE__*/styled(Button).withConfig({
|
26
20
|
componentId: "plasma-new-hope__sc-1akl2tk-1"
|
27
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");box-shadow:inset 0 0 0 ", " var(", ");text-align:left;", ""], buttonTokens.buttonColor, constants.textfieldTargetColor, buttonTokens.buttonColorHover, constants.textfieldTargetColor, buttonTokens.buttonColorActive, constants.textfieldTargetColor, buttonTokens.buttonHeight, function (
|
28
|
-
var renderTarget =
|
21
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");box-shadow:inset 0 0 0 ", " var(", ");text-align:left;", ""], buttonTokens.buttonColor, constants.textfieldTargetColor, buttonTokens.buttonColorHover, constants.textfieldTargetColor, buttonTokens.buttonColorActive, constants.textfieldTargetColor, buttonTokens.buttonHeight, function (_ref3) {
|
22
|
+
var renderTarget = _ref3.renderTarget;
|
29
23
|
return renderTarget ? 'auto' : "var(".concat(tokens.targetHeight, ")");
|
30
|
-
}, buttonTokens.buttonWidth, buttonTokens.buttonPadding, tokens.targetTextfieldPadding, buttonTokens.buttonRadius, tokens.borderRadius, buttonTokens.buttonFontFamily, tokens.fontFamily, buttonTokens.buttonFontSize, tokens.fontSize, buttonTokens.buttonFontStyle, tokens.fontStyle, buttonTokens.buttonFontWeight, tokens.fontWeight, buttonTokens.buttonLetterSpacing, tokens.fontLetterSpacing, buttonTokens.buttonLineHeight, tokens.fontLineHeight, buttonTokens.buttonDisabledOpacity, constants.opacity, buttonTokens.buttonFocusColor, constants.focusColor,
|
31
|
-
outlineOffset:
|
24
|
+
}, buttonTokens.buttonWidth, buttonTokens.buttonPadding, tokens.targetTextfieldPadding, buttonTokens.buttonRadius, tokens.borderRadius, buttonTokens.buttonFontFamily, tokens.fontFamily, buttonTokens.buttonFontSize, tokens.fontSize, buttonTokens.buttonFontStyle, tokens.fontStyle, buttonTokens.buttonFontWeight, tokens.fontWeight, buttonTokens.buttonLetterSpacing, tokens.fontLetterSpacing, buttonTokens.buttonLineHeight, tokens.fontLineHeight, buttonTokens.buttonDisabledOpacity, constants.opacity, buttonTokens.buttonFocusColor, constants.focusColor, constants.textfieldBorderSize, tokens.targetTextfieldBorderColor, /*#__PURE__*/addFocus({
|
25
|
+
outlineOffset: constants.textfieldBorderSize,
|
32
26
|
outlineSize: constants.focusSize,
|
33
|
-
outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.borderRadius, ") - ").concat(
|
27
|
+
outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.borderRadius, ") - ").concat(constants.textfieldBorderSize, ")"),
|
34
28
|
outlineColor: /*#__PURE__*/"var(".concat(constants.focusColor, ")")
|
35
29
|
}));
|
36
30
|
export var StyledArrow = /*#__PURE__*/styled(IconDisclosureDownCentered).withConfig({
|
@@ -44,9 +38,9 @@ export var Wrapper = /*#__PURE__*/styled.div.withConfig({
|
|
44
38
|
})(["width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;.", "{transform:rotate(-180deg);}"], classes.arrowInverse);
|
45
39
|
export var ChipWrapper = /*#__PURE__*/styled.div.withConfig({
|
46
40
|
componentId: "plasma-new-hope__sc-1akl2tk-5"
|
47
|
-
})(["width:100%;display:flex;min-width:0;padding:", ";gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(", ");border-bottom-right-radius:var(", ");-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}"], function (
|
48
|
-
var multiselect =
|
49
|
-
value =
|
41
|
+
})(["width:100%;display:flex;min-width:0;padding:", ";gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(", ");border-bottom-right-radius:var(", ");-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}"], function (_ref4) {
|
42
|
+
var multiselect = _ref4.multiselect,
|
43
|
+
value = _ref4.value;
|
50
44
|
return "calc(".concat(constants.focusSize, " + ").concat(multiselect && value && value.length > 0 ? "var(".concat(tokens.focusOffset, ")") : 0, ")");
|
51
45
|
}, tokens.chipBorderRadius, tokens.chipBorderRadius);
|
52
46
|
export var Label = /*#__PURE__*/styled.label.withConfig({
|
@@ -3,7 +3,7 @@ import { applyEllipsis } from '../../mixins';
|
|
3
3
|
import { classes, tokens } from './TextArea.tokens';
|
4
4
|
export var StyledLabel = /*#__PURE__*/styled.div.withConfig({
|
5
5
|
componentId: "plasma-new-hope__sc-pxxv3p-0"
|
6
|
-
})(["position:relative;display:inline-flex;margin-bottom:var(", ");
|
6
|
+
})(["position:relative;display:inline-flex;margin-bottom:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.labelMarginBottom, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight);
|
7
7
|
export var StyledOptionalText = /*#__PURE__*/styled.span.withConfig({
|
8
8
|
componentId: "plasma-new-hope__sc-pxxv3p-1"
|
9
9
|
})(["color:var(", ");"], tokens.optionalColor);
|
@@ -18,7 +18,7 @@ export var StyledTextAreaWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
18
18
|
});
|
19
19
|
export var StyledContent = /*#__PURE__*/styled.div.withConfig({
|
20
20
|
componentId: "plasma-new-hope__sc-pxxv3p-3"
|
21
|
-
})(["position:absolute;display:flex;align-items:center;bottom:0;z-index:1;
|
21
|
+
})(["position:absolute;display:flex;align-items:center;bottom:0;z-index:1;top:var(", ");right:var(", ");height:var(", ");"], tokens.rightContentTop, tokens.rightContentRight, tokens.rightContentHeight);
|
22
22
|
export var StyledContainer = /*#__PURE__*/styled.div.withConfig({
|
23
23
|
componentId: "plasma-new-hope__sc-pxxv3p-4"
|
24
24
|
})(["display:inline-flex;flex-direction:column;width:", ";position:relative;"], function (_ref3) {
|
@@ -105,20 +105,6 @@ export var tokens = {
|
|
105
105
|
rightContentRight: '--plasma-textarea-right-content-right',
|
106
106
|
/** Высота контента справа */
|
107
107
|
rightContentHeight: '--plasma-textarea-right-content-height',
|
108
|
-
/** Шрифт для элемента label, когда он внутри и уменьшен */
|
109
|
-
labelOuterColor: '--plasma-textarea-label-outer-color',
|
110
|
-
/** Шрифт для элемента label, когда он внутри и уменьшен */
|
111
|
-
labelOuterFontFamily: '--plasma-textarea-label-outer-font-family',
|
112
|
-
/** Размер шрифта для элемента label, когда он внутри и уменьшен */
|
113
|
-
labelOuterFontSize: '--plasma-textarea-label-outer-font-size',
|
114
|
-
/** Стиль шрифта для элемента label, когда он внутри и уменьшен */
|
115
|
-
labelOuterFontStyle: '--plasma-textarea-label-outer-font-style',
|
116
|
-
/** Начертание шрифта для элемента label, когда он внутри и уменьшен */
|
117
|
-
labelOuterFontWeight: '--plasma-textarea-label-outer-font-weight',
|
118
|
-
/** Межсимвольное расстояние для элемента label, когда он внутри и уменьшен */
|
119
|
-
labelOuterLetterSpacing: '--plasma-textarea-label-outer-letter-spacing',
|
120
|
-
/** Высота строки для элемента label, когда он внутри и уменьшен */
|
121
|
-
labelOuterLineHeight: '--plasma-textarea-label-outer-line-height',
|
122
108
|
/** Отступ сверху для элемента label, когда он внутри и уменьшен */
|
123
109
|
labelMarginBottom: '--plasma-textarea-label-margin-bottom',
|
124
110
|
/** Шрифт для элемента label, когда он внутри и уменьшен */
|
@@ -161,7 +147,6 @@ export var tokens = {
|
|
161
147
|
helpersLetterSpacing: '--plasma-textarea-helpers-letter-spacing',
|
162
148
|
/** Высота строки для элемента блока подписей снизу */
|
163
149
|
helpersLineHeight: '--plasma-textarea-helpers-line-height',
|
164
|
-
rightContentColor: '--plasma-textarea-right-content-color',
|
165
150
|
/** Прозрачность для всего компонента в состоянии disabled */
|
166
151
|
disabledOpacity: '--plasma-textarea-disabled-opacity',
|
167
152
|
/** Цвет текста для элемента textarea в состоянии disabled */
|
@@ -4,4 +4,4 @@ var styledContainer = classes.styledContainer,
|
|
4
4
|
styledTextAreaWrapper = classes.styledTextAreaWrapper,
|
5
5
|
styledHelpers = classes.styledHelpers;
|
6
6
|
var exclusionSelectors = 'not([disabled]):not([readonly]):not(:focus-within)';
|
7
|
-
export var base = /*#__PURE__*/css([".", "{transition:box-shadow 0.1s ease-in-out;border-radius:var(", ");
|
7
|
+
export var base = /*#__PURE__*/css([".", "{transition:box-shadow 0.1s ease-in-out;border-radius:var(", ");box-shadow:inset 0 0 0 var(", ",1px) var(", ");}.", "{transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:focus-within:not([readonly]) .", "{background-color:var(", ");box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:focus-within:not([readonly]) .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:focus-within:not([readonly]) .", "{background-color:var(", ");}&:hover:", " .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");}&:hover:", " .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");background-color:var(", ");}&:hover:", " .", " + .", "{background-color:var(", ");}&:active:", " .", "{box-shadow:inset 0 0 0 var(", ",1px) var(", ");background-color:var(", ");}&:active:", " .", " + .", "{background-color:var(", ");}"], /*#__PURE__*/String(styledContainer), tokens.borderRadius, tokens.borderSize, tokens.borderColor, /*#__PURE__*/String(styledTextAreaWrapper), tokens.borderSize, tokens.inputBorderColor, /*#__PURE__*/String(styledTextAreaWrapper), tokens.inputBackgroundColorFocus, tokens.borderSize, tokens.inputBorderColorFocus, /*#__PURE__*/String(styledContainer), tokens.borderSize, tokens.borderColorFocus, /*#__PURE__*/String(styledHelpers), tokens.helpersBackgroundColorFocus, exclusionSelectors, /*#__PURE__*/String(styledContainer), tokens.borderSize, tokens.borderColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), tokens.borderSize, tokens.inputBorderColorHover, tokens.inputBackgroundColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), /*#__PURE__*/String(styledHelpers), tokens.helpersBackgroundColorHover, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), tokens.borderSize, tokens.inputBorderColorActive, tokens.inputBackgroundColorActive, exclusionSelectors, /*#__PURE__*/String(styledTextAreaWrapper), /*#__PURE__*/String(styledHelpers), tokens.helpersBackgroundColorActive);
|
@@ -29,7 +29,7 @@ export var StyledContentLeft = /*#__PURE__*/styled(StyledContentSlot).withConfig
|
|
29
29
|
})(["margin:var(", ");"], tokens.leftContentMargin);
|
30
30
|
export var StyledContentRight = /*#__PURE__*/styled(StyledContentSlot).withConfig({
|
31
31
|
componentId: "plasma-new-hope__sc-g4vxbb-9"
|
32
|
-
})(["margin:var(", ")
|
32
|
+
})(["margin:var(", ");&:hover{color:var(", ");cursor:pointer;}&:active{color:var(", ");}"], tokens.rightContentMargin, tokens.contentSlotColorHover, tokens.contentSlotColorActive);
|
33
33
|
export var LeftHelper = /*#__PURE__*/styled.div.withConfig({
|
34
34
|
componentId: "plasma-new-hope__sc-g4vxbb-10"
|
35
35
|
})([""]);
|
@@ -44,9 +44,6 @@ export var tokens = {
|
|
44
44
|
contentSlotColor: '--plasma-textfield-content-slot-color',
|
45
45
|
contentSlotColorHover: '--plasma-textfield-content-slot-color-hover',
|
46
46
|
contentSlotColorActive: '--plasma-textfield-content-slot-color-active',
|
47
|
-
contentSlotRightColor: '--plasma-textfield-content-right-slot-color',
|
48
|
-
contentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',
|
49
|
-
contentSlotRightColorActive: '--plasma-textfield-content-right-slot-color-active',
|
50
47
|
/** Токены лейбла */
|
51
48
|
labelColor: '--plasma-textfield__label-color',
|
52
49
|
labelColorReadOnly: '--plasma-textfield__label-color-readonly',
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Autocomplete.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.styles.ts"],"names":[],"mappings":";AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAIF,eAAO,MAAM,aAAa;eAAgC,iBAAiB,CAAC,WAAW,CAAC;;;;;4JAKvF,CAAC;AAEF,eAAO,MAAM,EAAE;mBACI,iBAAiB,CAAC,eAAe,CAAC;
|
1
|
+
{"version":3,"file":"Autocomplete.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.styles.ts"],"names":[],"mappings":";AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAIF,eAAO,MAAM,aAAa;eAAgC,iBAAiB,CAAC,WAAW,CAAC;;;;;4JAKvF,CAAC;AAEF,eAAO,MAAM,EAAE;mBACI,iBAAiB,CAAC,eAAe,CAAC;EAcpD,CAAC;AAEF,eAAO,MAAM,UAAU;cACT,iBAAiB,CAAC,UAAU,CAAC;cAC7B,iBAAiB,CAAC,UAAU,CAAC;EAiB1C,CAAC;AAEF,eAAO,MAAM,qBAAqB,qKAMjC,CAAC"}
|