@salutejs/plasma-new-hope 0.262.0-canary.1767.13257914746.0 → 0.262.0-canary.1770.13273833712.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +5 -5
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +5 -5
- package/cjs/components/Combobox/ComboboxOld/Combobox.css +4 -4
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +4 -4
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +4 -4
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +4 -4
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +4 -4
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +6 -6
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +6 -6
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +5 -5
- package/cjs/components/Dropdown/Dropdown.css +4 -4
- package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.css +4 -4
- package/cjs/components/Pagination/Pagination.css +5 -5
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +5 -5
- package/cjs/components/Popover/Popover.css +4 -4
- package/cjs/components/Popover/Popover.styles.js +1 -1
- package/cjs/components/Popover/Popover.styles.js.map +1 -1
- package/cjs/components/Popover/Popover.styles_15l7isk.css +4 -0
- package/cjs/components/Popover/Popover.tokens.js +0 -1
- package/cjs/components/Popover/Popover.tokens.js.map +1 -1
- package/cjs/components/Range/Range.css +6 -6
- package/cjs/components/Range/Range.styles.js.map +1 -1
- package/cjs/components/Range/Range.tokens.js +2 -0
- package/cjs/components/Range/Range.tokens.js.map +1 -1
- 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_8q1gx8.css → cjs/components/Range/variations/_readonly/base_1jlqwtc.css} +1 -1
- package/cjs/components/Select/Select.css +5 -5
- package/cjs/components/Select/ui/Target/Target.css +5 -5
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +5 -5
- package/cjs/components/Slider/Slider.css +5 -5
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +5 -5
- package/cjs/components/TextArea/TextArea.js +9 -7
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.tokens.js +1 -0
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/TextArea/ui/Hint/Hint.css +4 -4
- package/cjs/components/TextArea/variations/_read-only/base.js +9 -0
- package/cjs/components/TextArea/variations/_read-only/base.js.map +1 -0
- package/cjs/components/TextArea/variations/_read-only/base_vx1mwu.css +1 -0
- package/cjs/components/TextField/ui/Hint/Hint.css +4 -4
- 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_oizdmx.css → cjs/components/TextField/variations/_read-only/base_bvfe3o.css} +1 -1
- package/cjs/index.css +8 -6
- package/emotion/cjs/components/Popover/Popover.styles.js +4 -4
- package/emotion/cjs/components/Popover/Popover.tokens.js +0 -1
- package/emotion/cjs/components/Range/Range.styles.js +10 -10
- package/emotion/cjs/components/Range/Range.tokens.js +2 -0
- package/emotion/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/emotion/cjs/components/TextArea/TextArea.js +10 -8
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +1 -0
- package/emotion/cjs/components/TextArea/variations/_read-only/base.js +10 -0
- package/emotion/cjs/components/TextArea/variations/_read-only/tokens.json +1 -0
- package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/emotion/cjs/components/_Icon/Icon.assets/Lock.js +26 -0
- package/emotion/cjs/components/_Icon/Icons/IconLock.js +24 -0
- package/emotion/cjs/components/_Icon/index.js +7 -0
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Popover/Popover.config.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -3
- package/emotion/cjs/examples/plasma_b2c/components/Range/Range.config.js +7 -7
- package/emotion/cjs/examples/plasma_b2c/components/Range/Range.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +16 -13
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +71 -20
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +22 -22
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +92 -26
- package/emotion/cjs/examples/plasma_web/components/Popover/Popover.config.js +1 -1
- package/emotion/cjs/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -3
- package/emotion/cjs/examples/plasma_web/components/Range/Range.config.js +7 -7
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -20
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +22 -22
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +85 -25
- package/emotion/es/components/Popover/Popover.styles.js +4 -4
- package/emotion/es/components/Popover/Popover.tokens.js +0 -1
- package/emotion/es/components/Range/Range.styles.js +10 -10
- package/emotion/es/components/Range/Range.tokens.js +2 -0
- package/emotion/es/components/Range/variations/_readonly/base.js +1 -1
- package/emotion/es/components/TextArea/TextArea.js +6 -4
- package/emotion/es/components/TextArea/TextArea.tokens.js +1 -0
- package/emotion/es/components/TextArea/variations/_read-only/base.js +4 -0
- package/emotion/es/components/TextArea/variations/_read-only/tokens.json +1 -0
- package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
- package/emotion/es/components/_Icon/Icon.assets/Lock.js +19 -0
- package/emotion/es/components/_Icon/Icons/IconLock.js +17 -0
- package/emotion/es/components/_Icon/index.js +1 -0
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Popover/Popover.config.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -3
- package/emotion/es/examples/plasma_b2c/components/Range/Range.config.js +7 -7
- package/emotion/es/examples/plasma_b2c/components/Range/Range.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +16 -13
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +71 -20
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +22 -22
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +92 -26
- package/emotion/es/examples/plasma_web/components/Popover/Popover.config.js +1 -1
- package/emotion/es/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -3
- package/emotion/es/examples/plasma_web/components/Range/Range.config.js +7 -7
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -20
- package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +22 -22
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +85 -25
- package/es/components/Autocomplete/Autocomplete.css +5 -5
- package/es/components/Combobox/ComboboxNew/Combobox.css +5 -5
- package/es/components/Combobox/ComboboxOld/Combobox.css +4 -4
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +4 -4
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +4 -4
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +4 -4
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +4 -4
- package/es/components/DatePicker/RangeDate/RangeDate.css +6 -6
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +6 -6
- package/es/components/DatePicker/SingleDate/SingleDate.css +5 -5
- package/es/components/Dropdown/Dropdown.css +4 -4
- package/es/components/Dropdown/ui/DropdownOld/DropdownOld.css +4 -4
- package/es/components/Pagination/Pagination.css +5 -5
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +5 -5
- package/es/components/Popover/Popover.css +4 -4
- package/es/components/Popover/Popover.styles.js +1 -1
- package/es/components/Popover/Popover.styles.js.map +1 -1
- package/es/components/Popover/Popover.styles_15l7isk.css +4 -0
- package/es/components/Popover/Popover.tokens.js +0 -1
- package/es/components/Popover/Popover.tokens.js.map +1 -1
- package/es/components/Range/Range.css +6 -6
- package/es/components/Range/Range.styles.js.map +1 -1
- package/es/components/Range/Range.tokens.js +2 -0
- package/es/components/Range/Range.tokens.js.map +1 -1
- 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_8q1gx8.css → es/components/Range/variations/_readonly/base_1jlqwtc.css} +1 -1
- package/es/components/Select/Select.css +5 -5
- package/es/components/Select/ui/Target/Target.css +5 -5
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +5 -5
- package/es/components/Slider/Slider.css +5 -5
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +5 -5
- package/es/components/TextArea/TextArea.js +9 -7
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.tokens.js +1 -0
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/TextArea/ui/Hint/Hint.css +4 -4
- package/es/components/TextArea/variations/_read-only/base.js +5 -0
- package/es/components/TextArea/variations/_read-only/base.js.map +1 -0
- package/es/components/TextArea/variations/_read-only/base_vx1mwu.css +1 -0
- package/es/components/TextField/ui/Hint/Hint.css +4 -4
- 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_oizdmx.css → es/components/TextField/variations/_read-only/base_bvfe3o.css} +1 -1
- package/es/index.css +8 -6
- package/package.json +2 -2
- package/styled-components/cjs/components/Popover/Popover.styles.js +3 -3
- package/styled-components/cjs/components/Popover/Popover.tokens.js +0 -1
- package/styled-components/cjs/components/Range/Range.tokens.js +2 -0
- package/styled-components/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/styled-components/cjs/components/TextArea/TextArea.js +9 -7
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +1 -0
- package/styled-components/cjs/components/TextArea/variations/_read-only/base.js +10 -0
- package/styled-components/cjs/components/TextArea/variations/_read-only/tokens.json +1 -0
- package/styled-components/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/styled-components/cjs/components/_Icon/Icon.assets/Lock.js +26 -0
- package/styled-components/cjs/components/_Icon/Icons/IconLock.js +24 -0
- package/styled-components/cjs/components/_Icon/index.js +7 -0
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +3 -0
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +71 -20
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +7 -7
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +92 -26
- package/styled-components/cjs/examples/plasma_web/components/Popover/Popover.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -3
- package/styled-components/cjs/examples/plasma_web/components/Range/Range.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -20
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +7 -7
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +85 -25
- package/styled-components/es/components/Popover/Popover.styles.js +3 -3
- package/styled-components/es/components/Popover/Popover.tokens.js +0 -1
- package/styled-components/es/components/Range/Range.tokens.js +2 -0
- package/styled-components/es/components/Range/variations/_readonly/base.js +1 -1
- package/styled-components/es/components/TextArea/TextArea.js +5 -3
- package/styled-components/es/components/TextArea/TextArea.tokens.js +1 -0
- package/styled-components/es/components/TextArea/variations/_read-only/base.js +4 -0
- package/styled-components/es/components/TextArea/variations/_read-only/tokens.json +1 -0
- package/styled-components/es/components/TextField/variations/_read-only/base.js +2 -2
- package/styled-components/es/components/_Icon/Icon.assets/Lock.js +19 -0
- package/styled-components/es/components/_Icon/Icons/IconLock.js +17 -0
- package/styled-components/es/components/_Icon/index.js +1 -0
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -3
- package/styled-components/es/examples/plasma_b2c/components/Range/Range.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Range/Range.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +3 -0
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +71 -20
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +7 -7
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +92 -26
- package/styled-components/es/examples/plasma_web/components/Popover/Popover.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -3
- package/styled-components/es/examples/plasma_web/components/Range/Range.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +72 -20
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +7 -7
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +85 -25
- package/types/components/Popover/Popover.styles.d.ts.map +1 -1
- package/types/components/Popover/Popover.tokens.d.ts +0 -1
- package/types/components/Popover/Popover.tokens.d.ts.map +1 -1
- package/types/components/Range/Range.tokens.d.ts +2 -0
- package/types/components/Range/Range.tokens.d.ts.map +1 -1
- package/types/components/Range/variations/_readonly/base.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts +3 -2
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +1 -0
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextArea/variations/_read-only/base.d.ts +2 -0
- package/types/components/TextArea/variations/_read-only/base.d.ts.map +1 -0
- package/types/components/TextField/variations/_read-only/base.d.ts.map +1 -1
- package/types/components/_Icon/Icon.assets/Lock.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/Lock.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconLock.d.ts +4 -0
- package/types/components/_Icon/Icons/IconLock.d.ts.map +1 -0
- package/types/components/_Icon/index.d.ts +1 -0
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Popover/Popover.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Range/Range.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +3 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Popover/Popover.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Range/Range.config.d.ts.map +1 -1
- package/cjs/components/Popover/Popover.styles_ji8em4.css +0 -4
- package/emotion/cjs/examples/plasma_b2c/components/Popover/style.css +0 -4
- package/emotion/cjs/examples/plasma_web/components/Popover/style.css +0 -4
- package/emotion/es/examples/plasma_b2c/components/Popover/style.css +0 -4
- package/emotion/es/examples/plasma_web/components/Popover/style.css +0 -4
- package/es/components/Popover/Popover.styles_ji8em4.css +0 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Popover/style.css +0 -4
- package/styled-components/cjs/examples/plasma_web/components/Popover/style.css +0 -4
- package/styled-components/es/examples/plasma_b2c/components/Popover/style.css +0 -4
- package/styled-components/es/examples/plasma_web/components/Popover/style.css +0 -4
package/es/index.css
CHANGED
@@ -126,10 +126,10 @@
|
|
126
126
|
.Radiobox_styles_vikocp_s14xglkp__f2b84016{width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);-webkit-transition:-webkit-transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}input:checked + label .Radiobox_styles_vikocp_s14xglkp__f2b84016{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
|
127
127
|
.Radiobox_styles_vikocp_bdte4ex__f2b84016{--plasma-checkbox-label-font-family:var(--plasma-radiobox-label-font-family);--plasma-checkbox-label-font-size:var(--plasma-radiobox-label-font-size);--plasma-checkbox-label-font-style:var(--plasma-radiobox-label-font-style);--plasma-checkbox-label-font-weight:var(--plasma-radiobox-label-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-radiobox-label-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-radiobox-label-line-height);--plasma-checkbox-description-margin-top:var(--plasma-checkbox-description-margin-top);--plasma-checkbox-description-font-family:var(--plasma-radiobox-description-font-family);--plasma-checkbox-description-font-size:var(--plasma-radiobox-description-font-size);--plasma-checkbox-description-font-style:var(--plasma-radiobox-description-font-style);--plasma-checkbox-description-font-weight:var(--plasma-radiobox-description-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-radiobox-description-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-radiobox-description-line-height);--plasma-checkbox-fill-color:var(--plasma-radiobox-fill-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-trigger-background-color:var(--plasma-radiobox-trigger-background-color);--plasma-checkbox-content-top-offset:var(--plasma-radiobox-content-top-offset);--plasma-checkbox-content-left-offset:var(--plasma-radiobox-content-left-offset);--plasma-checkbox-trigger-size:var(--plasma-radiobox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-radiobox-trigger-border-radius);--plasma-checkbox-trigger-margin:var(--plasma-radiobox-trigger-margin);margin:var(--plasma-radiobox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Radiobox_styles_vikocp_bdte4ex__f2b84016 .Radiobox_styles_vikocp_singleLine__f2b84016{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
128
128
|
|
129
|
-
.
|
130
|
-
.
|
131
|
-
.
|
132
|
-
.
|
129
|
+
.Popover_styles_15l7isk_s1g1xbt5__0e040602{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
130
|
+
.Popover_styles_15l7isk_s12xwbyh__0e040602{display:inline-block;}.Popover_styles_15l7isk_s12xwbyh__0e040602.Popover_styles_15l7isk_popoverTargetAsRef__0e040602{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_15l7isk_s12xwbyh__0e040602.Popover_styles_15l7isk_popoverTargetAsRef__0e040602 .Popover_styles_15l7isk_s1g1xbt5__0e040602{width:100%;height:100%;display:block;}
|
131
|
+
.Popover_styles_15l7isk_s1pd4d8a__0e040602{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_15l7isk_s1pd4d8a__0e040602::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
132
|
+
.Popover_styles_15l7isk_s16xlixz__0e040602{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;}.Popover_styles_15l7isk_s16xlixz__0e040602.Popover_styles_15l7isk_popoverAnimate__0e040602{-webkit-transition:opacity 0.2s ease-in-out,-webkit-transform 0s ease-in-out,visibility 0.2s;-webkit-transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}.Popover_styles_15l7isk_s16xlixz__0e040602.Popover_styles_15l7isk_popoverOpen__0e040602{opacity:1;visibility:visible;}.Popover_styles_15l7isk_s16xlixz__0e040602:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='top'] > .Popover_styles_15l7isk_popoverArrow__0e040602{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='bottom'] > .Popover_styles_15l7isk_popoverArrow__0e040602{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='bottom'] > .Popover_styles_15l7isk_popoverArrow__0e040602::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='left'] > .Popover_styles_15l7isk_popoverArrow__0e040602{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='left'] > .Popover_styles_15l7isk_popoverArrow__0e040602::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='right'] > .Popover_styles_15l7isk_popoverArrow__0e040602{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='right'] > .Popover_styles_15l7isk_popoverArrow__0e040602::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='top-start'] > .Popover_styles_15l7isk_popoverArrow__0e040602{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='top-end'] > .Popover_styles_15l7isk_popoverArrow__0e040602{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='bottom-start'] > .Popover_styles_15l7isk_popoverArrow__0e040602{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='bottom-start'] > .Popover_styles_15l7isk_popoverArrow__0e040602::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='bottom-end'] > .Popover_styles_15l7isk_popoverArrow__0e040602{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='bottom-end'] > .Popover_styles_15l7isk_popoverArrow__0e040602::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='left-start'] > .Popover_styles_15l7isk_popoverArrow__0e040602,.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='right-start'] > .Popover_styles_15l7isk_popoverArrow__0e040602{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='left-end'] > .Popover_styles_15l7isk_popoverArrow__0e040602,.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='right-end'] > .Popover_styles_15l7isk_popoverArrow__0e040602{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='top']:before,.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='top-start']:before,.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='bottom']:before,.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='bottom-start']:before,.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='left']:before,.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='left-start']:before,.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='right']:before,.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='right-start']:before,.Popover_styles_15l7isk_s16xlixz__0e040602[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
|
133
133
|
|
134
134
|
|
135
135
|
.TextArea_styles_ztsrpt_o1r1fvk8__c79165c1{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;margin-bottom:var(--o1r1fvk8-0);}
|
@@ -156,6 +156,8 @@
|
|
156
156
|
|
157
157
|
.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59{border:unset;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_s3wsw3p__f2a5cb59{box-shadow:unset;background-color:unset;border-radius:0;padding-bottom:var(--plasma-textarea-input-padding-top);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_o1r1fvk8__f2a5cb59{margin-bottom:var(--plasma-textarea-clear-label-margin-bottom);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_stc5t23__f2a5cb59{right:0;bottom:unset;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_s18lndvq__f2a5cb59,.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_snf439a__f2a5cb59{padding-left:0;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_snf439a__f2a5cb59{background-color:unset;border-radius:0;padding-top:var(--plasma-textarea-clear-helpers-padding-top);padding-right:0;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_s18lndvq__f2a5cb59{color:var(--plasma-textarea-input-clear-color);padding-right:0;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_s18lndvq__f2a5cb59.base_kgm261_textareaHasRightContent__f2a5cb59{padding-right:var(--plasma-textarea-clear-input-padding-right-with-right-content);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_salwx57__f2a5cb59:not(.base_kgm261_innerPlaceholderUp__f2a5cb59) .base_kgm261_s14zw9ik__f2a5cb59{color:var(--plasma-textarea-clear-placeholder-color);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_salwx57__f2a5cb59:not(.base_kgm261_innerPlaceholderUp__f2a5cb59).base_kgm261_focusedOuterPlaceholderColor__f2a5cb59 .base_kgm261_s14zw9ik__f2a5cb59{color:var(--plasma-textarea-clear-placeholder-color-focus);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_salwx57__f2a5cb59.base_kgm261_innerPlaceholderUp__f2a5cb59{color:var(--plasma-textarea-placeholder-color);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_s14zw9ik__f2a5cb59{padding-left:0;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_sgr5lml__f2a5cb59.base_kgm261_labelPlacementInner__f2a5cb59{inset:var(--plasma-textarea__clear-indicator-placement-inner);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_sgr5lml__f2a5cb59.base_kgm261_labelPlacementInner__f2a5cb59.base_kgm261_requiredAlignRight__f2a5cb59{inset:var(--plasma-textarea__clear-indicator-placement-inner-right);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasHint__f2a5cb59 .base_kgm261_s18tpn65__f2a5cb59.base_kgm261_labelPlacementInner__f2a5cb59{inset:var(--plasma-textarea__clear-hint-inner-label-placement-offset);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasHint__f2a5cb59 .base_kgm261_sgr5lml__f2a5cb59.base_kgm261_labelPlacementInner__f2a5cb59.base_kgm261_requiredAlignRight__f2a5cb59{inset:var(--plasma-textarea__clear-indicator-hint-placement-inner-right);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59 .base_kgm261_textareaContainer__f2a5cb59{border:unset;border-radius:0;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59:focus-within:not([readonly]) .base_kgm261_textareaWrapper__f2a5cb59{background-color:unset;box-shadow:unset;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59:focus-within:not([readonly]) .base_kgm261_textareaContainer__f2a5cb59{border:unset;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59:focus-within:not([readonly]) .base_kgm261_textareaHelpers__f2a5cb59{background-color:unset;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasDivider__f2a5cb59 .base_kgm261_s3wsw3p__f2a5cb59{position:relative;--plasma_private-textarea-divider-color:var(--plasma-textarea-divider-color);}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasDivider__f2a5cb59 .base_kgm261_s3wsw3p__f2a5cb59:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textarea-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasDivider__f2a5cb59:not([readonly]) .base_kgm261_s3wsw3p__f2a5cb59:hover{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-hover, var(--plasma-textarea-divider-color) );}.base_kgm261_b1x0cx6o__f2a5cb59.base_kgm261_textareaClear__f2a5cb59.base_kgm261_textareaHasDivider__f2a5cb59:not([readonly]) .base_kgm261_s3wsw3p__f2a5cb59:focus-within{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-focus, var(--plasma-textarea-divider-color) );}
|
158
158
|
|
159
|
+
.base_vx1mwu_b1xxdrt2__fbf15cbb[readonly] .base_vx1mwu_s18lndvq__fbf15cbb{color:var(--plasma-textarea-input-color-read-only);}
|
160
|
+
|
159
161
|
.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_surmvwq__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_sgr5lml__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_si9oz50__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_t18bd513__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_stc5t23__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s3wsw3p__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_snf439a__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s14zw9ik__29fe1634,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_suev9vb__29fe1634{opacity:var(--plasma-textarea-disabled-opacity);cursor:not-allowed;}.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_surmvwq__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_sgr5lml__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_si9oz50__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_t18bd513__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_stc5t23__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s3wsw3p__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_snf439a__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s14zw9ik__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_suev9vb__29fe1634:hover,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_surmvwq__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_sgr5lml__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_si9oz50__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_t18bd513__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_stc5t23__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s3wsw3p__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_snf439a__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_s14zw9ik__29fe1634:active,.base_1bn0zc9_b1w9g1pa__29fe1634[disabled] .base_1bn0zc9_suev9vb__29fe1634:active{-webkit-transform:none;-ms-transform:none;transform:none;}.base_1bn0zc9_b1w9g1pa__29fe1634 .base_1bn0zc9_textarea__29fe1634:disabled{cursor:not-allowed;color:var(--plasma-textarea-input-color-disabled);}
|
160
162
|
|
161
163
|
.base_111a0qe_b193dn9j__86c7166a .base_111a0qe_h1luq7vd__86c7166a{--plasma-tooltip-background-color:var(--plasma-textarea__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textarea__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textarea__tooltip-color);}
|
@@ -172,7 +174,7 @@
|
|
172
174
|
|
173
175
|
.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;}
|
174
176
|
|
175
|
-
.
|
177
|
+
.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly].base_bvfe3o_textfieldHasDivider__9e0cae63 .base_bvfe3o_iq39zt5__9e0cae63:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_iq39zt5__9e0cae63:focus-within .base_bvfe3o_i19ry60d__9e0cae63,.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_i19ry60d__9e0cae63{color:var(--plasma-textfield__placeholder-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_io4bpie__9e0cae63{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_tlv9av6__9e0cae63{color:var(--plasma-textfield__title-caption-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_lb3k3v1__9e0cae63{color:var(--plasma-textfield__left-helper-color-readonly);}.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_s190z894__9e0cae63:hover,.base_bvfe3o_b1w985rt__9e0cae63[readonly] .base_bvfe3o_s190z894__9e0cae63:active{cursor:default;color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.base_bvfe3o_b1w985rt__9e0cae63[readonly].base_bvfe3o_labelPlacementOuter__9e0cae63 .base_bvfe3o_luk2zst__9e0cae63{color:var(--plasma-textfield__label-color-readonly);}
|
176
178
|
|
177
179
|
.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementOuter__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_i13qvwoy__f1019e0f{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f:focus ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_hasValue__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f,.base_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_io4bpie__f1019e0f.base_jfnl8i_keepPlaceholder__f1019e0f ~ .base_jfnl8i_luk2zst__f1019e0f{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_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{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_jfnl8i_b15d3bnf__f1019e0f.base_jfnl8i_labelPlacementInner__f1019e0f.base_jfnl8i_textfieldClear__f1019e0f .base_jfnl8i_luk2zst__f1019e0f{color:var(--plasma-textfield__clear-placeholder-color);}
|
178
180
|
|
@@ -718,7 +720,7 @@
|
|
718
720
|
|
719
721
|
.base_1ufizo4_brz2a7__2efb673d[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}
|
720
722
|
|
721
|
-
.
|
723
|
+
.base_1jlqwtc_b1l9fpln__86a36108[readonly]{cursor:default;}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_cfxtxl2__86a36108{background:var(--plasma-range-background-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_s14q3826__86a36108{display:block;color:var(--plasma-range__label-color-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_l1e6rwfy__86a36108{color:var(--plasma-range__left-helper-color-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_s1hiyoiq__86a36108{color:var(--plasma-range__divider-color-readonly);opacity:var(--plasma-range__divider-opacity-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_s15y5ylz__86a36108,.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_suha98b__86a36108{color:var(--plasma-range-textfield-color-readonly);}.base_1jlqwtc_b1l9fpln__86a36108[readonly] .base_1jlqwtc_suha98b__86a36108{opacity:var(--plasma-range__right-content-opacity-readonly);}
|
722
724
|
|
723
725
|
.Range_styles_pk9346_s1k2erwt__4887fc13{width:100%;--plasma-textfield-color:var(--plasma-range-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-range-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-range-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-range-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-range-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-range-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-range-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-range-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-range-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-range-textfield-height);--plasma-textfield-border-width:var(--plasma-range-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-range-textfield-border-radius);--plasma-textfield-padding:var(--plasma-range-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-range-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-range-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-range-textfield-font-family);--plasma-textfield-font-size:var(--plasma-range-textfield-font-size);--plasma-textfield-font-style:var(--plasma-range-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-range-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-range-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-range-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-range-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-range-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-range-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-range-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-range-textfield__after-text-margin);}.Range_styles_pk9346_s1k2erwt__4887fc13.Range_styles_pk9346_rangeValueError__4887fc13{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-error-focus);}.Range_styles_pk9346_s1k2erwt__4887fc13.Range_styles_pk9346_rangeValueSuccess__4887fc13{--plasma-textfield-bg-color:var(--plasma-range-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-range-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-range-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-range-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-range-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-range-textfield-border-color-success-focus);}
|
724
726
|
.Range_styles_pk9346_b16kyj37__4887fc13{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.262.0-canary.
|
3
|
+
"version": "0.262.0-canary.1770.13273833712.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -131,5 +131,5 @@
|
|
131
131
|
"sideEffects": [
|
132
132
|
"*.css"
|
133
133
|
],
|
134
|
-
"gitHead": "
|
134
|
+
"gitHead": "fe823f8686bd74cf456d893c11dde1c4f2089861"
|
135
135
|
}
|
@@ -16,10 +16,10 @@ var StyledWrapper = exports.StyledWrapper = /*#__PURE__*/_styledComponents["defa
|
|
16
16
|
})(["display:inline-block;&.", "{position:absolute;top:0;left:0;width:100%;height:100%;", "{width:100%;height:100%;display:block;}}"], _Popover.classes.targetAsRef, StyledRoot);
|
17
17
|
var StyledArrow = exports.StyledArrow = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
18
18
|
componentId: "plasma-new-hope__sc-tnpyex-2"
|
19
|
-
})(["width:var(", ");height:var(", ");&::before{position:absolute;width:var(", ");height:var(", ");mask-image:var(", ");background:var(", ");content:'';transform:rotate(0deg);}"], _Popover.tokens.arrowMaskWidth, _Popover.tokens.arrowMaskHeight, _Popover.tokens.arrowMaskWidth, _Popover.tokens.arrowMaskHeight, _Popover.tokens.arrowMaskImage, _Popover.tokens.arrowBackground);
|
19
|
+
})(["width:var(", ");height:var(", ");&::before{position:absolute;width:var(", ");height:var(", ");mask-image:var(", ");background:var(", ");content:'';transform:rotate(0deg);}"], /*#__PURE__*/String(_Popover.tokens.arrowMaskWidth), /*#__PURE__*/String(_Popover.tokens.arrowMaskHeight), /*#__PURE__*/String(_Popover.tokens.arrowMaskWidth), /*#__PURE__*/String(_Popover.tokens.arrowMaskHeight), /*#__PURE__*/String(_Popover.tokens.arrowMaskImage), /*#__PURE__*/String(_Popover.tokens.arrowBackground));
|
20
20
|
var StyledPopover = exports.StyledPopover = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
21
21
|
componentId: "plasma-new-hope__sc-tnpyex-3"
|
22
|
-
})(["position:absolute;z-index:", ";opacity:0;visibility:hidden
|
22
|
+
})(["position:absolute;z-index:", ";opacity:0;visibility:hidden;&.", "{transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}&.", "{opacity:1;visibility:visible;}&:before{content:'';display:block;position:absolute;background:transparent;}&[data-popper-placement^='top'] > .", "{bottom:calc(0px - var(", "));}&[data-popper-placement^='bottom'] > .", "{top:calc(0px - var(", "));&::before{transform:rotate(180deg);}}&[data-popper-placement^='left'] > .", "{right:calc(0px - var(", "));&::before{transform:rotate(-90deg);}}&[data-popper-placement^='right'] > .", "{left:calc(0px - var(", "));&::before{transform:rotate(90deg);}}&[data-popper-placement^='top-start'] > .", "{bottom:calc(0px - var(", "));left:var(", ") !important;transform:unset !important;}&[data-popper-placement^='top-end'] > .", "{bottom:calc(0px - var(", "));left:unset !important;right:var(", ") !important;transform:unset !important;}&[data-popper-placement^='bottom-start'] > .", "{top:calc(0px - var(", "));left:var(", ") !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='bottom-end'] > .", "{top:calc(0px - var(", "));left:unset !important;right:var(", ") !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='left-start'] > .", ",&[data-popper-placement^='right-start'] > .", "{top:var(", ") !important;transform:unset !important;}&[data-popper-placement^='left-end'] > .", ",&[data-popper-placement^='right-end'] > .", "{top:unset !important;bottom:var(", ") !important;transform:unset !important;}&[data-popper-placement^='top'],&[data-popper-placement^='top-start'],&[data-popper-placement^='top-end']{&:before{top:unset;left:0;right:0;height:var(", ");bottom:calc(-1 * var(", "));}}&[data-popper-placement^='bottom'],&[data-popper-placement^='bottom-start'],&[data-popper-placement^='bottom-end']{&:before{top:calc(-1 * var(", "));left:0;right:0;bottom:var(", ");height:var(", ");}}&[data-popper-placement^='left'],&[data-popper-placement^='left-start'],&[data-popper-placement^='left-end']{&:before{width:var(", ");height:100%;top:0;right:calc(-1 * var(", "));bottom:0;}}&[data-popper-placement^='right'],&[data-popper-placement^='right-start'],&[data-popper-placement^='right-end']{&:before{width:var(", ");height:100%;top:0;left:calc(-1 * var(", "));bottom:0;}}"], function (_ref) {
|
23
23
|
var zIndex = _ref.zIndex;
|
24
24
|
return zIndex || _utils.DEFAULT_Z_INDEX;
|
25
|
-
}, _Popover.
|
25
|
+
}, _Popover.classes.animate, _Popover.classes.open, _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), _Popover.classes.arrow, _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), _Popover.classes.arrow, _Popover.classes.arrow, /*#__PURE__*/String(_Popover.tokens.arrowEdgeMargin), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight), /*#__PURE__*/String(_Popover.tokens.arrowHeight));
|
@@ -14,7 +14,6 @@ var classes = exports.classes = {
|
|
14
14
|
animate: 'popover-animate'
|
15
15
|
};
|
16
16
|
var tokens = exports.tokens = {
|
17
|
-
boxShadow: '--plasma-popover-box-shadow',
|
18
17
|
arrowMaskWidth: '--plasma-popover-arrow-mask-width',
|
19
18
|
arrowMaskHeight: '--plasma-popover-arrow-mask-height',
|
20
19
|
arrowMaskImage: '--plasma-popover-arrow-mask-image',
|
@@ -26,6 +26,7 @@ var tokens = exports.tokens = {
|
|
26
26
|
/** Токены разделителя */
|
27
27
|
dividerColor: '--plasma-range__divider-color',
|
28
28
|
dividerColorReadOnly: '--plasma-range__divider-color-readonly',
|
29
|
+
dividerOpacityReadOnly: '--plasma-range__divider-opacity-readonly',
|
29
30
|
dividerPadding: '--plasma-range__divider-padding',
|
30
31
|
dividerFontFamily: '--plasma-range__divider-font-family',
|
31
32
|
dividerFontStyle: '--plasma-range__divider-font-style',
|
@@ -36,6 +37,7 @@ var tokens = exports.tokens = {
|
|
36
37
|
/** Токены слотов для контента */
|
37
38
|
leftContentMargin: '--plasma-range__left-content-margin',
|
38
39
|
rightContentMargin: '--plasma-range__right-content-margin',
|
40
|
+
rightContentOpacityReadOnly: '--plasma-range__right-content-opacity-readonly',
|
39
41
|
/** Токены лейбла */
|
40
42
|
labelColor: '--plasma-range__label-color',
|
41
43
|
labelColorReadOnly: '--plasma-range__label-color-readonly',
|
@@ -7,4 +7,4 @@ exports.base = void 0;
|
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
8
|
var _Range = /*#__PURE__*/require("../../Range.tokens");
|
9
9
|
var _Range2 = /*#__PURE__*/require("../../Range.styles");
|
10
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{cursor:default;", "{background:var(", ");}", "{display:block;color:var(", ");}", "{color:var(", ");}", "{color:var(", ");}", ",", "{color:var(", ");}}"], _Range2.ContentWrapper, _Range.tokens.backgroundReadOnly, _Range2.StyledLabel, _Range.tokens.labelColorReadOnly, _Range2.LeftHelper, _Range.tokens.leftHelperColorReadOnly, _Range2.StyledDivider, _Range.tokens.dividerColorReadOnly, _Range2.StyledContentLeft, _Range2.StyledContentRight, _Range.tokens.textFieldColorReadOnly);
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{cursor:default;", "{background:var(", ");}", "{display:block;color:var(", ");}", "{color:var(", ");}", "{color:var(", ");opacity:var(", ");}", ",", "{color:var(", ");}", "{opacity:var(", ");}}"], _Range2.ContentWrapper, _Range.tokens.backgroundReadOnly, _Range2.StyledLabel, _Range.tokens.labelColorReadOnly, _Range2.LeftHelper, _Range.tokens.leftHelperColorReadOnly, _Range2.StyledDivider, _Range.tokens.dividerColorReadOnly, _Range.tokens.dividerOpacityReadOnly, _Range2.StyledContentLeft, _Range2.StyledContentRight, _Range.tokens.textFieldColorReadOnly, _Range2.StyledContentRight, _Range.tokens.rightContentOpacityReadOnly);
|
@@ -17,9 +17,10 @@ var _TextArea2 = /*#__PURE__*/require("./TextArea.tokens");
|
|
17
17
|
var _base = /*#__PURE__*/require("./variations/_view/base");
|
18
18
|
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
19
19
|
var _base3 = /*#__PURE__*/require("./variations/_clear/base");
|
20
|
-
var _base4 = /*#__PURE__*/require("./variations/
|
21
|
-
var _base5 = /*#__PURE__*/require("./variations/
|
22
|
-
var _base6 = /*#__PURE__*/require("./variations/_hint-
|
20
|
+
var _base4 = /*#__PURE__*/require("./variations/_read-only/base");
|
21
|
+
var _base5 = /*#__PURE__*/require("./variations/_disabled/base");
|
22
|
+
var _base6 = /*#__PURE__*/require("./variations/_hint-view/base");
|
23
|
+
var _base7 = /*#__PURE__*/require("./variations/_hint-size/base");
|
23
24
|
var _Hint = /*#__PURE__*/require("./ui/Hint/Hint");
|
24
25
|
var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "leftHelperPlacement", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "titleCaption", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredPlacement", "optional", "clear", "hasDivider", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "onChange"];
|
25
26
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
@@ -358,18 +359,19 @@ var textAreaConfig = exports.textAreaConfig = {
|
|
358
359
|
css: _base3.base,
|
359
360
|
attrs: true
|
360
361
|
},
|
361
|
-
|
362
|
+
readOnly: {
|
362
363
|
css: _base4.base,
|
363
364
|
attrs: true
|
364
365
|
},
|
365
|
-
|
366
|
+
disabled: {
|
367
|
+
css: _base5.base,
|
366
368
|
attrs: true
|
367
369
|
},
|
368
370
|
hintView: {
|
369
|
-
css:
|
371
|
+
css: _base6.base
|
370
372
|
},
|
371
373
|
hintSize: {
|
372
|
-
css:
|
374
|
+
css: _base7.base
|
373
375
|
}
|
374
376
|
},
|
375
377
|
defaults: {
|
@@ -66,6 +66,7 @@ var tokens = exports.tokens = {
|
|
66
66
|
/** Цвет текста для элемента textarea */
|
67
67
|
inputColor: '--plasma-textarea-input-color',
|
68
68
|
clearInputColor: '--plasma-textarea-input-clear-color',
|
69
|
+
inputColorReadOnly: '--plasma-textarea-input-color-read-only',
|
69
70
|
/** Цвет текста для элемента textarea в состоянии focus */
|
70
71
|
inputColorFocus: '--plasma-textarea-input-color-focus',
|
71
72
|
/** Цвет каретки для элемента textarea */
|
@@ -0,0 +1,10 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var _TextArea = /*#__PURE__*/require("../../TextArea.styles");
|
9
|
+
var _TextArea2 = /*#__PURE__*/require("../../TextArea.tokens");
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{", "{color:var(", ");}}"], _TextArea.StyledTextArea, _TextArea2.tokens.inputColorReadOnly);
|
@@ -0,0 +1 @@
|
|
1
|
+
[]
|
@@ -7,4 +7,4 @@ exports.base = void 0;
|
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
8
|
var _TextField = /*#__PURE__*/require("../../TextField.tokens");
|
9
9
|
var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
|
10
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{", "{color:var(", ");background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}&.", " ", "{&:before{background-color:var(", ");}}", ":hover{background-color:var(", ");}", ":focus-within ", ",", "{color:var(", ");}", "{color:var(", ");cursor:default;min-width:unset;}", "{color:var(", ");}", "{color:var(", ");}&.", " ", "{color:var(", ");}}"], _TextField2.InputWrapper, _TextField.tokens.colorReadOnly, /*#__PURE__*/String(_TextField.tokens.backgroundColorReadOnly), /*#__PURE__*/String(_TextField.tokens.borderWidth), /*#__PURE__*/String(_TextField.tokens.borderColorReadOnly), _TextField.classes.hasDivider, _TextField2.InputWrapper, /*#__PURE__*/String(_TextField.tokens.dividerColorReadOnly), _TextField2.InputWrapper, _TextField.tokens.backgroundColorReadOnly, _TextField2.InputWrapper, _TextField2.InputPlaceholder, _TextField2.InputPlaceholder, _TextField.tokens.placeholderColorReadOnly, _TextField2.Input, _TextField.tokens.colorReadOnly, _TextField2.TitleCaption, _TextField.tokens.titleCaptionColorReadOnly, _TextField2.LeftHelper, _TextField.tokens.leftHelperColorReadOnly, _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColorReadOnly);
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[readonly]{", "{color:var(", ");background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}&.", " ", "{&:before{background-color:var(", ");}}", ":hover{background-color:var(", ");}", ":focus-within ", ",", "{color:var(", ");}", "{color:var(", ");cursor:default;min-width:unset;}", "{color:var(", ");}", "{color:var(", ");}", ":hover,", ":active{cursor:default;color:var(", ",var(", "));}&.", " ", "{color:var(", ");}}"], _TextField2.InputWrapper, _TextField.tokens.colorReadOnly, /*#__PURE__*/String(_TextField.tokens.backgroundColorReadOnly), /*#__PURE__*/String(_TextField.tokens.borderWidth), /*#__PURE__*/String(_TextField.tokens.borderColorReadOnly), _TextField.classes.hasDivider, _TextField2.InputWrapper, /*#__PURE__*/String(_TextField.tokens.dividerColorReadOnly), _TextField2.InputWrapper, _TextField.tokens.backgroundColorReadOnly, _TextField2.InputWrapper, _TextField2.InputPlaceholder, _TextField2.InputPlaceholder, _TextField.tokens.placeholderColorReadOnly, _TextField2.Input, _TextField.tokens.colorReadOnly, _TextField2.TitleCaption, _TextField.tokens.titleCaptionColorReadOnly, _TextField2.LeftHelper, _TextField.tokens.leftHelperColorReadOnly, _TextField2.StyledContentRight, _TextField2.StyledContentRight, _TextField.tokens.contentSlotRightColor, _TextField.tokens.contentSlotColor, _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColorReadOnly);
|
@@ -0,0 +1,26 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.Lock = void 0;
|
7
|
+
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
|
+
var _path, _path2;
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
11
|
+
var Lock = exports.Lock = function Lock(props) {
|
12
|
+
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
|
13
|
+
width: "24",
|
14
|
+
height: "24",
|
15
|
+
viewBox: "0 0 24 24",
|
16
|
+
fill: "none"
|
17
|
+
}, props), _path || (_path = /*#__PURE__*/_react["default"].createElement("path", {
|
18
|
+
d: "M12.0001 18C13.1046 18 14.0001 17.1046 14.0001 16C14.0001 14.8954 13.1046 14 12.0001 14C10.8955 14 10.0001 14.8954 10.0001 16C10.0001 17.1046 10.8955 18 12.0001 18Z",
|
19
|
+
fill: "currentColor"
|
20
|
+
})), _path2 || (_path2 = /*#__PURE__*/_react["default"].createElement("path", {
|
21
|
+
fillRule: "evenodd",
|
22
|
+
clipRule: "evenodd",
|
23
|
+
d: "M16.7501 7V10.0056C17.0393 10.0142 17.2842 10.0359 17.5087 10.0898C18.6971 10.3751 19.625 11.3029 19.9103 12.4913C20.0005 12.8672 20.0003 13.3001 20.0001 13.9028L20.0001 17.2814C20.0001 17.9548 20.0001 18.5055 19.9635 18.9531C19.9257 19.4163 19.8449 19.8347 19.6458 20.2255C19.3342 20.837 18.837 21.3342 18.2255 21.6458C17.8348 21.8449 17.4164 21.9256 16.9531 21.9634C16.5056 22 15.9549 22 15.2815 22H8.71861C8.04524 22 7.49454 22 7.04698 21.9634C6.58372 21.9256 6.16532 21.8449 5.77458 21.6458C5.16306 21.3342 4.66587 20.837 4.35428 20.2255C4.15519 19.8347 4.07445 19.4163 4.0366 18.9531C4.00004 18.5055 4.00004 17.9548 4.00005 17.2814L4.00003 13.9029C3.99978 13.3001 3.9996 12.8672 4.08985 12.4913C4.37515 11.3029 5.30299 10.3751 6.49135 10.0898C6.7159 10.0359 6.96077 10.0142 7.25005 10.0056V7C7.25005 4.37665 9.3767 2.25 12.0001 2.25C14.6234 2.25 16.7501 4.37665 16.7501 7ZM8.75005 7C8.75005 5.20507 10.2051 3.75 12.0001 3.75C13.795 3.75 15.2501 5.20507 15.2501 7V10H8.75005V7ZM6.84152 11.5484C7.02117 11.5052 7.25947 11.5 8.00005 11.5H16.0001C16.7406 11.5 16.9789 11.5052 17.1586 11.5484C17.7985 11.702 18.2981 12.2016 18.4517 12.8415C18.4948 13.0211 18.5001 13.2594 18.5001 14V17.25C18.5001 17.9624 18.4995 18.4517 18.4685 18.8309C18.4382 19.2014 18.3827 19.4004 18.3093 19.5445C18.1415 19.8738 17.8738 20.1415 17.5445 20.3093C17.4005 20.3827 17.2015 20.4382 16.831 20.4684C16.4517 20.4994 15.9625 20.5 15.2501 20.5H8.75005C8.03761 20.5 7.54839 20.4994 7.16913 20.4684C6.79863 20.4382 6.59961 20.3827 6.45557 20.3093C6.12628 20.1415 5.85857 19.8738 5.69079 19.5445C5.6174 19.4004 5.56189 19.2014 5.53162 18.8309C5.50063 18.4517 5.50005 17.9624 5.50005 17.25V14C5.50005 13.2594 5.50527 13.0211 5.5484 12.8415C5.70203 12.2016 6.20164 11.702 6.84152 11.5484Z",
|
24
|
+
fill: "currentColor"
|
25
|
+
})));
|
26
|
+
};
|
@@ -0,0 +1,24 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.IconLock = void 0;
|
7
|
+
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
|
+
var _Lock = /*#__PURE__*/require("../Icon.assets/Lock");
|
9
|
+
var _IconRoot = /*#__PURE__*/require("../IconRoot");
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
|
+
var IconLock = exports.IconLock = function IconLock(_ref) {
|
12
|
+
var _ref$size = _ref.size,
|
13
|
+
size = _ref$size === void 0 ? 's' : _ref$size,
|
14
|
+
color = _ref.color,
|
15
|
+
className = _ref.className,
|
16
|
+
sizeCustomValue = _ref.sizeCustomValue;
|
17
|
+
return /*#__PURE__*/_react["default"].createElement(_IconRoot.IconRoot, {
|
18
|
+
className: className,
|
19
|
+
sizeCustomValue: sizeCustomValue,
|
20
|
+
size: size,
|
21
|
+
color: color,
|
22
|
+
icon: _Lock.Lock
|
23
|
+
});
|
24
|
+
};
|
@@ -159,6 +159,12 @@ Object.defineProperty(exports, "IconInfoCircleOutline", {
|
|
159
159
|
return _IconInfoCircleOutline.IconInfoCircleOutline;
|
160
160
|
}
|
161
161
|
});
|
162
|
+
Object.defineProperty(exports, "IconLock", {
|
163
|
+
enumerable: true,
|
164
|
+
get: function get() {
|
165
|
+
return _IconLock.IconLock;
|
166
|
+
}
|
167
|
+
});
|
162
168
|
Object.defineProperty(exports, "IconMic", {
|
163
169
|
enumerable: true,
|
164
170
|
get: function get() {
|
@@ -244,6 +250,7 @@ var _IconDisclosureRightWithOffset = /*#__PURE__*/require("./Icons/IconDisclosur
|
|
244
250
|
var _IconDisclosureDownFill = /*#__PURE__*/require("./Icons/IconDisclosureDownFill");
|
245
251
|
var _IconDisclosureDownWithOffset = /*#__PURE__*/require("./Icons/IconDisclosureDownWithOffset");
|
246
252
|
var _IconDisclosureUpWithOffset = /*#__PURE__*/require("./Icons/IconDisclosureUpWithOffset");
|
253
|
+
var _IconLock = /*#__PURE__*/require("./Icons/IconLock");
|
247
254
|
var _IconMic = /*#__PURE__*/require("./Icons/IconMic");
|
248
255
|
var _IconChevronLeft = /*#__PURE__*/require("./Icons/IconChevronLeft");
|
249
256
|
var _IconChevronDoubleLeft = /*#__PURE__*/require("./Icons/IconChevronDoubleLeft");
|
package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
import React, { ComponentProps, useEffect, useRef, useState } from 'react';
|
2
2
|
import type { StoryObj, Meta } from '@storybook/react';
|
3
3
|
import { action } from '@storybook/addon-actions';
|
4
|
-
import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
|
4
|
+
import { disableProps, IconPlaceholder } from '@salutejs/plasma-sb-utils';
|
5
5
|
|
6
6
|
import { WithTheme } from '../../../_helpers';
|
7
7
|
import { IconButton } from '../IconButton/IconButton';
|
@@ -12,7 +12,7 @@ var config = exports.config = {
|
|
12
12
|
},
|
13
13
|
variations: {
|
14
14
|
view: {
|
15
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":
|
15
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":1rem;", ":1rem;", ":url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");", ":0.375rem;", ":0.5625rem;", ":var(--surface-solid-tertiary);"], _Popover.popoverTokens.arrowMaskWidth, _Popover.popoverTokens.arrowMaskHeight, _Popover.popoverTokens.arrowMaskImage, _Popover.popoverTokens.arrowHeight, _Popover.popoverTokens.arrowEdgeMargin, _Popover.popoverTokens.arrowBackground)
|
16
16
|
}
|
17
17
|
}
|
18
18
|
};
|
@@ -8,8 +8,6 @@ import { WithTheme } from '../../../_helpers';
|
|
8
8
|
|
9
9
|
import { Popover } from './Popover';
|
10
10
|
|
11
|
-
import './style.css';
|
12
|
-
|
13
11
|
const meta: Meta<typeof Popover> = {
|
14
12
|
title: 'b2c/Overlay/Popover',
|
15
13
|
decorators: [WithTheme],
|
@@ -83,7 +81,7 @@ type StoryPopoverProps = ComponentProps<typeof Popover> & {
|
|
83
81
|
const StyledContent = styled.div`
|
84
82
|
background: var(--surface-solid-tertiary);
|
85
83
|
padding: 1rem;
|
86
|
-
border-radius:
|
84
|
+
border-radius: 0.5rem;
|
87
85
|
|
88
86
|
display: flex;
|
89
87
|
flex-direction: column;
|
@@ -25,7 +25,7 @@ var config = exports.config = {
|
|
25
25
|
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Range.rangeTokens.disabledOpacity)
|
26
26
|
},
|
27
27
|
readOnly: {
|
28
|
-
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-
|
28
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":0.4;", ":0.4;", ":var(--text-primary);", ":transparent;", ":var(--text-secondary);"], _Range.rangeTokens.backgroundReadOnly, _Range.rangeTokens.labelColorReadOnly, _Range.rangeTokens.leftHelperColorReadOnly, _Range.rangeTokens.dividerColorReadOnly, _Range.rangeTokens.dividerOpacityReadOnly, _Range.rangeTokens.rightContentOpacityReadOnly, _Range.rangeTokens.textFieldColorReadOnly, _Range.rangeTokens.textFieldBackgroundColorReadOnly, _Range.rangeTokens.textFieldPlaceholderColorReadOnly)
|
29
29
|
}
|
30
30
|
}
|
31
31
|
};
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import React, { ChangeEvent, ComponentProps, Dispatch, SetStateAction, useState } from 'react';
|
2
2
|
import type { StoryObj, Meta } from '@storybook/react';
|
3
3
|
import { action } from '@storybook/addon-actions';
|
4
|
-
import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
|
4
|
+
import { disableProps, IconPlaceholder } from '@salutejs/plasma-sb-utils';
|
5
5
|
|
6
6
|
import { WithTheme } from '../../../_helpers';
|
7
7
|
import { IconChevronLeft } from '../../../../components/_Icon';
|
@@ -34,6 +34,9 @@ var config = exports.config = {
|
|
34
34
|
clear: {
|
35
35
|
"true": /*#__PURE__*/(0, _styledComponents.css)([""])
|
36
36
|
},
|
37
|
+
readOnly: {
|
38
|
+
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);"], _TextArea.textAreaTokens.inputColorReadOnly)
|
39
|
+
},
|
37
40
|
disabled: {
|
38
41
|
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-secondary);"], _TextArea.textAreaTokens.disabledOpacity, _TextArea.textAreaTokens.inputColorDisabled, _TextArea.textAreaTokens.dividerColorReadOnly, _TextArea.textAreaTokens.titleCaptionColorReadOnly)
|
39
42
|
}
|