@salutejs/plasma-new-hope 0.342.0-canary.2332.19529559076.0 → 0.342.0-canary.2336.19529565518.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 +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +3 -3
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +3 -3
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +1 -1
- package/cjs/components/DateTimePicker/DateTimePicker.css +1 -1
- package/cjs/components/DateTimePicker/ui/Input/Input.css +1 -1
- package/cjs/components/Pagination/Pagination.css +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
- package/cjs/components/Range/Range.css +3 -3
- package/cjs/components/Range/variations/_disabled/base.js +1 -1
- package/cjs/components/Range/variations/_disabled/base.js.map +1 -1
- package/cjs/components/Range/variations/_disabled/base_14rf606.css +1 -0
- package/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/cjs/components/Range/variations/_readonly/base.js.map +1 -1
- package/{es/components/Range/variations/_readonly/base_1lu7vb0.css → cjs/components/Range/variations/_readonly/base_15u5q5r.css} +1 -1
- package/cjs/components/Select/Select.css +1 -1
- package/cjs/components/Select/ui/Target/Target.css +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
- package/cjs/components/Slider/Slider.css +1 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
- package/cjs/components/Table/Table.css +1 -1
- package/cjs/components/Table/ui/Cell/Cell.css +1 -1
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +1 -1
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +1 -1
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.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/{es/components/TextField/variations/_read-only/base_1ejddo2.css → cjs/components/TextField/variations/_read-only/base_13ohoed.css} +1 -1
- package/cjs/components/TimePicker/TimePicker.css +1 -1
- package/cjs/index.css +3 -3
- package/emotion/cjs/components/Range/variations/_disabled/base.js +2 -1
- package/emotion/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/cjs/examples/components/DatePicker/DatePicker.config.js +9 -9
- package/emotion/es/components/Range/variations/_disabled/base.js +2 -1
- package/emotion/es/components/Range/variations/_readonly/base.js +1 -1
- package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
- package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
- package/emotion/es/examples/components/DatePicker/DatePicker.config.js +9 -9
- package/es/components/Autocomplete/Autocomplete.css +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +3 -3
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +3 -3
- package/es/components/DatePicker/SingleDate/SingleDate.css +1 -1
- package/es/components/DateTimePicker/DateTimePicker.css +1 -1
- package/es/components/DateTimePicker/ui/Input/Input.css +1 -1
- package/es/components/Pagination/Pagination.css +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
- package/es/components/Range/Range.css +3 -3
- package/es/components/Range/variations/_disabled/base.js +1 -1
- package/es/components/Range/variations/_disabled/base.js.map +1 -1
- package/es/components/Range/variations/_disabled/base_14rf606.css +1 -0
- package/es/components/Range/variations/_readonly/base.js +1 -1
- package/es/components/Range/variations/_readonly/base.js.map +1 -1
- package/{cjs/components/Range/variations/_readonly/base_1lu7vb0.css → es/components/Range/variations/_readonly/base_15u5q5r.css} +1 -1
- package/es/components/Select/Select.css +1 -1
- package/es/components/Select/ui/Target/Target.css +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
- package/es/components/Slider/Slider.css +1 -1
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
- package/es/components/Table/Table.css +1 -1
- package/es/components/Table/ui/Cell/Cell.css +1 -1
- package/es/components/Table/ui/EditableCell/EditableCell.css +1 -1
- package/es/components/Table/ui/HeadCell/HeadCell.css +1 -1
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.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/{cjs/components/TextField/variations/_read-only/base_1ejddo2.css → es/components/TextField/variations/_read-only/base_13ohoed.css} +1 -1
- package/es/components/TimePicker/TimePicker.css +1 -1
- package/es/index.css +3 -3
- package/package.json +5 -5
- package/styled-components/cjs/components/Range/variations/_disabled/base.js +8 -2
- package/styled-components/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_read-only/base.js +3 -3
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/styled-components/cjs/examples/components/DatePicker/DatePicker.config.js +9 -3
- package/styled-components/es/components/Range/variations/_disabled/base.js +8 -2
- package/styled-components/es/components/Range/variations/_readonly/base.js +1 -1
- package/styled-components/es/components/TextField/variations/_read-only/base.js +4 -4
- package/styled-components/es/examples/components/DatePicker/DatePicker.config.js +9 -3
- package/types/components/Range/variations/_disabled/base.d.ts.map +1 -1
- package/types/components/Range/variations/_readonly/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
- package/types/examples/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/cjs/components/Range/variations/_disabled/base_1ufizo4.css +0 -1
- package/es/components/Range/variations/_disabled/base_1ufizo4.css +0 -1
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
|
|
19
19
|
.base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
|
|
20
20
|
|
|
21
|
-
.
|
|
21
|
+
.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb:hover{background-color:transparent;}.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldHasDivider__ca741ebb .base_13ohoed_iq39zt5__ca741ebb:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_iq39zt5__ca741ebb:focus-within .base_13ohoed_i19ry60d__ca741ebb,.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_i19ry60d__ca741ebb{color:var(--plasma-textfield__placeholder-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_io4bpie__ca741ebb{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_t600610__ca741ebb{color:var(--plasma-textfield__title-caption-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_l7hnwwb__ca741ebb{color:var(--plasma-textfield__left-helper-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_ssv2kwg__ca741ebb:hover{color:var(--private_content-slot-color);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb:hover,.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_labelPlacementOuter__ca741ebb .base_13ohoed_l1gjsnfi__ca741ebb{color:var(--plasma-textfield__label-color-readonly);}
|
|
22
22
|
|
|
23
23
|
.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementOuter__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_i13qvwoy__e4790c66{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66:not(.base_1s0mlhj_textfieldReadonlyInput__e4790c66):focus ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_hasValue__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_keepPlaceholder__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66.base_1s0mlhj_textfieldClear__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__clear-placeholder-color);}
|
|
24
24
|
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
|
|
95
95
|
.base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
|
|
96
96
|
|
|
97
|
-
.
|
|
97
|
+
.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb:hover{background-color:transparent;}.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldHasDivider__ca741ebb .base_13ohoed_iq39zt5__ca741ebb:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_iq39zt5__ca741ebb:focus-within .base_13ohoed_i19ry60d__ca741ebb,.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_i19ry60d__ca741ebb{color:var(--plasma-textfield__placeholder-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_io4bpie__ca741ebb{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_t600610__ca741ebb{color:var(--plasma-textfield__title-caption-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_l7hnwwb__ca741ebb{color:var(--plasma-textfield__left-helper-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_ssv2kwg__ca741ebb:hover{color:var(--private_content-slot-color);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb:hover,.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_labelPlacementOuter__ca741ebb .base_13ohoed_l1gjsnfi__ca741ebb{color:var(--plasma-textfield__label-color-readonly);}
|
|
98
98
|
|
|
99
99
|
.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementOuter__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_i13qvwoy__e4790c66{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66:not(.base_1s0mlhj_textfieldReadonlyInput__e4790c66):focus ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_hasValue__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_keepPlaceholder__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66.base_1s0mlhj_textfieldClear__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__clear-placeholder-color);}
|
|
100
100
|
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
|
|
97
97
|
.base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
|
|
98
98
|
|
|
99
|
-
.
|
|
99
|
+
.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb:hover{background-color:transparent;}.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldHasDivider__ca741ebb .base_13ohoed_iq39zt5__ca741ebb:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_iq39zt5__ca741ebb:focus-within .base_13ohoed_i19ry60d__ca741ebb,.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_i19ry60d__ca741ebb{color:var(--plasma-textfield__placeholder-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_io4bpie__ca741ebb{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_t600610__ca741ebb{color:var(--plasma-textfield__title-caption-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_l7hnwwb__ca741ebb{color:var(--plasma-textfield__left-helper-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_ssv2kwg__ca741ebb:hover{color:var(--private_content-slot-color);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb:hover,.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_labelPlacementOuter__ca741ebb .base_13ohoed_l1gjsnfi__ca741ebb{color:var(--plasma-textfield__label-color-readonly);}
|
|
100
100
|
|
|
101
101
|
.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementOuter__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_i13qvwoy__e4790c66{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66:not(.base_1s0mlhj_textfieldReadonlyInput__e4790c66):focus ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_hasValue__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_keepPlaceholder__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66.base_1s0mlhj_textfieldClear__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__clear-placeholder-color);}
|
|
102
102
|
|
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
|
|
108
108
|
.base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
|
|
109
109
|
|
|
110
|
-
.
|
|
110
|
+
.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb:hover{background-color:transparent;}.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldHasDivider__ca741ebb .base_13ohoed_iq39zt5__ca741ebb:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_iq39zt5__ca741ebb:focus-within .base_13ohoed_i19ry60d__ca741ebb,.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_i19ry60d__ca741ebb{color:var(--plasma-textfield__placeholder-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_io4bpie__ca741ebb{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_t600610__ca741ebb{color:var(--plasma-textfield__title-caption-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_l7hnwwb__ca741ebb{color:var(--plasma-textfield__left-helper-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_ssv2kwg__ca741ebb:hover{color:var(--private_content-slot-color);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb:hover,.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_labelPlacementOuter__ca741ebb .base_13ohoed_l1gjsnfi__ca741ebb{color:var(--plasma-textfield__label-color-readonly);}
|
|
111
111
|
|
|
112
112
|
.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementOuter__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_i13qvwoy__e4790c66{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66:not(.base_1s0mlhj_textfieldReadonlyInput__e4790c66):focus ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_hasValue__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_keepPlaceholder__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66.base_1s0mlhj_textfieldClear__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__clear-placeholder-color);}
|
|
113
113
|
|
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
|
|
108
108
|
.base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
|
|
109
109
|
|
|
110
|
-
.
|
|
110
|
+
.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb:hover{background-color:transparent;}.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldHasDivider__ca741ebb .base_13ohoed_iq39zt5__ca741ebb:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_iq39zt5__ca741ebb:focus-within .base_13ohoed_i19ry60d__ca741ebb,.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_i19ry60d__ca741ebb{color:var(--plasma-textfield__placeholder-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_io4bpie__ca741ebb{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_t600610__ca741ebb{color:var(--plasma-textfield__title-caption-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_l7hnwwb__ca741ebb{color:var(--plasma-textfield__left-helper-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_ssv2kwg__ca741ebb:hover{color:var(--private_content-slot-color);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb:hover,.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_labelPlacementOuter__ca741ebb .base_13ohoed_l1gjsnfi__ca741ebb{color:var(--plasma-textfield__label-color-readonly);}
|
|
111
111
|
|
|
112
112
|
.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementOuter__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_i13qvwoy__e4790c66{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66:not(.base_1s0mlhj_textfieldReadonlyInput__e4790c66):focus ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_hasValue__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_keepPlaceholder__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66.base_1s0mlhj_textfieldClear__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__clear-placeholder-color);}
|
|
113
113
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_read-only/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport {\n Input,\n InputPlaceholder,\n InputWrapper,\n Label,\n LeftHelper,\n StyledContentRight,\n TitleCaption,\n} from '../../TextField.styles';\n\nexport const base = css`\n &[readonly] {\n :not(&.${classes.clear}) {\n ${InputWrapper} {\n position: relative;\n z-index: 0;\n color: var(${tokens.colorReadOnly});\n background: transparent;\n box-shadow: none;\n\n :before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: var(${tokens.borderRadius});\n background-color: var(${tokens.backgroundColorReadOnly});\n opacity: var(${tokens.readOnlyOpacity});\n box-shadow: inset 0 0 0 var(${String(tokens.borderWidth)}) var(${tokens.borderColorReadOnly});\n z-index: -1;\n }\n\n :hover {\n background-color: transparent;\n }\n }\n }\n\n &.${classes.hasDivider} ${InputWrapper} {\n &:before {\n background-color: var(${String(tokens.dividerColorReadOnly)});\n }\n }\n\n ${InputWrapper}:focus-within ${InputPlaceholder}, ${InputPlaceholder} {\n color: var(${tokens.placeholderColorReadOnly});\n }\n\n ${Input} {\n color: var(${tokens.colorReadOnly});\n cursor: default;\n min-width: unset;\n }\n\n ${TitleCaption} {\n color: var(${tokens.titleCaptionColorReadOnly});\n }\n\n ${LeftHelper} {\n color: var(${tokens.leftHelperColorReadOnly});\n }\n \n ${StyledContentRight} {\n opacity: var(${tokens.contentSlotRightOpacityReadOnly});\n }\n\n ${StyledContentRight}:hover, ${StyledContentRight}:active {\n cursor: default;\n color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n }\n\n &.${classes.outerLabelPlacement} ${Label} {\n color: var(${tokens.labelColorReadOnly});\n }\n
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_read-only/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport {\n Input,\n InputPlaceholder,\n InputWrapper,\n Label,\n LeftHelper,\n StyledContentLeft,\n StyledContentRight,\n TitleCaption,\n} from '../../TextField.styles';\n\nexport const base = css`\n &[readonly] {\n :not(&.${classes.clear}) {\n ${InputWrapper} {\n position: relative;\n z-index: 0;\n color: var(${tokens.colorReadOnly});\n background: transparent;\n box-shadow: none;\n\n :before {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: var(${tokens.borderRadius});\n background-color: var(${tokens.backgroundColorReadOnly});\n opacity: var(${tokens.readOnlyOpacity});\n box-shadow: inset 0 0 0 var(${String(tokens.borderWidth)}) var(${tokens.borderColorReadOnly});\n z-index: -1;\n }\n\n :hover {\n background-color: transparent;\n }\n }\n }\n\n &.${classes.hasDivider} ${InputWrapper} {\n &:before {\n background-color: var(${String(tokens.dividerColorReadOnly)});\n }\n }\n\n ${InputWrapper}:focus-within ${InputPlaceholder}, ${InputPlaceholder} {\n color: var(${tokens.placeholderColorReadOnly});\n }\n\n ${Input} {\n color: var(${tokens.colorReadOnly});\n cursor: default;\n min-width: unset;\n }\n\n ${TitleCaption} {\n color: var(${tokens.titleCaptionColorReadOnly});\n }\n\n ${LeftHelper} {\n color: var(${tokens.leftHelperColorReadOnly});\n }\n\n ${StyledContentLeft}:hover {\n color: var(--private_content-slot-color);\n }\n \n ${StyledContentRight} {\n opacity: var(${tokens.contentSlotRightOpacityReadOnly});\n }\n\n ${StyledContentRight}:hover, ${StyledContentRight}:active {\n cursor: default;\n color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n }\n\n &.${classes.outerLabelPlacement} ${Label} {\n color: var(${tokens.labelColorReadOnly});\n }\n }\n`;\n"],"names":["base"],"mappings":"AAcO,IAAMA,IAAI,GAuEhB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b1w985rt[readonly]:not(.b1w985rt[readonly].textfield-clear) .iq39zt5{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.b1w985rt[readonly]:not(.b1w985rt[readonly].textfield-clear) .iq39zt5:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.b1w985rt[readonly]:not(.b1w985rt[readonly].textfield-clear) .iq39zt5:hover{background-color:transparent;}.b1w985rt[readonly].textfield-has-divider .iq39zt5:before{background-color:var(--plasma-textfield-divider-color-readonly);}.b1w985rt[readonly] .iq39zt5:focus-within .i19ry60d,.b1w985rt[readonly] .i19ry60d{color:var(--plasma-textfield__placeholder-color-readonly);}.b1w985rt[readonly] .io4bpie{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.b1w985rt[readonly] .t600610{color:var(--plasma-textfield__title-caption-color-readonly);}.b1w985rt[readonly] .l7hnwwb{color:var(--plasma-textfield__left-helper-color-readonly);}.b1w985rt[readonly] .sb3k3v1{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.b1w985rt[readonly] .sb3k3v1:hover,.b1w985rt[readonly] .sb3k3v1:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.b1w985rt[readonly].label-placement-outer .l1gjsnfi{color:var(--plasma-textfield__label-color-readonly);}
|
|
1
|
+
.b1w985rt[readonly]:not(.b1w985rt[readonly].textfield-clear) .iq39zt5{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.b1w985rt[readonly]:not(.b1w985rt[readonly].textfield-clear) .iq39zt5:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.b1w985rt[readonly]:not(.b1w985rt[readonly].textfield-clear) .iq39zt5:hover{background-color:transparent;}.b1w985rt[readonly].textfield-has-divider .iq39zt5:before{background-color:var(--plasma-textfield-divider-color-readonly);}.b1w985rt[readonly] .iq39zt5:focus-within .i19ry60d,.b1w985rt[readonly] .i19ry60d{color:var(--plasma-textfield__placeholder-color-readonly);}.b1w985rt[readonly] .io4bpie{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.b1w985rt[readonly] .t600610{color:var(--plasma-textfield__title-caption-color-readonly);}.b1w985rt[readonly] .l7hnwwb{color:var(--plasma-textfield__left-helper-color-readonly);}.b1w985rt[readonly] .ssv2kwg:hover{color:var(--private_content-slot-color);}.b1w985rt[readonly] .sb3k3v1{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.b1w985rt[readonly] .sb3k3v1:hover,.b1w985rt[readonly] .sb3k3v1:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.b1w985rt[readonly].label-placement-outer .l1gjsnfi{color:var(--plasma-textfield__label-color-readonly);}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
.base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
|
|
8
8
|
|
|
9
|
-
.
|
|
9
|
+
.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb:hover{background-color:transparent;}.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldHasDivider__ca741ebb .base_13ohoed_iq39zt5__ca741ebb:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_iq39zt5__ca741ebb:focus-within .base_13ohoed_i19ry60d__ca741ebb,.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_i19ry60d__ca741ebb{color:var(--plasma-textfield__placeholder-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_io4bpie__ca741ebb{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_t600610__ca741ebb{color:var(--plasma-textfield__title-caption-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_l7hnwwb__ca741ebb{color:var(--plasma-textfield__left-helper-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_ssv2kwg__ca741ebb:hover{color:var(--private_content-slot-color);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb:hover,.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_labelPlacementOuter__ca741ebb .base_13ohoed_l1gjsnfi__ca741ebb{color:var(--plasma-textfield__label-color-readonly);}
|
|
10
10
|
|
|
11
11
|
.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementOuter__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_i13qvwoy__e4790c66{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66:not(.base_1s0mlhj_textfieldReadonlyInput__e4790c66):focus ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_hasValue__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_keepPlaceholder__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66.base_1s0mlhj_textfieldClear__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__clear-placeholder-color);}
|
|
12
12
|
|
package/es/index.css
CHANGED
|
@@ -190,7 +190,7 @@
|
|
|
190
190
|
|
|
191
191
|
.base_2tv0nz_b15zsg4z__045faf03[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_2tv0nz_b15zsg4z__045faf03[disabled] .base_2tv0nz_io4bpie__045faf03{cursor:not-allowed;min-width:unset;}
|
|
192
192
|
|
|
193
|
-
.
|
|
193
|
+
.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-textfield-border-radius);background-color:var(--plasma-textfield-bg-color-readonly);opacity:var(--plasma-textfield-readonly-opacity);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);z-index:-1;}.base_13ohoed_b1w985rt__ca741ebb[readonly]:not(.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldClear__ca741ebb) .base_13ohoed_iq39zt5__ca741ebb:hover{background-color:transparent;}.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_textfieldHasDivider__ca741ebb .base_13ohoed_iq39zt5__ca741ebb:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_iq39zt5__ca741ebb:focus-within .base_13ohoed_i19ry60d__ca741ebb,.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_i19ry60d__ca741ebb{color:var(--plasma-textfield__placeholder-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_io4bpie__ca741ebb{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_t600610__ca741ebb{color:var(--plasma-textfield__title-caption-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_l7hnwwb__ca741ebb{color:var(--plasma-textfield__left-helper-color-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_ssv2kwg__ca741ebb:hover{color:var(--private_content-slot-color);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb:hover,.base_13ohoed_b1w985rt__ca741ebb[readonly] .base_13ohoed_sb3k3v1__ca741ebb:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_13ohoed_b1w985rt__ca741ebb[readonly].base_13ohoed_labelPlacementOuter__ca741ebb .base_13ohoed_l1gjsnfi__ca741ebb{color:var(--plasma-textfield__label-color-readonly);}
|
|
194
194
|
|
|
195
195
|
.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementOuter__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_i13qvwoy__e4790c66{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66:not(.base_1s0mlhj_textfieldReadonlyInput__e4790c66):focus ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_hasValue__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66,.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_io4bpie__e4790c66.base_1s0mlhj_keepPlaceholder__e4790c66 ~ .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;width:100%;}.base_1s0mlhj_b15d3bnf__e4790c66.base_1s0mlhj_labelPlacementInner__e4790c66.base_1s0mlhj_textfieldClear__e4790c66 .base_1s0mlhj_l1gjsnfi__e4790c66{color:var(--plasma-textfield__clear-placeholder-color);}
|
|
196
196
|
|
|
@@ -816,9 +816,9 @@
|
|
|
816
816
|
|
|
817
817
|
.base_ems82y_bfrw0i0__610f2838 .base_ems82y_cfxtxl2__610f2838{background-color:var(--plasma-range-background);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_cfxtxl2__610f2838.base_ems82y_rangeError__610f2838{background-color:var(--plasma-range-background-error);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-error);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_cfxtxl2__610f2838.base_ems82y_rangeError__610f2838 .base_ems82y_s1k2erwt__610f2838{--plasma-textfield-color:var(--plasma-range-textfield-color-error,var(--plasma-range-textfield-color));}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_cfxtxl2__610f2838.base_ems82y_rangeSuccess__610f2838{background-color:var(--plasma-range-background-success);box-shadow:inset 0 0 0 var(--plasma-range-border-width) var(--plasma-range-border-color-success);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_cfxtxl2__610f2838.base_ems82y_rangeSuccess__610f2838 .base_ems82y_s1k2erwt__610f2838{--plasma-textfield-color:var(--plasma-range-textfield-color-success,var(--plasma-range-textfield-color));}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_cfxtxl2__610f2838:before{box-shadow:var(--plasma-range-shadow);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_s1hiyoiq__610f2838{color:var(--plasma-range__divider-color);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_s14q3826__610f2838{display:block;color:var(--plasma-range__label-color);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_szi0aji__610f2838{background-color:var(--plasma-range__indicator-color);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_l1e6rwfy__610f2838{color:var(--plasma-range__left-helper-color);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_l1e6rwfy__610f2838.base_ems82y_rangeError__610f2838,.base_ems82y_bfrw0i0__610f2838 .base_ems82y_l1e6rwfy__610f2838.base_ems82y_rangeValueError__610f2838{color:var(--plasma-range__left-helper-color-error);}.base_ems82y_bfrw0i0__610f2838 .base_ems82y_l1e6rwfy__610f2838.base_ems82y_rangeSuccess__610f2838,.base_ems82y_bfrw0i0__610f2838 .base_ems82y_l1e6rwfy__610f2838.base_ems82y_rangeValueSuccess__610f2838{color:var(--plasma-range__left-helper-color-success);}
|
|
818
818
|
|
|
819
|
-
.
|
|
819
|
+
.base_14rf606_brz2a7__16fff211[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}.base_14rf606_brz2a7__16fff211[disabled] .base_14rf606_s15y5ylz__16fff211,.base_14rf606_brz2a7__16fff211[disabled] .base_14rf606_suha98b__16fff211{color:var(--plasma-textfield-content-slot-color);}.base_14rf606_brz2a7__16fff211[disabled] .base_14rf606_s15y5ylz__16fff211:hover,.base_14rf606_brz2a7__16fff211[disabled] .base_14rf606_suha98b__16fff211:hover,.base_14rf606_brz2a7__16fff211[disabled] .base_14rf606_s15y5ylz__16fff211:active,.base_14rf606_brz2a7__16fff211[disabled] .base_14rf606_suha98b__16fff211:active{color:var(--plasma-textfield-content-slot-color);}.base_14rf606_brz2a7__16fff211[disabled] .base_14rf606_suha98b__16fff211{pointer-events:none;}
|
|
820
820
|
|
|
821
|
-
.
|
|
821
|
+
.base_15u5q5r_b1l9fpln__946dd3fa[readonly]{cursor:default;}.base_15u5q5r_b1l9fpln__946dd3fa[readonly] .base_15u5q5r_cfxtxl2__946dd3fa{position:relative;box-shadow:none;background:transparent;}.base_15u5q5r_b1l9fpln__946dd3fa[readonly] .base_15u5q5r_cfxtxl2__946dd3fa:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-range-border-radius);box-shadow:inset 0 0 0 var(--plasma-range-border-width,1px) var(--plasma-range-border-color-readonly);background:var(--plasma-range-background-readonly);opacity:var(--plasma-range-readonly-opacity);z-index:-1;}.base_15u5q5r_b1l9fpln__946dd3fa[readonly] .base_15u5q5r_s14q3826__946dd3fa{display:block;color:var(--plasma-range__label-color-readonly);}.base_15u5q5r_b1l9fpln__946dd3fa[readonly] .base_15u5q5r_l1e6rwfy__946dd3fa{color:var(--plasma-range__left-helper-color-readonly);}.base_15u5q5r_b1l9fpln__946dd3fa[readonly] .base_15u5q5r_s1hiyoiq__946dd3fa{color:var(--plasma-range__divider-color-readonly);opacity:var(--plasma-range__divider-opacity-readonly);}.base_15u5q5r_b1l9fpln__946dd3fa[readonly] .base_15u5q5r_s15y5ylz__946dd3fa,.base_15u5q5r_b1l9fpln__946dd3fa[readonly] .base_15u5q5r_suha98b__946dd3fa{color:var(--plasma-range-textfield-color-readonly);}.base_15u5q5r_b1l9fpln__946dd3fa[readonly] .base_15u5q5r_s15y5ylz__946dd3fa:hover,.base_15u5q5r_b1l9fpln__946dd3fa[readonly] .base_15u5q5r_suha98b__946dd3fa:hover,.base_15u5q5r_b1l9fpln__946dd3fa[readonly] .base_15u5q5r_s15y5ylz__946dd3fa:active,.base_15u5q5r_b1l9fpln__946dd3fa[readonly] .base_15u5q5r_suha98b__946dd3fa:active{color:var(--plasma-range-textfield-color-readonly);cursor:default;}.base_15u5q5r_b1l9fpln__946dd3fa[readonly] .base_15u5q5r_suha98b__946dd3fa{opacity:var(--plasma-range__right-content-opacity-readonly);pointer-events:none;}
|
|
822
822
|
|
|
823
823
|
.Range_styles_it2utg_s1k2erwt__c15202aa{width:100%;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-range-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasma-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);}.Range_styles_it2utg_s1k2erwt__c15202aa.Range_styles_it2utg_rangeValueError__c15202aa{--plasma-textfield-color:var(--plasma-range-textfield-color-error,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}.Range_styles_it2utg_s1k2erwt__c15202aa.Range_styles_it2utg_rangeValueSuccess__c15202aa{--plasma-textfield-color:var(--plasma-range-textfield-color-success,var(--plasma-range-textfield-color));--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}
|
|
824
824
|
.Range_styles_it2utg_b16kyj37__c15202aa{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.342.0-canary.
|
|
3
|
+
"version": "0.342.0-canary.2336.19529565518.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
"@rollup/plugin-babel": "^6.0.4",
|
|
80
80
|
"@rollup/plugin-commonjs": "^25.0.4",
|
|
81
81
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
82
|
-
"@salutejs/plasma-sb-utils": "0.210.0-canary.
|
|
82
|
+
"@salutejs/plasma-sb-utils": "0.210.0-canary.2336.19529565518.0",
|
|
83
83
|
"@salutejs/plasma-themes": "0.38.0",
|
|
84
84
|
"@storybook/addon-docs": "8.6.12",
|
|
85
85
|
"@storybook/addon-essentials": "8.6.12",
|
|
@@ -117,8 +117,8 @@
|
|
|
117
117
|
"@linaria/react": "5.0.3",
|
|
118
118
|
"@popperjs/core": "2.11.8",
|
|
119
119
|
"@salutejs/input-core": "2.1.2",
|
|
120
|
-
"@salutejs/plasma-core": "1.210.0-canary.
|
|
121
|
-
"@salutejs/react-maskinput": "3.3.
|
|
120
|
+
"@salutejs/plasma-core": "1.210.0-canary.2336.19529565518.0",
|
|
121
|
+
"@salutejs/react-maskinput": "3.3.0",
|
|
122
122
|
"@tanstack/react-table": "8.21.2",
|
|
123
123
|
"@tanstack/react-virtual": "3.13.2",
|
|
124
124
|
"classnames": "2.5.1",
|
|
@@ -137,5 +137,5 @@
|
|
|
137
137
|
"sideEffects": [
|
|
138
138
|
"*.css"
|
|
139
139
|
],
|
|
140
|
-
"gitHead": "
|
|
140
|
+
"gitHead": "adb89e96b32b66a77aa49bc6b83552f0f29b5bd1"
|
|
141
141
|
}
|
|
@@ -10,7 +10,13 @@ Object.defineProperty(exports, "base", {
|
|
|
10
10
|
});
|
|
11
11
|
var _styledcomponents = require("styled-components");
|
|
12
12
|
var _Rangetokens = require("../../Range.tokens");
|
|
13
|
+
var _Rangestyles = require("../../Range.styles");
|
|
13
14
|
var base = (0, _styledcomponents.css)([
|
|
14
15
|
"&[disabled]{opacity:var(",
|
|
15
|
-
");cursor:not-allowed;
|
|
16
|
-
|
|
16
|
+
");cursor:not-allowed;",
|
|
17
|
+
",",
|
|
18
|
+
"{color:var(",
|
|
19
|
+
");&:hover,&:active{color:var(",
|
|
20
|
+
");}}",
|
|
21
|
+
"{pointer-events:none;}}"
|
|
22
|
+
], _Rangetokens.tokens.disabledOpacity, _Rangestyles.StyledContentLeft, _Rangestyles.StyledContentRight, _Rangetokens.tokens.contentSlotColor, _Rangetokens.tokens.contentSlotColor, _Rangestyles.StyledContentRight);
|
|
@@ -31,5 +31,5 @@ var base = (0, _styledcomponents.css)([
|
|
|
31
31
|
");&:hover,&:active{color:var(",
|
|
32
32
|
");cursor:default;}}",
|
|
33
33
|
"{opacity:var(",
|
|
34
|
-
");}}"
|
|
34
|
+
");pointer-events:none;}}"
|
|
35
35
|
], _Rangestyles.ContentWrapper, _Rangetokens.tokens.borderRadius, _Rangetokens.tokens.borderWidth, _Rangetokens.tokens.borderColorReadOnly, _Rangetokens.tokens.backgroundReadOnly, _Rangetokens.tokens.readOnlyOpacity, _Rangestyles.StyledLabel, _Rangetokens.tokens.labelColorReadOnly, _Rangestyles.LeftHelper, _Rangetokens.tokens.leftHelperColorReadOnly, _Rangestyles.StyledDivider, _Rangetokens.tokens.dividerColorReadOnly, _Rangetokens.tokens.dividerOpacityReadOnly, _Rangestyles.StyledContentLeft, _Rangestyles.StyledContentRight, _Rangetokens.tokens.textFieldColorReadOnly, _Rangetokens.tokens.textFieldColorReadOnly, _Rangestyles.StyledContentRight, _Rangetokens.tokens.rightContentOpacityReadOnly);
|
|
@@ -34,6 +34,7 @@ var base = (0, _styledcomponents.css)([
|
|
|
34
34
|
");}",
|
|
35
35
|
"{color:var(",
|
|
36
36
|
");}",
|
|
37
|
+
":hover{color:var(--private_content-slot-color);}",
|
|
37
38
|
"{opacity:var(",
|
|
38
39
|
");}",
|
|
39
40
|
":hover,",
|
|
@@ -42,6 +43,5 @@ var base = (0, _styledcomponents.css)([
|
|
|
42
43
|
"));}&.",
|
|
43
44
|
" ",
|
|
44
45
|
"{color:var(",
|
|
45
|
-
");}"
|
|
46
|
-
|
|
47
|
-
], _TextFieldtokens.classes.clear, _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.colorReadOnly, _TextFieldtokens.tokens.borderRadius, _TextFieldtokens.tokens.backgroundColorReadOnly, _TextFieldtokens.tokens.readOnlyOpacity, String(_TextFieldtokens.tokens.borderWidth), _TextFieldtokens.tokens.borderColorReadOnly, _TextFieldtokens.classes.hasDivider, _TextFieldstyles.InputWrapper, String(_TextFieldtokens.tokens.dividerColorReadOnly), _TextFieldstyles.InputWrapper, _TextFieldstyles.InputPlaceholder, _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.placeholderColorReadOnly, _TextFieldstyles.Input, _TextFieldtokens.tokens.colorReadOnly, _TextFieldstyles.TitleCaption, _TextFieldtokens.tokens.titleCaptionColorReadOnly, _TextFieldstyles.LeftHelper, _TextFieldtokens.tokens.leftHelperColorReadOnly, _TextFieldstyles.StyledContentRight, _TextFieldtokens.tokens.contentSlotRightOpacityReadOnly, _TextFieldstyles.StyledContentRight, _TextFieldstyles.StyledContentRight, _TextFieldtokens.tokens.contentSlotRightColor, _TextFieldtokens.tokens.contentSlotColor, _TextFieldtokens.classes.outerLabelPlacement, _TextFieldstyles.Label, _TextFieldtokens.tokens.labelColorReadOnly, _TextFieldstyles.StyledContentRight);
|
|
46
|
+
");}}"
|
|
47
|
+
], _TextFieldtokens.classes.clear, _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.colorReadOnly, _TextFieldtokens.tokens.borderRadius, _TextFieldtokens.tokens.backgroundColorReadOnly, _TextFieldtokens.tokens.readOnlyOpacity, String(_TextFieldtokens.tokens.borderWidth), _TextFieldtokens.tokens.borderColorReadOnly, _TextFieldtokens.classes.hasDivider, _TextFieldstyles.InputWrapper, String(_TextFieldtokens.tokens.dividerColorReadOnly), _TextFieldstyles.InputWrapper, _TextFieldstyles.InputPlaceholder, _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.placeholderColorReadOnly, _TextFieldstyles.Input, _TextFieldtokens.tokens.colorReadOnly, _TextFieldstyles.TitleCaption, _TextFieldtokens.tokens.titleCaptionColorReadOnly, _TextFieldstyles.LeftHelper, _TextFieldtokens.tokens.leftHelperColorReadOnly, _TextFieldstyles.StyledContentLeft, _TextFieldstyles.StyledContentRight, _TextFieldtokens.tokens.contentSlotRightOpacityReadOnly, _TextFieldstyles.StyledContentRight, _TextFieldstyles.StyledContentRight, _TextFieldtokens.tokens.contentSlotRightColor, _TextFieldtokens.tokens.contentSlotColor, _TextFieldtokens.classes.outerLabelPlacement, _TextFieldstyles.Label, _TextFieldtokens.tokens.labelColorReadOnly);
|
|
@@ -1,16 +1 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "Combobox", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return Combobox;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
var _engines = require("../../../engines");
|
|
12
|
-
var _ = require("../../..");
|
|
13
|
-
var _Comboboxconfig = require("./Combobox.config");
|
|
14
|
-
var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
|
|
15
|
-
var ComboboxComponent = (0, _engines.component)(mergedConfig);
|
|
16
|
-
var Combobox = ComboboxComponent;
|
|
@@ -27,12 +27,18 @@ var config = {
|
|
|
27
27
|
":var(--text-secondary);",
|
|
28
28
|
":var(--text-negative);",
|
|
29
29
|
":var(--text-positive);",
|
|
30
|
+
":var(--text-primary);",
|
|
31
|
+
":var(--text-primary-hover);",
|
|
32
|
+
":var(--text-primary-active);",
|
|
33
|
+
":var(--text-primary);",
|
|
34
|
+
":var(--text-secondary);",
|
|
35
|
+
":var(--text-accent);",
|
|
30
36
|
":var(--text-secondary);",
|
|
31
37
|
":var(--text-secondary-hover);",
|
|
32
38
|
":var(--text-secondary-active);",
|
|
33
|
-
":var(--text-primary);",
|
|
34
39
|
":var(--text-secondary);",
|
|
35
|
-
":var(--text-
|
|
40
|
+
":var(--text-secondary-hover);",
|
|
41
|
+
":var(--text-secondary-active);",
|
|
36
42
|
":var(--plasma-typo-body-xs-font-family);",
|
|
37
43
|
":var(--plasma-typo-body-xs-font-size);",
|
|
38
44
|
":var(--plasma-typo-body-xs-font-style);",
|
|
@@ -83,7 +89,7 @@ var config = {
|
|
|
83
89
|
":var(--surface-solid-card-brightness);",
|
|
84
90
|
":var(--shadow-down-hard-s);",
|
|
85
91
|
":var(--text-primary);"
|
|
86
|
-
], _DatePicker.datePickerTokens.background, _DatePicker.datePickerTokens.backgroundError, _DatePicker.datePickerTokens.backgroundSuccess, _DatePicker.datePickerTokens.dividerColor, _DatePicker.datePickerTokens.labelColor, _DatePicker.datePickerTokens.leftHelperColor, _DatePicker.datePickerTokens.leftHelperColorError, _DatePicker.datePickerTokens.leftHelperColorSuccess, _DatePicker.datePickerTokens.contentSlotColor, _DatePicker.datePickerTokens.contentSlotColorHover, _DatePicker.datePickerTokens.contentSlotColorActive, _DatePicker.datePickerTokens.textFieldColor, _DatePicker.datePickerTokens.textFieldPlaceholderColor, _DatePicker.datePickerTokens.textFieldCaretColor, _DatePicker.datePickerTokens.labelInnerFontFamily, _DatePicker.datePickerTokens.labelInnerFontSize, _DatePicker.datePickerTokens.labelInnerFontStyle, _DatePicker.datePickerTokens.labelInnerFontWeight, _DatePicker.datePickerTokens.labelInnerLetterSpacing, _DatePicker.datePickerTokens.labelInnerLineHeight, _DatePicker.datePickerTokens.indicatorColor, _DatePicker.datePickerTokens.textFieldBackgroundColor, _DatePicker.datePickerTokens.textFieldBackgroundColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundErrorColor, _DatePicker.datePickerTokens.textFieldBackgroundErrorColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColor, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColorFocus, _DatePicker.datePickerTokens.textFieldTextBeforeColor, _DatePicker.datePickerTokens.textFieldTextAfterColor, _DatePicker.datePickerTokens.focusColor, _DatePicker.datePickerTokens.textFieldPlaceholderColorFocus, _DatePicker.datePickerTokens.calendarShadow, _DatePicker.datePickerTokens.calendarSeparatorBackground, _DatePicker.datePickerTokens.calendarBackgroundColor, _DatePicker.datePickerTokens.calendarSelectedItemBackground, _DatePicker.datePickerTokens.calendarSelectedItemColor, _DatePicker.datePickerTokens.calendarSelectableItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemBorderColor, _DatePicker.datePickerTokens.calendarCurrentItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemColorHover, _DatePicker.datePickerTokens.calendarCurrentItemChildBackgroundHover, _DatePicker.datePickerTokens.calendarActiveItemBackground, _DatePicker.datePickerTokens.calendarActiveItemColor, _DatePicker.datePickerTokens.calendarHoveredItemBackground, _DatePicker.datePickerTokens.calendarHoveredItemColor, _DatePicker.datePickerTokens.calendarRangeBackground, _DatePicker.datePickerTokens.calendarOutlineFocusColor, _DatePicker.datePickerTokens.calendarContentPrimaryColor, _DatePicker.datePickerTokens.calendarContentPrimaryDisabledColor, _DatePicker.datePickerTokens.calendarHeaderArrowColor, _DatePicker.datePickerTokens.calendarContentPrimaryColor, _DatePicker.datePickerTokens.calendarContentSecondaryColor, _DatePicker.datePickerTokens.calendarContentSecondaryDisabledColor, _DatePicker.datePickerTokens.calendarDisabledOpacity, _DatePicker.datePickerTokens.iconButtonColor, _DatePicker.datePickerTokens.iconButtonBackgroundColor, _DatePicker.datePickerTokens.iconButtonColorHover, _DatePicker.datePickerTokens.iconButtonBackgroundColorHover, _DatePicker.datePickerTokens.iconButtonColorActive, _DatePicker.datePickerTokens.iconButtonBackgroundColorActive, _DatePicker.datePickerTokens.iconButtonFocusColor, _DatePicker.datePickerTokens.tooltipBackgroundColor, _DatePicker.datePickerTokens.tooltipBoxShadow, _DatePicker.datePickerTokens.tooltipColor)
|
|
92
|
+
], _DatePicker.datePickerTokens.background, _DatePicker.datePickerTokens.backgroundError, _DatePicker.datePickerTokens.backgroundSuccess, _DatePicker.datePickerTokens.dividerColor, _DatePicker.datePickerTokens.labelColor, _DatePicker.datePickerTokens.leftHelperColor, _DatePicker.datePickerTokens.leftHelperColorError, _DatePicker.datePickerTokens.leftHelperColorSuccess, _DatePicker.datePickerTokens.contentSlotColor, _DatePicker.datePickerTokens.contentSlotColorHover, _DatePicker.datePickerTokens.contentSlotColorActive, _DatePicker.datePickerTokens.textFieldColor, _DatePicker.datePickerTokens.textFieldPlaceholderColor, _DatePicker.datePickerTokens.textFieldCaretColor, _DatePicker.datePickerTokens.textFieldContentSlotColor, _DatePicker.datePickerTokens.textFieldContentSlotColorHover, _DatePicker.datePickerTokens.textFieldContentSlotColorActive, _DatePicker.datePickerTokens.textFieldContentRightSlotColor, _DatePicker.datePickerTokens.textFieldContentRightSlotColorHover, _DatePicker.datePickerTokens.textFieldContentRightSlotColorActive, _DatePicker.datePickerTokens.labelInnerFontFamily, _DatePicker.datePickerTokens.labelInnerFontSize, _DatePicker.datePickerTokens.labelInnerFontStyle, _DatePicker.datePickerTokens.labelInnerFontWeight, _DatePicker.datePickerTokens.labelInnerLetterSpacing, _DatePicker.datePickerTokens.labelInnerLineHeight, _DatePicker.datePickerTokens.indicatorColor, _DatePicker.datePickerTokens.textFieldBackgroundColor, _DatePicker.datePickerTokens.textFieldBackgroundColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundErrorColor, _DatePicker.datePickerTokens.textFieldBackgroundErrorColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColor, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColorFocus, _DatePicker.datePickerTokens.textFieldTextBeforeColor, _DatePicker.datePickerTokens.textFieldTextAfterColor, _DatePicker.datePickerTokens.focusColor, _DatePicker.datePickerTokens.textFieldPlaceholderColorFocus, _DatePicker.datePickerTokens.calendarShadow, _DatePicker.datePickerTokens.calendarSeparatorBackground, _DatePicker.datePickerTokens.calendarBackgroundColor, _DatePicker.datePickerTokens.calendarSelectedItemBackground, _DatePicker.datePickerTokens.calendarSelectedItemColor, _DatePicker.datePickerTokens.calendarSelectableItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemBorderColor, _DatePicker.datePickerTokens.calendarCurrentItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemColorHover, _DatePicker.datePickerTokens.calendarCurrentItemChildBackgroundHover, _DatePicker.datePickerTokens.calendarActiveItemBackground, _DatePicker.datePickerTokens.calendarActiveItemColor, _DatePicker.datePickerTokens.calendarHoveredItemBackground, _DatePicker.datePickerTokens.calendarHoveredItemColor, _DatePicker.datePickerTokens.calendarRangeBackground, _DatePicker.datePickerTokens.calendarOutlineFocusColor, _DatePicker.datePickerTokens.calendarContentPrimaryColor, _DatePicker.datePickerTokens.calendarContentPrimaryDisabledColor, _DatePicker.datePickerTokens.calendarHeaderArrowColor, _DatePicker.datePickerTokens.calendarContentPrimaryColor, _DatePicker.datePickerTokens.calendarContentSecondaryColor, _DatePicker.datePickerTokens.calendarContentSecondaryDisabledColor, _DatePicker.datePickerTokens.calendarDisabledOpacity, _DatePicker.datePickerTokens.iconButtonColor, _DatePicker.datePickerTokens.iconButtonBackgroundColor, _DatePicker.datePickerTokens.iconButtonColorHover, _DatePicker.datePickerTokens.iconButtonBackgroundColorHover, _DatePicker.datePickerTokens.iconButtonColorActive, _DatePicker.datePickerTokens.iconButtonBackgroundColorActive, _DatePicker.datePickerTokens.iconButtonFocusColor, _DatePicker.datePickerTokens.tooltipBackgroundColor, _DatePicker.datePickerTokens.tooltipBoxShadow, _DatePicker.datePickerTokens.tooltipColor)
|
|
87
93
|
},
|
|
88
94
|
size: {
|
|
89
95
|
l: (0, _styledcomponents.css)([
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import { css } from "styled-components";
|
|
2
2
|
import { tokens } from "../../Range.tokens";
|
|
3
|
+
import { StyledContentLeft, StyledContentRight } from "../../Range.styles";
|
|
3
4
|
export var base = css([
|
|
4
5
|
"&[disabled]{opacity:var(",
|
|
5
|
-
");cursor:not-allowed;
|
|
6
|
-
|
|
6
|
+
");cursor:not-allowed;",
|
|
7
|
+
",",
|
|
8
|
+
"{color:var(",
|
|
9
|
+
");&:hover,&:active{color:var(",
|
|
10
|
+
");}}",
|
|
11
|
+
"{pointer-events:none;}}"
|
|
12
|
+
], tokens.disabledOpacity, StyledContentLeft, StyledContentRight, tokens.contentSlotColor, tokens.contentSlotColor, StyledContentRight);
|
|
@@ -21,5 +21,5 @@ export var base = css([
|
|
|
21
21
|
");&:hover,&:active{color:var(",
|
|
22
22
|
");cursor:default;}}",
|
|
23
23
|
"{opacity:var(",
|
|
24
|
-
");}}"
|
|
24
|
+
");pointer-events:none;}}"
|
|
25
25
|
], ContentWrapper, tokens.borderRadius, tokens.borderWidth, tokens.borderColorReadOnly, tokens.backgroundReadOnly, tokens.readOnlyOpacity, StyledLabel, tokens.labelColorReadOnly, LeftHelper, tokens.leftHelperColorReadOnly, StyledDivider, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, StyledContentLeft, StyledContentRight, tokens.textFieldColorReadOnly, tokens.textFieldColorReadOnly, StyledContentRight, tokens.rightContentOpacityReadOnly);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css } from "styled-components";
|
|
2
2
|
import { classes, tokens } from "../../TextField.tokens";
|
|
3
|
-
import { Input, InputPlaceholder, InputWrapper, Label, LeftHelper, StyledContentRight, TitleCaption } from "../../TextField.styles";
|
|
3
|
+
import { Input, InputPlaceholder, InputWrapper, Label, LeftHelper, StyledContentLeft, StyledContentRight, TitleCaption } from "../../TextField.styles";
|
|
4
4
|
export var base = css([
|
|
5
5
|
"&[readonly]{:not(&.",
|
|
6
6
|
"){",
|
|
@@ -24,6 +24,7 @@ export var base = css([
|
|
|
24
24
|
");}",
|
|
25
25
|
"{color:var(",
|
|
26
26
|
");}",
|
|
27
|
+
":hover{color:var(--private_content-slot-color);}",
|
|
27
28
|
"{opacity:var(",
|
|
28
29
|
");}",
|
|
29
30
|
":hover,",
|
|
@@ -32,6 +33,5 @@ export var base = css([
|
|
|
32
33
|
"));}&.",
|
|
33
34
|
" ",
|
|
34
35
|
"{color:var(",
|
|
35
|
-
");}"
|
|
36
|
-
|
|
37
|
-
], classes.clear, InputWrapper, tokens.colorReadOnly, tokens.borderRadius, tokens.backgroundColorReadOnly, tokens.readOnlyOpacity, String(tokens.borderWidth), tokens.borderColorReadOnly, classes.hasDivider, InputWrapper, String(tokens.dividerColorReadOnly), InputWrapper, InputPlaceholder, InputPlaceholder, tokens.placeholderColorReadOnly, Input, tokens.colorReadOnly, TitleCaption, tokens.titleCaptionColorReadOnly, LeftHelper, tokens.leftHelperColorReadOnly, StyledContentRight, tokens.contentSlotRightOpacityReadOnly, StyledContentRight, StyledContentRight, tokens.contentSlotRightColor, tokens.contentSlotColor, classes.outerLabelPlacement, Label, tokens.labelColorReadOnly, StyledContentRight);
|
|
36
|
+
");}}"
|
|
37
|
+
], classes.clear, InputWrapper, tokens.colorReadOnly, tokens.borderRadius, tokens.backgroundColorReadOnly, tokens.readOnlyOpacity, String(tokens.borderWidth), tokens.borderColorReadOnly, classes.hasDivider, InputWrapper, String(tokens.dividerColorReadOnly), InputWrapper, InputPlaceholder, InputPlaceholder, tokens.placeholderColorReadOnly, Input, tokens.colorReadOnly, TitleCaption, tokens.titleCaptionColorReadOnly, LeftHelper, tokens.leftHelperColorReadOnly, StyledContentLeft, StyledContentRight, tokens.contentSlotRightOpacityReadOnly, StyledContentRight, StyledContentRight, tokens.contentSlotRightColor, tokens.contentSlotColor, classes.outerLabelPlacement, Label, tokens.labelColorReadOnly);
|
|
@@ -17,12 +17,18 @@ export var config = {
|
|
|
17
17
|
":var(--text-secondary);",
|
|
18
18
|
":var(--text-negative);",
|
|
19
19
|
":var(--text-positive);",
|
|
20
|
+
":var(--text-primary);",
|
|
21
|
+
":var(--text-primary-hover);",
|
|
22
|
+
":var(--text-primary-active);",
|
|
23
|
+
":var(--text-primary);",
|
|
24
|
+
":var(--text-secondary);",
|
|
25
|
+
":var(--text-accent);",
|
|
20
26
|
":var(--text-secondary);",
|
|
21
27
|
":var(--text-secondary-hover);",
|
|
22
28
|
":var(--text-secondary-active);",
|
|
23
|
-
":var(--text-primary);",
|
|
24
29
|
":var(--text-secondary);",
|
|
25
|
-
":var(--text-
|
|
30
|
+
":var(--text-secondary-hover);",
|
|
31
|
+
":var(--text-secondary-active);",
|
|
26
32
|
":var(--plasma-typo-body-xs-font-family);",
|
|
27
33
|
":var(--plasma-typo-body-xs-font-size);",
|
|
28
34
|
":var(--plasma-typo-body-xs-font-style);",
|
|
@@ -73,7 +79,7 @@ export var config = {
|
|
|
73
79
|
":var(--surface-solid-card-brightness);",
|
|
74
80
|
":var(--shadow-down-hard-s);",
|
|
75
81
|
":var(--text-primary);"
|
|
76
|
-
], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus, tokens.calendarShadow, tokens.calendarSeparatorBackground, tokens.calendarBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor)
|
|
82
|
+
], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldContentRightSlotColorActive, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus, tokens.calendarShadow, tokens.calendarSeparatorBackground, tokens.calendarBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor)
|
|
77
83
|
},
|
|
78
84
|
size: {
|
|
79
85
|
l: css([
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Range/variations/_disabled/base.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Range/variations/_disabled/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAkBhB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Range/variations/_readonly/base.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Range/variations/_readonly/base.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,IAAI,0CAqDhB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_read-only/base.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_read-only/base.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,IAAI,0CAuEhB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/DatePicker/DatePicker.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"DatePicker.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/DatePicker/DatePicker.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;CAiqBlB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.brz2a7[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.brz2a7[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}
|