@salutejs/plasma-new-hope 0.341.0-canary.2336.19495260677.0 → 0.341.0-canary.2344.19538396041.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/Combobox/ComboboxNew/Combobox.js +1 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +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_1ufizo4.css +1 -0
- package/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/cjs/components/Range/variations/_readonly/base.js.map +1 -1
- package/{es/components/Range/variations/_readonly/base_15u5q5r.css → cjs/components/Range/variations/_readonly/base_1lu7vb0.css} +1 -1
- package/cjs/components/Select/Select.css +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/Sheet/Sheet.js +4 -1
- package/cjs/components/Sheet/Sheet.js.map +1 -1
- package/cjs/components/Sheet/hooks/useSheetSwipe.js +2 -1
- package/cjs/components/Sheet/hooks/useSheetSwipe.js.map +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_tjky6s.css → cjs/components/TextField/variations/_read-only/base_uo19e5.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 +1 -2
- package/emotion/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/emotion/cjs/components/Sheet/Sheet.js +3 -1
- package/emotion/cjs/components/Sheet/hooks/useSheetSwipe.js +2 -2
- 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 +1 -2
- package/emotion/es/components/Range/variations/_readonly/base.js +1 -1
- package/emotion/es/components/Sheet/Sheet.js +3 -1
- package/emotion/es/components/Sheet/hooks/useSheetSwipe.js +2 -2
- package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
- 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/Combobox/ComboboxNew/Combobox.js +1 -0
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +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_1ufizo4.css +1 -0
- package/es/components/Range/variations/_readonly/base.js +1 -1
- package/es/components/Range/variations/_readonly/base.js.map +1 -1
- package/{cjs/components/Range/variations/_readonly/base_15u5q5r.css → es/components/Range/variations/_readonly/base_1lu7vb0.css} +1 -1
- package/es/components/Select/Select.css +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/Sheet/Sheet.js +4 -1
- package/es/components/Sheet/Sheet.js.map +1 -1
- package/es/components/Sheet/hooks/useSheetSwipe.js +2 -1
- package/es/components/Sheet/hooks/useSheetSwipe.js.map +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_tjky6s.css → es/components/TextField/variations/_read-only/base_uo19e5.css} +1 -1
- package/es/components/TimePicker/TimePicker.css +1 -1
- package/es/index.css +3 -3
- package/package.json +2 -2
- package/styled-components/cjs/components/Range/variations/_disabled/base.js +2 -8
- package/styled-components/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/styled-components/cjs/components/Sheet/Sheet.js +3 -1
- package/styled-components/cjs/components/Sheet/hooks/useSheetSwipe.js +2 -2
- package/styled-components/cjs/components/TextField/variations/_read-only/base.js +3 -3
- package/styled-components/cjs/examples/components/DatePicker/DatePicker.config.js +3 -9
- package/styled-components/es/components/Range/variations/_disabled/base.js +2 -8
- package/styled-components/es/components/Range/variations/_readonly/base.js +1 -1
- package/styled-components/es/components/Sheet/Sheet.js +3 -1
- package/styled-components/es/components/Sheet/hooks/useSheetSwipe.js +2 -2
- package/styled-components/es/components/TextField/variations/_read-only/base.js +4 -4
- package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
- package/styled-components/es/examples/components/DatePicker/DatePicker.config.js +3 -9
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- 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/Sheet/Sheet.d.ts.map +1 -1
- package/types/components/Sheet/Sheet.types.d.ts +6 -0
- package/types/components/Sheet/Sheet.types.d.ts.map +1 -1
- package/types/components/Sheet/hooks/useSheetSwipe.d.ts +1 -0
- package/types/components/Sheet/hooks/useSheetSwipe.d.ts.map +1 -1
- package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
- package/types/examples/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/cjs/components/Range/variations/_disabled/base_14rf606.css +0 -1
- package/es/components/Range/variations/_disabled/base_14rf606.css +0 -1
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
|
|
74
74
|
.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;}
|
|
75
75
|
|
|
76
|
-
.
|
|
76
|
+
.base_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f: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_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f:hover{background-color:transparent;}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldHasDivider__2081be6f .base_uo19e5_iq39zt5__2081be6f:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_iq39zt5__2081be6f:focus-within .base_uo19e5_i19ry60d__2081be6f,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_i19ry60d__2081be6f{color:var(--plasma-textfield__placeholder-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_io4bpie__2081be6f{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_tlv9av6__2081be6f{color:var(--plasma-textfield__title-caption-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_lb3k3v1__2081be6f{color:var(--plasma-textfield__left-helper-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_labelPlacementOuter__2081be6f .base_uo19e5_luk2zst__2081be6f{color:var(--plasma-textfield__label-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover{cursor:default;}
|
|
77
77
|
|
|
78
78
|
.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementOuter__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_i13qvwoy__b6d5484f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f:not(.base_18kkeb9_textfieldReadonlyInput__b6d5484f):focus ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_hasValue__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_keepPlaceholder__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f{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_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f.base_18kkeb9_textfieldClear__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__clear-placeholder-color);}
|
|
79
79
|
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
|
|
40
40
|
.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;}
|
|
41
41
|
|
|
42
|
-
.
|
|
42
|
+
.base_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f: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_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f:hover{background-color:transparent;}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldHasDivider__2081be6f .base_uo19e5_iq39zt5__2081be6f:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_iq39zt5__2081be6f:focus-within .base_uo19e5_i19ry60d__2081be6f,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_i19ry60d__2081be6f{color:var(--plasma-textfield__placeholder-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_io4bpie__2081be6f{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_tlv9av6__2081be6f{color:var(--plasma-textfield__title-caption-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_lb3k3v1__2081be6f{color:var(--plasma-textfield__left-helper-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_labelPlacementOuter__2081be6f .base_uo19e5_luk2zst__2081be6f{color:var(--plasma-textfield__label-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover{cursor:default;}
|
|
43
43
|
|
|
44
44
|
.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementOuter__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_i13qvwoy__b6d5484f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f:not(.base_18kkeb9_textfieldReadonlyInput__b6d5484f):focus ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_hasValue__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_keepPlaceholder__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f{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_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f.base_18kkeb9_textfieldClear__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__clear-placeholder-color);}
|
|
45
45
|
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
.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);}
|
|
4
4
|
|
|
5
|
-
.
|
|
5
|
+
.base_1ufizo4_brz2a7__2efb673d[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}
|
|
6
6
|
|
|
7
|
-
.
|
|
7
|
+
.base_1lu7vb0_b1l9fpln__f7dac64b[readonly]{cursor:default;}.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_cfxtxl2__f7dac64b{position:relative;box-shadow:none;background:transparent;}.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_cfxtxl2__f7dac64b:before{position:absolute;content:'';top:0;left:0;right:0;bottom:0;border-radius:var(--plasma-range-border-radius);box-shadow:inset 0 0 0 var(--plasma-range-border-width,1px) var(--plasma-range-border-color-readonly);background:var(--plasma-range-background-readonly);opacity:var(--plasma-range-readonly-opacity);z-index:-1;}.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_s14q3826__f7dac64b{display:block;color:var(--plasma-range__label-color-readonly);}.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_l1e6rwfy__f7dac64b{color:var(--plasma-range__left-helper-color-readonly);}.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_s1hiyoiq__f7dac64b{color:var(--plasma-range__divider-color-readonly);opacity:var(--plasma-range__divider-opacity-readonly);}.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_s15y5ylz__f7dac64b,.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_suha98b__f7dac64b{color:var(--plasma-range-textfield-color-readonly);}.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_s15y5ylz__f7dac64b:hover,.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_suha98b__f7dac64b:hover,.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_s15y5ylz__f7dac64b:active,.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_suha98b__f7dac64b:active{color:var(--plasma-range-textfield-color-readonly);cursor:default;}.base_1lu7vb0_b1l9fpln__f7dac64b[readonly] .base_1lu7vb0_suha98b__f7dac64b{opacity:var(--plasma-range__right-content-opacity-readonly);}
|
|
8
8
|
|
|
9
9
|
.base_1oec4lw_b13ve66i__de8e763a{--plasma-tour__border-radius:var(--plasma-textfield-border-radius);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_io4bpie__de8e763a{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_i13qvwoy__de8e763a{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_iq39zt5__de8e763a{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_iq39zt5__de8e763a.base_1oec4lw_hasChips__de8e763a{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_iq39zt5__de8e763a.base_1oec4lw_hasEmptyContentLeft__de8e763a{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_iq39zt5__de8e763a.base_1oec4lw_hasEmptyContentRight__de8e763a{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_luk2zst__de8e763a,.base_1oec4lw_b13ve66i__de8e763a:not(.base_1oec4lw_labelPlacementInner__de8e763a) .base_1oec4lw_s14qvple__de8e763a{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_s16itze4__de8e763a{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_h1skqnhr__de8e763a{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_tlv9av6__de8e763a{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_lb3k3v1__de8e763a{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_s7hnwwb__de8e763a,.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_smqgwd8__de8e763a{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_s7hnwwb__de8e763a{margin:var(--plasma-textfield__before-text-margin);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_smqgwd8__de8e763a{margin:var(--plasma-textfield__after-text-margin);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_ssv2kwg__de8e763a.base_1oec4lw_textfieldContentRightCompensationMargin__de8e763a{gap:var(--plasma-textfield-content-right-wrapper-gap);margin:var(--plasma-textfield-content-right-wrapper-margin);}.base_1oec4lw_b13ve66i__de8e763a .base_1oec4lw_ssv2kwg__de8e763a.base_1oec4lw_textfieldContentRightCompensationMargin__de8e763a .base_1oec4lw_s190z894__de8e763a{margin:var(--plasma-textfield__right-content-with-hint-margin);}
|
|
10
10
|
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
|
|
15
15
|
.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;}
|
|
16
16
|
|
|
17
|
-
.
|
|
17
|
+
.base_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f: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_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f:hover{background-color:transparent;}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldHasDivider__2081be6f .base_uo19e5_iq39zt5__2081be6f:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_iq39zt5__2081be6f:focus-within .base_uo19e5_i19ry60d__2081be6f,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_i19ry60d__2081be6f{color:var(--plasma-textfield__placeholder-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_io4bpie__2081be6f{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_tlv9av6__2081be6f{color:var(--plasma-textfield__title-caption-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_lb3k3v1__2081be6f{color:var(--plasma-textfield__left-helper-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_labelPlacementOuter__2081be6f .base_uo19e5_luk2zst__2081be6f{color:var(--plasma-textfield__label-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover{cursor:default;}
|
|
18
18
|
|
|
19
19
|
.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementOuter__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_i13qvwoy__b6d5484f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f:not(.base_18kkeb9_textfieldReadonlyInput__b6d5484f):focus ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_hasValue__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_keepPlaceholder__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f{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_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f.base_18kkeb9_textfieldClear__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__clear-placeholder-color);}
|
|
20
20
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Range/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Range.tokens';\
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/Range/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Range.tokens';\n\nexport const base = css`\n &[disabled] {\n opacity: var(${tokens.disabledOpacity});\n cursor: not-allowed;\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAKhB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.brz2a7[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Range/variations/_readonly/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Range.tokens';\nimport {\n ContentWrapper,\n LeftHelper,\n StyledContentLeft,\n StyledContentRight,\n StyledDivider,\n StyledLabel,\n} from '../../Range.styles';\n\nexport const base = css`\n &[readonly] {\n cursor: default;\n\n ${ContentWrapper} {\n position: relative;\n box-shadow: none;\n background: transparent;\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 box-shadow: inset 0 0 0 var(${tokens.borderWidth}, 1px) var(${tokens.borderColorReadOnly});\n background: var(${tokens.backgroundReadOnly});\n opacity: var(${tokens.readOnlyOpacity});\n z-index: -1;\n }\n }\n\n ${StyledLabel} {\n display: block;\n color: var(${tokens.labelColorReadOnly});\n }\n\n ${LeftHelper} {\n color: var(${tokens.leftHelperColorReadOnly});\n }\n\n ${StyledDivider} {\n color: var(${tokens.dividerColorReadOnly});\n opacity: var(${tokens.dividerOpacityReadOnly});\n }\n\n ${StyledContentLeft}, ${StyledContentRight} {\n color: var(${tokens.textFieldColorReadOnly});\n\n &:hover,\n &:active {\n color: var(${tokens.textFieldColorReadOnly});\n cursor: default;\n }\n }\n\n ${StyledContentRight} {\n opacity: var(${tokens.rightContentOpacityReadOnly});\n
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/Range/variations/_readonly/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Range.tokens';\nimport {\n ContentWrapper,\n LeftHelper,\n StyledContentLeft,\n StyledContentRight,\n StyledDivider,\n StyledLabel,\n} from '../../Range.styles';\n\nexport const base = css`\n &[readonly] {\n cursor: default;\n\n ${ContentWrapper} {\n position: relative;\n box-shadow: none;\n background: transparent;\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 box-shadow: inset 0 0 0 var(${tokens.borderWidth}, 1px) var(${tokens.borderColorReadOnly});\n background: var(${tokens.backgroundReadOnly});\n opacity: var(${tokens.readOnlyOpacity});\n z-index: -1;\n }\n }\n\n ${StyledLabel} {\n display: block;\n color: var(${tokens.labelColorReadOnly});\n }\n\n ${LeftHelper} {\n color: var(${tokens.leftHelperColorReadOnly});\n }\n\n ${StyledDivider} {\n color: var(${tokens.dividerColorReadOnly});\n opacity: var(${tokens.dividerOpacityReadOnly});\n }\n\n ${StyledContentLeft}, ${StyledContentRight} {\n color: var(${tokens.textFieldColorReadOnly});\n\n &:hover,\n &:active {\n color: var(${tokens.textFieldColorReadOnly});\n cursor: default;\n }\n }\n\n ${StyledContentRight} {\n opacity: var(${tokens.rightContentOpacityReadOnly});\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAYO,IAAMA,IAAI,GAoDhB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.b1l9fpln[readonly]{cursor:default;}.b1l9fpln[readonly] .cfxtxl2{position:relative;box-shadow:none;background:transparent;}.b1l9fpln[readonly] .cfxtxl2: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;}.b1l9fpln[readonly] .s14q3826{display:block;color:var(--plasma-range__label-color-readonly);}.b1l9fpln[readonly] .l1e6rwfy{color:var(--plasma-range__left-helper-color-readonly);}.b1l9fpln[readonly] .s1hiyoiq{color:var(--plasma-range__divider-color-readonly);opacity:var(--plasma-range__divider-opacity-readonly);}.b1l9fpln[readonly] .s15y5ylz,.b1l9fpln[readonly] .suha98b{color:var(--plasma-range-textfield-color-readonly);}.b1l9fpln[readonly] .s15y5ylz:hover,.b1l9fpln[readonly] .suha98b:hover,.b1l9fpln[readonly] .s15y5ylz:active,.b1l9fpln[readonly] .suha98b:active{color:var(--plasma-range-textfield-color-readonly);cursor:default;}.b1l9fpln[readonly] .suha98b{opacity:var(--plasma-range__right-content-opacity-readonly);
|
|
1
|
+
.b1l9fpln[readonly]{cursor:default;}.b1l9fpln[readonly] .cfxtxl2{position:relative;box-shadow:none;background:transparent;}.b1l9fpln[readonly] .cfxtxl2: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;}.b1l9fpln[readonly] .s14q3826{display:block;color:var(--plasma-range__label-color-readonly);}.b1l9fpln[readonly] .l1e6rwfy{color:var(--plasma-range__left-helper-color-readonly);}.b1l9fpln[readonly] .s1hiyoiq{color:var(--plasma-range__divider-color-readonly);opacity:var(--plasma-range__divider-opacity-readonly);}.b1l9fpln[readonly] .s15y5ylz,.b1l9fpln[readonly] .suha98b{color:var(--plasma-range-textfield-color-readonly);}.b1l9fpln[readonly] .s15y5ylz:hover,.b1l9fpln[readonly] .suha98b:hover,.b1l9fpln[readonly] .s15y5ylz:active,.b1l9fpln[readonly] .suha98b:active{color:var(--plasma-range-textfield-color-readonly);cursor:default;}.b1l9fpln[readonly] .suha98b{opacity:var(--plasma-range__right-content-opacity-readonly);}
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
|
|
40
40
|
.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;}
|
|
41
41
|
|
|
42
|
-
.
|
|
42
|
+
.base_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f: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_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f:hover{background-color:transparent;}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldHasDivider__2081be6f .base_uo19e5_iq39zt5__2081be6f:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_iq39zt5__2081be6f:focus-within .base_uo19e5_i19ry60d__2081be6f,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_i19ry60d__2081be6f{color:var(--plasma-textfield__placeholder-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_io4bpie__2081be6f{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_tlv9av6__2081be6f{color:var(--plasma-textfield__title-caption-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_lb3k3v1__2081be6f{color:var(--plasma-textfield__left-helper-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_labelPlacementOuter__2081be6f .base_uo19e5_luk2zst__2081be6f{color:var(--plasma-textfield__label-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover{cursor:default;}
|
|
43
43
|
|
|
44
44
|
.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementOuter__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_i13qvwoy__b6d5484f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f:not(.base_18kkeb9_textfieldReadonlyInput__b6d5484f):focus ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_hasValue__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_keepPlaceholder__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f{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_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f.base_18kkeb9_textfieldClear__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__clear-placeholder-color);}
|
|
45
45
|
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
|
|
42
42
|
.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;}
|
|
43
43
|
|
|
44
|
-
.
|
|
44
|
+
.base_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f: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_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f:hover{background-color:transparent;}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldHasDivider__2081be6f .base_uo19e5_iq39zt5__2081be6f:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_iq39zt5__2081be6f:focus-within .base_uo19e5_i19ry60d__2081be6f,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_i19ry60d__2081be6f{color:var(--plasma-textfield__placeholder-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_io4bpie__2081be6f{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_tlv9av6__2081be6f{color:var(--plasma-textfield__title-caption-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_lb3k3v1__2081be6f{color:var(--plasma-textfield__left-helper-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_labelPlacementOuter__2081be6f .base_uo19e5_luk2zst__2081be6f{color:var(--plasma-textfield__label-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover{cursor:default;}
|
|
45
45
|
|
|
46
46
|
.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementOuter__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_i13qvwoy__b6d5484f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f:not(.base_18kkeb9_textfieldReadonlyInput__b6d5484f):focus ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_hasValue__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_keepPlaceholder__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f{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_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f.base_18kkeb9_textfieldClear__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__clear-placeholder-color);}
|
|
47
47
|
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
.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;}
|
|
10
10
|
|
|
11
|
-
.
|
|
11
|
+
.base_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f: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_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f:hover{background-color:transparent;}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldHasDivider__2081be6f .base_uo19e5_iq39zt5__2081be6f:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_iq39zt5__2081be6f:focus-within .base_uo19e5_i19ry60d__2081be6f,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_i19ry60d__2081be6f{color:var(--plasma-textfield__placeholder-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_io4bpie__2081be6f{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_tlv9av6__2081be6f{color:var(--plasma-textfield__title-caption-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_lb3k3v1__2081be6f{color:var(--plasma-textfield__left-helper-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_labelPlacementOuter__2081be6f .base_uo19e5_luk2zst__2081be6f{color:var(--plasma-textfield__label-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover{cursor:default;}
|
|
12
12
|
|
|
13
13
|
.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementOuter__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_i13qvwoy__b6d5484f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f:not(.base_18kkeb9_textfieldReadonlyInput__b6d5484f):focus ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_hasValue__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_keepPlaceholder__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f{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_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f.base_18kkeb9_textfieldClear__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__clear-placeholder-color);}
|
|
14
14
|
|
|
@@ -18,7 +18,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
|
18
18
|
|
|
19
19
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
20
20
|
|
|
21
|
-
var _excluded = ["opened", "children", "onClose", "hasHandle", "handlePlacement", "contentHeader", "isHeaderFixed", "contentFooter", "isFooterFixed", "withOverlay", "withBlur", "withTransition", "throttleMs", "className", "view"];
|
|
21
|
+
var _excluded = ["opened", "children", "onClose", "hasHandle", "handlePlacement", "contentHeader", "isHeaderFixed", "contentFooter", "isFooterFixed", "withOverlay", "withBlur", "withTransition", "hasScrollEvents", "throttleMs", "className", "view"];
|
|
22
22
|
|
|
23
23
|
/**
|
|
24
24
|
* Открывает окно-шторку поверх основного экрана.
|
|
@@ -44,6 +44,8 @@ var sheetRoot = function sheetRoot(Root) {
|
|
|
44
44
|
withBlur = _ref$withBlur === void 0 ? false : _ref$withBlur,
|
|
45
45
|
_ref$withTransition = _ref.withTransition,
|
|
46
46
|
withTransition = _ref$withTransition === void 0 ? true : _ref$withTransition,
|
|
47
|
+
_ref$hasScrollEvents = _ref.hasScrollEvents,
|
|
48
|
+
hasScrollEvents = _ref$hasScrollEvents === void 0 ? true : _ref$hasScrollEvents,
|
|
47
49
|
throttleMs = _ref.throttleMs,
|
|
48
50
|
className = _ref.className,
|
|
49
51
|
view = _ref.view,
|
|
@@ -59,6 +61,7 @@ var sheetRoot = function sheetRoot(Root) {
|
|
|
59
61
|
contentRef: contentRef,
|
|
60
62
|
handleRef: handleRef,
|
|
61
63
|
throttleMs: throttleMs,
|
|
64
|
+
hasScrollEvents: hasScrollEvents,
|
|
62
65
|
onClose: onClose
|
|
63
66
|
});
|
|
64
67
|
var hasHeader = Boolean(contentHeader);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sheet.js","sources":["../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { Overlay } from '../Overlay';\nimport { cx } from '../../utils';\n\nimport { SheetProps } from './Sheet.types';\nimport { useOverflow, useSheetSwipe } from './hooks';\nimport { classes, tokens } from './Sheet.tokens';\nimport {\n StyledContentWrapper,\n StyledSheetBody,\n StyledSheetContent,\n StyledSheetFooter,\n StyledSheetHandle,\n StyledSheetHeader,\n} from './Sheet.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as handlePlacementCSS } from './variations/_handlePlacement/base';\nimport { DEFAULT_Z_INDEX } from './utils';\n\n/**\n * Открывает окно-шторку поверх основного экрана.\n */\n\nexport const sheetRoot = (Root: RootProps<HTMLDivElement, SheetProps>) =>\n forwardRef<HTMLDivElement, SheetProps>(\n (\n {\n opened,\n children,\n onClose,\n hasHandle = true,\n handlePlacement,\n contentHeader,\n isHeaderFixed = false,\n contentFooter,\n isFooterFixed = false,\n withOverlay = true,\n withBlur = false,\n withTransition = true,\n throttleMs,\n className,\n view,\n ...restProps\n },\n rootRef,\n ) => {\n const contentWrapperRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n const handleRef = useRef<HTMLDivElement>(null);\n\n useOverflow({ opened });\n useSheetSwipe({ contentWrapperRef, contentRef, handleRef, throttleMs, onClose });\n\n const hasHeader = Boolean(contentHeader);\n const hasFooter = Boolean(contentFooter);\n\n const closedClass = opened ? undefined : `${classes.closed}`;\n\n const overlayBackgroundToken = withBlur\n ? `var(${tokens.sheetOverlayWithBlurColor})`\n : `var(${tokens.sheetOverlayColor})`;\n\n return (\n <Root opened={opened} onClose={onClose} view={view} handlePlacement={handlePlacement} ref={rootRef}>\n <StyledContentWrapper\n opened={opened}\n withTransition={withTransition}\n className={cx(closedClass, className)}\n ref={contentWrapperRef}\n {...restProps}\n >\n {hasHandle && <StyledSheetHandle ref={handleRef} />}\n <StyledSheetContent hasHeader={hasHeader} hasFooter={hasFooter} ref={contentRef}>\n {hasHeader && (\n <StyledSheetHeader isHeaderFixed={isHeaderFixed}>{contentHeader}</StyledSheetHeader>\n )}\n <StyledSheetBody>{children}</StyledSheetBody>\n {hasFooter && (\n <StyledSheetFooter isFooterFixed={isFooterFixed}>{contentFooter}</StyledSheetFooter>\n )}\n </StyledSheetContent>\n </StyledContentWrapper>\n {withOverlay && opened && (\n <Overlay\n zIndex={DEFAULT_Z_INDEX}\n backgroundColorProperty={overlayBackgroundToken}\n withBlur={withBlur}\n isClickable\n onOverlayClick={onClose}\n />\n )}\n </Root>\n );\n },\n );\n\nexport const sheetConfig = {\n name: 'Sheet',\n tag: 'div',\n layout: sheetRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n handlePlacement: {\n css: handlePlacementCSS,\n },\n },\n defaults: {\n view: 'default',\n handlePlacement: 'outer',\n },\n};\n"],"names":["sheetRoot","Root","forwardRef","_ref","rootRef","opened","children","onClose","_ref$hasHandle","hasHandle","handlePlacement","contentHeader","_ref$isHeaderFixed","isHeaderFixed","contentFooter","_ref$isFooterFixed","isFooterFixed","_ref$withOverlay","withOverlay","_ref$withBlur","withBlur","_ref$withTransition","withTransition","throttleMs","className","view","restProps","_objectWithoutProperties","_excluded","contentWrapperRef","useRef","contentRef","handleRef","useOverflow","useSheetSwipe","hasHeader","Boolean","hasFooter","closedClass","undefined","concat","classes","closed","overlayBackgroundToken","tokens","sheetOverlayWithBlurColor","sheetOverlayColor","React","createElement","ref","StyledContentWrapper","_extends","cx","StyledSheetHandle","StyledSheetContent","StyledSheetHeader","StyledSheetBody","StyledSheetFooter","Overlay","zIndex","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","onOverlayClick","sheetConfig","name","tag","layout","base","variations","css","viewCSS","handlePlacementCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA;AACA;AACA;;IAEaA,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAA2C,EAAA;AAAA,EAAA,oBACjEC,gBAAU,CACN,UAAAC,IAAA,
|
|
1
|
+
{"version":3,"file":"Sheet.js","sources":["../../../src/components/Sheet/Sheet.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { Overlay } from '../Overlay';\nimport { cx } from '../../utils';\n\nimport { SheetProps } from './Sheet.types';\nimport { useOverflow, useSheetSwipe } from './hooks';\nimport { classes, tokens } from './Sheet.tokens';\nimport {\n StyledContentWrapper,\n StyledSheetBody,\n StyledSheetContent,\n StyledSheetFooter,\n StyledSheetHandle,\n StyledSheetHeader,\n} from './Sheet.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as handlePlacementCSS } from './variations/_handlePlacement/base';\nimport { DEFAULT_Z_INDEX } from './utils';\n\n/**\n * Открывает окно-шторку поверх основного экрана.\n */\n\nexport const sheetRoot = (Root: RootProps<HTMLDivElement, SheetProps>) =>\n forwardRef<HTMLDivElement, SheetProps>(\n (\n {\n opened,\n children,\n onClose,\n hasHandle = true,\n handlePlacement,\n contentHeader,\n isHeaderFixed = false,\n contentFooter,\n isFooterFixed = false,\n withOverlay = true,\n withBlur = false,\n withTransition = true,\n hasScrollEvents = true,\n throttleMs,\n className,\n view,\n ...restProps\n },\n rootRef,\n ) => {\n const contentWrapperRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n const handleRef = useRef<HTMLDivElement>(null);\n\n useOverflow({ opened });\n useSheetSwipe({ contentWrapperRef, contentRef, handleRef, throttleMs, hasScrollEvents, onClose });\n\n const hasHeader = Boolean(contentHeader);\n const hasFooter = Boolean(contentFooter);\n\n const closedClass = opened ? undefined : `${classes.closed}`;\n\n const overlayBackgroundToken = withBlur\n ? `var(${tokens.sheetOverlayWithBlurColor})`\n : `var(${tokens.sheetOverlayColor})`;\n\n return (\n <Root opened={opened} onClose={onClose} view={view} handlePlacement={handlePlacement} ref={rootRef}>\n <StyledContentWrapper\n opened={opened}\n withTransition={withTransition}\n className={cx(closedClass, className)}\n ref={contentWrapperRef}\n {...restProps}\n >\n {hasHandle && <StyledSheetHandle ref={handleRef} />}\n <StyledSheetContent hasHeader={hasHeader} hasFooter={hasFooter} ref={contentRef}>\n {hasHeader && (\n <StyledSheetHeader isHeaderFixed={isHeaderFixed}>{contentHeader}</StyledSheetHeader>\n )}\n <StyledSheetBody>{children}</StyledSheetBody>\n {hasFooter && (\n <StyledSheetFooter isFooterFixed={isFooterFixed}>{contentFooter}</StyledSheetFooter>\n )}\n </StyledSheetContent>\n </StyledContentWrapper>\n {withOverlay && opened && (\n <Overlay\n zIndex={DEFAULT_Z_INDEX}\n backgroundColorProperty={overlayBackgroundToken}\n withBlur={withBlur}\n isClickable\n onOverlayClick={onClose}\n />\n )}\n </Root>\n );\n },\n );\n\nexport const sheetConfig = {\n name: 'Sheet',\n tag: 'div',\n layout: sheetRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n handlePlacement: {\n css: handlePlacementCSS,\n },\n },\n defaults: {\n view: 'default',\n handlePlacement: 'outer',\n },\n};\n"],"names":["sheetRoot","Root","forwardRef","_ref","rootRef","opened","children","onClose","_ref$hasHandle","hasHandle","handlePlacement","contentHeader","_ref$isHeaderFixed","isHeaderFixed","contentFooter","_ref$isFooterFixed","isFooterFixed","_ref$withOverlay","withOverlay","_ref$withBlur","withBlur","_ref$withTransition","withTransition","_ref$hasScrollEvents","hasScrollEvents","throttleMs","className","view","restProps","_objectWithoutProperties","_excluded","contentWrapperRef","useRef","contentRef","handleRef","useOverflow","useSheetSwipe","hasHeader","Boolean","hasFooter","closedClass","undefined","concat","classes","closed","overlayBackgroundToken","tokens","sheetOverlayWithBlurColor","sheetOverlayColor","React","createElement","ref","StyledContentWrapper","_extends","cx","StyledSheetHandle","StyledSheetContent","StyledSheetHeader","StyledSheetBody","StyledSheetFooter","Overlay","zIndex","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","onOverlayClick","sheetConfig","name","tag","layout","base","variations","css","viewCSS","handlePlacementCSS","defaults"],"mappings":"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"}
|
|
@@ -23,6 +23,7 @@ var useSheetSwipe = function useSheetSwipe(args) {
|
|
|
23
23
|
var contentWrapperRef = args.contentWrapperRef,
|
|
24
24
|
contentRef = args.contentRef,
|
|
25
25
|
handleRef = args.handleRef,
|
|
26
|
+
hasScrollEvents = args.hasScrollEvents,
|
|
26
27
|
onClose = args.onClose,
|
|
27
28
|
_args$throttleMs = args.throttleMs,
|
|
28
29
|
throttleMs = _args$throttleMs === void 0 ? THROTTLE_DEFAULT_MS : _args$throttleMs;
|
|
@@ -38,7 +39,7 @@ var useSheetSwipe = function useSheetSwipe(args) {
|
|
|
38
39
|
var handleEl = handleRef.current;
|
|
39
40
|
var contentEl = contentRef.current;
|
|
40
41
|
var triggerElement = !isTopScroll ? handleEl : contentWrapperEl;
|
|
41
|
-
if (!triggerElement || !contentEl || !contentWrapperEl) {
|
|
42
|
+
if (!triggerElement || !contentEl || !contentWrapperEl || !hasScrollEvents) {
|
|
42
43
|
return;
|
|
43
44
|
}
|
|
44
45
|
var nodes = Array.from(contentWrapperEl.querySelectorAll('*'));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSheetSwipe.js","sources":["../../../../src/components/Sheet/hooks/useSheetSwipe.ts"],"sourcesContent":["import throttle from 'lodash.throttle';\nimport { useEffect, useRef, useState, RefObject } from 'react';\n\nconst SWIPE_THRESHOLD = 0.2;\nconst THROTTLE_DEFAULT_MS = 0;\n\nconst isScrollable = (element: HTMLElement | null) => {\n if (!element) {\n return false;\n }\n\n const style = getComputedStyle(element);\n\n return (\n style.overflow === 'scroll' ||\n style.overflow === 'auto' ||\n style.overflowY === 'scroll' ||\n style.overflowY === 'auto'\n );\n};\n\nexport const useSheetSwipe = (args: {\n contentWrapperRef: RefObject<HTMLDivElement>;\n contentRef: RefObject<HTMLDivElement>;\n handleRef: RefObject<HTMLDivElement>;\n throttleMs?: number;\n onClose: () => void;\n}) => {\n const {
|
|
1
|
+
{"version":3,"file":"useSheetSwipe.js","sources":["../../../../src/components/Sheet/hooks/useSheetSwipe.ts"],"sourcesContent":["import throttle from 'lodash.throttle';\nimport { useEffect, useRef, useState, RefObject } from 'react';\n\nconst SWIPE_THRESHOLD = 0.2;\nconst THROTTLE_DEFAULT_MS = 0;\n\nconst isScrollable = (element: HTMLElement | null) => {\n if (!element) {\n return false;\n }\n\n const style = getComputedStyle(element);\n\n return (\n style.overflow === 'scroll' ||\n style.overflow === 'auto' ||\n style.overflowY === 'scroll' ||\n style.overflowY === 'auto'\n );\n};\n\nexport const useSheetSwipe = (args: {\n contentWrapperRef: RefObject<HTMLDivElement>;\n contentRef: RefObject<HTMLDivElement>;\n handleRef: RefObject<HTMLDivElement>;\n hasScrollEvents?: boolean;\n throttleMs?: number;\n onClose: () => void;\n}) => {\n const {\n contentWrapperRef,\n contentRef,\n handleRef,\n hasScrollEvents,\n onClose,\n throttleMs = THROTTLE_DEFAULT_MS,\n } = args;\n const [isTopScroll, setIsTopScroll] = useState(true);\n const isOverscroll = useRef(false);\n const startY = useRef(0);\n const currentY = useRef(0);\n\n useEffect(() => {\n const contentWrapperEl = contentWrapperRef.current;\n const handleEl = handleRef.current;\n const contentEl = contentRef.current;\n\n const triggerElement = !isTopScroll ? handleEl : contentWrapperEl;\n\n if (!triggerElement || !contentEl || !contentWrapperEl || !hasScrollEvents) {\n return;\n }\n\n const nodes = Array.from<HTMLElement>(contentWrapperEl.querySelectorAll('*'));\n const scrollableElements = nodes.filter(isScrollable);\n\n contentWrapperEl.style.willChange = 'transform';\n\n const onTouchStart = (event: TouchEvent) => {\n isOverscroll.current = false;\n\n startY.current = event.changedTouches[0].clientY;\n currentY.current = startY.current;\n\n contentWrapperEl.style.transition = 'none';\n };\n\n const onTouchMove = (event: TouchEvent) => {\n const { clientY } = event.changedTouches[0];\n currentY.current = Math.max(startY.current, clientY);\n const offsetY = currentY.current - startY.current;\n\n if (isOverscroll.current) {\n startY.current = Infinity;\n return;\n }\n\n if (offsetY !== 0 && event.cancelable) {\n event.preventDefault();\n }\n\n contentWrapperEl.style.transform = `translateY(${offsetY}px)`;\n };\n\n const onTouchEnd = (event: TouchEvent) => {\n isOverscroll.current = false;\n\n const curtainHeight = contentWrapperEl.offsetHeight;\n const endY = event.changedTouches[0].clientY;\n const offsetY = endY - startY.current;\n\n contentWrapperEl.style.transform = '';\n contentWrapperEl.style.transition = '';\n\n if (offsetY / curtainHeight > SWIPE_THRESHOLD) {\n onClose();\n }\n };\n\n const onScroll = throttle((event: Event) => {\n const onTop = (event.target as HTMLElement).scrollTop <= 0;\n\n if (!onTop) {\n isOverscroll.current = true;\n }\n\n setIsTopScroll(onTop);\n }, throttleMs);\n\n triggerElement.addEventListener('touchstart', onTouchStart);\n triggerElement.addEventListener('touchmove', onTouchMove);\n triggerElement.addEventListener('touchend', onTouchEnd);\n\n scrollableElements.forEach((element) => {\n element.addEventListener('scroll', onScroll);\n });\n\n return () => {\n triggerElement.removeEventListener('touchstart', onTouchStart);\n triggerElement.removeEventListener('touchmove', onTouchMove);\n triggerElement.removeEventListener('touchend', onTouchEnd);\n\n scrollableElements.forEach((element) => {\n element.removeEventListener('scroll', onScroll);\n });\n };\n }, [isTopScroll]);\n};\n"],"names":["SWIPE_THRESHOLD","THROTTLE_DEFAULT_MS","isScrollable","element","style","getComputedStyle","overflow","overflowY","useSheetSwipe","args","contentWrapperRef","contentRef","handleRef","hasScrollEvents","onClose","_args$throttleMs","throttleMs","_useState","useState","_useState2","_slicedToArray","isTopScroll","setIsTopScroll","isOverscroll","useRef","startY","currentY","useEffect","contentWrapperEl","current","handleEl","contentEl","triggerElement","nodes","Array","from","querySelectorAll","scrollableElements","filter","willChange","onTouchStart","event","changedTouches","clientY","transition","onTouchMove","Math","max","offsetY","Infinity","cancelable","preventDefault","transform","concat","onTouchEnd","curtainHeight","offsetHeight","endY","onScroll","throttle","onTop","target","scrollTop","addEventListener","forEach","removeEventListener"],"mappings":"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"}
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
|
|
27
27
|
.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;}
|
|
28
28
|
|
|
29
|
-
.
|
|
29
|
+
.base_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f: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_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f:hover{background-color:transparent;}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldHasDivider__2081be6f .base_uo19e5_iq39zt5__2081be6f:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_iq39zt5__2081be6f:focus-within .base_uo19e5_i19ry60d__2081be6f,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_i19ry60d__2081be6f{color:var(--plasma-textfield__placeholder-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_io4bpie__2081be6f{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_tlv9av6__2081be6f{color:var(--plasma-textfield__title-caption-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_lb3k3v1__2081be6f{color:var(--plasma-textfield__left-helper-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_labelPlacementOuter__2081be6f .base_uo19e5_luk2zst__2081be6f{color:var(--plasma-textfield__label-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover{cursor:default;}
|
|
30
30
|
|
|
31
31
|
.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementOuter__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_i13qvwoy__b6d5484f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f:not(.base_18kkeb9_textfieldReadonlyInput__b6d5484f):focus ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_hasValue__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_keepPlaceholder__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f{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_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f.base_18kkeb9_textfieldClear__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__clear-placeholder-color);}
|
|
32
32
|
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
|
|
18
18
|
.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;}
|
|
19
19
|
|
|
20
|
-
.
|
|
20
|
+
.base_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f: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_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f:hover{background-color:transparent;}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldHasDivider__2081be6f .base_uo19e5_iq39zt5__2081be6f:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_iq39zt5__2081be6f:focus-within .base_uo19e5_i19ry60d__2081be6f,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_i19ry60d__2081be6f{color:var(--plasma-textfield__placeholder-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_io4bpie__2081be6f{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_tlv9av6__2081be6f{color:var(--plasma-textfield__title-caption-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_lb3k3v1__2081be6f{color:var(--plasma-textfield__left-helper-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_labelPlacementOuter__2081be6f .base_uo19e5_luk2zst__2081be6f{color:var(--plasma-textfield__label-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover{cursor:default;}
|
|
21
21
|
|
|
22
22
|
.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementOuter__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_i13qvwoy__b6d5484f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f:not(.base_18kkeb9_textfieldReadonlyInput__b6d5484f):focus ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_hasValue__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_keepPlaceholder__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f{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_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f.base_18kkeb9_textfieldClear__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__clear-placeholder-color);}
|
|
23
23
|
|
|
@@ -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_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f: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_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f:hover{background-color:transparent;}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldHasDivider__2081be6f .base_uo19e5_iq39zt5__2081be6f:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_iq39zt5__2081be6f:focus-within .base_uo19e5_i19ry60d__2081be6f,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_i19ry60d__2081be6f{color:var(--plasma-textfield__placeholder-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_io4bpie__2081be6f{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_tlv9av6__2081be6f{color:var(--plasma-textfield__title-caption-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_lb3k3v1__2081be6f{color:var(--plasma-textfield__left-helper-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_labelPlacementOuter__2081be6f .base_uo19e5_luk2zst__2081be6f{color:var(--plasma-textfield__label-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover{cursor:default;}
|
|
22
22
|
|
|
23
23
|
.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementOuter__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_i13qvwoy__b6d5484f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f:not(.base_18kkeb9_textfieldReadonlyInput__b6d5484f):focus ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_hasValue__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_keepPlaceholder__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f{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_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f.base_18kkeb9_textfieldClear__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{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_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f: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_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f:hover{background-color:transparent;}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldHasDivider__2081be6f .base_uo19e5_iq39zt5__2081be6f:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_iq39zt5__2081be6f:focus-within .base_uo19e5_i19ry60d__2081be6f,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_i19ry60d__2081be6f{color:var(--plasma-textfield__placeholder-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_io4bpie__2081be6f{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_tlv9av6__2081be6f{color:var(--plasma-textfield__title-caption-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_lb3k3v1__2081be6f{color:var(--plasma-textfield__left-helper-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_labelPlacementOuter__2081be6f .base_uo19e5_luk2zst__2081be6f{color:var(--plasma-textfield__label-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover{cursor:default;}
|
|
98
98
|
|
|
99
99
|
.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementOuter__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_i13qvwoy__b6d5484f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f:not(.base_18kkeb9_textfieldReadonlyInput__b6d5484f):focus ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_hasValue__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_keepPlaceholder__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f{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_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f.base_18kkeb9_textfieldClear__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{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_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f: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_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f:hover{background-color:transparent;}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldHasDivider__2081be6f .base_uo19e5_iq39zt5__2081be6f:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_iq39zt5__2081be6f:focus-within .base_uo19e5_i19ry60d__2081be6f,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_i19ry60d__2081be6f{color:var(--plasma-textfield__placeholder-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_io4bpie__2081be6f{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_tlv9av6__2081be6f{color:var(--plasma-textfield__title-caption-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_lb3k3v1__2081be6f{color:var(--plasma-textfield__left-helper-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_labelPlacementOuter__2081be6f .base_uo19e5_luk2zst__2081be6f{color:var(--plasma-textfield__label-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover{cursor:default;}
|
|
100
100
|
|
|
101
101
|
.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementOuter__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_i13qvwoy__b6d5484f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f:not(.base_18kkeb9_textfieldReadonlyInput__b6d5484f):focus ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_hasValue__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_keepPlaceholder__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f{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_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f.base_18kkeb9_textfieldClear__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{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_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f{position:relative;z-index:0;color:var(--plasma-textfield-color-readonly);background:transparent;box-shadow:none;}.base_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f: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_uo19e5_b1w985rt__2081be6f[readonly]:not(.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldClear__2081be6f) .base_uo19e5_iq39zt5__2081be6f:hover{background-color:transparent;}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_textfieldHasDivider__2081be6f .base_uo19e5_iq39zt5__2081be6f:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_iq39zt5__2081be6f:focus-within .base_uo19e5_i19ry60d__2081be6f,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_i19ry60d__2081be6f{color:var(--plasma-textfield__placeholder-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_io4bpie__2081be6f{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_tlv9av6__2081be6f{color:var(--plasma-textfield__title-caption-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_lb3k3v1__2081be6f{color:var(--plasma-textfield__left-helper-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f{opacity:var(--plasma-textfield-right-content-opacity-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover,.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_uo19e5_b1w985rt__2081be6f[readonly].base_uo19e5_labelPlacementOuter__2081be6f .base_uo19e5_luk2zst__2081be6f{color:var(--plasma-textfield__label-color-readonly);}.base_uo19e5_b1w985rt__2081be6f[readonly] .base_uo19e5_s190z894__2081be6f:hover{cursor:default;}
|
|
111
111
|
|
|
112
112
|
.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementOuter__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_i13qvwoy__b6d5484f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f:not(.base_18kkeb9_textfieldReadonlyInput__b6d5484f):focus ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_hasValue__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f,.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_io4bpie__b6d5484f.base_18kkeb9_keepPlaceholder__b6d5484f ~ .base_18kkeb9_luk2zst__b6d5484f{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_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.base_18kkeb9_b15d3bnf__b6d5484f.base_18kkeb9_labelPlacementInner__b6d5484f.base_18kkeb9_textfieldClear__b6d5484f .base_18kkeb9_luk2zst__b6d5484f{color:var(--plasma-textfield__clear-placeholder-color);}
|
|
113
113
|
|