@salutejs/plasma-new-hope 0.231.0-canary.1647.12467637991.0 → 0.231.0-canary.1657.12468366213.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +4 -4
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +4 -4
- 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 +4 -4
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +4 -4
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +4 -4
- package/cjs/components/Dropdown/Dropdown.css +4 -4
- package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.css +4 -4
- package/cjs/components/Flow/Flow.css +1 -0
- package/cjs/components/Flow/Flow.js +58 -0
- package/cjs/components/Flow/Flow.js.map +1 -0
- package/cjs/components/Flow/Flow.styles.js +9 -0
- package/cjs/components/Flow/Flow.styles.js.map +1 -0
- package/cjs/components/Flow/Flow.styles_1xdoipm.css +1 -0
- package/cjs/components/Pagination/Pagination.css +4 -4
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -4
- package/cjs/components/Popover/Popover.css +4 -4
- package/cjs/components/Popover/Popover.js +5 -9
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Popover/Popover.styles.js +7 -7
- package/cjs/components/Popover/Popover.styles.js.map +1 -1
- package/cjs/components/Popover/{Popover.styles_gh4xvw.css → Popover.styles_mzmbre.css} +2 -2
- package/cjs/components/Popover/Popover.tokens.js +1 -2
- package/cjs/components/Popover/Popover.tokens.js.map +1 -1
- package/cjs/components/Portal/Portal.js +1 -1
- package/cjs/components/Portal/Portal.js.map +1 -1
- package/cjs/components/Range/Range.css +4 -4
- package/cjs/components/Select/Select.css +4 -4
- package/cjs/components/Select/ui/Target/Target.css +4 -4
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +4 -4
- package/cjs/components/Slider/Slider.css +4 -4
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +4 -4
- package/cjs/components/TextArea/ui/Hint/Hint.css +4 -4
- package/cjs/components/TextField/ui/Hint/Hint.css +4 -4
- package/cjs/index.css +6 -4
- package/cjs/index.js +3 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/ElasticGrid/ElasticGrid.js +5 -0
- package/emotion/cjs/components/ElasticGrid/index.js +5 -0
- package/emotion/cjs/components/Flow/Flow.js +66 -0
- package/emotion/cjs/components/Flow/Flow.styles.js +17 -0
- package/emotion/cjs/components/Flow/Flow.types.js +5 -0
- package/emotion/cjs/components/Flow/index.js +18 -0
- package/emotion/cjs/components/Popover/Popover.js +6 -10
- package/emotion/cjs/components/Popover/Popover.styles.js +16 -8
- package/emotion/cjs/components/Popover/Popover.template-doc.mdx +43 -128
- package/emotion/cjs/components/Popover/Popover.tokens.js +1 -2
- package/emotion/cjs/components/Portal/Portal.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Flow/Flow.config.js +10 -0
- package/emotion/cjs/examples/plasma_b2c/components/Flow/Flow.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/Flow/Flow.stories.tsx +114 -0
- package/emotion/cjs/index.js +11 -0
- package/emotion/es/components/ElasticGrid/ElasticGrid.js +1 -0
- package/emotion/es/components/ElasticGrid/index.js +1 -0
- package/emotion/es/components/Flow/Flow.js +57 -0
- package/emotion/es/components/Flow/Flow.styles.js +11 -0
- package/emotion/es/components/Flow/Flow.types.js +1 -0
- package/emotion/es/components/Flow/index.js +1 -0
- package/emotion/es/components/Popover/Popover.js +7 -11
- package/emotion/es/components/Popover/Popover.styles.js +16 -8
- package/emotion/es/components/Popover/Popover.template-doc.mdx +43 -128
- package/emotion/es/components/Popover/Popover.tokens.js +1 -2
- package/emotion/es/components/Portal/Portal.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/Flow/Flow.config.js +4 -0
- package/emotion/es/examples/plasma_b2c/components/Flow/Flow.js +5 -0
- package/emotion/es/examples/plasma_b2c/components/Flow/Flow.stories.tsx +114 -0
- package/emotion/es/index.js +1 -0
- package/es/components/Autocomplete/Autocomplete.css +4 -4
- package/es/components/Combobox/ComboboxNew/Combobox.css +4 -4
- 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 +4 -4
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +4 -4
- package/es/components/DatePicker/SingleDate/SingleDate.css +4 -4
- package/es/components/Dropdown/Dropdown.css +4 -4
- package/es/components/Dropdown/ui/DropdownOld/DropdownOld.css +4 -4
- package/es/components/Flow/Flow.css +1 -0
- package/es/components/Flow/Flow.js +53 -0
- package/es/components/Flow/Flow.js.map +1 -0
- package/es/components/Flow/Flow.styles.js +5 -0
- package/es/components/Flow/Flow.styles.js.map +1 -0
- package/es/components/Flow/Flow.styles_1xdoipm.css +1 -0
- package/es/components/Pagination/Pagination.css +4 -4
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -4
- package/es/components/Popover/Popover.css +4 -4
- package/es/components/Popover/Popover.js +7 -11
- package/es/components/Popover/Popover.js.map +1 -1
- package/es/components/Popover/Popover.styles.js +7 -7
- package/es/components/Popover/Popover.styles.js.map +1 -1
- package/es/components/Popover/{Popover.styles_gh4xvw.css → Popover.styles_mzmbre.css} +2 -2
- package/es/components/Popover/Popover.tokens.js +1 -2
- package/es/components/Popover/Popover.tokens.js.map +1 -1
- package/es/components/Portal/Portal.js +1 -1
- package/es/components/Portal/Portal.js.map +1 -1
- package/es/components/Range/Range.css +4 -4
- package/es/components/Select/Select.css +4 -4
- package/es/components/Select/ui/Target/Target.css +4 -4
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +4 -4
- package/es/components/Slider/Slider.css +4 -4
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +4 -4
- package/es/components/TextArea/ui/Hint/Hint.css +4 -4
- package/es/components/TextField/ui/Hint/Hint.css +4 -4
- package/es/index.css +6 -4
- package/es/index.js +1 -0
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/ElasticGrid/ElasticGrid.js +5 -0
- package/styled-components/cjs/components/ElasticGrid/index.js +5 -0
- package/styled-components/cjs/components/Flow/Flow.js +66 -0
- package/styled-components/cjs/components/Flow/Flow.styles.js +8 -0
- package/styled-components/cjs/components/Flow/Flow.types.js +5 -0
- package/styled-components/cjs/components/Flow/index.js +18 -0
- package/styled-components/cjs/components/Popover/Popover.js +6 -10
- package/styled-components/cjs/components/Popover/Popover.styles.js +4 -4
- package/styled-components/cjs/components/Popover/Popover.template-doc.mdx +43 -128
- package/styled-components/cjs/components/Popover/Popover.tokens.js +1 -2
- package/styled-components/cjs/components/Portal/Portal.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Flow/Flow.config.js +10 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Flow/Flow.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Flow/Flow.stories.tsx +114 -0
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/es/components/ElasticGrid/ElasticGrid.js +1 -0
- package/styled-components/es/components/ElasticGrid/index.js +1 -0
- package/styled-components/es/components/Flow/Flow.js +57 -0
- package/styled-components/es/components/Flow/Flow.styles.js +2 -0
- package/styled-components/es/components/Flow/Flow.types.js +1 -0
- package/styled-components/es/components/Flow/index.js +1 -0
- package/styled-components/es/components/Popover/Popover.js +7 -11
- package/styled-components/es/components/Popover/Popover.styles.js +4 -4
- package/styled-components/es/components/Popover/Popover.template-doc.mdx +43 -128
- package/styled-components/es/components/Popover/Popover.tokens.js +1 -2
- package/styled-components/es/components/Portal/Portal.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Flow/Flow.config.js +4 -0
- package/styled-components/es/examples/plasma_b2c/components/Flow/Flow.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/Flow/Flow.stories.tsx +114 -0
- package/styled-components/es/index.js +1 -0
- package/types/components/ElasticGrid/ElasticGrid.d.ts +2 -0
- package/types/components/ElasticGrid/ElasticGrid.d.ts.map +1 -0
- package/types/components/ElasticGrid/index.d.ts +2 -0
- package/types/components/ElasticGrid/index.d.ts.map +1 -0
- package/types/components/Flow/Flow.d.ts +13 -0
- package/types/components/Flow/Flow.d.ts.map +1 -0
- package/types/components/Flow/Flow.styles.d.ts +2 -0
- package/types/components/Flow/Flow.styles.d.ts.map +1 -0
- package/types/components/Flow/Flow.types.d.ts +35 -0
- package/types/components/Flow/Flow.types.d.ts.map +1 -0
- package/types/components/Flow/index.d.ts +2 -0
- package/types/components/Flow/index.d.ts.map +1 -0
- package/types/components/Popover/Popover.d.ts.map +1 -1
- package/types/components/Popover/Popover.styles.d.ts +1 -1
- package/types/components/Popover/Popover.styles.d.ts.map +1 -1
- package/types/components/Popover/Popover.tokens.d.ts +0 -1
- package/types/components/Popover/Popover.tokens.d.ts.map +1 -1
- package/types/components/Popover/Popover.types.d.ts +4 -4
- package/types/components/Popover/Popover.types.d.ts.map +1 -1
- package/types/components/Portal/Portal.types.d.ts +1 -1
- package/types/components/Portal/Portal.types.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Flow/Flow.config.d.ts +5 -0
- package/types/examples/plasma_b2c/components/Flow/Flow.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Flow/Flow.d.ts +3 -0
- package/types/examples/plasma_b2c/components/Flow/Flow.d.ts.map +1 -0
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
@@ -37,10 +37,10 @@
|
|
37
37
|
.DropdownItem_styles_1lyg81y_s1dea6tl__b17ea060{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
38
38
|
.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060{box-sizing:content-box;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-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:auto;font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);width:var(--plasma-dropdown-item-width);height:var(--plasma-dropdown-item-height);padding:var(--plasma-dropdown-item-padding-top) var(--plasma-dropdown-item-padding-right) var(--plasma-dropdown-item-padding-bottom) var(--plasma-dropdown-item-padding-left);margin:var(--plasma-dropdown-item-margin-top) var(--plasma-dropdown-item-margin-right) var(--plasma-dropdown-item-margin-bottom) var(--plasma-dropdown-item-margin-left);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060:focus{outline:none;}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_focusVisible__b17ea060:focus::before,.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060:hover:not(.DropdownItem_styles_1lyg81y_dropdownItemIsDisabled__b17ea060){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_dropdownItemIsSelected__b17ea060{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_dropdownItemIsSelected__b17ea060:hover:not(.DropdownItem_styles_1lyg81y_dropdownItemIsDisabled__b17ea060){background:var(--plasma-dropdown-item-background-selected-hover);}.DropdownItem_styles_1lyg81y_b1b2nce8__b17ea060.DropdownItem_styles_1lyg81y_dropdownItemIsDisabled__b17ea060{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
|
39
39
|
|
40
|
-
.
|
41
|
-
.
|
42
|
-
.
|
43
|
-
.
|
40
|
+
.Popover_styles_mzmbre_s1g1xbt5__2ee8e6b1{display:inline-block;}
|
41
|
+
.Popover_styles_mzmbre_s12xwbyh__2ee8e6b1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
42
|
+
.Popover_styles_mzmbre_s1pd4d8a__2ee8e6b1{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_mzmbre_s1pd4d8a__2ee8e6b1::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);}
|
43
|
+
.Popover_styles_mzmbre_s16xlixz__2ee8e6b1{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='top'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='top-start'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='top-end'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom-start'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom-start'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom-end'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom-end'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left-start'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right-start'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left-end'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right-end'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='top']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='top-start']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom-start']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left-start']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right-start']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[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;}
|
44
44
|
|
45
45
|
.Dropdown_styles_3w3l45_s1rwu6ky__59648b20 .Dropdown_styles_3w3l45_popoverTarget__59648b20{display:block;}
|
46
46
|
.Dropdown_styles_3w3l45_s10jhp3l__59648b20{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
|
@@ -1,7 +1,7 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.Popover_styles_mzmbre_s1g1xbt5__2ee8e6b1{display:inline-block;}
|
2
|
+
.Popover_styles_mzmbre_s12xwbyh__2ee8e6b1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
3
|
+
.Popover_styles_mzmbre_s1pd4d8a__2ee8e6b1{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_mzmbre_s1pd4d8a__2ee8e6b1::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_mzmbre_s16xlixz__2ee8e6b1{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='top'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='top-start'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='top-end'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom-start'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom-start'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom-end'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom-end'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left-start'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right-start'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left-end'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right-end'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='top']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='top-start']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom-start']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left-start']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right-start']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[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
|
.Dropdown_styles_3w3l45_s1rwu6ky__59648b20 .Dropdown_styles_3w3l45_popoverTarget__59648b20{display:block;}
|
7
7
|
.Dropdown_styles_3w3l45_s10jhp3l__59648b20{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
|
@@ -0,0 +1 @@
|
|
1
|
+
.Flow_styles_1xdoipm_b1iyfec1__ec36d063{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--plasma-private-gap);border-radius:0.5rem;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_vertical__ec36d063{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063{display:grid;grid-template-columns:repeat(var(--plasma-private-items),auto);grid-auto-flow:row;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063.Flow_styles_1xdoipm_elastic__ec36d063{grid-template-columns:repeat(auto-fill,minmax(var(--plasma-private-min-width),auto));grid-auto-flow:row;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063:not(.Flow_styles_1xdoipm_vertical__ec36d063)[data-arrangement='start']{justify-items:start;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063:not(.Flow_styles_1xdoipm_vertical__ec36d063)[data-arrangement='center']{justify-items:center;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063:not(.Flow_styles_1xdoipm_vertical__ec36d063)[data-arrangement='end']{justify-items:end;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063:not(.Flow_styles_1xdoipm_vertical__ec36d063)[data-arrangement='spaceBetween']{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063:not(.Flow_styles_1xdoipm_vertical__ec36d063)[data-arrangement='spaceAround']{-webkit-box-pack:space-around;-webkit-justify-content:space-around;-ms-flex-pack:space-around;justify-content:space-around;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063:not(.Flow_styles_1xdoipm_vertical__ec36d063)[data-alignment='start']{-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063:not(.Flow_styles_1xdoipm_vertical__ec36d063)[data-alignment='center']{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063:not(.Flow_styles_1xdoipm_vertical__ec36d063)[data-alignment='end']{-webkit-align-items:end;-webkit-box-align:end;-ms-flex-align:end;align-items:end;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063.Flow_styles_1xdoipm_vertical__ec36d063{grid-template-columns:auto;grid-template-rows:repeat(var(--plasma-private-items),auto);grid-auto-flow:column;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063.Flow_styles_1xdoipm_vertical__ec36d063[data-arrangement='start']{-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063.Flow_styles_1xdoipm_vertical__ec36d063[data-arrangement='center']{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063.Flow_styles_1xdoipm_vertical__ec36d063[data-arrangement='end']{-webkit-align-items:end;-webkit-box-align:end;-ms-flex-align:end;align-items:end;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063.Flow_styles_1xdoipm_vertical__ec36d063[data-arrangement='spaceBetween']{-webkit-align-content:space-between;-ms-flex-line-pack:space-between;align-content:space-between;-webkit-align-items:normal;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063.Flow_styles_1xdoipm_vertical__ec36d063[data-arrangement='spaceAround']{-webkit-align-content:space-around;-ms-flex-line-pack:space-around;align-content:space-around;-webkit-align-items:normal;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063.Flow_styles_1xdoipm_vertical__ec36d063[data-alignment='start']{justify-items:start;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063.Flow_styles_1xdoipm_vertical__ec36d063[data-alignment='center']{justify-items:center;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063.Flow_styles_1xdoipm_vertical__ec36d063[data-alignment='end']{justify-items:end;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063:not(.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063)[data-arrangement='start']{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063:not(.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063)[data-arrangement='center']{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063:not(.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063)[data-arrangement='end']{-webkit-box-pack:end;-webkit-justify-content:end;-ms-flex-pack:end;justify-content:end;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063:not(.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063)[data-arrangement='spaceBetween']{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063:not(.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063)[data-arrangement='spaceAround']{-webkit-box-pack:space-around;-webkit-justify-content:space-around;-ms-flex-pack:space-around;justify-content:space-around;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063:not(.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063)[data-alignment='start']{-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063:not(.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063)[data-alignment='center']{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Flow_styles_1xdoipm_b1iyfec1__ec36d063:not(.Flow_styles_1xdoipm_b1iyfec1__ec36d063.Flow_styles_1xdoipm_grid__ec36d063)[data-alignment='end']{-webkit-align-items:end;-webkit-box-align:end;-ms-flex-align:end;align-items:end;}
|
@@ -0,0 +1,58 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
6
|
+
var React = require('react');
|
7
|
+
var cls = require('classnames');
|
8
|
+
var Flow_styles = require('./Flow.styles.js');
|
9
|
+
|
10
|
+
var _excluded = ["children", "className", "style", "orientation", "arrangement", "alignment", "mainAxisGap", "crossAxisGap", "minColWidth", "itemsPerLine"];
|
11
|
+
var flowRoot = function flowRoot(Root) {
|
12
|
+
return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
13
|
+
var children = _ref.children,
|
14
|
+
className = _ref.className,
|
15
|
+
style = _ref.style,
|
16
|
+
_ref$orientation = _ref.orientation,
|
17
|
+
orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation,
|
18
|
+
arrangement = _ref.arrangement,
|
19
|
+
alignment = _ref.alignment,
|
20
|
+
_ref$mainAxisGap = _ref.mainAxisGap,
|
21
|
+
mainAxisGap = _ref$mainAxisGap === void 0 ? '0' : _ref$mainAxisGap,
|
22
|
+
_ref$crossAxisGap = _ref.crossAxisGap,
|
23
|
+
crossAxisGap = _ref$crossAxisGap === void 0 ? '0' : _ref$crossAxisGap,
|
24
|
+
_ref$minColWidth = _ref.minColWidth,
|
25
|
+
minColWidth = _ref$minColWidth === void 0 ? 'auto' : _ref$minColWidth,
|
26
|
+
itemsPerLine = _ref.itemsPerLine,
|
27
|
+
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
28
|
+
var hasMinWidth = Boolean(minColWidth && minColWidth !== 'auto');
|
29
|
+
var needGrid = Boolean(Number(itemsPerLine) > 0 || hasMinWidth);
|
30
|
+
return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
|
31
|
+
ref: ref,
|
32
|
+
className: cls(className, {
|
33
|
+
vertical: orientation === 'vertical',
|
34
|
+
grid: needGrid,
|
35
|
+
elastic: hasMinWidth
|
36
|
+
}),
|
37
|
+
style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, style), {}, {
|
38
|
+
'--plasma-private-gap': "".concat(mainAxisGap, " ").concat(crossAxisGap),
|
39
|
+
'--plasma-private-items': String(itemsPerLine),
|
40
|
+
'--plasma-private-min-width': String(minColWidth)
|
41
|
+
}),
|
42
|
+
"data-arrangement": arrangement,
|
43
|
+
"data-alignment": alignment
|
44
|
+
}, rest), children);
|
45
|
+
});
|
46
|
+
};
|
47
|
+
var flowConfig = {
|
48
|
+
name: 'Flow',
|
49
|
+
tag: 'div',
|
50
|
+
layout: flowRoot,
|
51
|
+
base: Flow_styles.base,
|
52
|
+
defaults: {},
|
53
|
+
variations: {}
|
54
|
+
};
|
55
|
+
|
56
|
+
exports.flowConfig = flowConfig;
|
57
|
+
exports.flowRoot = flowRoot;
|
58
|
+
//# sourceMappingURL=Flow.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Flow.js","sources":["../../../src/components/Flow/Flow.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef } from 'react';\nimport cls from 'classnames';\n\nimport { RootProps } from '../../engines';\n\nimport { base } from './Flow.styles';\nimport { FlowProps } from './Flow.types';\n\nexport const flowRoot = (Root: RootProps<HTMLDivElement, FlowProps>) =>\n forwardRef<HTMLDivElement, FlowProps>(\n (\n {\n children,\n className,\n style,\n orientation = 'horizontal',\n arrangement,\n alignment,\n mainAxisGap = '0',\n crossAxisGap = '0',\n minColWidth = 'auto',\n itemsPerLine,\n ...rest\n },\n ref,\n ) => {\n const hasMinWidth = Boolean(minColWidth && minColWidth !== 'auto');\n const needGrid = Boolean(Number(itemsPerLine) > 0 || hasMinWidth);\n\n return (\n <Root\n ref={ref}\n className={cls(className, {\n vertical: orientation === 'vertical',\n grid: needGrid,\n elastic: hasMinWidth,\n })}\n style={\n {\n ...style,\n '--plasma-private-gap': `${mainAxisGap} ${crossAxisGap}`,\n '--plasma-private-items': String(itemsPerLine),\n '--plasma-private-min-width': String(minColWidth),\n } as CSSProperties & {\n '--plasma-private-gap': string;\n '--plasma-private-items': string;\n '--plasma-private-min-width': string;\n }\n }\n data-arrangement={arrangement}\n data-alignment={alignment}\n {...rest}\n >\n {children}\n </Root>\n );\n },\n );\n\nexport const flowConfig = {\n name: 'Flow',\n tag: 'div',\n layout: flowRoot,\n base,\n defaults: {},\n variations: {},\n};\n"],"names":["flowRoot","Root","forwardRef","_ref","ref","children","className","style","_ref$orientation","orientation","arrangement","alignment","_ref$mainAxisGap","mainAxisGap","_ref$crossAxisGap","crossAxisGap","_ref$minColWidth","minColWidth","itemsPerLine","rest","_objectWithoutProperties","_excluded","hasMinWidth","Boolean","needGrid","Number","React","createElement","_extends","cls","vertical","grid","elastic","_objectSpread","concat","String","flowConfig","name","tag","layout","base","defaults","variations"],"mappings":";;;;;;;;;;IAQaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA0C,EAAA;AAAA,EAAA,oBAC/DC,gBAAU,CACN,UAAAC,IAAA,EAcIC,GAAG,EACF;AAAA,IAAA,IAbGC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;MACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;MACTC,KAAK,GAAAJ,IAAA,CAALI,KAAK;MAAAC,gBAAA,GAAAL,IAAA,CACLM,WAAW;AAAXA,MAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,YAAY,GAAAA,gBAAA;MAC1BE,WAAW,GAAAP,IAAA,CAAXO,WAAW;MACXC,SAAS,GAAAR,IAAA,CAATQ,SAAS;MAAAC,gBAAA,GAAAT,IAAA,CACTU,WAAW;AAAXA,MAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,gBAAA;MAAAE,iBAAA,GAAAX,IAAA,CACjBY,YAAY;AAAZA,MAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,iBAAA;MAAAE,gBAAA,GAAAb,IAAA,CAClBc,WAAW;AAAXA,MAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,gBAAA;MACpBE,YAAY,GAAAf,IAAA,CAAZe,YAAY;AACTC,MAAAA,IAAI,GAAAC,iDAAA,CAAAjB,IAAA,EAAAkB,SAAA,CAAA,CAAA;IAIX,IAAMC,WAAW,GAAGC,OAAO,CAACN,WAAW,IAAIA,WAAW,KAAK,MAAM,CAAC,CAAA;AAClE,IAAA,IAAMO,QAAQ,GAAGD,OAAO,CAACE,MAAM,CAACP,YAAY,CAAC,GAAG,CAAC,IAAII,WAAW,CAAC,CAAA;AAEjE,IAAA,oBACII,KAAA,CAAAC,aAAA,CAAC1B,IAAI,EAAA2B,iCAAA,CAAA;AACDxB,MAAAA,GAAG,EAAEA,GAAI;AACTE,MAAAA,SAAS,EAAEuB,GAAG,CAACvB,SAAS,EAAE;QACtBwB,QAAQ,EAAErB,WAAW,KAAK,UAAU;AACpCsB,QAAAA,IAAI,EAAEP,QAAQ;AACdQ,QAAAA,OAAO,EAAEV,WAAAA;AACb,OAAC,CAAE;AACHf,MAAAA,KAAK,EAAA0B,uCAAA,CAAAA,uCAAA,KAEM1B,KAAK,CAAA,EAAA,EAAA,EAAA;QACR,sBAAsB,EAAA,EAAA,CAAA2B,MAAA,CAAKrB,WAAW,OAAAqB,MAAA,CAAInB,YAAY,CAAE;AACxD,QAAA,wBAAwB,EAAEoB,MAAM,CAACjB,YAAY,CAAC;QAC9C,4BAA4B,EAAEiB,MAAM,CAAClB,WAAW,CAAA;OAMvD,CAAA;AACD,MAAA,kBAAA,EAAkBP,WAAY;MAC9B,gBAAgBC,EAAAA,SAAAA;KACZQ,EAAAA,IAAI,CAEPd,EAAAA,QACC,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAM+B,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEvC,QAAQ;AAChBwC,EAAAA,IAAI,EAAJA,gBAAI;EACJC,QAAQ,EAAE,EAAE;AACZC,EAAAA,UAAU,EAAE,EAAC;AACjB;;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Flow.styles.js","sources":["../../../src/components/Flow/Flow.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css`\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n\n gap: var(--plasma-private-gap);\n\n border-radius: 0.5rem;\n\n &.vertical {\n flex-direction: column;\n }\n\n &.grid {\n display: grid;\n\n grid-template-columns: repeat(var(--plasma-private-items), auto);\n grid-auto-flow: row;\n\n &.elastic {\n grid-template-columns: repeat(auto-fill, minmax(var(--plasma-private-min-width), auto));\n grid-auto-flow: row;\n }\n\n &:not(.vertical) {\n &[data-arrangement='start'] {\n justify-items: start;\n }\n\n &[data-arrangement='center'] {\n justify-items: center;\n }\n\n &[data-arrangement='end'] {\n justify-items: end;\n }\n\n &[data-arrangement='spaceBetween'] {\n justify-content: space-between;\n }\n\n &[data-arrangement='spaceAround'] {\n justify-content: space-around;\n }\n\n &[data-alignment='start'] {\n align-items: start;\n }\n\n &[data-alignment='center'] {\n align-items: center;\n }\n\n &[data-alignment='end'] {\n align-items: end;\n }\n }\n\n &.vertical {\n grid-template-columns: auto;\n grid-template-rows: repeat(var(--plasma-private-items), auto);\n grid-auto-flow: column;\n\n &[data-arrangement='start'] {\n align-items: start;\n }\n\n &[data-arrangement='center'] {\n align-items: center;\n }\n\n &[data-arrangement='end'] {\n align-items: end;\n }\n\n &[data-arrangement='spaceBetween'] {\n align-content: space-between;\n align-items: normal;\n }\n\n &[data-arrangement='spaceAround'] {\n align-content: space-around;\n align-items: normal;\n }\n\n &[data-alignment='start'] {\n justify-items: start;\n }\n\n &[data-alignment='center'] {\n justify-items: center;\n }\n\n &[data-alignment='end'] {\n justify-items: end;\n }\n }\n }\n\n &:not(&.grid) {\n &[data-arrangement='start'] {\n justify-content: start;\n }\n\n &[data-arrangement='center'] {\n justify-content: center;\n }\n\n &[data-arrangement='end'] {\n justify-content: end;\n }\n\n &[data-arrangement='spaceBetween'] {\n justify-content: space-between;\n }\n\n &[data-arrangement='spaceAround'] {\n justify-content: space-around;\n }\n\n &[data-alignment='start'] {\n align-items: start;\n }\n\n &[data-alignment='center'] {\n align-items: center;\n }\n\n &[data-alignment='end'] {\n align-items: end;\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAoIhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b1iyfec1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--plasma-private-gap);border-radius:0.5rem;}.b1iyfec1.vertical{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.b1iyfec1.grid{display:grid;grid-template-columns:repeat(var(--plasma-private-items),auto);grid-auto-flow:row;}.b1iyfec1.grid.elastic{grid-template-columns:repeat(auto-fill,minmax(var(--plasma-private-min-width),auto));grid-auto-flow:row;}.b1iyfec1.grid:not(.vertical)[data-arrangement='start']{justify-items:start;}.b1iyfec1.grid:not(.vertical)[data-arrangement='center']{justify-items:center;}.b1iyfec1.grid:not(.vertical)[data-arrangement='end']{justify-items:end;}.b1iyfec1.grid:not(.vertical)[data-arrangement='spaceBetween']{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.b1iyfec1.grid:not(.vertical)[data-arrangement='spaceAround']{-webkit-box-pack:space-around;-webkit-justify-content:space-around;-ms-flex-pack:space-around;justify-content:space-around;}.b1iyfec1.grid:not(.vertical)[data-alignment='start']{-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}.b1iyfec1.grid:not(.vertical)[data-alignment='center']{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.b1iyfec1.grid:not(.vertical)[data-alignment='end']{-webkit-align-items:end;-webkit-box-align:end;-ms-flex-align:end;align-items:end;}.b1iyfec1.grid.vertical{grid-template-columns:auto;grid-template-rows:repeat(var(--plasma-private-items),auto);grid-auto-flow:column;}.b1iyfec1.grid.vertical[data-arrangement='start']{-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}.b1iyfec1.grid.vertical[data-arrangement='center']{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.b1iyfec1.grid.vertical[data-arrangement='end']{-webkit-align-items:end;-webkit-box-align:end;-ms-flex-align:end;align-items:end;}.b1iyfec1.grid.vertical[data-arrangement='spaceBetween']{-webkit-align-content:space-between;-ms-flex-line-pack:space-between;align-content:space-between;-webkit-align-items:normal;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;}.b1iyfec1.grid.vertical[data-arrangement='spaceAround']{-webkit-align-content:space-around;-ms-flex-line-pack:space-around;align-content:space-around;-webkit-align-items:normal;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;}.b1iyfec1.grid.vertical[data-alignment='start']{justify-items:start;}.b1iyfec1.grid.vertical[data-alignment='center']{justify-items:center;}.b1iyfec1.grid.vertical[data-alignment='end']{justify-items:end;}.b1iyfec1:not(.b1iyfec1.grid)[data-arrangement='start']{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;}.b1iyfec1:not(.b1iyfec1.grid)[data-arrangement='center']{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.b1iyfec1:not(.b1iyfec1.grid)[data-arrangement='end']{-webkit-box-pack:end;-webkit-justify-content:end;-ms-flex-pack:end;justify-content:end;}.b1iyfec1:not(.b1iyfec1.grid)[data-arrangement='spaceBetween']{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.b1iyfec1:not(.b1iyfec1.grid)[data-arrangement='spaceAround']{-webkit-box-pack:space-around;-webkit-justify-content:space-around;-ms-flex-pack:space-around;justify-content:space-around;}.b1iyfec1:not(.b1iyfec1.grid)[data-alignment='start']{-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}.b1iyfec1:not(.b1iyfec1.grid)[data-alignment='center']{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.b1iyfec1:not(.b1iyfec1.grid)[data-alignment='end']{-webkit-align-items:end;-webkit-box-align:end;-ms-flex-align:end;align-items:end;}
|
@@ -126,10 +126,10 @@
|
|
126
126
|
|
127
127
|
.base_1x99605_b10o15xy__faec7753 .base_1x99605_hq39zt5__faec7753{--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);}
|
128
128
|
|
129
|
-
.
|
130
|
-
.
|
131
|
-
.
|
132
|
-
.
|
129
|
+
.Popover_styles_mzmbre_s1g1xbt5__2ee8e6b1{display:inline-block;}
|
130
|
+
.Popover_styles_mzmbre_s12xwbyh__2ee8e6b1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
131
|
+
.Popover_styles_mzmbre_s1pd4d8a__2ee8e6b1{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_mzmbre_s1pd4d8a__2ee8e6b1::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_mzmbre_s16xlixz__2ee8e6b1{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='top'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='top-start'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='top-end'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom-start'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom-start'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom-end'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom-end'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left-start'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right-start'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left-end'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right-end'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='top']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='top-start']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom-start']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left-start']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right-start']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[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
|
.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;}
|
135
135
|
.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);}
|
@@ -94,10 +94,10 @@
|
|
94
94
|
|
95
95
|
.base_1x99605_b10o15xy__faec7753 .base_1x99605_hq39zt5__faec7753{--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);}
|
96
96
|
|
97
|
-
.
|
98
|
-
.
|
99
|
-
.
|
100
|
-
.
|
97
|
+
.Popover_styles_mzmbre_s1g1xbt5__2ee8e6b1{display:inline-block;}
|
98
|
+
.Popover_styles_mzmbre_s12xwbyh__2ee8e6b1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
99
|
+
.Popover_styles_mzmbre_s1pd4d8a__2ee8e6b1{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_mzmbre_s1pd4d8a__2ee8e6b1::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);}
|
100
|
+
.Popover_styles_mzmbre_s16xlixz__2ee8e6b1{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='top'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='top-start'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='top-end'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom-start'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom-start'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom-end'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom-end'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left-start'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right-start'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left-end'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right-end'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='top']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='top-start']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom-start']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left-start']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right-start']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[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;}
|
101
101
|
|
102
102
|
.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;}
|
103
103
|
.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);}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.Popover_styles_mzmbre_s1g1xbt5__2ee8e6b1{display:inline-block;}
|
2
|
+
.Popover_styles_mzmbre_s12xwbyh__2ee8e6b1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
3
|
+
.Popover_styles_mzmbre_s1pd4d8a__2ee8e6b1{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_mzmbre_s1pd4d8a__2ee8e6b1::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_mzmbre_s16xlixz__2ee8e6b1{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='top'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='top-start'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='top-end'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom-start'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom-start'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom-end'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom-end'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left-start'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right-start'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left-end'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right-end'] > .Popover_styles_mzmbre_popoverArrow__2ee8e6b1{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='top']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='top-start']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='bottom-start']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='left-start']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[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_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[data-popper-placement^='right-start']:before,.Popover_styles_mzmbre_s16xlixz__2ee8e6b1[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;}
|
@@ -65,7 +65,6 @@ var popoverRoot = function popoverRoot(Root) {
|
|
65
65
|
var _useState3 = React.useState(false),
|
66
66
|
_useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
|
67
67
|
forceRender = _useState4[1];
|
68
|
-
var portalContainer = _rollupPluginBabelHelpers.typeof(target) === 'object' && target !== null && 'current' in target && target.current || undefined;
|
69
68
|
var isAutoArray = Array.isArray(placement);
|
70
69
|
var isAuto = isAutoArray || placement.startsWith('auto');
|
71
70
|
var initialStyles = {
|
@@ -165,7 +164,7 @@ var popoverRoot = function popoverRoot(Root) {
|
|
165
164
|
if (typeof frame !== 'string' && frame && frame.current) {
|
166
165
|
portal = frame.current;
|
167
166
|
}
|
168
|
-
if (!usePortal
|
167
|
+
if (!usePortal) {
|
169
168
|
portal = rootRef.current;
|
170
169
|
}
|
171
170
|
if (!portal) {
|
@@ -199,11 +198,8 @@ var popoverRoot = function popoverRoot(Root) {
|
|
199
198
|
*/
|
200
199
|
Promise.resolve().then(forceUpdate);
|
201
200
|
}, [innerIsOpen, children, forceUpdate]);
|
202
|
-
return /*#__PURE__*/React.createElement(
|
203
|
-
|
204
|
-
disabled: /*#__PURE__*/React.isValidElement(target)
|
205
|
-
}, /*#__PURE__*/React.createElement(Popover_styles.StyledWrapper, {
|
206
|
-
className: index.cx(Popover_tokens.classes.wrapper, ! /*#__PURE__*/React.isValidElement(target) && Popover_tokens.classes.targetAsRef),
|
201
|
+
return /*#__PURE__*/React.createElement(Popover_styles.StyledWrapper, {
|
202
|
+
className: Popover_tokens.classes.wrapper,
|
207
203
|
onMouseEnter: onMouseEnter,
|
208
204
|
onMouseLeave: onMouseLeave
|
209
205
|
}, /*#__PURE__*/React.createElement(Popover_styles.StyledRoot, {
|
@@ -212,7 +208,7 @@ var popoverRoot = function popoverRoot(Root) {
|
|
212
208
|
onFocus: onFocus,
|
213
209
|
onBlur: onBlur,
|
214
210
|
className: index.cx(className, Popover_tokens.classes.target)
|
215
|
-
},
|
211
|
+
}, target), children && portalRef.current && /*#__PURE__*/React.createElement(Portal.Portal, {
|
216
212
|
container: portalRef.current
|
217
213
|
}, /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
|
218
214
|
view: view,
|
@@ -228,7 +224,7 @@ var popoverRoot = function popoverRoot(Root) {
|
|
228
224
|
className: Popover_tokens.classes.arrow,
|
229
225
|
ref: setArrowElement,
|
230
226
|
style: styles.arrow
|
231
|
-
}, attributes.arrow)), children))))
|
227
|
+
}, attributes.arrow)), children))));
|
232
228
|
});
|
233
229
|
};
|
234
230
|
var popoverConfig = {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useRef, useCallback, useEffect, useState, forwardRef, isValidElement } from 'react';\nimport type { CSSProperties } from 'react';\nimport { usePopper } from 'react-popper';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { useFocusTrap } from '../../hooks';\nimport { cx } from '../../utils';\nimport { Portal } from '../Portal';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport type { PopoverPlacement, PopoverProps } from './Popover.types';\nimport { StyledArrow, StyledPopover, StyledRoot, StyledWrapper } from './Popover.styles';\nimport { classes } from './Popover.tokens';\n\nexport const ESCAPE_KEYCODE = 27;\nexport const POPOVER_PORTAL_ID = 'plasma-popover-root';\n\n/**\n * Всплывающее окно с возможностью позиционирования\n * и вызова по клику либо ховеру.\n */\nexport const popoverRoot = (Root: RootProps<HTMLDivElement, PopoverProps>) =>\n forwardRef<HTMLDivElement, PopoverProps>(\n (\n {\n target,\n children,\n isOpen,\n opened,\n trigger = 'click',\n hasArrow,\n frame = 'document',\n className,\n placement = 'auto',\n offset = [0, 0],\n zIndex,\n isFocusTrapped = true,\n closeOnEsc = true,\n preventOverflow = true,\n usePortal = false,\n view,\n onToggle,\n closeOnOverlayClick,\n ...rest\n },\n outerRootRef,\n ) => {\n const innerIsOpen = Boolean(isOpen || opened);\n\n const rootRef = useRef<HTMLDivElement | null>(null);\n const popoverRef = useRef<HTMLDivElement | null>(null);\n const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n const portalRef = useRef<HTMLElement | null>(null);\n\n const trapRef = useFocusTrap(innerIsOpen && isFocusTrapped);\n\n const popoverForkRef = useForkRef<HTMLDivElement>(popoverRef, trapRef);\n\n const [arrowElement, setArrowElement] = useState<HTMLSpanElement | null>(null);\n\n const [, forceRender] = useState(false);\n\n const portalContainer =\n (typeof target === 'object' && target !== null && 'current' in target && target.current) || undefined;\n\n const isAutoArray = Array.isArray(placement);\n const isAuto = isAutoArray || (placement as PopoverPlacement).startsWith('auto');\n\n const initialStyles = {\n visibility: innerIsOpen ? 'visible' : 'hidden',\n opacity: innerIsOpen ? 1 : 0,\n } as CSSProperties;\n\n const { styles, attributes, forceUpdate } = usePopper(rootRef.current, popoverRef.current, {\n // TODO: #1121\n // eslint-disable-next-line no-nested-ternary\n placement: isAutoArray\n ? placement[0]?.endsWith('start')\n ? 'auto-start'\n : 'auto'\n : (placement as PopoverPlacement),\n modifiers: [\n {\n name: 'preventOverflow',\n options: {\n mainAxis: preventOverflow,\n },\n },\n { name: 'offset', options: { offset: [offset[0], offset[1]] } },\n {\n name: 'flip',\n enabled: isAuto,\n options: {\n allowedAutoPlacements: isAutoArray ? (placement as PopoverPlacement[]) : [],\n },\n },\n {\n name: 'arrow',\n options: {\n element: arrowElement,\n },\n },\n ],\n });\n\n const onEscape = useCallback(\n (event: KeyboardEvent) => {\n if (innerIsOpen && closeOnEsc && event.keyCode === ESCAPE_KEYCODE) {\n onToggle?.(false, event);\n }\n },\n [closeOnEsc, innerIsOpen, onToggle],\n );\n\n const onDocumentClick = useCallback(\n (event: MouseEvent) => {\n if (innerIsOpen && closeOnOverlayClick && onToggle) {\n const targetIsRoot = event.target === rootRef.current;\n const rootHasTarget = rootRef.current?.contains(event.target as Element);\n const popoverRootHasTarget = popoverRef.current?.contains(event.target as Element);\n\n if (!targetIsRoot && !rootHasTarget && !popoverRootHasTarget) {\n onToggle(false, event);\n }\n }\n },\n [closeOnOverlayClick, innerIsOpen, onToggle],\n );\n\n const onClick = useCallback<React.MouseEventHandler>(\n (event) => {\n if (trigger === 'click') {\n const targetIsPopover = event.target === popoverRef.current;\n const rootHasTarget = popoverRef.current?.contains(event.target as Element);\n\n if (!targetIsPopover && !rootHasTarget) {\n onToggle?.(!innerIsOpen, event);\n }\n }\n },\n [trigger, innerIsOpen, onToggle],\n );\n\n const onMouseEnter = useCallback<React.MouseEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(true, event);\n }\n },\n [trigger, onToggle],\n );\n\n const onMouseLeave = useCallback<React.MouseEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(false, event);\n }\n },\n [trigger, onToggle],\n );\n\n const onFocus = useCallback<React.FocusEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(true, event);\n }\n },\n [trigger, onToggle],\n );\n\n const onBlur = useCallback<React.FocusEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(false, event);\n }\n },\n [trigger, onToggle],\n );\n\n useEffect(() => {\n document.addEventListener('click', onDocumentClick);\n return () => document.removeEventListener('click', onDocumentClick);\n }, [innerIsOpen, onToggle]);\n\n useEffect(() => {\n window.addEventListener('keydown', onEscape);\n return () => window.removeEventListener('keydown', onEscape);\n }, [closeOnEsc, innerIsOpen, onToggle]);\n\n useEffect(() => {\n let portal = document.getElementById(POPOVER_PORTAL_ID);\n\n if (typeof frame !== 'string' && frame && frame.current) {\n portal = frame.current;\n }\n\n if (!usePortal && isValidElement(target)) {\n portal = rootRef.current;\n }\n\n if (!portal) {\n portal = document.createElement('div');\n portal.setAttribute('id', POPOVER_PORTAL_ID);\n\n if (typeof frame === 'string' && frame !== 'document') {\n document.getElementById(frame)?.appendChild(portal);\n } else {\n document.body.appendChild(portal);\n }\n }\n\n portalRef.current = portal;\n\n /**\n * Изменение стейта нужно для того, чтобы Popup\n * отобразился после записи DOM элемента в portalRef.current\n */\n forceRender(true);\n }, []);\n\n useEffect(() => {\n if (!innerIsOpen || !forceUpdate) {\n return;\n }\n\n /*\n * INFO: Метод forceUpdate содержит в себе flushSync и приводит\n * к повторному рендеру компонента, который уже находится в процессе рендера.\n * Данный хак, нужен для того, чтобы это поведение избежать и перенаправить\n * вызов метода в очередь микрозадач.\n */\n Promise.resolve().then(forceUpdate);\n }, [innerIsOpen, children, forceUpdate]);\n\n return (\n <Portal container={portalContainer} disabled={isValidElement(target)}>\n <StyledWrapper\n className={cx(classes.wrapper, !isValidElement(target) && classes.targetAsRef)}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n >\n <StyledRoot\n ref={handleRef}\n onClick={onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n className={cx(className, classes.target)}\n >\n {isValidElement(target) && target}\n </StyledRoot>\n {children && portalRef.current && (\n <Portal container={portalRef.current}>\n <Root view={view} className={className} {...rest}>\n <StyledPopover\n {...attributes.popper}\n className={classes.root}\n ref={popoverForkRef}\n style={{\n ...styles.popper,\n ...{ display: innerIsOpen ? 'block' : 'none' },\n ...initialStyles,\n }}\n zIndex={zIndex}\n >\n {hasArrow && (\n <StyledArrow\n className={classes.arrow}\n ref={setArrowElement}\n style={styles.arrow}\n {...attributes.arrow}\n />\n )}\n {children}\n </StyledPopover>\n </Root>\n </Portal>\n )}\n </StyledWrapper>\n </Portal>\n );\n },\n );\n\nexport const popoverConfig = {\n name: 'Popover',\n tag: 'div',\n layout: popoverRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["ESCAPE_KEYCODE","POPOVER_PORTAL_ID","popoverRoot","Root","forwardRef","_ref","outerRootRef","_placement$","target","children","isOpen","opened","_ref$trigger","trigger","hasArrow","_ref$frame","frame","className","_ref$placement","placement","_ref$offset","offset","zIndex","_ref$isFocusTrapped","isFocusTrapped","_ref$closeOnEsc","closeOnEsc","_ref$preventOverflow","preventOverflow","_ref$usePortal","usePortal","view","onToggle","closeOnOverlayClick","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","rootRef","useRef","popoverRef","handleRef","useForkRef","portalRef","trapRef","useFocusTrap","popoverForkRef","_useState","useState","_useState2","_slicedToArray","arrowElement","setArrowElement","_useState3","_useState4","forceRender","portalContainer","_typeof","current","undefined","isAutoArray","Array","isArray","isAuto","startsWith","initialStyles","visibility","opacity","_usePopper","usePopper","endsWith","modifiers","name","options","mainAxis","enabled","allowedAutoPlacements","element","styles","attributes","forceUpdate","onEscape","useCallback","event","keyCode","onDocumentClick","_rootRef$current","_popoverRef$current","targetIsRoot","rootHasTarget","contains","popoverRootHasTarget","onClick","_popoverRef$current2","targetIsPopover","onMouseEnter","onMouseLeave","onFocus","onBlur","useEffect","document","addEventListener","removeEventListener","window","portal","getElementById","isValidElement","createElement","setAttribute","_document$getElementB","appendChild","body","Promise","resolve","then","React","Portal","container","disabled","StyledWrapper","cx","classes","wrapper","targetAsRef","StyledRoot","ref","_extends","StyledPopover","popper","root","style","_objectSpread","display","StyledArrow","arrow","popoverConfig","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useRef, useCallback, useEffect, useState, forwardRef } from 'react';\nimport type { CSSProperties } from 'react';\nimport { usePopper } from 'react-popper';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { useFocusTrap } from '../../hooks';\nimport { cx } from '../../utils';\nimport { Portal } from '../Portal';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport type { PopoverPlacement, PopoverProps } from './Popover.types';\nimport { StyledArrow, StyledPopover, StyledRoot, StyledWrapper } from './Popover.styles';\nimport { classes } from './Popover.tokens';\n\nexport const ESCAPE_KEYCODE = 27;\nexport const POPOVER_PORTAL_ID = 'plasma-popover-root';\n\n/**\n * Всплывающее окно с возможностью позиционирования\n * и вызова по клику либо ховеру.\n */\nexport const popoverRoot = (Root: RootProps<HTMLDivElement, PopoverProps>) =>\n forwardRef<HTMLDivElement, PopoverProps>(\n (\n {\n target,\n children,\n isOpen,\n opened,\n trigger = 'click',\n hasArrow,\n frame = 'document',\n className,\n placement = 'auto',\n offset = [0, 0],\n zIndex,\n isFocusTrapped = true,\n closeOnEsc = true,\n preventOverflow = true,\n usePortal = false,\n view,\n onToggle,\n closeOnOverlayClick,\n ...rest\n },\n outerRootRef,\n ) => {\n const innerIsOpen = Boolean(isOpen || opened);\n\n const rootRef = useRef<HTMLDivElement | null>(null);\n const popoverRef = useRef<HTMLDivElement | null>(null);\n const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n const portalRef = useRef<HTMLElement | null>(null);\n\n const trapRef = useFocusTrap(innerIsOpen && isFocusTrapped);\n\n const popoverForkRef = useForkRef<HTMLDivElement>(popoverRef, trapRef);\n\n const [arrowElement, setArrowElement] = useState<HTMLSpanElement | null>(null);\n\n const [, forceRender] = useState(false);\n\n const isAutoArray = Array.isArray(placement);\n const isAuto = isAutoArray || (placement as PopoverPlacement).startsWith('auto');\n\n const initialStyles = {\n visibility: innerIsOpen ? 'visible' : 'hidden',\n opacity: innerIsOpen ? 1 : 0,\n } as CSSProperties;\n\n const { styles, attributes, forceUpdate } = usePopper(rootRef.current, popoverRef.current, {\n // TODO: #1121\n // eslint-disable-next-line no-nested-ternary\n placement: isAutoArray\n ? placement[0]?.endsWith('start')\n ? 'auto-start'\n : 'auto'\n : (placement as PopoverPlacement),\n modifiers: [\n {\n name: 'preventOverflow',\n options: {\n mainAxis: preventOverflow,\n },\n },\n { name: 'offset', options: { offset: [offset[0], offset[1]] } },\n {\n name: 'flip',\n enabled: isAuto,\n options: {\n allowedAutoPlacements: isAutoArray ? (placement as PopoverPlacement[]) : [],\n },\n },\n {\n name: 'arrow',\n options: {\n element: arrowElement,\n },\n },\n ],\n });\n\n const onEscape = useCallback(\n (event: KeyboardEvent) => {\n if (innerIsOpen && closeOnEsc && event.keyCode === ESCAPE_KEYCODE) {\n onToggle?.(false, event);\n }\n },\n [closeOnEsc, innerIsOpen, onToggle],\n );\n\n const onDocumentClick = useCallback(\n (event: MouseEvent) => {\n if (innerIsOpen && closeOnOverlayClick && onToggle) {\n const targetIsRoot = event.target === rootRef.current;\n const rootHasTarget = rootRef.current?.contains(event.target as Element);\n const popoverRootHasTarget = popoverRef.current?.contains(event.target as Element);\n\n if (!targetIsRoot && !rootHasTarget && !popoverRootHasTarget) {\n onToggle(false, event);\n }\n }\n },\n [closeOnOverlayClick, innerIsOpen, onToggle],\n );\n\n const onClick = useCallback<React.MouseEventHandler>(\n (event) => {\n if (trigger === 'click') {\n const targetIsPopover = event.target === popoverRef.current;\n const rootHasTarget = popoverRef.current?.contains(event.target as Element);\n\n if (!targetIsPopover && !rootHasTarget) {\n onToggle?.(!innerIsOpen, event);\n }\n }\n },\n [trigger, innerIsOpen, onToggle],\n );\n\n const onMouseEnter = useCallback<React.MouseEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(true, event);\n }\n },\n [trigger, onToggle],\n );\n\n const onMouseLeave = useCallback<React.MouseEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(false, event);\n }\n },\n [trigger, onToggle],\n );\n\n const onFocus = useCallback<React.FocusEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(true, event);\n }\n },\n [trigger, onToggle],\n );\n\n const onBlur = useCallback<React.FocusEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(false, event);\n }\n },\n [trigger, onToggle],\n );\n\n useEffect(() => {\n document.addEventListener('click', onDocumentClick);\n return () => document.removeEventListener('click', onDocumentClick);\n }, [innerIsOpen, onToggle]);\n\n useEffect(() => {\n window.addEventListener('keydown', onEscape);\n return () => window.removeEventListener('keydown', onEscape);\n }, [closeOnEsc, innerIsOpen, onToggle]);\n\n useEffect(() => {\n let portal = document.getElementById(POPOVER_PORTAL_ID);\n\n if (typeof frame !== 'string' && frame && frame.current) {\n portal = frame.current;\n }\n\n if (!usePortal) {\n portal = rootRef.current;\n }\n\n if (!portal) {\n portal = document.createElement('div');\n portal.setAttribute('id', POPOVER_PORTAL_ID);\n\n if (typeof frame === 'string' && frame !== 'document') {\n document.getElementById(frame)?.appendChild(portal);\n } else {\n document.body.appendChild(portal);\n }\n }\n\n portalRef.current = portal;\n\n /**\n * Изменение стейта нужно для того, чтобы Popup\n * отобразился после записи DOM элемента в portalRef.current\n */\n forceRender(true);\n }, []);\n\n useEffect(() => {\n if (!innerIsOpen || !forceUpdate) {\n return;\n }\n\n /*\n * INFO: Метод forceUpdate содержит в себе flushSync и приводит\n * к повторному рендеру компонента, который уже находится в процессе рендера.\n * Данный хак, нужен для того, чтобы это поведение избежать и перенаправить\n * вызов метода в очередь микрозадач.\n */\n Promise.resolve().then(forceUpdate);\n }, [innerIsOpen, children, forceUpdate]);\n\n return (\n <StyledWrapper className={classes.wrapper} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>\n <StyledRoot\n ref={handleRef}\n onClick={onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n className={cx(className, classes.target)}\n >\n {target}\n </StyledRoot>\n {children && portalRef.current && (\n <Portal container={portalRef.current}>\n <Root view={view} className={className} {...rest}>\n <StyledPopover\n {...attributes.popper}\n className={classes.root}\n ref={popoverForkRef}\n style={{\n ...styles.popper,\n ...{ display: innerIsOpen ? 'block' : 'none' },\n ...initialStyles,\n }}\n zIndex={zIndex}\n >\n {hasArrow && (\n <StyledArrow\n className={classes.arrow}\n ref={setArrowElement}\n style={styles.arrow}\n {...attributes.arrow}\n />\n )}\n {children}\n </StyledPopover>\n </Root>\n </Portal>\n )}\n </StyledWrapper>\n );\n },\n );\n\nexport const popoverConfig = {\n name: 'Popover',\n tag: 'div',\n layout: popoverRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["ESCAPE_KEYCODE","POPOVER_PORTAL_ID","popoverRoot","Root","forwardRef","_ref","outerRootRef","_placement$","target","children","isOpen","opened","_ref$trigger","trigger","hasArrow","_ref$frame","frame","className","_ref$placement","placement","_ref$offset","offset","zIndex","_ref$isFocusTrapped","isFocusTrapped","_ref$closeOnEsc","closeOnEsc","_ref$preventOverflow","preventOverflow","_ref$usePortal","usePortal","view","onToggle","closeOnOverlayClick","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","rootRef","useRef","popoverRef","handleRef","useForkRef","portalRef","trapRef","useFocusTrap","popoverForkRef","_useState","useState","_useState2","_slicedToArray","arrowElement","setArrowElement","_useState3","_useState4","forceRender","isAutoArray","Array","isArray","isAuto","startsWith","initialStyles","visibility","opacity","_usePopper","usePopper","current","endsWith","modifiers","name","options","mainAxis","enabled","allowedAutoPlacements","element","styles","attributes","forceUpdate","onEscape","useCallback","event","keyCode","onDocumentClick","_rootRef$current","_popoverRef$current","targetIsRoot","rootHasTarget","contains","popoverRootHasTarget","onClick","_popoverRef$current2","targetIsPopover","onMouseEnter","onMouseLeave","onFocus","onBlur","useEffect","document","addEventListener","removeEventListener","window","portal","getElementById","createElement","setAttribute","_document$getElementB","appendChild","body","Promise","resolve","then","React","StyledWrapper","classes","wrapper","StyledRoot","ref","cx","Portal","container","_extends","StyledPopover","popper","root","style","_objectSpread","display","StyledArrow","arrow","popoverConfig","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './Popover.
|
1
|
+
import './Popover.styles_mzmbre.css';
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
@@ -6,13 +6,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
6
6
|
var react = require('@linaria/react');
|
7
7
|
var index = require('../Popup/utils/index.js');
|
8
8
|
|
9
|
-
var
|
10
|
-
name: "
|
9
|
+
var StyledWrapper = /*#__PURE__*/react.styled('div')({
|
10
|
+
name: "StyledWrapper",
|
11
11
|
"class": "s1g1xbt5",
|
12
12
|
propsAsIs: false
|
13
13
|
});
|
14
|
-
var
|
15
|
-
name: "
|
14
|
+
var StyledRoot = /*#__PURE__*/react.styled('div')({
|
15
|
+
name: "StyledRoot",
|
16
16
|
"class": "s12xwbyh",
|
17
17
|
propsAsIs: false
|
18
18
|
});
|
@@ -21,7 +21,7 @@ var StyledArrow = /*#__PURE__*/react.styled('div')({
|
|
21
21
|
"class": "s1pd4d8a",
|
22
22
|
propsAsIs: false
|
23
23
|
});
|
24
|
-
var
|
24
|
+
var _exp7 = function _exp7() {
|
25
25
|
return function (_ref) {
|
26
26
|
var zIndex = _ref.zIndex;
|
27
27
|
return zIndex || index.DEFAULT_Z_INDEX;
|
@@ -32,7 +32,7 @@ var StyledPopover = /*#__PURE__*/react.styled('div')({
|
|
32
32
|
"class": "s16xlixz",
|
33
33
|
propsAsIs: false,
|
34
34
|
vars: {
|
35
|
-
"s16xlixz-0": [/*#__PURE__*/
|
35
|
+
"s16xlixz-0": [/*#__PURE__*/_exp7()]
|
36
36
|
}
|
37
37
|
});
|
38
38
|
|