@salutejs/plasma-new-hope 0.343.0-canary.2355.19701719611.0 → 0.343.0-canary.2358.19737252394.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 +26 -28
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +26 -28
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +5 -5
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +26 -28
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +26 -28
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +26 -28
- package/cjs/components/DateTimePicker/DateTimePicker.css +26 -28
- package/cjs/components/DateTimePicker/ui/Input/Input.css +26 -28
- package/cjs/components/Pagination/Pagination.css +26 -28
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +26 -28
- package/cjs/components/Range/Range.css +26 -28
- package/cjs/components/Select/Select.css +26 -28
- package/cjs/components/Select/ui/Target/Target.css +26 -28
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +26 -28
- package/cjs/components/Slider/Slider.css +26 -28
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +26 -28
- package/cjs/components/Table/Table.css +26 -28
- package/cjs/components/Table/ui/Cell/Cell.css +26 -28
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +26 -28
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +26 -28
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +26 -28
- package/cjs/components/TextField/TextField.js +16 -23
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +8 -18
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/{TextField.styles_146520i.css → TextField.styles_1pu4eym.css} +1 -1
- package/cjs/components/TextField/ui/Hint/Hint.css +21 -21
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +23 -23
- 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 → base_o4xjq1.css} +1 -1
- 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_2lss3j.css +1 -0
- package/cjs/components/TextField/variations/_view/base.js +1 -1
- package/cjs/components/TextField/variations/_view/base.js.map +1 -1
- package/cjs/components/TextField/variations/_view/{base_1diyp23.css → base_1twy16p.css} +1 -1
- package/cjs/components/TimePicker/TimePicker.css +26 -28
- package/cjs/index.css +26 -28
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +5 -5
- package/emotion/cjs/components/TextField/TextField.js +17 -24
- package/emotion/cjs/components/TextField/TextField.styles.js +46 -49
- 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/components/TextField/variations/_view/base.js +1 -1
- package/emotion/cjs/examples/components/TextField/TextField.clear.config.js +59 -0
- package/emotion/cjs/examples/components/TextField/TextField.config.js +22 -25
- package/emotion/cjs/examples/components/TextField/TextField.js +29 -5
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +5 -5
- package/emotion/es/components/TextField/TextField.js +5 -12
- package/emotion/es/components/TextField/TextField.styles.js +46 -49
- package/emotion/es/components/TextField/variations/_label-placement/base.js +2 -2
- package/emotion/es/components/TextField/variations/_read-only/base.js +1 -1
- package/emotion/es/components/TextField/variations/_view/base.js +2 -2
- package/emotion/es/examples/components/TextField/TextField.clear.config.js +49 -0
- package/emotion/es/examples/components/TextField/TextField.config.js +22 -25
- package/emotion/es/examples/components/TextField/TextField.js +15 -2
- package/es/components/Autocomplete/Autocomplete.css +26 -28
- package/es/components/Combobox/ComboboxNew/Combobox.css +26 -28
- package/es/components/Combobox/ComboboxNew/Combobox.js +5 -5
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +26 -28
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +26 -28
- package/es/components/DatePicker/SingleDate/SingleDate.css +26 -28
- package/es/components/DateTimePicker/DateTimePicker.css +26 -28
- package/es/components/DateTimePicker/ui/Input/Input.css +26 -28
- package/es/components/Pagination/Pagination.css +26 -28
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +26 -28
- package/es/components/Range/Range.css +26 -28
- package/es/components/Select/Select.css +26 -28
- package/es/components/Select/ui/Target/Target.css +26 -28
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +26 -28
- package/es/components/Slider/Slider.css +26 -28
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +26 -28
- package/es/components/Table/Table.css +26 -28
- package/es/components/Table/ui/Cell/Cell.css +26 -28
- package/es/components/Table/ui/EditableCell/EditableCell.css +26 -28
- package/es/components/Table/ui/HeadCell/HeadCell.css +26 -28
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +26 -28
- package/es/components/TextField/TextField.js +16 -23
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +8 -18
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/{TextField.styles_146520i.css → TextField.styles_1pu4eym.css} +1 -1
- package/es/components/TextField/ui/Hint/Hint.css +21 -21
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +23 -23
- 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 → base_o4xjq1.css} +1 -1
- 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_2lss3j.css +1 -0
- package/es/components/TextField/variations/_view/base.js +1 -1
- package/es/components/TextField/variations/_view/base.js.map +1 -1
- package/es/components/TextField/variations/_view/{base_1diyp23.css → base_1twy16p.css} +1 -1
- package/es/components/TimePicker/TimePicker.css +26 -28
- package/es/index.css +26 -28
- package/package.json +4 -4
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +5 -5
- package/styled-components/cjs/components/TextField/TextField.js +16 -23
- package/styled-components/cjs/components/TextField/TextField.styles.js +31 -32
- package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +6 -4
- package/styled-components/cjs/components/TextField/variations/_read-only/base.js +3 -4
- package/styled-components/cjs/components/TextField/variations/_view/base.js +13 -2
- package/styled-components/cjs/examples/components/TextField/TextField.clear.config.js +670 -0
- package/styled-components/cjs/examples/components/TextField/TextField.config.js +10 -48
- package/styled-components/cjs/examples/components/TextField/TextField.js +29 -5
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +5 -5
- package/styled-components/es/components/TextField/TextField.js +4 -11
- package/styled-components/es/components/TextField/TextField.styles.js +31 -32
- package/styled-components/es/components/TextField/variations/_label-placement/base.js +7 -5
- package/styled-components/es/components/TextField/variations/_read-only/base.js +3 -4
- package/styled-components/es/components/TextField/variations/_view/base.js +14 -3
- package/styled-components/es/examples/components/TextField/TextField.clear.config.js +660 -0
- package/styled-components/es/examples/components/TextField/TextField.config.js +10 -48
- package/styled-components/es/examples/components/TextField/TextField.js +15 -2
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +8 -0
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +0 -4
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +8 -0
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +8 -0
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/DateTimePicker/ui/Input/Input.styles.d.ts +8 -0
- package/types/components/DateTimePicker/ui/Input/Input.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +8 -0
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +8 -0
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +8 -0
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts +0 -4
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +1 -4
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +8 -0
- package/types/components/TextField/TextField.types.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/components/TextField/variations/_view/base.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.styles.d.ts +8 -0
- package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
- package/types/examples/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/examples/components/Combobox/Combobox.d.ts +0 -24
- package/types/examples/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/components/Mask/Mask.d.ts +8 -24
- package/types/examples/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/components/NumberFormat/NumberFormat.d.ts +8 -24
- package/types/examples/components/NumberFormat/NumberFormat.d.ts.map +1 -1
- package/types/examples/components/TextField/TextField.clear.config.d.ts +48 -0
- package/types/examples/components/TextField/TextField.clear.config.d.ts.map +1 -0
- package/types/examples/components/TextField/TextField.config.d.ts +0 -3
- package/types/examples/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/components/TextField/TextField.d.ts +695 -2
- package/types/examples/components/TextField/TextField.d.ts.map +1 -1
- package/cjs/components/TextField/variations/_clear/base.js +0 -9
- package/cjs/components/TextField/variations/_clear/base.js.map +0 -1
- package/cjs/components/TextField/variations/_clear/base_ukg8yq.css +0 -1
- package/cjs/components/TextField/variations/_read-only/base_13ohoed.css +0 -1
- package/emotion/cjs/components/TextField/variations/_clear/base.js +0 -14
- package/emotion/es/components/TextField/variations/_clear/base.js +0 -4
- package/es/components/TextField/variations/_clear/base.js +0 -5
- package/es/components/TextField/variations/_clear/base.js.map +0 -1
- package/es/components/TextField/variations/_clear/base_ukg8yq.css +0 -1
- package/es/components/TextField/variations/_read-only/base_13ohoed.css +0 -1
- package/styled-components/cjs/components/TextField/variations/_clear/base.js +0 -52
- package/styled-components/es/components/TextField/variations/_clear/base.js +0 -42
- package/types/components/TextField/variations/_clear/base.d.ts +0 -2
- package/types/components/TextField/variations/_clear/base.d.ts.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { css } from "@emotion/react";
|
|
2
2
|
import { classes, tokens } from "../../TextField.tokens";
|
|
3
|
-
import { Input, InputContainer, Label } from "../../TextField.styles";
|
|
4
|
-
export var base = /*#__PURE__*/ css("&.", classes.outerLabelPlacement, "{", Label, "{position:relative;display:inline-block;color:var(", tokens.labelColor, ");}}&.", classes.innerLabelPlacement, "{", InputContainer, "{padding:var(", tokens.contentLabelInnerPadding, ");}", Input, ":not(.", classes.readOnlyInput, "):focus ~ ", Label, ",", Input, ".", classes.hasValue, " ~ ", Label, ",", Input, ".", classes.keepPlaceholder, " ~ ", Label, "{color:var(", tokens.placeholderColor, ");align-items:flex-start;padding:var(", tokens.labelInnerPadding, ");font-family:var(", tokens.labelInnerFontFamily, ");font-size:var(", tokens.labelInnerFontSize, ");font-style:var(", tokens.labelInnerFontStyle, ");font-weight:var(", tokens.labelInnerFontWeight, ");letter-spacing:var(", tokens.labelInnerLetterSpacing, ");line-height:var(", tokens.labelInnerLineHeight, ");}", Label, "{color:var(", tokens.placeholderColor, ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;width:100%;}&.", classes.
|
|
3
|
+
import { Input, InputContainer, Label, StyledIndicator } from "../../TextField.styles";
|
|
4
|
+
export var base = /*#__PURE__*/ css("&.", classes.outerLabelPlacement, "{", Label, "{position:relative;display:inline-block;color:var(", tokens.labelColor, ");}}&.", classes.innerLabelPlacement, "{", InputContainer, "{padding:var(", tokens.contentLabelInnerPadding, ");}", Input, ":not(.", classes.readOnlyInput, "):focus ~ ", Label, ",", Input, ".", classes.hasValue, " ~ ", Label, ",", Input, ".", classes.keepPlaceholder, " ~ ", Label, "{color:var(", tokens.placeholderColor, ");align-items:flex-start;padding:var(", tokens.labelInnerPadding, ");font-family:var(", tokens.labelInnerFontFamily, ");font-size:var(", tokens.labelInnerFontSize, ");font-style:var(", tokens.labelInnerFontStyle, ");font-weight:var(", tokens.labelInnerFontWeight, ");letter-spacing:var(", tokens.labelInnerLetterSpacing, ");line-height:var(", tokens.labelInnerLineHeight, ");}", Label, "{color:var(", tokens.placeholderColor, ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;width:100%;}&.", classes.hasHint, "{", StyledIndicator, "{&.", classes.innerLabelPlacement, ".", classes.requiredAlignRight, "{inset:var(", tokens.clearIndicatorHintInnerRight, ");}}}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdmFyaWF0aW9ucy9fbGFiZWwtcGxhY2VtZW50L2Jhc2UudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2xhYmVsLXBsYWNlbWVudC9iYXNlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQgeyBJbnB1dCwgSW5wdXRDb250YWluZXIsIExhYmVsLCBTdHlsZWRJbmRpY2F0b3IgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMub3V0ZXJMYWJlbFBsYWNlbWVudH0ge1xuICAgICAgICAke0xhYmVsfSB7XG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxhYmVsQ29sb3J9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmlubmVyTGFiZWxQbGFjZW1lbnR9IHtcbiAgICAgICAgJHtJbnB1dENvbnRhaW5lcn0ge1xuICAgICAgICAgICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmNvbnRlbnRMYWJlbElubmVyUGFkZGluZ30pO1xuICAgICAgICB9XG5cbiAgICAgICAgLyog0L/QvtC00L3QuNC80LDQtdGCIGxhYmVsINCy0LLQtdGA0YUg0L/RgNC4INGE0L7QutGD0YHQtSwg0L3QsNC70LjRh9C40Lgg0LfQvdCw0YfQtdC90LjRjyAqL1xuICAgICAgICAke0lucHV0fTpub3QoLiR7Y2xhc3Nlcy5yZWFkT25seUlucHV0fSk6Zm9jdXMgfiAke0xhYmVsfSwgJHtJbnB1dH0uJHtjbGFzc2VzLmhhc1ZhbHVlfSB+ICR7TGFiZWx9LCAke0lucHV0fS4ke2NsYXNzZXMua2VlcFBsYWNlaG9sZGVyfSB+ICR7TGFiZWx9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMucGxhY2Vob2xkZXJDb2xvcn0pO1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lclBhZGRpbmd9KTtcblxuICAgICAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5sYWJlbElubmVyRm9udEZhbWlseX0pO1xuICAgICAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckZvbnRTaXplfSk7XG4gICAgICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckZvbnRTdHlsZX0pO1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5sYWJlbElubmVyRm9udFdlaWdodH0pO1xuICAgICAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5sYWJlbElubmVyTGV0dGVyU3BhY2luZ30pO1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5sYWJlbElubmVyTGluZUhlaWdodH0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtMYWJlbH0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5wbGFjZWhvbGRlckNvbG9yfSk7XG5cbiAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgdG9wOiAwO1xuXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5oYXNIaW50fSB7XG4gICAgICAgICAgICAke1N0eWxlZEluZGljYXRvcn0ge1xuICAgICAgICAgICAgICAgICYuJHtjbGFzc2VzLmlubmVyTGFiZWxQbGFjZW1lbnR9LiR7Y2xhc3Nlcy5yZXF1aXJlZEFsaWduUmlnaHR9IHtcbiAgICAgICAgICAgICAgICAgICAgaW5zZXQ6IHZhcigke3Rva2Vucy5jbGVhckluZGljYXRvckhpbnRJbm5lclJpZ2h0fSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLb0IifQ== */");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { css } from "@emotion/react";
|
|
2
2
|
import { classes, tokens } from "../../TextField.tokens";
|
|
3
3
|
import { Input, InputPlaceholder, InputWrapper, Label, LeftHelper, StyledContentLeft, StyledContentRight, TitleCaption } from "../../TextField.styles";
|
|
4
|
-
export var base = /*#__PURE__*/ css("&[readonly]{
|
|
4
|
+
export var base = /*#__PURE__*/ css("&[readonly]{", InputWrapper, "{position:relative;z-index:0;color:var(", tokens.colorReadOnly, ");background:transparent;box-shadow:none;:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(", tokens.borderRadius, ");background-color:var(", tokens.backgroundColorReadOnly, ");opacity:var(", tokens.readOnlyOpacity, ");box-shadow:inset 0 0 0 var(", String(tokens.borderWidth), ") var(", tokens.borderColorReadOnly, ");z-index:-1;}:hover{background-color:transparent;}}&.", classes.hasDivider, " ", InputWrapper, "{&:before{background-color:var(", String(tokens.dividerColorReadOnly), ");}}", InputWrapper, ":focus-within ", InputPlaceholder, ",", InputPlaceholder, "{color:var(", tokens.placeholderColorReadOnly, ");}", Input, "{color:var(", tokens.colorReadOnly, ");cursor:default;min-width:unset;}", TitleCaption, "{color:var(", tokens.titleCaptionColorReadOnly, ");}", LeftHelper, "{color:var(", tokens.leftHelperColorReadOnly, ");}", StyledContentLeft, ":hover{color:var(--private_content-slot-color);}", StyledContentRight, "{opacity:var(", tokens.contentSlotRightOpacityReadOnly, ");}", StyledContentRight, ":hover,", StyledContentRight, ":active{cursor:default;color:var(", tokens.contentSlotRightColor, ",var(", tokens.contentSlotColor, "));}&.", classes.outerLabelPlacement, " ", Label, "{color:var(", tokens.labelColorReadOnly, ");}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdmFyaWF0aW9ucy9fcmVhZC1vbmx5L2Jhc2UudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3JlYWQtb25seS9iYXNlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQge1xuICAgIElucHV0LFxuICAgIElucHV0UGxhY2Vob2xkZXIsXG4gICAgSW5wdXRXcmFwcGVyLFxuICAgIExhYmVsLFxuICAgIExlZnRIZWxwZXIsXG4gICAgU3R5bGVkQ29udGVudExlZnQsXG4gICAgU3R5bGVkQ29udGVudFJpZ2h0LFxuICAgIFRpdGxlQ2FwdGlvbixcbn0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICZbcmVhZG9ubHldIHtcbiAgICAgICAgJHtJbnB1dFdyYXBwZXJ9IHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgIHotaW5kZXg6IDA7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcblxuICAgICAgICAgICAgOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLmJhY2tncm91bmRDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgICAgICAgICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLnJlYWRPbmx5T3BhY2l0eX0pO1xuICAgICAgICAgICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIHZhcigke1N0cmluZyh0b2tlbnMuYm9yZGVyV2lkdGgpfSkgdmFyKCR7dG9rZW5zLmJvcmRlckNvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgICAgICAgICB6LWluZGV4OiAtMTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgOmhvdmVyIHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtjbGFzc2VzLmhhc0RpdmlkZXJ9ICR7SW5wdXRXcmFwcGVyfSB7XG4gICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7U3RyaW5nKHRva2Vucy5kaXZpZGVyQ29sb3JSZWFkT25seSl9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICR7SW5wdXRXcmFwcGVyfTpmb2N1cy13aXRoaW4gJHtJbnB1dFBsYWNlaG9sZGVyfSwgJHtJbnB1dFBsYWNlaG9sZGVyfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnBsYWNlaG9sZGVyQ29sb3JSZWFkT25seX0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtJbnB1dH0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jb2xvclJlYWRPbmx5fSk7XG4gICAgICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICAgICAgICBtaW4td2lkdGg6IHVuc2V0O1xuICAgICAgICB9XG5cbiAgICAgICAgJHtUaXRsZUNhcHRpb259IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMudGl0bGVDYXB0aW9uQ29sb3JSZWFkT25seX0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtMZWZ0SGVscGVyfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgIH1cblxuICAgICAgICAke1N0eWxlZENvbnRlbnRMZWZ0fTpob3ZlciB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKC0tcHJpdmF0ZV9jb250ZW50LXNsb3QtY29sb3IpO1xuICAgICAgICB9XG4gICAgICAgICBcbiAgICAgICAgJHtTdHlsZWRDb250ZW50UmlnaHR9IHtcbiAgICAgICAgICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5jb250ZW50U2xvdFJpZ2h0T3BhY2l0eVJlYWRPbmx5fSk7XG4gICAgICAgIH1cblxuICAgICAgICAke1N0eWxlZENvbnRlbnRSaWdodH06aG92ZXIsICR7U3R5bGVkQ29udGVudFJpZ2h0fTphY3RpdmUge1xuICAgICAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jb250ZW50U2xvdFJpZ2h0Q29sb3J9LCB2YXIoJHt0b2tlbnMuY29udGVudFNsb3RDb2xvcn0pKTtcbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtjbGFzc2VzLm91dGVyTGFiZWxQbGFjZW1lbnR9ICR7TGFiZWx9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubGFiZWxDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNvQiJ9 */");
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { css } from "@emotion/react";
|
|
2
|
-
import { tokens } from "../../TextField.tokens";
|
|
2
|
+
import { classes, tokens } from "../../TextField.tokens";
|
|
3
3
|
import { Input, InputPlaceholder, InputWrapper, LeftHelper, StyledTextAfter, StyledTextBefore, TitleCaption } from "../../TextField.styles";
|
|
4
|
-
export var base = /*#__PURE__*/ css(InputWrapper, "{--plasma_private-textfield-border-color:var(", String(tokens.borderColor), ");--plasma_private-textfield-bg-color:var(", String(tokens.backgroundColor), ");color:var(", tokens.color, ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", tokens.borderWidth, ") var(--plasma_private-textfield-border-color),var(", tokens.boxShadow, ",inset 0 0 0 0 transparent);caret-color:var(", tokens.caretColor, ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}", InputWrapper, ":hover{--plasma_private-textfield-border-color:var(", tokens.borderColorHover, ",var(", String(tokens.borderColor), "));--plasma_private-textfield-bg-color:var(\n ", tokens.backgroundColorHover, ",var(", String(tokens.backgroundColor), ")\n );}", Input, "{color:var(", tokens.color, ");}", InputPlaceholder, "{color:var(", tokens.placeholderColor, ");}", InputWrapper, ":focus-within{--plasma_private-textfield-border-color:var(", tokens.borderColorFocus, ",var(", String(tokens.borderColor), "));--plasma_private-textfield-bg-color:var(\n ", tokens.backgroundColorFocus, ",var(", String(tokens.backgroundColor), ")\n );", InputPlaceholder, "{color:var(", tokens.placeholderColorFocus, ");}}", TitleCaption, "{color:var(", tokens.titleCaptionColor, ");}", LeftHelper, "{color:var(", tokens.leftHelperColor, ");}", StyledTextBefore, "{color:var(", tokens.textBeforeColor, ");}", StyledTextAfter, "{color:var(", tokens.textAfterColor, ");}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
4
|
+
export var base = /*#__PURE__*/ css(InputWrapper, "{--plasma_private-textfield-border-color:var(", String(tokens.borderColor), ");--plasma_private-textfield-bg-color:var(", String(tokens.backgroundColor), ");color:var(", tokens.color, ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", tokens.borderWidth, ") var(--plasma_private-textfield-border-color),var(", tokens.boxShadow, ",inset 0 0 0 0 transparent);caret-color:var(", tokens.caretColor, ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}", InputWrapper, ":hover{--plasma_private-textfield-border-color:var(", tokens.borderColorHover, ",var(", String(tokens.borderColor), "));--plasma_private-textfield-bg-color:var(\n ", tokens.backgroundColorHover, ",var(", String(tokens.backgroundColor), ")\n );}", Input, "{color:var(", tokens.color, ");}", InputPlaceholder, "{color:var(", tokens.placeholderColor, ");}", InputWrapper, ":focus-within{--plasma_private-textfield-border-color:var(", tokens.borderColorFocus, ",var(", String(tokens.borderColor), "));--plasma_private-textfield-bg-color:var(\n ", tokens.backgroundColorFocus, ",var(", String(tokens.backgroundColor), ")\n );", InputPlaceholder, "{color:var(", tokens.placeholderColorFocus, ");}}", TitleCaption, "{color:var(", tokens.titleCaptionColor, ");}", LeftHelper, "{color:var(", tokens.leftHelperColor, ");}", StyledTextBefore, "{color:var(", tokens.textBeforeColor, ");}", StyledTextAfter, "{color:var(", tokens.textAfterColor, ");}&.", classes.hasDivider, "{", InputWrapper, "{--plasma_private-textfield-divider-color:var(", String(tokens.dividerColor), ");&:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);transition:background-color 0.1s ease-in;}}&:not([readonly]) ", InputWrapper, ":hover{--plasma_private-textfield-divider-color:var(\n ", tokens.dividerColorHover, ",var(", String(tokens.dividerColor), ")\n );}&:not([readonly]) ", InputWrapper, ":focus-within{--plasma_private-textfield-divider-color:var(\n ", tokens.dividerColorFocus, ",var(", String(tokens.dividerColor), ")\n );", InputPlaceholder, "{color:var(", tokens.clearPlaceholderColorFocus, ");}}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL192aWV3L2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQudG9rZW5zJztcbmltcG9ydCB7XG4gICAgSW5wdXQsXG4gICAgSW5wdXRQbGFjZWhvbGRlcixcbiAgICBJbnB1dFdyYXBwZXIsXG4gICAgTGVmdEhlbHBlcixcbiAgICBTdHlsZWRUZXh0QWZ0ZXIsXG4gICAgU3R5bGVkVGV4dEJlZm9yZSxcbiAgICBUaXRsZUNhcHRpb24sXG59IGZyb20gJy4uLy4uL1RleHRGaWVsZC5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAke0lucHV0V3JhcHBlcn0ge1xuICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1ib3JkZXItY29sb3I6IHZhcigke1N0cmluZyh0b2tlbnMuYm9yZGVyQ29sb3IpfSk7XG4gICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJnLWNvbG9yOiB2YXIoJHtTdHJpbmcodG9rZW5zLmJhY2tncm91bmRDb2xvcil9KTtcblxuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNvbG9yfSk7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1iZy1jb2xvcik7XG4gICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIHZhcigke3Rva2Vucy5ib3JkZXJXaWR0aH0pIHZhcigtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1ib3JkZXItY29sb3IpLFxuICAgICAgICAgICAgdmFyKCR7dG9rZW5zLmJveFNoYWRvd30sIGluc2V0IDAgMCAwIDAgdHJhbnNwYXJlbnQpO1xuICAgICAgICBjYXJldC1jb2xvcjogdmFyKCR7dG9rZW5zLmNhcmV0Q29sb3J9KTtcblxuICAgICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1pbiwgY29sb3IgMC4xcyBlYXNlLWluLCBib3gtc2hhZG93IDAuMXMgZWFzZS1pbjtcbiAgICB9XG4gICAgJHtJbnB1dFdyYXBwZXJ9OmhvdmVyIHtcbiAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtYm9yZGVyLWNvbG9yOiB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3JIb3Zlcn0sIHZhcigke1N0cmluZyh0b2tlbnMuYm9yZGVyQ29sb3IpfSkpO1xuICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1iZy1jb2xvcjogdmFyKFxuICAgICAgICAgICAgJHt0b2tlbnMuYmFja2dyb3VuZENvbG9ySG92ZXJ9LFxuICAgICAgICAgICAgdmFyKCR7U3RyaW5nKHRva2Vucy5iYWNrZ3JvdW5kQ29sb3IpfSlcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICAke0lucHV0fSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3J9KTtcbiAgICB9XG5cbiAgICAke0lucHV0UGxhY2Vob2xkZXJ9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5wbGFjZWhvbGRlckNvbG9yfSk7XG4gICAgfVxuXG4gICAgJHtJbnB1dFdyYXBwZXJ9OmZvY3VzLXdpdGhpbiB7XG4gICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJvcmRlci1jb2xvcjogdmFyKCR7dG9rZW5zLmJvcmRlckNvbG9yRm9jdXN9LCB2YXIoJHtTdHJpbmcodG9rZW5zLmJvcmRlckNvbG9yKX0pKTtcbiAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtYmctY29sb3I6IHZhcihcbiAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvckZvY3VzfSxcbiAgICAgICAgICAgIHZhcigke1N0cmluZyh0b2tlbnMuYmFja2dyb3VuZENvbG9yKX0pXG4gICAgICAgICk7XG5cbiAgICAgICAgJHtJbnB1dFBsYWNlaG9sZGVyfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnBsYWNlaG9sZGVyQ29sb3JGb2N1c30pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJHtUaXRsZUNhcHRpb259IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy50aXRsZUNhcHRpb25Db2xvcn0pO1xuICAgIH1cblxuICAgICR7TGVmdEhlbHBlcn0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJDb2xvcn0pO1xuICAgIH1cblxuICAgICR7U3R5bGVkVGV4dEJlZm9yZX0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnRleHRCZWZvcmVDb2xvcn0pO1xuICAgIH1cblxuICAgICR7U3R5bGVkVGV4dEFmdGVyfSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMudGV4dEFmdGVyQ29sb3J9KTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5oYXNEaXZpZGVyfSB7XG4gICAgICAgICR7SW5wdXRXcmFwcGVyfSB7XG4gICAgICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1kaXZpZGVyLWNvbG9yOiB2YXIoJHtTdHJpbmcodG9rZW5zLmRpdmlkZXJDb2xvcil9KTtcblxuICAgICAgICAgICAgJjpiZWZvcmUge1xuICAgICAgICAgICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDAuMDYzcmVtO1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1kaXZpZGVyLWNvbG9yKTtcbiAgICAgICAgICAgICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1pbjtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICY6bm90KFtyZWFkb25seV0pICR7SW5wdXRXcmFwcGVyfTpob3ZlciB7XG4gICAgICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1kaXZpZGVyLWNvbG9yOiB2YXIoXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZGl2aWRlckNvbG9ySG92ZXJ9LFxuICAgICAgICAgICAgICAgIHZhcigke1N0cmluZyh0b2tlbnMuZGl2aWRlckNvbG9yKX0pXG4gICAgICAgICAgICApO1xuICAgICAgICB9XG5cbiAgICAgICAgJjpub3QoW3JlYWRvbmx5XSkgJHtJbnB1dFdyYXBwZXJ9OmZvY3VzLXdpdGhpbiB7XG4gICAgICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1kaXZpZGVyLWNvbG9yOiB2YXIoXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMuZGl2aWRlckNvbG9yRm9jdXN9LFxuICAgICAgICAgICAgICAgIHZhcigke1N0cmluZyh0b2tlbnMuZGl2aWRlckNvbG9yKX0pXG4gICAgICAgICAgICApO1xuXG4gICAgICAgICAgICAke0lucHV0UGxhY2Vob2xkZXJ9IHtcbiAgICAgICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNsZWFyUGxhY2Vob2xkZXJDb2xvckZvY3VzfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFvQiJ9 */");
|