@salutejs/plasma-new-hope 0.254.0-canary.1730.13072913854.0 → 0.254.0-canary.1739.13073957671.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Autocomplete/Autocomplete.css +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 +6 -5
- 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_zxmuer.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 +6 -5
- 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 +6 -5
- 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 +6 -5
- 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_zxmuer.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 +6 -5
- 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 +6 -5
- 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
|
@@ -14,15 +14,15 @@
|
|
|
14
14
|
|
|
15
15
|
.base_z7a2uf_b10o15xy__b340e41b .base_z7a2uf_hgy0im1__b340e41b{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
|
|
16
16
|
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
17
|
+
.Popover_styles_zxmuer_s1g1xbt5__44fab2ad{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
|
18
|
+
.Popover_styles_zxmuer_s12xwbyh__44fab2ad{display:inline-block;}.Popover_styles_zxmuer_s12xwbyh__44fab2ad.Popover_styles_zxmuer_popoverTargetAsRef__44fab2ad{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_zxmuer_s12xwbyh__44fab2ad.Popover_styles_zxmuer_popoverTargetAsRef__44fab2ad .Popover_styles_zxmuer_s1g1xbt5__44fab2ad{width:100%;height:100%;display:block;}
|
|
19
|
+
.Popover_styles_zxmuer_s1pd4d8a__44fab2ad{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_zxmuer_s1pd4d8a__44fab2ad::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);}
|
|
20
|
+
.Popover_styles_zxmuer_s16xlixz__44fab2ad{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;}.Popover_styles_zxmuer_s16xlixz__44fab2ad.Popover_styles_zxmuer_popoverAnimate__44fab2ad{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}.Popover_styles_zxmuer_s16xlixz__44fab2ad.Popover_styles_zxmuer_popoverOpen__44fab2ad{opacity:1;visibility:visible;}.Popover_styles_zxmuer_s16xlixz__44fab2ad:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[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;}
|
|
21
21
|
|
|
22
22
|
.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;}
|
|
23
23
|
.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);}
|
|
24
24
|
|
|
25
|
-
.
|
|
25
|
+
.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);}
|
|
26
26
|
|
|
27
27
|
.TextField_styles_1cdp5eg_iq39zt5__dcbef05d{position:relative;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;}
|
|
28
28
|
.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d::-webkit-scrollbar{display:none;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d.TextField_styles_1cdp5eg_hasChips__dcbef05d{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
|
@@ -34,15 +34,15 @@
|
|
|
34
34
|
|
|
35
35
|
.base_z7a2uf_b10o15xy__b340e41b .base_z7a2uf_hgy0im1__b340e41b{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
|
|
36
36
|
|
|
37
|
-
.
|
|
38
|
-
.
|
|
39
|
-
.
|
|
40
|
-
.
|
|
37
|
+
.Popover_styles_zxmuer_s1g1xbt5__44fab2ad{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
|
38
|
+
.Popover_styles_zxmuer_s12xwbyh__44fab2ad{display:inline-block;}.Popover_styles_zxmuer_s12xwbyh__44fab2ad.Popover_styles_zxmuer_popoverTargetAsRef__44fab2ad{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_zxmuer_s12xwbyh__44fab2ad.Popover_styles_zxmuer_popoverTargetAsRef__44fab2ad .Popover_styles_zxmuer_s1g1xbt5__44fab2ad{width:100%;height:100%;display:block;}
|
|
39
|
+
.Popover_styles_zxmuer_s1pd4d8a__44fab2ad{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_zxmuer_s1pd4d8a__44fab2ad::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);}
|
|
40
|
+
.Popover_styles_zxmuer_s16xlixz__44fab2ad{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;}.Popover_styles_zxmuer_s16xlixz__44fab2ad.Popover_styles_zxmuer_popoverAnimate__44fab2ad{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}.Popover_styles_zxmuer_s16xlixz__44fab2ad.Popover_styles_zxmuer_popoverOpen__44fab2ad{opacity:1;visibility:visible;}.Popover_styles_zxmuer_s16xlixz__44fab2ad:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[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;}
|
|
41
41
|
|
|
42
42
|
.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;}
|
|
43
43
|
.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);}
|
|
44
44
|
|
|
45
|
-
.
|
|
45
|
+
.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);}
|
|
46
46
|
|
|
47
47
|
.TextField_styles_1cdp5eg_iq39zt5__dcbef05d{position:relative;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;}
|
|
48
48
|
.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d::-webkit-scrollbar{display:none;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d.TextField_styles_1cdp5eg_hasChips__dcbef05d{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
|
@@ -25,15 +25,15 @@
|
|
|
25
25
|
|
|
26
26
|
.base_z7a2uf_b10o15xy__b340e41b .base_z7a2uf_hgy0im1__b340e41b{--plasma-tooltip-padding-top:var(--plasma-textfield__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textfield__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textfield__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textfield__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textfield__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textfield__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textfield__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textfield__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textfield__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textfield__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textfield__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textfield__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textfield__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textfield__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textfield__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textfield__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textfield__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textfield__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textfield__tooltip-arrow-background);}
|
|
27
27
|
|
|
28
|
-
.
|
|
29
|
-
.
|
|
30
|
-
.
|
|
31
|
-
.
|
|
28
|
+
.Popover_styles_zxmuer_s1g1xbt5__44fab2ad{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
|
29
|
+
.Popover_styles_zxmuer_s12xwbyh__44fab2ad{display:inline-block;}.Popover_styles_zxmuer_s12xwbyh__44fab2ad.Popover_styles_zxmuer_popoverTargetAsRef__44fab2ad{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_zxmuer_s12xwbyh__44fab2ad.Popover_styles_zxmuer_popoverTargetAsRef__44fab2ad .Popover_styles_zxmuer_s1g1xbt5__44fab2ad{width:100%;height:100%;display:block;}
|
|
30
|
+
.Popover_styles_zxmuer_s1pd4d8a__44fab2ad{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_zxmuer_s1pd4d8a__44fab2ad::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);}
|
|
31
|
+
.Popover_styles_zxmuer_s16xlixz__44fab2ad{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;}.Popover_styles_zxmuer_s16xlixz__44fab2ad.Popover_styles_zxmuer_popoverAnimate__44fab2ad{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}.Popover_styles_zxmuer_s16xlixz__44fab2ad.Popover_styles_zxmuer_popoverOpen__44fab2ad{opacity:1;visibility:visible;}.Popover_styles_zxmuer_s16xlixz__44fab2ad:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[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;}
|
|
32
32
|
|
|
33
33
|
.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;}
|
|
34
34
|
.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);}
|
|
35
35
|
|
|
36
|
-
.
|
|
36
|
+
.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);}
|
|
37
37
|
|
|
38
38
|
.TextField_styles_1cdp5eg_iq39zt5__dcbef05d{position:relative;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;}
|
|
39
39
|
.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d::-webkit-scrollbar{display:none;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d.TextField_styles_1cdp5eg_hasChips__dcbef05d{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
1
|
+
.Popover_styles_zxmuer_s1g1xbt5__44fab2ad{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
|
2
|
+
.Popover_styles_zxmuer_s12xwbyh__44fab2ad{display:inline-block;}.Popover_styles_zxmuer_s12xwbyh__44fab2ad.Popover_styles_zxmuer_popoverTargetAsRef__44fab2ad{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_zxmuer_s12xwbyh__44fab2ad.Popover_styles_zxmuer_popoverTargetAsRef__44fab2ad .Popover_styles_zxmuer_s1g1xbt5__44fab2ad{width:100%;height:100%;display:block;}
|
|
3
|
+
.Popover_styles_zxmuer_s1pd4d8a__44fab2ad{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_zxmuer_s1pd4d8a__44fab2ad::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
|
+
.Popover_styles_zxmuer_s16xlixz__44fab2ad{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;}.Popover_styles_zxmuer_s16xlixz__44fab2ad.Popover_styles_zxmuer_popoverAnimate__44fab2ad{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}.Popover_styles_zxmuer_s16xlixz__44fab2ad.Popover_styles_zxmuer_popoverOpen__44fab2ad{opacity:1;visibility:visible;}.Popover_styles_zxmuer_s16xlixz__44fab2ad:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[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;}
|
|
5
5
|
|
|
6
6
|
.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;}
|
|
7
7
|
.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);}
|
|
8
8
|
|
|
9
|
-
.
|
|
9
|
+
.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);}
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
.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);}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
1
|
+
.Popover_styles_zxmuer_s1g1xbt5__44fab2ad{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
|
2
|
+
.Popover_styles_zxmuer_s12xwbyh__44fab2ad{display:inline-block;}.Popover_styles_zxmuer_s12xwbyh__44fab2ad.Popover_styles_zxmuer_popoverTargetAsRef__44fab2ad{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_zxmuer_s12xwbyh__44fab2ad.Popover_styles_zxmuer_popoverTargetAsRef__44fab2ad .Popover_styles_zxmuer_s1g1xbt5__44fab2ad{width:100%;height:100%;display:block;}
|
|
3
|
+
.Popover_styles_zxmuer_s1pd4d8a__44fab2ad{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_zxmuer_s1pd4d8a__44fab2ad::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
|
+
.Popover_styles_zxmuer_s16xlixz__44fab2ad{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;}.Popover_styles_zxmuer_s16xlixz__44fab2ad.Popover_styles_zxmuer_popoverAnimate__44fab2ad{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}.Popover_styles_zxmuer_s16xlixz__44fab2ad.Popover_styles_zxmuer_popoverOpen__44fab2ad{opacity:1;visibility:visible;}.Popover_styles_zxmuer_s16xlixz__44fab2ad:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[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;}
|
|
5
5
|
|
|
6
6
|
.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;}
|
|
7
7
|
.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);}
|
|
8
8
|
|
|
9
|
-
.
|
|
9
|
+
.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);}
|
|
10
10
|
|
|
11
11
|
.TextField_styles_1cdp5eg_iq39zt5__dcbef05d{position:relative;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;}
|
|
12
12
|
.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d::-webkit-scrollbar{display:none;}.TextField_styles_1cdp5eg_i1j28rg8__dcbef05d.TextField_styles_1cdp5eg_hasChips__dcbef05d{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './
|
|
1
|
+
import './Tooltip_1qsg6ij.css';
|
|
2
2
|
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
3
|
import React, { forwardRef, useState, useRef, useEffect } from 'react';
|
|
4
4
|
import { styled } from '@linaria/react';
|
|
@@ -6,7 +6,6 @@ import { cx } from '../../utils/index.js';
|
|
|
6
6
|
import { TooltipRoot, StyledContentLeft } from './Tooltip.styles.js';
|
|
7
7
|
import { base } from './variations/_view/base.js';
|
|
8
8
|
import { base as base$1 } from './variations/_size/base.js';
|
|
9
|
-
import { classes } from './Tooltip.tokens.js';
|
|
10
9
|
import { component } from '../../engines/common.js';
|
|
11
10
|
import { popoverConfig } from '../Popover/Popover.js';
|
|
12
11
|
|
|
@@ -80,7 +79,6 @@ var tooltipRoot = function tooltipRoot(Root) {
|
|
|
80
79
|
var innerIsOpen = Boolean(isVisible || isOpen || opened);
|
|
81
80
|
var innerHasArrow = arrow || hasArrow;
|
|
82
81
|
var showTooltip = innerIsOpen && Boolean(text);
|
|
83
|
-
var animatedClass = animated ? classes.animated : undefined;
|
|
84
82
|
useEffect(function () {
|
|
85
83
|
var onKeyDown = function onKeyDown(event) {
|
|
86
84
|
if (event.keyCode === ESCAPE_KEYCODE) {
|
|
@@ -131,7 +129,8 @@ var tooltipRoot = function tooltipRoot(Root) {
|
|
|
131
129
|
"aria-hidden": !innerIsOpen,
|
|
132
130
|
"aria-live": "polite",
|
|
133
131
|
role: "tooltip",
|
|
134
|
-
|
|
132
|
+
animated: animated,
|
|
133
|
+
className: cx(ref === null || ref === void 0 ? void 0 : ref.classList.toString())
|
|
135
134
|
}, (trigger === 'hover' || trigger === 'click') && {
|
|
136
135
|
trigger: trigger,
|
|
137
136
|
onToggle: onToggle
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useEffect, forwardRef, useState, useRef } from 'react';\nimport { styled } from '@linaria/react';\n\nimport { RootProps, component } from '../../engines';\nimport { popoverClasses, popoverConfig, popoverTokens } from '../Popover';\nimport { cx } from '../../utils';\n\nimport { TooltipProps } from './Tooltip.types';\nimport { StyledContentLeft, TooltipRoot } from './Tooltip.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes, tokens } from './Tooltip.tokens';\n\nconst ESCAPE_KEYCODE = 27;\n\nconst getStringValue = (value?: number | string) => {\n return typeof value === 'number' ? `${value}rem` : value;\n};\n\nconst Popover = component(popoverConfig);\n\nconst StyledPopover = styled(Popover)`\n ${popoverTokens.arrowMaskWidth}: var(${tokens.arrowMaskWidth});\n ${popoverTokens.arrowMaskHeight}: var(${tokens.arrowMaskHeight});\n ${popoverTokens.arrowMaskImage}: var(${tokens.arrowMaskImage});\n ${popoverTokens.arrowBackground}: var(${tokens.arrowBackground});\n ${popoverTokens.arrowHeight}: var(${tokens.arrowHeight});\n ${popoverTokens.arrowEdgeMargin}: var(${tokens.arrowEdgeMargin});\n\n &.${classes.animated} .${popoverClasses.root} {\n transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;\n }\n`;\n\n/**\n * Компонент для текстовых подсказок. Основное предназначение — подписи к блокам.\n */\n\nexport const tooltipRoot = (Root: RootProps<HTMLDivElement, Omit<TooltipProps, 'opened' | 'text'>>) =>\n forwardRef<HTMLDivElement, TooltipProps>(\n (\n {\n id,\n text,\n opened,\n isVisible,\n isOpen,\n hasArrow = true,\n arrow,\n animated,\n offset = [0, 8],\n minWidth,\n maxWidth,\n placement = 'bottom',\n usePortal = true,\n target,\n children,\n onDismiss,\n view,\n size,\n contentLeft,\n zIndex = '9200',\n className,\n style,\n hoverTimeout = 300,\n trigger,\n ...rest\n },\n outerRef,\n ) => {\n const [ref, setRef] = useState<HTMLDivElement | null>(null);\n const timeoutRef = useRef<number | undefined>();\n const [isOpened, setIsOpened] = useState(false);\n const [isHovered, setIsHovered] = useState(false);\n\n // TODO убрать после отказа от старого API\n const innerIsOpen = Boolean(isVisible || isOpen || opened);\n const innerHasArrow = arrow || hasArrow;\n const showTooltip = innerIsOpen && Boolean(text);\n\n const animatedClass = animated ? classes.animated : undefined;\n\n useEffect(() => {\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.keyCode === ESCAPE_KEYCODE) {\n onDismiss?.();\n }\n };\n\n window.addEventListener('keydown', onKeyDown);\n\n return () => {\n window.removeEventListener('keydown', onKeyDown);\n };\n }, []);\n\n const onMouseEnter = () => {\n clearTimeout(timeoutRef.current);\n setIsHovered(true);\n };\n\n const onMouseLeave = () => {\n timeoutRef.current = setTimeout(() => {\n setIsHovered(false);\n }, hoverTimeout);\n };\n\n useEffect(() => {\n return () => clearTimeout(timeoutRef.current);\n }, [trigger]);\n\n const onToggle = (isOpen: boolean) => {\n if (trigger === 'hover') {\n if (isOpen) {\n clearTimeout(timeoutRef.current);\n setIsOpened(true);\n } else {\n timeoutRef.current = setTimeout(() => {\n setIsOpened(false);\n }, hoverTimeout);\n }\n } else {\n setIsOpened(isOpen);\n }\n };\n\n return (\n <StyledPopover\n opened={showTooltip || isOpened || isHovered}\n placement={placement}\n offset={offset}\n zIndex={zIndex}\n target={target || children}\n usePortal={usePortal}\n hasArrow={innerHasArrow}\n aria-hidden={!innerIsOpen}\n aria-live=\"polite\"\n role=\"tooltip\"\n className={cx(ref?.classList.toString(), animatedClass)}\n {...((trigger === 'hover' || trigger === 'click') && { trigger, onToggle })}\n {...rest}\n >\n <Root\n view={view}\n size={size}\n ref={setRef}\n className={className}\n style={style}\n {...(trigger === 'hover' && { onMouseEnter, onMouseLeave })}\n >\n <TooltipRoot\n ref={outerRef}\n id={id}\n maxWidth={getStringValue(maxWidth)}\n minWidth={getStringValue(minWidth)}\n >\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n {text}\n </TooltipRoot>\n </Root>\n </StyledPopover>\n );\n },\n );\n\nexport const tooltipConfig = {\n name: 'Tooltip',\n tag: 'div',\n layout: tooltipRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["ESCAPE_KEYCODE","getStringValue","value","concat","Popover","component","popoverConfig","_exp","StyledPopover","styled","name","class","propsAsIs","tooltipRoot","Root","forwardRef","_ref","outerRef","id","text","opened","isVisible","isOpen","_ref$hasArrow","hasArrow","arrow","animated","_ref$offset","offset","minWidth","maxWidth","_ref$placement","placement","_ref$usePortal","usePortal","target","children","onDismiss","view","size","contentLeft","_ref$zIndex","zIndex","className","style","_ref$hoverTimeout","hoverTimeout","trigger","rest","_useState","useState","_useState2","_slicedToArray","ref","setRef","timeoutRef","useRef","_useState3","_useState4","isOpened","setIsOpened","_useState5","_useState6","isHovered","setIsHovered","innerIsOpen","Boolean","innerHasArrow","showTooltip","animatedClass","classes","undefined","useEffect","onKeyDown","event","keyCode","window","addEventListener","removeEventListener","onMouseEnter","clearTimeout","current","onMouseLeave","setTimeout","onToggle","React","createElement","_extends","role","cx","classList","toString","TooltipRoot","StyledContentLeft","tooltipConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useEffect, forwardRef, useState, useRef } from 'react';\nimport { styled } from '@linaria/react';\n\nimport { RootProps, component } from '../../engines';\nimport { popoverConfig, popoverTokens } from '../Popover';\nimport { cx } from '../../utils';\n\nimport { TooltipProps } from './Tooltip.types';\nimport { StyledContentLeft, TooltipRoot } from './Tooltip.styles';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { tokens } from './Tooltip.tokens';\n\nconst ESCAPE_KEYCODE = 27;\n\nconst getStringValue = (value?: number | string) => {\n return typeof value === 'number' ? `${value}rem` : value;\n};\n\nconst Popover = component(popoverConfig);\n\nconst StyledPopover = styled(Popover)`\n ${popoverTokens.arrowMaskWidth}: var(${tokens.arrowMaskWidth});\n ${popoverTokens.arrowMaskHeight}: var(${tokens.arrowMaskHeight});\n ${popoverTokens.arrowMaskImage}: var(${tokens.arrowMaskImage});\n ${popoverTokens.arrowBackground}: var(${tokens.arrowBackground});\n ${popoverTokens.arrowHeight}: var(${tokens.arrowHeight});\n ${popoverTokens.arrowEdgeMargin}: var(${tokens.arrowEdgeMargin});\n`;\n\n/**\n * Компонент для текстовых подсказок. Основное предназначение — подписи к блокам.\n */\n\nexport const tooltipRoot = (Root: RootProps<HTMLDivElement, Omit<TooltipProps, 'opened' | 'text'>>) =>\n forwardRef<HTMLDivElement, TooltipProps>(\n (\n {\n id,\n text,\n opened,\n isVisible,\n isOpen,\n hasArrow = true,\n arrow,\n animated,\n offset = [0, 8],\n minWidth,\n maxWidth,\n placement = 'bottom',\n usePortal = true,\n target,\n children,\n onDismiss,\n view,\n size,\n contentLeft,\n zIndex = '9200',\n className,\n style,\n hoverTimeout = 300,\n trigger,\n ...rest\n },\n outerRef,\n ) => {\n const [ref, setRef] = useState<HTMLDivElement | null>(null);\n const timeoutRef = useRef<number | undefined>();\n const [isOpened, setIsOpened] = useState(false);\n const [isHovered, setIsHovered] = useState(false);\n\n // TODO убрать после отказа от старого API\n const innerIsOpen = Boolean(isVisible || isOpen || opened);\n const innerHasArrow = arrow || hasArrow;\n const showTooltip = innerIsOpen && Boolean(text);\n\n useEffect(() => {\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.keyCode === ESCAPE_KEYCODE) {\n onDismiss?.();\n }\n };\n\n window.addEventListener('keydown', onKeyDown);\n\n return () => {\n window.removeEventListener('keydown', onKeyDown);\n };\n }, []);\n\n const onMouseEnter = () => {\n clearTimeout(timeoutRef.current);\n setIsHovered(true);\n };\n\n const onMouseLeave = () => {\n timeoutRef.current = setTimeout(() => {\n setIsHovered(false);\n }, hoverTimeout);\n };\n\n useEffect(() => {\n return () => clearTimeout(timeoutRef.current);\n }, [trigger]);\n\n const onToggle = (isOpen: boolean) => {\n if (trigger === 'hover') {\n if (isOpen) {\n clearTimeout(timeoutRef.current);\n setIsOpened(true);\n } else {\n timeoutRef.current = setTimeout(() => {\n setIsOpened(false);\n }, hoverTimeout);\n }\n } else {\n setIsOpened(isOpen);\n }\n };\n\n return (\n <StyledPopover\n opened={showTooltip || isOpened || isHovered}\n placement={placement}\n offset={offset}\n zIndex={zIndex}\n target={target || children}\n usePortal={usePortal}\n hasArrow={innerHasArrow}\n aria-hidden={!innerIsOpen}\n aria-live=\"polite\"\n role=\"tooltip\"\n animated={animated}\n className={cx(ref?.classList.toString())}\n {...((trigger === 'hover' || trigger === 'click') && { trigger, onToggle })}\n {...rest}\n >\n <Root\n view={view}\n size={size}\n ref={setRef}\n className={className}\n style={style}\n {...(trigger === 'hover' && { onMouseEnter, onMouseLeave })}\n >\n <TooltipRoot\n ref={outerRef}\n id={id}\n maxWidth={getStringValue(maxWidth)}\n minWidth={getStringValue(minWidth)}\n >\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n {text}\n </TooltipRoot>\n </Root>\n </StyledPopover>\n );\n },\n );\n\nexport const tooltipConfig = {\n name: 'Tooltip',\n tag: 'div',\n layout: tooltipRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["ESCAPE_KEYCODE","getStringValue","value","concat","Popover","component","popoverConfig","_exp","StyledPopover","styled","name","class","propsAsIs","tooltipRoot","Root","forwardRef","_ref","outerRef","id","text","opened","isVisible","isOpen","_ref$hasArrow","hasArrow","arrow","animated","_ref$offset","offset","minWidth","maxWidth","_ref$placement","placement","_ref$usePortal","usePortal","target","children","onDismiss","view","size","contentLeft","_ref$zIndex","zIndex","className","style","_ref$hoverTimeout","hoverTimeout","trigger","rest","_useState","useState","_useState2","_slicedToArray","ref","setRef","timeoutRef","useRef","_useState3","_useState4","isOpened","setIsOpened","_useState5","_useState6","isHovered","setIsHovered","innerIsOpen","Boolean","innerHasArrow","showTooltip","useEffect","onKeyDown","event","keyCode","window","addEventListener","removeEventListener","onMouseEnter","clearTimeout","current","onMouseLeave","setTimeout","onToggle","React","createElement","_extends","role","cx","classList","toString","TooltipRoot","StyledContentLeft","tooltipConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
var classes = {
|
|
2
|
-
animated: 'tooltip-animated'
|
|
3
|
-
};
|
|
4
1
|
var tokens = {
|
|
5
2
|
paddingTop: '--plasma-tooltip-padding-top',
|
|
6
3
|
paddingRight: '--plasma-tooltip-padding-right',
|
|
@@ -26,5 +23,5 @@ var tokens = {
|
|
|
26
23
|
arrowEdgeMargin: '--plasma-tooltip-arrow-edge-margin'
|
|
27
24
|
};
|
|
28
25
|
|
|
29
|
-
export {
|
|
26
|
+
export { tokens };
|
|
30
27
|
//# sourceMappingURL=Tooltip.tokens.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.tokens.js","sources":["../../../src/components/Tooltip/Tooltip.tokens.ts"],"sourcesContent":["export const classes = {\n animated: 'tooltip-animated',\n};\n\nexport const tokens = {\n paddingTop: '--plasma-tooltip-padding-top',\n paddingRight: '--plasma-tooltip-padding-right',\n paddingBottom: '--plasma-tooltip-padding-bottom',\n paddingLeft: '--plasma-tooltip-padding-left',\n minHeight: '--plasma-tooltip-min-height',\n\n backgroundColor: '--plasma-tooltip-background-color',\n boxShadow: '--plasma-tooltip-box-shadow',\n borderRadius: '--plasma-tooltip-border-radius',\n\n color: '--plasma-tooltip-color',\n textFontFamily: '--plasma-tooltip-text-font-family',\n textFontSize: '--plasma-tooltip-text-font-size',\n textFontStyle: '--plasma-tooltip-text-font-style',\n textFontWeight: '--plasma-tooltip-text-font-weight',\n textFontLetterSpacing: '--plasma-tooltip-text-font-letter-spacing',\n textFontLineHeight: '--plasma-tooltip-text-font-line-height',\n\n contentLeftMargin: '--plasma-tooltip-content-left-margin',\n\n arrowMaskWidth: '--plasma-tooltip-arrow-mask-width',\n arrowMaskHeight: '--plasma-tooltip-arrow-mask-height',\n arrowMaskImage: '--plasma-tooltip-arrow-mask-image',\n arrowBackground: '--plasma-tooltip-arrow-background',\n arrowHeight: '--plasma-tooltip-arrow-height',\n arrowEdgeMargin: '--plasma-tooltip-arrow-edge-margin',\n};\n"],"names":["
|
|
1
|
+
{"version":3,"file":"Tooltip.tokens.js","sources":["../../../src/components/Tooltip/Tooltip.tokens.ts"],"sourcesContent":["export const classes = {\n animated: 'tooltip-animated',\n};\n\nexport const tokens = {\n paddingTop: '--plasma-tooltip-padding-top',\n paddingRight: '--plasma-tooltip-padding-right',\n paddingBottom: '--plasma-tooltip-padding-bottom',\n paddingLeft: '--plasma-tooltip-padding-left',\n minHeight: '--plasma-tooltip-min-height',\n\n backgroundColor: '--plasma-tooltip-background-color',\n boxShadow: '--plasma-tooltip-box-shadow',\n borderRadius: '--plasma-tooltip-border-radius',\n\n color: '--plasma-tooltip-color',\n textFontFamily: '--plasma-tooltip-text-font-family',\n textFontSize: '--plasma-tooltip-text-font-size',\n textFontStyle: '--plasma-tooltip-text-font-style',\n textFontWeight: '--plasma-tooltip-text-font-weight',\n textFontLetterSpacing: '--plasma-tooltip-text-font-letter-spacing',\n textFontLineHeight: '--plasma-tooltip-text-font-line-height',\n\n contentLeftMargin: '--plasma-tooltip-content-left-margin',\n\n arrowMaskWidth: '--plasma-tooltip-arrow-mask-width',\n arrowMaskHeight: '--plasma-tooltip-arrow-mask-height',\n arrowMaskImage: '--plasma-tooltip-arrow-mask-image',\n arrowBackground: '--plasma-tooltip-arrow-background',\n arrowHeight: '--plasma-tooltip-arrow-height',\n arrowEdgeMargin: '--plasma-tooltip-arrow-edge-margin',\n};\n"],"names":["tokens","paddingTop","paddingRight","paddingBottom","paddingLeft","minHeight","backgroundColor","boxShadow","borderRadius","color","textFontFamily","textFontSize","textFontStyle","textFontWeight","textFontLetterSpacing","textFontLineHeight","contentLeftMargin","arrowMaskWidth","arrowMaskHeight","arrowMaskImage","arrowBackground","arrowHeight","arrowEdgeMargin"],"mappings":"AAIO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,YAAY,EAAE,gCAAgC;AAC9CC,EAAAA,aAAa,EAAE,iCAAiC;AAChDC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,SAAS,EAAE,6BAA6B;AAExCC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,YAAY,EAAE,gCAAgC;AAE9CC,EAAAA,KAAK,EAAE,wBAAwB;AAC/BC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,YAAY,EAAE,iCAAiC;AAC/CC,EAAAA,aAAa,EAAE,kCAAkC;AACjDC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,qBAAqB,EAAE,2CAA2C;AAClEC,EAAAA,kBAAkB,EAAE,wCAAwC;AAE5DC,EAAAA,iBAAiB,EAAE,sCAAsC;AAEzDC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,eAAe,EAAE,oCAAoC;AACrDC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,eAAe,EAAE,oCAAA;AACrB;;;;"}
|
|
@@ -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_zxmuer_s1g1xbt5__44fab2ad{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
|
130
|
+
.Popover_styles_zxmuer_s12xwbyh__44fab2ad{display:inline-block;}.Popover_styles_zxmuer_s12xwbyh__44fab2ad.Popover_styles_zxmuer_popoverTargetAsRef__44fab2ad{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_zxmuer_s12xwbyh__44fab2ad.Popover_styles_zxmuer_popoverTargetAsRef__44fab2ad .Popover_styles_zxmuer_s1g1xbt5__44fab2ad{width:100%;height:100%;display:block;}
|
|
131
|
+
.Popover_styles_zxmuer_s1pd4d8a__44fab2ad{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_zxmuer_s1pd4d8a__44fab2ad::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_zxmuer_s16xlixz__44fab2ad{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;}.Popover_styles_zxmuer_s16xlixz__44fab2ad.Popover_styles_zxmuer_popoverAnimate__44fab2ad{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}.Popover_styles_zxmuer_s16xlixz__44fab2ad.Popover_styles_zxmuer_popoverOpen__44fab2ad{opacity:1;visibility:visible;}.Popover_styles_zxmuer_s16xlixz__44fab2ad:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-start'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-end'] > .Popover_styles_zxmuer_popoverArrow__44fab2ad{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='top-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='bottom-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='left-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[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_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[data-popper-placement^='right-start']:before,.Popover_styles_zxmuer_s16xlixz__44fab2ad[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.254.0-canary.
|
|
3
|
+
"version": "0.254.0-canary.1739.13073957671.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": "0574d3a9e754059bf149b1e7fb7548e2e65943d9"
|
|
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,
|
|
@@ -85,6 +86,8 @@ var popoverRoot = exports.popoverRoot = function popoverRoot(Root) {
|
|
|
85
86
|
var portalContainer = _typeof(target) === 'object' && target !== null && 'current' in target && target.current || undefined;
|
|
86
87
|
var isAutoArray = Array.isArray(placement);
|
|
87
88
|
var isAuto = isAutoArray || placement.startsWith('auto');
|
|
89
|
+
var openClass = innerIsOpen ? _Popover2.classes.open : undefined;
|
|
90
|
+
var animatedClass = animated ? _Popover2.classes.animate : undefined;
|
|
88
91
|
var initialStyles = {
|
|
89
92
|
visibility: innerIsOpen ? 'visible' : 'hidden',
|
|
90
93
|
opacity: innerIsOpen ? 1 : 0
|
|
@@ -235,11 +238,9 @@ var popoverRoot = exports.popoverRoot = function popoverRoot(Root) {
|
|
|
235
238
|
view: view,
|
|
236
239
|
className: className
|
|
237
240
|
}, rest), /*#__PURE__*/_react["default"].createElement(_Popover.StyledPopover, _extends({}, attributes.popper, {
|
|
238
|
-
className: _Popover2.classes.root,
|
|
241
|
+
className: (0, _utils.cx)(_Popover2.classes.root, openClass, animatedClass),
|
|
239
242
|
ref: popoverForkRef,
|
|
240
|
-
style: _objectSpread(_objectSpread(
|
|
241
|
-
display: innerIsOpen ? 'block' : 'none'
|
|
242
|
-
}), initialStyles),
|
|
243
|
+
style: _objectSpread(_objectSpread({}, styles.popper), initialStyles),
|
|
243
244
|
zIndex: zIndex
|
|
244
245
|
}), hasArrow && /*#__PURE__*/_react["default"].createElement(_Popover.StyledArrow, _extends({
|
|
245
246
|
className: _Popover2.classes.arrow,
|