@salutejs/plasma-new-hope 0.256.0-dev.0 → 0.257.0-canary.1739.13145324228.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 +5 -5
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +5 -5
- 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.js +23 -9
- package/cjs/components/Popover/Popover.js.map +1 -1
- 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 +3 -1
- package/cjs/components/Popover/Popover.tokens.js.map +1 -1
- package/cjs/components/Range/Range.css +5 -5
- 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/ui/Hint/Hint.css +5 -5
- package/cjs/components/TextField/ui/Hint/Hint.css +5 -5
- package/cjs/components/Tooltip/Tooltip.js +3 -4
- package/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/cjs/components/Tooltip/Tooltip.tokens.js +0 -4
- package/cjs/components/Tooltip/Tooltip.tokens.js.map +1 -1
- package/cjs/components/Tooltip/{Tooltip_aay375.css → Tooltip_1qsg6ij.css} +1 -1
- package/cjs/index.css +5 -5
- package/emotion/cjs/components/Popover/Popover.js +23 -9
- package/emotion/cjs/components/Popover/Popover.styles.js +4 -4
- package/emotion/cjs/components/Popover/Popover.tokens.js +3 -1
- package/emotion/cjs/components/Tooltip/Tooltip.js +3 -3
- package/emotion/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -0
- package/emotion/cjs/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -0
- package/emotion/es/components/Popover/Popover.js +23 -9
- package/emotion/es/components/Popover/Popover.styles.js +4 -4
- package/emotion/es/components/Popover/Popover.tokens.js +3 -1
- package/emotion/es/components/Tooltip/Tooltip.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -0
- package/emotion/es/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -0
- 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 +5 -5
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +5 -5
- 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.js +23 -9
- package/es/components/Popover/Popover.js.map +1 -1
- 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 +3 -1
- package/es/components/Popover/Popover.tokens.js.map +1 -1
- package/es/components/Range/Range.css +5 -5
- 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/ui/Hint/Hint.css +5 -5
- package/es/components/TextField/ui/Hint/Hint.css +5 -5
- package/es/components/Tooltip/Tooltip.js +3 -4
- package/es/components/Tooltip/Tooltip.js.map +1 -1
- package/es/components/Tooltip/Tooltip.tokens.js +1 -4
- package/es/components/Tooltip/Tooltip.tokens.js.map +1 -1
- package/es/components/Tooltip/{Tooltip_aay375.css → Tooltip_1qsg6ij.css} +1 -1
- package/es/index.css +5 -5
- package/package.json +2 -2
- package/styled-components/cjs/components/Popover/Popover.js +23 -9
- package/styled-components/cjs/components/Popover/Popover.styles.js +2 -2
- package/styled-components/cjs/components/Popover/Popover.tokens.js +3 -1
- package/styled-components/cjs/components/Tooltip/Tooltip.js +3 -3
- package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -0
- package/styled-components/cjs/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -0
- package/styled-components/es/components/Popover/Popover.js +23 -9
- package/styled-components/es/components/Popover/Popover.styles.js +2 -2
- package/styled-components/es/components/Popover/Popover.tokens.js +3 -1
- package/styled-components/es/components/Tooltip/Tooltip.js +5 -5
- package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +1 -0
- package/styled-components/es/examples/plasma_web/components/Popover/Popover.stories.tsx +1 -0
- package/types/components/Popover/Popover.d.ts.map +1 -1
- package/types/components/Popover/Popover.styles.d.ts.map +1 -1
- package/types/components/Popover/Popover.tokens.d.ts +2 -0
- package/types/components/Popover/Popover.tokens.d.ts.map +1 -1
- package/types/components/Popover/Popover.types.d.ts +4 -0
- package/types/components/Popover/Popover.types.d.ts.map +1 -1
- package/types/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/cjs/components/Popover/Popover.styles_gh4xvw.css +0 -4
- package/es/components/Popover/Popover.styles_gh4xvw.css +0 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
.s1cz8cv8{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
|
|
1
|
+
.s1cz8cv8{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
|
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);}
|
|
@@ -423,7 +423,7 @@
|
|
|
423
423
|
.Tooltip_styles_1bh0sd0_teczcv4__e6cc0309{padding:var(--plasma-tooltip-padding-top) var(--plasma-tooltip-padding-right) var(--plasma-tooltip-padding-bottom) var(--plasma-tooltip-padding-left);min-height:var(--plasma-tooltip-min-height);box-sizing:border-box;background-color:var(--plasma-tooltip-background-color);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-text-font-family);font-size:var(--plasma-tooltip-text-font-size);font-style:var(--plasma-tooltip-text-font-style);font-weight:var(--plasma-tooltip-text-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);line-height:var(--plasma-tooltip-text-font-line-height);max-width:var(--teczcv4-0);min-width:var(--teczcv4-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word;pointer-events:none;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;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
|
|
424
424
|
.Tooltip_styles_1bh0sd0_s1j361h1__e6cc0309{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-right:var(--plasma-tooltip-content-left-margin);height:var(--plasma-tooltip-text-font-line-height);}
|
|
425
425
|
|
|
426
|
-
.
|
|
426
|
+
.Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
|
|
427
427
|
|
|
428
428
|
.base_18cpjsq_b16s69xg__2d529a83{width:var(--plasma-segment-group-width);height:var(--plasma-segment-group-height);}.base_18cpjsq_b16s69xg__2d529a83:before{border-radius:var(--plasma-segment-group-border-radius);}
|
|
429
429
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.257.0-canary.1739.13145324228.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": "23fdd1d9610cbf05fcddecabcf22d9826d97cb74"
|
|
135
135
|
}
|
|
@@ -13,7 +13,7 @@ var _Portal = /*#__PURE__*/require("../Portal");
|
|
|
13
13
|
var _base = /*#__PURE__*/require("./variations/_view/base");
|
|
14
14
|
var _Popover = /*#__PURE__*/require("./Popover.styles");
|
|
15
15
|
var _Popover2 = /*#__PURE__*/require("./Popover.tokens");
|
|
16
|
-
var _excluded = ["target", "children", "isOpen", "opened", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle", "closeOnOverlayClick"];
|
|
16
|
+
var _excluded = ["target", "children", "animated", "isOpen", "opened", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle", "closeOnOverlayClick"];
|
|
17
17
|
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); }
|
|
18
18
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
19
19
|
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); }
|
|
@@ -43,6 +43,7 @@ var popoverRoot = exports.popoverRoot = function popoverRoot(Root) {
|
|
|
43
43
|
var _placement$;
|
|
44
44
|
var target = _ref.target,
|
|
45
45
|
children = _ref.children,
|
|
46
|
+
animated = _ref.animated,
|
|
46
47
|
isOpen = _ref.isOpen,
|
|
47
48
|
opened = _ref.opened,
|
|
48
49
|
_ref$trigger = _ref.trigger,
|
|
@@ -82,13 +83,15 @@ var popoverRoot = exports.popoverRoot = function popoverRoot(Root) {
|
|
|
82
83
|
var _useState3 = (0, _react.useState)(false),
|
|
83
84
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
84
85
|
forceRender = _useState4[1];
|
|
86
|
+
var _useState5 = (0, _react.useState)(innerIsOpen),
|
|
87
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
88
|
+
shouldRender = _useState6[0],
|
|
89
|
+
setShouldRender = _useState6[1];
|
|
85
90
|
var portalContainer = _typeof(target) === 'object' && target !== null && 'current' in target && target.current || undefined;
|
|
86
91
|
var isAutoArray = Array.isArray(placement);
|
|
87
92
|
var isAuto = isAutoArray || placement.startsWith('auto');
|
|
88
|
-
var
|
|
89
|
-
|
|
90
|
-
opacity: innerIsOpen ? 1 : 0
|
|
91
|
-
};
|
|
93
|
+
var openClass = innerIsOpen && shouldRender ? _Popover2.classes.open : undefined;
|
|
94
|
+
var animatedClass = animated ? _Popover2.classes.animate : undefined;
|
|
92
95
|
var _usePopper = (0, _reactPopper.usePopper)(rootRef.current, popoverRef.current, {
|
|
93
96
|
// TODO: #1121
|
|
94
97
|
// eslint-disable-next-line no-nested-ternary
|
|
@@ -216,6 +219,16 @@ var popoverRoot = exports.popoverRoot = function popoverRoot(Root) {
|
|
|
216
219
|
*/
|
|
217
220
|
Promise.resolve().then(forceUpdate);
|
|
218
221
|
}, [innerIsOpen, children, forceUpdate]);
|
|
222
|
+
var handleTransitionEnd = function handleTransitionEnd() {
|
|
223
|
+
if (!innerIsOpen) {
|
|
224
|
+
setShouldRender(false);
|
|
225
|
+
}
|
|
226
|
+
};
|
|
227
|
+
(0, _react.useEffect)(function () {
|
|
228
|
+
if (innerIsOpen) {
|
|
229
|
+
setShouldRender(true);
|
|
230
|
+
}
|
|
231
|
+
}, [innerIsOpen]);
|
|
219
232
|
return /*#__PURE__*/_react["default"].createElement(_Portal.Portal, {
|
|
220
233
|
container: portalContainer,
|
|
221
234
|
disabled: /*#__PURE__*/(0, _react.isValidElement)(target)
|
|
@@ -235,11 +248,12 @@ var popoverRoot = exports.popoverRoot = function popoverRoot(Root) {
|
|
|
235
248
|
view: view,
|
|
236
249
|
className: className
|
|
237
250
|
}, rest), /*#__PURE__*/_react["default"].createElement(_Popover.StyledPopover, _extends({}, attributes.popper, {
|
|
238
|
-
|
|
251
|
+
onTransitionEnd: handleTransitionEnd,
|
|
252
|
+
className: (0, _utils.cx)(_Popover2.classes.root, openClass, animatedClass),
|
|
239
253
|
ref: popoverForkRef,
|
|
240
|
-
style: _objectSpread(_objectSpread(
|
|
241
|
-
display: innerIsOpen ? 'block' : 'none'
|
|
242
|
-
}),
|
|
254
|
+
style: _objectSpread(_objectSpread({}, styles.popper), {}, {
|
|
255
|
+
display: shouldRender || innerIsOpen ? 'block' : 'none'
|
|
256
|
+
}),
|
|
243
257
|
zIndex: zIndex
|
|
244
258
|
}), hasArrow && /*#__PURE__*/_react["default"].createElement(_Popover.StyledArrow, _extends({
|
|
245
259
|
className: _Popover2.classes.arrow,
|
|
@@ -19,7 +19,7 @@ var StyledArrow = exports.StyledArrow = /*#__PURE__*/_styledComponents["default"
|
|
|
19
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:", "
|
|
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.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));
|
|
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));
|
|
@@ -9,7 +9,9 @@ var classes = exports.classes = {
|
|
|
9
9
|
root: 'popover-root',
|
|
10
10
|
target: 'popover-target',
|
|
11
11
|
arrow: 'popover-arrow',
|
|
12
|
-
targetAsRef: 'popover-target-as-ref'
|
|
12
|
+
targetAsRef: 'popover-target-as-ref',
|
|
13
|
+
open: 'popover-open',
|
|
14
|
+
animate: 'popover-animate'
|
|
13
15
|
};
|
|
14
16
|
var tokens = exports.tokens = {
|
|
15
17
|
arrowMaskWidth: '--plasma-popover-arrow-mask-width',
|
|
@@ -34,7 +34,7 @@ var getStringValue = function getStringValue(value) {
|
|
|
34
34
|
var Popover = /*#__PURE__*/(0, _engines.component)(_Popover.popoverConfig);
|
|
35
35
|
var StyledPopover = /*#__PURE__*/(0, _styledComponents["default"])(Popover).withConfig({
|
|
36
36
|
componentId: "plasma-new-hope__sc-dj06kz-0"
|
|
37
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ")
|
|
37
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _Popover.popoverTokens.arrowMaskWidth, _Tooltip2.tokens.arrowMaskWidth, _Popover.popoverTokens.arrowMaskHeight, _Tooltip2.tokens.arrowMaskHeight, _Popover.popoverTokens.arrowMaskImage, _Tooltip2.tokens.arrowMaskImage, _Popover.popoverTokens.arrowBackground, _Tooltip2.tokens.arrowBackground, _Popover.popoverTokens.arrowHeight, _Tooltip2.tokens.arrowHeight, _Popover.popoverTokens.arrowEdgeMargin, _Tooltip2.tokens.arrowEdgeMargin);
|
|
38
38
|
|
|
39
39
|
/**
|
|
40
40
|
* Компонент для текстовых подсказок. Основное предназначение — подписи к блокам.
|
|
@@ -91,7 +91,6 @@ var tooltipRoot = exports.tooltipRoot = function tooltipRoot(Root) {
|
|
|
91
91
|
var innerIsOpen = Boolean(isVisible || isOpen || opened);
|
|
92
92
|
var innerHasArrow = arrow || hasArrow;
|
|
93
93
|
var showTooltip = innerIsOpen && Boolean(text);
|
|
94
|
-
var animatedClass = animated ? _Tooltip2.classes.animated : undefined;
|
|
95
94
|
(0, _react.useEffect)(function () {
|
|
96
95
|
var onKeyDown = function onKeyDown(event) {
|
|
97
96
|
if (event.keyCode === ESCAPE_KEYCODE) {
|
|
@@ -142,7 +141,8 @@ var tooltipRoot = exports.tooltipRoot = function tooltipRoot(Root) {
|
|
|
142
141
|
"aria-hidden": !innerIsOpen,
|
|
143
142
|
"aria-live": "polite",
|
|
144
143
|
role: "tooltip",
|
|
145
|
-
|
|
144
|
+
animated: animated,
|
|
145
|
+
className: (0, _utils.cx)(ref === null || ref === void 0 ? void 0 : ref.classList.toString())
|
|
146
146
|
}, (trigger === 'hover' || trigger === 'click') && {
|
|
147
147
|
trigger: trigger,
|
|
148
148
|
onToggle: onToggle
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _excluded = ["target", "children", "isOpen", "opened", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle", "closeOnOverlayClick"];
|
|
1
|
+
var _excluded = ["target", "children", "animated", "isOpen", "opened", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle", "closeOnOverlayClick"];
|
|
2
2
|
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); }
|
|
3
3
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
4
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -35,6 +35,7 @@ export var popoverRoot = function popoverRoot(Root) {
|
|
|
35
35
|
var _placement$;
|
|
36
36
|
var target = _ref.target,
|
|
37
37
|
children = _ref.children,
|
|
38
|
+
animated = _ref.animated,
|
|
38
39
|
isOpen = _ref.isOpen,
|
|
39
40
|
opened = _ref.opened,
|
|
40
41
|
_ref$trigger = _ref.trigger,
|
|
@@ -74,13 +75,15 @@ export var popoverRoot = function popoverRoot(Root) {
|
|
|
74
75
|
var _useState3 = useState(false),
|
|
75
76
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
76
77
|
forceRender = _useState4[1];
|
|
78
|
+
var _useState5 = useState(innerIsOpen),
|
|
79
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
80
|
+
shouldRender = _useState6[0],
|
|
81
|
+
setShouldRender = _useState6[1];
|
|
77
82
|
var portalContainer = _typeof(target) === 'object' && target !== null && 'current' in target && target.current || undefined;
|
|
78
83
|
var isAutoArray = Array.isArray(placement);
|
|
79
84
|
var isAuto = isAutoArray || placement.startsWith('auto');
|
|
80
|
-
var
|
|
81
|
-
|
|
82
|
-
opacity: innerIsOpen ? 1 : 0
|
|
83
|
-
};
|
|
85
|
+
var openClass = innerIsOpen && shouldRender ? classes.open : undefined;
|
|
86
|
+
var animatedClass = animated ? classes.animate : undefined;
|
|
84
87
|
var _usePopper = usePopper(rootRef.current, popoverRef.current, {
|
|
85
88
|
// TODO: #1121
|
|
86
89
|
// eslint-disable-next-line no-nested-ternary
|
|
@@ -208,6 +211,16 @@ export var popoverRoot = function popoverRoot(Root) {
|
|
|
208
211
|
*/
|
|
209
212
|
Promise.resolve().then(forceUpdate);
|
|
210
213
|
}, [innerIsOpen, children, forceUpdate]);
|
|
214
|
+
var handleTransitionEnd = function handleTransitionEnd() {
|
|
215
|
+
if (!innerIsOpen) {
|
|
216
|
+
setShouldRender(false);
|
|
217
|
+
}
|
|
218
|
+
};
|
|
219
|
+
useEffect(function () {
|
|
220
|
+
if (innerIsOpen) {
|
|
221
|
+
setShouldRender(true);
|
|
222
|
+
}
|
|
223
|
+
}, [innerIsOpen]);
|
|
211
224
|
return /*#__PURE__*/React.createElement(Portal, {
|
|
212
225
|
container: portalContainer,
|
|
213
226
|
disabled: /*#__PURE__*/isValidElement(target)
|
|
@@ -227,11 +240,12 @@ export var popoverRoot = function popoverRoot(Root) {
|
|
|
227
240
|
view: view,
|
|
228
241
|
className: className
|
|
229
242
|
}, rest), /*#__PURE__*/React.createElement(StyledPopover, _extends({}, attributes.popper, {
|
|
230
|
-
|
|
243
|
+
onTransitionEnd: handleTransitionEnd,
|
|
244
|
+
className: cx(classes.root, openClass, animatedClass),
|
|
231
245
|
ref: popoverForkRef,
|
|
232
|
-
style: _objectSpread(_objectSpread(
|
|
233
|
-
display: innerIsOpen ? 'block' : 'none'
|
|
234
|
-
}),
|
|
246
|
+
style: _objectSpread(_objectSpread({}, styles.popper), {}, {
|
|
247
|
+
display: shouldRender || innerIsOpen ? 'block' : 'none'
|
|
248
|
+
}),
|
|
235
249
|
zIndex: zIndex
|
|
236
250
|
}), hasArrow && /*#__PURE__*/React.createElement(StyledArrow, _extends({
|
|
237
251
|
className: classes.arrow,
|
|
@@ -12,7 +12,7 @@ export var StyledArrow = /*#__PURE__*/styled.div.withConfig({
|
|
|
12
12
|
})(["width:var(", ");height:var(", ");&::before{position:absolute;width:var(", ");height:var(", ");mask-image:var(", ");background:var(", ");content:'';transform:rotate(0deg);}"], /*#__PURE__*/String(tokens.arrowMaskWidth), /*#__PURE__*/String(tokens.arrowMaskHeight), /*#__PURE__*/String(tokens.arrowMaskWidth), /*#__PURE__*/String(tokens.arrowMaskHeight), /*#__PURE__*/String(tokens.arrowMaskImage), /*#__PURE__*/String(tokens.arrowBackground));
|
|
13
13
|
export var StyledPopover = /*#__PURE__*/styled.div.withConfig({
|
|
14
14
|
componentId: "plasma-new-hope__sc-tnpyex-3"
|
|
15
|
-
})(["position:absolute;z-index:", "
|
|
15
|
+
})(["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) {
|
|
16
16
|
var zIndex = _ref.zIndex;
|
|
17
17
|
return zIndex || DEFAULT_Z_INDEX;
|
|
18
|
-
}, classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, classes.arrow, /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, classes.arrow, /*#__PURE__*/String(tokens.arrowEdgeMargin), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight));
|
|
18
|
+
}, classes.animate, classes.open, classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, classes.arrow, /*#__PURE__*/String(tokens.arrowEdgeMargin), classes.arrow, classes.arrow, /*#__PURE__*/String(tokens.arrowEdgeMargin), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight), /*#__PURE__*/String(tokens.arrowHeight));
|
|
@@ -3,7 +3,9 @@ export var classes = {
|
|
|
3
3
|
root: 'popover-root',
|
|
4
4
|
target: 'popover-target',
|
|
5
5
|
arrow: 'popover-arrow',
|
|
6
|
-
targetAsRef: 'popover-target-as-ref'
|
|
6
|
+
targetAsRef: 'popover-target-as-ref',
|
|
7
|
+
open: 'popover-open',
|
|
8
|
+
animate: 'popover-animate'
|
|
7
9
|
};
|
|
8
10
|
export var tokens = {
|
|
9
11
|
arrowMaskWidth: '--plasma-popover-arrow-mask-width',
|
|
@@ -11,12 +11,12 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
11
11
|
import React, { useEffect, forwardRef, useState, useRef } from 'react';
|
|
12
12
|
import styled from 'styled-components';
|
|
13
13
|
import { component } from '../../engines';
|
|
14
|
-
import {
|
|
14
|
+
import { popoverConfig, popoverTokens } from '../Popover';
|
|
15
15
|
import { cx } from '../../utils';
|
|
16
16
|
import { StyledContentLeft, TooltipRoot } from './Tooltip.styles';
|
|
17
17
|
import { base as viewCSS } from './variations/_view/base';
|
|
18
18
|
import { base as sizeCSS } from './variations/_size/base';
|
|
19
|
-
import {
|
|
19
|
+
import { tokens } from './Tooltip.tokens';
|
|
20
20
|
var ESCAPE_KEYCODE = 27;
|
|
21
21
|
var getStringValue = function getStringValue(value) {
|
|
22
22
|
return typeof value === 'number' ? "".concat(value, "rem") : value;
|
|
@@ -24,7 +24,7 @@ var getStringValue = function getStringValue(value) {
|
|
|
24
24
|
var Popover = /*#__PURE__*/component(popoverConfig);
|
|
25
25
|
var StyledPopover = /*#__PURE__*/styled(Popover).withConfig({
|
|
26
26
|
componentId: "plasma-new-hope__sc-dj06kz-0"
|
|
27
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ")
|
|
27
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], popoverTokens.arrowMaskWidth, tokens.arrowMaskWidth, popoverTokens.arrowMaskHeight, tokens.arrowMaskHeight, popoverTokens.arrowMaskImage, tokens.arrowMaskImage, popoverTokens.arrowBackground, tokens.arrowBackground, popoverTokens.arrowHeight, tokens.arrowHeight, popoverTokens.arrowEdgeMargin, tokens.arrowEdgeMargin);
|
|
28
28
|
|
|
29
29
|
/**
|
|
30
30
|
* Компонент для текстовых подсказок. Основное предназначение — подписи к блокам.
|
|
@@ -81,7 +81,6 @@ export var tooltipRoot = function tooltipRoot(Root) {
|
|
|
81
81
|
var innerIsOpen = Boolean(isVisible || isOpen || opened);
|
|
82
82
|
var innerHasArrow = arrow || hasArrow;
|
|
83
83
|
var showTooltip = innerIsOpen && Boolean(text);
|
|
84
|
-
var animatedClass = animated ? classes.animated : undefined;
|
|
85
84
|
useEffect(function () {
|
|
86
85
|
var onKeyDown = function onKeyDown(event) {
|
|
87
86
|
if (event.keyCode === ESCAPE_KEYCODE) {
|
|
@@ -132,7 +131,8 @@ export var tooltipRoot = function tooltipRoot(Root) {
|
|
|
132
131
|
"aria-hidden": !innerIsOpen,
|
|
133
132
|
"aria-live": "polite",
|
|
134
133
|
role: "tooltip",
|
|
135
|
-
|
|
134
|
+
animated: animated,
|
|
135
|
+
className: cx(ref === null || ref === void 0 ? void 0 : ref.classList.toString())
|
|
136
136
|
}, (trigger === 'hover' || trigger === 'click') && {
|
|
137
137
|
trigger: trigger,
|
|
138
138
|
onToggle: onToggle
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+E,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+E,MAAM,OAAO,CAAC;AAIpG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAMrD,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAItE,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,iBAAiB,wBAAwB,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,YAAY,CAAC,+JAgRpE,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBAlRQ,UAAU,cAAc,EAAE,YAAY,CAAC;;;;;;;;;;CA+RxE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,UAAU,qKAItB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAgBzB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAcvB,CAAC;AAEF,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"Popover.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,UAAU,qKAItB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAgBzB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAcvB,CAAC;AAEF,eAAO,MAAM,aAAa,2KAmJzB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO
|
|
1
|
+
{"version":3,"file":"Popover.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;CAOlB,CAAC"}
|
|
@@ -79,6 +79,10 @@ export declare type CustomPopoverProps = {
|
|
|
79
79
|
* false
|
|
80
80
|
*/
|
|
81
81
|
usePortal?: boolean;
|
|
82
|
+
/**
|
|
83
|
+
* Анимированное появление Popover
|
|
84
|
+
*/
|
|
85
|
+
animated?: boolean;
|
|
82
86
|
view?: string;
|
|
83
87
|
};
|
|
84
88
|
export declare type PopoverProps = HTMLAttributes<HTMLDivElement> & CustomPopoverProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE3G,YAAY,EAAE,SAAS,IAAI,gBAAgB,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAChH,oBAAY,cAAc,GAAG,OAAO,GAAG,OAAO,CAAC;AAE/C,oBAAY,kBAAkB,GAAG;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAC5D;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IACrD;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,SAAS,IAAI,gBAAgB,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAE3G,YAAY,EAAE,SAAS,IAAI,gBAAgB,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAChH,oBAAY,cAAc,GAAG,OAAO,GAAG,OAAO,CAAC;AAE/C,oBAAY,kBAAkB,GAAG;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAC5D;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IACrD;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,SAAS,EAAa,MAAM,eAAe,CAAC;AAIrD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,SAAS,EAAa,MAAM,eAAe,CAAC;AAIrD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAuB/C;;GAEG;AAEH,eAAO,MAAM,WAAW,SAAU,UAAU,cAAc,EAAE,KAAK,YAAY,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC,wFA4H7F,CAAC;AAEN,eAAO,MAAM,aAAa;;;mBA9HQ,UAAU,cAAc,EAAE,KAAK,YAAY,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC;;;;;;;;;;;;;;CA+IjG,CAAC"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
.s1g1xbt5{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
|
2
|
-
.s12xwbyh{display:inline-block;}.s12xwbyh.popover-target-as-ref{position:absolute;top:0;left:0;width:100%;height:100%;}.s12xwbyh.popover-target-as-ref .s1g1xbt5{width:100%;height:100%;display:block;}
|
|
3
|
-
.s1pd4d8a{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.s1pd4d8a::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);}
|
|
4
|
-
.s16xlixz{position:absolute;z-index:var(--s16xlixz-0);}.s16xlixz:before{content:'';display:block;position:absolute;background:transparent;}.s16xlixz[data-popper-placement^='top'] > .popover-arrow{bottom:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='bottom'] > .popover-arrow{top:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='bottom'] > .popover-arrow::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.s16xlixz[data-popper-placement^='left'] > .popover-arrow{right:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='left'] > .popover-arrow::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.s16xlixz[data-popper-placement^='right'] > .popover-arrow{left:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='right'] > .popover-arrow::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.s16xlixz[data-popper-placement^='top-start'] > .popover-arrow{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;}.s16xlixz[data-popper-placement^='top-end'] > .popover-arrow{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;}.s16xlixz[data-popper-placement^='bottom-start'] > .popover-arrow{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;}.s16xlixz[data-popper-placement^='bottom-start'] > .popover-arrow::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.s16xlixz[data-popper-placement^='bottom-end'] > .popover-arrow{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;}.s16xlixz[data-popper-placement^='bottom-end'] > .popover-arrow::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.s16xlixz[data-popper-placement^='left-start'] > .popover-arrow,.s16xlixz[data-popper-placement^='right-start'] > .popover-arrow{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='left-end'] > .popover-arrow,.s16xlixz[data-popper-placement^='right-end'] > .popover-arrow{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='top']:before,.s16xlixz[data-popper-placement^='top-start']:before,.s16xlixz[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));}.s16xlixz[data-popper-placement^='bottom']:before,.s16xlixz[data-popper-placement^='bottom-start']:before,.s16xlixz[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);}.s16xlixz[data-popper-placement^='left']:before,.s16xlixz[data-popper-placement^='left-start']:before,.s16xlixz[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;}.s16xlixz[data-popper-placement^='right']:before,.s16xlixz[data-popper-placement^='right-start']:before,.s16xlixz[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;}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
.s1g1xbt5{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
|
2
|
-
.s12xwbyh{display:inline-block;}.s12xwbyh.popover-target-as-ref{position:absolute;top:0;left:0;width:100%;height:100%;}.s12xwbyh.popover-target-as-ref .s1g1xbt5{width:100%;height:100%;display:block;}
|
|
3
|
-
.s1pd4d8a{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.s1pd4d8a::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);}
|
|
4
|
-
.s16xlixz{position:absolute;z-index:var(--s16xlixz-0);}.s16xlixz:before{content:'';display:block;position:absolute;background:transparent;}.s16xlixz[data-popper-placement^='top'] > .popover-arrow{bottom:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='bottom'] > .popover-arrow{top:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='bottom'] > .popover-arrow::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.s16xlixz[data-popper-placement^='left'] > .popover-arrow{right:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='left'] > .popover-arrow::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.s16xlixz[data-popper-placement^='right'] > .popover-arrow{left:calc(0px - var(--plasma-popover-arrow-height));}.s16xlixz[data-popper-placement^='right'] > .popover-arrow::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.s16xlixz[data-popper-placement^='top-start'] > .popover-arrow{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;}.s16xlixz[data-popper-placement^='top-end'] > .popover-arrow{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;}.s16xlixz[data-popper-placement^='bottom-start'] > .popover-arrow{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;}.s16xlixz[data-popper-placement^='bottom-start'] > .popover-arrow::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.s16xlixz[data-popper-placement^='bottom-end'] > .popover-arrow{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;}.s16xlixz[data-popper-placement^='bottom-end'] > .popover-arrow::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.s16xlixz[data-popper-placement^='left-start'] > .popover-arrow,.s16xlixz[data-popper-placement^='right-start'] > .popover-arrow{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='left-end'] > .popover-arrow,.s16xlixz[data-popper-placement^='right-end'] > .popover-arrow{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.s16xlixz[data-popper-placement^='top']:before,.s16xlixz[data-popper-placement^='top-start']:before,.s16xlixz[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));}.s16xlixz[data-popper-placement^='bottom']:before,.s16xlixz[data-popper-placement^='bottom-start']:before,.s16xlixz[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);}.s16xlixz[data-popper-placement^='left']:before,.s16xlixz[data-popper-placement^='left-start']:before,.s16xlixz[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;}.s16xlixz[data-popper-placement^='right']:before,.s16xlixz[data-popper-placement^='right-start']:before,.s16xlixz[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;}
|