@salutejs/plasma-new-hope 0.70.0-canary.1165.8557914656.0 → 0.70.1-canary.1161.8576444207.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Combobox/Combobox.css +10 -10
- package/cjs/components/Combobox/Combobox.styles.js +5 -5
- package/cjs/components/Combobox/Combobox.styles.js.map +1 -1
- package/cjs/components/Combobox/{Combobox.styles_17ei5vn.css → Combobox.styles_dw6hnk.css} +1 -1
- package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +4 -4
- package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +4 -4
- package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +4 -4
- package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +4 -4
- package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -4
- package/cjs/components/Dropdown/Dropdown.css +4 -4
- package/cjs/components/Dropdown/Dropdown.js +0 -1
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- 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 +33 -43
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Popover/Popover.styles.js +1 -1
- package/cjs/components/Popover/Popover.styles.js.map +1 -1
- package/cjs/components/Popover/{Popover.styles_1rk9t6z.css → Popover.styles_1ggb66y.css} +1 -1
- package/cjs/components/Select/Select.css +4 -4
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +23 -0
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.js +40 -0
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.js.map +1 -0
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js +12 -0
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +1 -0
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +1 -0
- package/cjs/components/Select/ui/SelectDivider/variations/_size/base.js +9 -0
- package/cjs/components/Select/ui/SelectDivider/variations/_size/base.js.map +1 -0
- package/cjs/components/Select/ui/SelectDivider/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Select/ui/SelectDivider/variations/_view/base.js +9 -0
- package/cjs/components/Select/ui/SelectDivider/variations/_view/base.js.map +1 -0
- package/cjs/components/Select/ui/SelectDivider/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +23 -0
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.js +40 -0
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.js.map +1 -0
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js +12 -0
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +1 -0
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +1 -0
- package/cjs/components/Select/ui/SelectFooter/variations/_size/base.js +9 -0
- package/cjs/components/Select/ui/SelectFooter/variations/_size/base.js.map +1 -0
- package/cjs/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js +9 -0
- package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js.map +1 -0
- package/cjs/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +23 -0
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.js +40 -0
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.js.map +1 -0
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js +12 -0
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +1 -0
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +1 -0
- package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js +9 -0
- package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js.map +1 -0
- package/cjs/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js +9 -0
- package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js.map +1 -0
- package/cjs/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +23 -0
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.js +40 -0
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.js.map +1 -0
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js +12 -0
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +1 -0
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +1 -0
- package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js +9 -0
- package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js.map +1 -0
- package/cjs/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js +9 -0
- package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js.map +1 -0
- package/cjs/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/Select/ui/SelectItem/SelectItem.css +4 -4
- package/cjs/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
- package/cjs/components/Select/ui/SelectTarget/SelectTarget.js.map +1 -1
- package/cjs/index.css +33 -33
- package/cjs/index.js +39 -4
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js +13 -1
- package/cjs/utils/index.js.map +1 -1
- package/cjs/utils/react.js +12 -2
- package/cjs/utils/react.js.map +1 -1
- package/es/components/Combobox/Combobox.css +10 -10
- package/es/components/Combobox/Combobox.styles.js +5 -5
- package/es/components/Combobox/Combobox.styles.js.map +1 -1
- package/es/components/Combobox/{Combobox.styles_17ei5vn.css → Combobox.styles_dw6hnk.css} +1 -1
- package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +4 -4
- package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +4 -4
- package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +4 -4
- package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +4 -4
- package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -4
- package/es/components/Dropdown/Dropdown.css +4 -4
- package/es/components/Dropdown/Dropdown.js +0 -1
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- 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 +33 -43
- package/es/components/Popover/Popover.js.map +1 -1
- package/es/components/Popover/Popover.styles.js +1 -1
- package/es/components/Popover/Popover.styles.js.map +1 -1
- package/es/components/Popover/{Popover.styles_1rk9t6z.css → Popover.styles_1ggb66y.css} +1 -1
- package/es/components/Select/Select.css +4 -4
- package/es/components/Select/ui/SelectDivider/SelectDivider.css +23 -0
- package/es/components/Select/ui/SelectDivider/SelectDivider.js +35 -0
- package/es/components/Select/ui/SelectDivider/SelectDivider.js.map +1 -0
- package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js +7 -0
- package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +1 -0
- package/es/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +1 -0
- package/es/components/Select/ui/SelectDivider/variations/_size/base.js +5 -0
- package/es/components/Select/ui/SelectDivider/variations/_size/base.js.map +1 -0
- package/es/components/Select/ui/SelectDivider/variations/_size/base_x642ct.css +1 -0
- package/es/components/Select/ui/SelectDivider/variations/_view/base.js +5 -0
- package/es/components/Select/ui/SelectDivider/variations/_view/base.js.map +1 -0
- package/es/components/Select/ui/SelectDivider/variations/_view/base_x642ct.css +1 -0
- package/es/components/Select/ui/SelectFooter/SelectFooter.css +23 -0
- package/es/components/Select/ui/SelectFooter/SelectFooter.js +35 -0
- package/es/components/Select/ui/SelectFooter/SelectFooter.js.map +1 -0
- package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js +7 -0
- package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +1 -0
- package/es/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +1 -0
- package/es/components/Select/ui/SelectFooter/variations/_size/base.js +5 -0
- package/es/components/Select/ui/SelectFooter/variations/_size/base.js.map +1 -0
- package/es/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +1 -0
- package/es/components/Select/ui/SelectFooter/variations/_view/base.js +5 -0
- package/es/components/Select/ui/SelectFooter/variations/_view/base.js.map +1 -0
- package/es/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +1 -0
- package/es/components/Select/ui/SelectGroup/SelectGroup.css +23 -0
- package/es/components/Select/ui/SelectGroup/SelectGroup.js +35 -0
- package/es/components/Select/ui/SelectGroup/SelectGroup.js.map +1 -0
- package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js +7 -0
- package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +1 -0
- package/es/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +1 -0
- package/es/components/Select/ui/SelectGroup/variations/_size/base.js +5 -0
- package/es/components/Select/ui/SelectGroup/variations/_size/base.js.map +1 -0
- package/es/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +1 -0
- package/es/components/Select/ui/SelectGroup/variations/_view/base.js +5 -0
- package/es/components/Select/ui/SelectGroup/variations/_view/base.js.map +1 -0
- package/es/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +1 -0
- package/es/components/Select/ui/SelectHeader/SelectHeader.css +23 -0
- package/es/components/Select/ui/SelectHeader/SelectHeader.js +35 -0
- package/es/components/Select/ui/SelectHeader/SelectHeader.js.map +1 -0
- package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js +7 -0
- package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +1 -0
- package/es/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +1 -0
- package/es/components/Select/ui/SelectHeader/variations/_size/base.js +5 -0
- package/es/components/Select/ui/SelectHeader/variations/_size/base.js.map +1 -0
- package/es/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +1 -0
- package/es/components/Select/ui/SelectHeader/variations/_view/base.js +5 -0
- package/es/components/Select/ui/SelectHeader/variations/_view/base.js.map +1 -0
- package/es/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +1 -0
- package/es/components/Select/ui/SelectItem/SelectItem.css +4 -4
- package/es/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
- package/es/components/Select/ui/SelectTarget/SelectTarget.js.map +1 -1
- package/es/index.css +33 -33
- package/es/index.js +13 -0
- package/es/index.js.map +1 -1
- package/es/utils/index.js +11 -2
- package/es/utils/index.js.map +1 -1
- package/es/utils/react.js +9 -2
- package/es/utils/react.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/Combobox/Combobox.styles.js +1 -1
- package/styled-components/cjs/components/Dropdown/Dropdown.js +0 -1
- package/styled-components/cjs/components/Popover/Popover.js +33 -43
- package/styled-components/cjs/components/Popover/Popover.styles.js +1 -1
- package/styled-components/cjs/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +0 -7
- package/styled-components/cjs/index.js +22 -0
- package/styled-components/es/components/Combobox/Combobox.styles.js +1 -1
- package/styled-components/es/components/Dropdown/Dropdown.js +0 -1
- package/styled-components/es/components/Popover/Popover.js +33 -43
- package/styled-components/es/components/Popover/Popover.styles.js +1 -1
- package/styled-components/es/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +0 -7
- package/styled-components/es/index.js +2 -0
- package/types/components/Combobox/Combobox.styles.d.ts +2 -8
- package/types/components/Combobox/Combobox.styles.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.styles.d.ts +1 -7
- package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
- package/types/components/Popover/Popover.d.ts +2 -2
- package/types/components/Popover/Popover.d.ts.map +1 -1
- package/types/components/Popover/Popover.styles.d.ts.map +1 -1
- package/types/components/Popover/Popover.types.d.ts +12 -19
- package/types/components/Popover/Popover.types.d.ts.map +1 -1
- package/types/components/Select/Select.styles.d.ts +2 -8
- package/types/components/Select/Select.styles.d.ts.map +1 -1
- package/types/components/Select/ui/SelectTarget/SelectTarget.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Popover/Popover.d.ts +1 -7
- package/types/examples/plasma_b2c/components/Popover/Popover.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Popover/Popover.d.ts +1 -7
- package/types/examples/plasma_web/components/Popover/Popover.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Popover/Popover.d.ts +1 -7
- package/types/examples/sds_engineer/components/Popover/Popover.d.ts.map +1 -1
- package/types/index.d.ts +2 -0
- package/types/index.d.ts.map +1 -1
@@ -54,13 +54,13 @@
|
|
54
54
|
.ComboboxTarget_styles_1htd0dz_s1camohz__b9994d5a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-combobox-chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
55
55
|
.ComboboxTarget_styles_1htd0dz_s16upk0a__b9994d5a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;width:100%;height:auto;color:var(--plasma-combobox-target-label-color);font-family:var(--plasma-combobox-target-font-family);font-size:var(--plasma-combobox-target-font-size);font-style:var(--plasma-combobox-target-font-style);font-weight:var(--plasma-combobox-target-font-weight);-webkit-letter-spacing:var(--plasma-combobox-target-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-target-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-target-letter-spacing);letter-spacing:var(--plasma-combobox-target-letter-spacing);line-height:var(--plasma-combobox-target-line-height);}
|
56
56
|
|
57
|
-
|
58
|
-
.
|
59
|
-
.
|
60
|
-
.
|
61
|
-
|
62
|
-
.
|
63
|
-
.
|
64
|
-
.
|
65
|
-
.
|
66
|
-
.
|
57
|
+
.Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
58
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
59
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::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);}
|
60
|
+
.Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
61
|
+
|
62
|
+
.Combobox_styles_dw6hnk_sd7salz__1a7f1343{width:100%;position:relative;}.Combobox_styles_dw6hnk_sd7salz__1a7f1343 .Combobox_styles_dw6hnk_popoverWrapper__1a7f1343{display:block;}
|
63
|
+
.Combobox_styles_dw6hnk_s1tp4xgb__1a7f1343{box-sizing:border-box;background:var(--plasma-combobox-background);box-shadow:var(--plasma-combobox-box-shadow);border-radius:var(--plasma-combobox-border-radius);width:var(--plasma-combobox-width);height:var(--plasma-combobox-height);padding:var(--plasma-combobox-padding-top) var(--plasma-combobox-padding-right) var(--plasma-combobox-padding-bottom) var(--plasma-combobox-padding-left);}
|
64
|
+
.Combobox_styles_dw6hnk_s1fuzbs4__1a7f1343{display:block;}.Combobox_styles_dw6hnk_s1fuzbs4__1a7f1343 .Combobox_styles_dw6hnk_popoverRoot__1a7f1343,.Combobox_styles_dw6hnk_s1fuzbs4__1a7f1343 .Combobox_styles_dw6hnk_popoverTarget__1a7f1343{width:var(--s1fuzbs4-0);}
|
65
|
+
.Combobox_styles_dw6hnk_c1bkz6yw__1a7f1343{text-align:center;padding:0.5rem;font-family:var(--plasma-combobox-item-font-family);font-size:var(--plasma-combobox-item-font-size);font-style:var(--plasma-combobox-item-font-style);font-weight:var(--plasma-combobox-item-letter-spacing);-webkit-letter-spacing:var(--plasma-combobox-item-line-height);-moz-letter-spacing:var(--plasma-combobox-item-line-height);-ms-letter-spacing:var(--plasma-combobox-item-line-height);letter-spacing:var(--plasma-combobox-item-line-height);line-height:var(--plasma-combobox-item-font-weight);}
|
66
|
+
.Combobox_styles_dw6hnk_s1mwm6am__1a7f1343{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:transparent;color:transparent;border:none;outline:none;opacity:0;position:absolute;inset:0;}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './Combobox.
|
1
|
+
import './Combobox.styles_dw6hnk.css';
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
@@ -21,22 +21,22 @@ var StyledCombobox = /*#__PURE__*/react.styled('div')({
|
|
21
21
|
|
22
22
|
// issue #823
|
23
23
|
var Popover = /*#__PURE__*/common.component(Popover$1.popoverConfig);
|
24
|
-
var
|
24
|
+
var _exp11 = function _exp11() {
|
25
25
|
return Popover;
|
26
26
|
};
|
27
|
-
var
|
27
|
+
var _exp14 = function _exp14() {
|
28
28
|
return function (_ref) {
|
29
29
|
var usePortal = _ref.usePortal,
|
30
30
|
selectWidth = _ref.selectWidth;
|
31
31
|
return usePortal ? "".concat(selectWidth, "px") : '100%';
|
32
32
|
};
|
33
33
|
};
|
34
|
-
var StyledPopover = /*#__PURE__*/react.styled(
|
34
|
+
var StyledPopover = /*#__PURE__*/react.styled(_exp11())({
|
35
35
|
name: "StyledPopover",
|
36
36
|
"class": "s1fuzbs4",
|
37
37
|
propsAsIs: true,
|
38
38
|
vars: {
|
39
|
-
"s1fuzbs4-0": [/*#__PURE__*/
|
39
|
+
"s1fuzbs4-0": [/*#__PURE__*/_exp14()]
|
40
40
|
}
|
41
41
|
});
|
42
42
|
var ComboboxItemNotFound = /*#__PURE__*/react.styled('div')({
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.styles.js","sources":["../../../src/components/Combobox/Combobox.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component } from '../../engines';\nimport { popoverClasses, popoverConfig } from '../Popover';\n\nimport { tokens } from './Combobox.tokens';\n\nexport const StyledRoot = styled.div`\n width: 100%;\n position: relative;\n`;\n\nexport const StyledCombobox = styled.div`\n box-sizing: border-box;\n\n background: var(${tokens.background});\n box-shadow: var(${tokens.boxShadow});\n\n border-radius: var(${tokens.borderRadius});\n width: var(${tokens.width});\n height: var(${tokens.height});\n\n padding: var(${tokens.paddingTop}) var(${tokens.paddingRight}) var(${tokens.paddingBottom})\n var(${tokens.paddingLeft});\n`;\n\n// issue #823\nconst Popover = component(popoverConfig);\n\nexport const StyledPopover = styled(Popover)<{ selectWidth?: number }>`\n display: block;\n\n .${String(popoverClasses.root)}, .${String(popoverClasses.target)} {\n width: ${({ usePortal, selectWidth }) => (usePortal ? `${selectWidth}px` : '100%')};\n }\n`;\n\nexport const ComboboxItemNotFound = styled.div`\n text-align: center;\n padding: 0.5rem;\n\n font-family: var(${tokens.itemFontFamily});\n font-size: var(${tokens.itemFontSize});\n font-style: var(${tokens.itemFontStyle});\n font-weight: var(${tokens.itemFontWeightBold});\n letter-spacing: var(${tokens.itemFontLetterSpacing});\n line-height: var(${tokens.itemFontLineHeight});\n`;\n\nexport const StyledNativeSelect = styled.select`\n display: none;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n background: transparent;\n color: transparent;\n border: none;\n outline: none;\n opacity: 0;\n position: absolute;\n inset: 0;\n`;\n"],"names":["StyledRoot","styled","name","class","propsAsIs","StyledCombobox","Popover","component","popoverConfig","
|
1
|
+
{"version":3,"file":"Combobox.styles.js","sources":["../../../src/components/Combobox/Combobox.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component } from '../../engines';\nimport { popoverClasses, popoverConfig } from '../Popover';\n\nimport { tokens } from './Combobox.tokens';\n\nexport const StyledRoot = styled.div`\n width: 100%;\n position: relative;\n\n & .${popoverClasses.wrapper} {\n display: block;\n }\n`;\n\nexport const StyledCombobox = styled.div`\n box-sizing: border-box;\n\n background: var(${tokens.background});\n box-shadow: var(${tokens.boxShadow});\n\n border-radius: var(${tokens.borderRadius});\n width: var(${tokens.width});\n height: var(${tokens.height});\n\n padding: var(${tokens.paddingTop}) var(${tokens.paddingRight}) var(${tokens.paddingBottom})\n var(${tokens.paddingLeft});\n`;\n\n// issue #823\nconst Popover = component(popoverConfig);\n\nexport const StyledPopover = styled(Popover)<{ selectWidth?: number }>`\n display: block;\n\n .${String(popoverClasses.root)}, .${String(popoverClasses.target)} {\n width: ${({ usePortal, selectWidth }) => (usePortal ? `${selectWidth}px` : '100%')};\n }\n`;\n\nexport const ComboboxItemNotFound = styled.div`\n text-align: center;\n padding: 0.5rem;\n\n font-family: var(${tokens.itemFontFamily});\n font-size: var(${tokens.itemFontSize});\n font-style: var(${tokens.itemFontStyle});\n font-weight: var(${tokens.itemFontWeightBold});\n letter-spacing: var(${tokens.itemFontLetterSpacing});\n line-height: var(${tokens.itemFontLineHeight});\n`;\n\nexport const StyledNativeSelect = styled.select`\n display: none;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n background: transparent;\n color: transparent;\n border: none;\n outline: none;\n opacity: 0;\n position: absolute;\n inset: 0;\n`;\n"],"names":["StyledRoot","styled","name","class","propsAsIs","StyledCombobox","Popover","component","popoverConfig","_exp11","_exp14","_ref","usePortal","selectWidth","concat","StyledPopover","vars","ComboboxItemNotFound","StyledNativeSelect"],"mappings":";;;;;;;;;AAOO,IAAMA,UAAU,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO/B,EAAA;AAEM,IAAMC,cAAc,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYnC,EAAA;;AAED;AACA,IAAME,OAAO,gBAAGC,gBAAS,CAACC,uBAAa,CAAC,CAAA;AAAC,IAAAC,MAAA,GA9BvBA,SA8BuBA,MAAAA,GAAA;AAAA,EAAA,OAELH,OAAO,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAI,MAAA,GAhCzBA,SAgCyBA,MAAAA,GAAA;AAAA,EAAA,OAI1B,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;MAAEC,WAAAA,GAAAA,IAAAA,CAAAA,WAAAA,CAAAA;AAAAA,IAAAA,OAAmBD,SAAS,GAAAE,EAAAA,CAAAA,MAAA,CAAMD,WAAY,UAAM,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJnF,IAAME,aAAa,gBAAGd,YAAM,CAAAQ,MAAA,EAAA,CAAA,CAAA;AAAAP,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAY,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAIlBN,MAAyE,EAAA,CAAA;AAAA,GAAA;AAAA,CAEzF,EAAA;AAEM,IAAMO,oBAAoB,gBAAGhB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUzC,EAAA;AAEM,IAAMc,kBAAkB,gBAAGjB,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYvC;;;;;;;;"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
.sd7salz{width:100%;position:relative;}
|
1
|
+
.sd7salz{width:100%;position:relative;}.sd7salz .popover-wrapper{display:block;}
|
2
2
|
.s1tp4xgb{box-sizing:border-box;background:var(--plasma-combobox-background);box-shadow:var(--plasma-combobox-box-shadow);border-radius:var(--plasma-combobox-border-radius);width:var(--plasma-combobox-width);height:var(--plasma-combobox-height);padding:var(--plasma-combobox-padding-top) var(--plasma-combobox-padding-right) var(--plasma-combobox-padding-bottom) var(--plasma-combobox-padding-left);}
|
3
3
|
.s1fuzbs4{display:block;}.s1fuzbs4 .popover-root,.s1fuzbs4 .popover-target{width:var(--s1fuzbs4-0);}
|
4
4
|
.c1bkz6yw{text-align:center;padding:0.5rem;font-family:var(--plasma-combobox-item-font-family);font-size:var(--plasma-combobox-item-font-size);font-style:var(--plasma-combobox-item-font-style);font-weight:var(--plasma-combobox-item-letter-spacing);-webkit-letter-spacing:var(--plasma-combobox-item-line-height);-moz-letter-spacing:var(--plasma-combobox-item-line-height);-ms-letter-spacing:var(--plasma-combobox-item-line-height);letter-spacing:var(--plasma-combobox-item-line-height);line-height:var(--plasma-combobox-item-font-weight);}
|
@@ -1,7 +1,7 @@
|
|
1
|
-
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
2
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
3
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::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_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
5
5
|
|
6
6
|
.Dropdown_styles_1daxhqh_sn7uamp__488e0a19 .Dropdown_styles_1daxhqh_popoverTarget__488e0a19{display:block;}
|
7
7
|
.Dropdown_styles_1daxhqh_sjr7fmv__488e0a19{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_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
2
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
3
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::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_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
5
5
|
|
6
6
|
.Dropdown_styles_1daxhqh_sn7uamp__488e0a19 .Dropdown_styles_1daxhqh_popoverTarget__488e0a19{display:block;}
|
7
7
|
.Dropdown_styles_1daxhqh_sjr7fmv__488e0a19{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_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
2
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
3
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::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_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
5
5
|
|
6
6
|
.Dropdown_styles_1daxhqh_sn7uamp__488e0a19 .Dropdown_styles_1daxhqh_popoverTarget__488e0a19{display:block;}
|
7
7
|
.Dropdown_styles_1daxhqh_sjr7fmv__488e0a19{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_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
2
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
3
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::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_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
5
5
|
|
6
6
|
.Dropdown_styles_1daxhqh_sn7uamp__488e0a19 .Dropdown_styles_1daxhqh_popoverTarget__488e0a19{display:block;}
|
7
7
|
.Dropdown_styles_1daxhqh_sjr7fmv__488e0a19{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_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
2
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
3
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::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_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
5
5
|
|
6
6
|
.Dropdown_styles_1daxhqh_sn7uamp__488e0a19 .Dropdown_styles_1daxhqh_popoverTarget__488e0a19{display:block;}
|
7
7
|
.Dropdown_styles_1daxhqh_sjr7fmv__488e0a19{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_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
2
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
3
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::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_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
5
5
|
|
6
6
|
.Dropdown_styles_1daxhqh_sn7uamp__488e0a19 .Dropdown_styles_1daxhqh_popoverTarget__488e0a19{display:block;}
|
7
7
|
.Dropdown_styles_1daxhqh_sjr7fmv__488e0a19{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);}
|
@@ -65,7 +65,6 @@ var dropdownRoot = function dropdownRoot(Root) {
|
|
65
65
|
placement: index.getPlacements(placement),
|
66
66
|
trigger: trigger,
|
67
67
|
closeOnOverlayClick: closeOnOverlayClick,
|
68
|
-
closeOnBeyondTargetHover: false,
|
69
68
|
closeOnEsc: closeOnEsc,
|
70
69
|
isFocusTrapped: isFocusTrapped,
|
71
70
|
frame: frame
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { useFocusTrap, useForkRef, useUniqId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { StyledDropdown, StyledPopover } from './Dropdown.styles';\nimport { getPlacements } from './utils';\nimport type { DropdownProps } from './Dropdown.types';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const dropdownRoot = (Root: RootProps<HTMLDivElement, DropdownProps>) =>\n forwardRef<HTMLDivElement, DropdownProps>(\n (\n {\n id,\n target,\n children,\n hasArrow,\n role,\n view,\n size,\n frame,\n onToggle,\n isFocusTrapped = true,\n isOpen = false,\n placement = 'auto',\n trigger = 'click',\n offset = [0, 6],\n preventOverflow = false,\n closeOnOverlayClick = false,\n closeOnEsc = false,\n ...rest\n },\n outerRootRef,\n ) => {\n const uniqId = useUniqId();\n const innerId = id || uniqId;\n\n const rootRef = useRef<HTMLDivElement | null>(null);\n const dropdownRef = useRef<HTMLDivElement | null>(null);\n const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n\n const trapRef = useFocusTrap(isOpen && isFocusTrapped);\n\n const dropdownForkRef = useForkRef<HTMLDivElement>(dropdownRef, trapRef);\n\n return (\n <StyledPopover\n role={role}\n isOpen={isOpen}\n usePortal={false}\n onToggle={(is, event) => onToggle?.(is, event)}\n id={innerId}\n ref={dropdownForkRef}\n target={target}\n offset={offset}\n preventOverflow={preventOverflow}\n hasArrow={hasArrow}\n placement={getPlacements(placement)}\n trigger={trigger}\n closeOnOverlayClick={closeOnOverlayClick}\n
|
1
|
+
{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { useFocusTrap, useForkRef, useUniqId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { StyledDropdown, StyledPopover } from './Dropdown.styles';\nimport { getPlacements } from './utils';\nimport type { DropdownProps } from './Dropdown.types';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const dropdownRoot = (Root: RootProps<HTMLDivElement, DropdownProps>) =>\n forwardRef<HTMLDivElement, DropdownProps>(\n (\n {\n id,\n target,\n children,\n hasArrow,\n role,\n view,\n size,\n frame,\n onToggle,\n isFocusTrapped = true,\n isOpen = false,\n placement = 'auto',\n trigger = 'click',\n offset = [0, 6],\n preventOverflow = false,\n closeOnOverlayClick = false,\n closeOnEsc = false,\n ...rest\n },\n outerRootRef,\n ) => {\n const uniqId = useUniqId();\n const innerId = id || uniqId;\n\n const rootRef = useRef<HTMLDivElement | null>(null);\n const dropdownRef = useRef<HTMLDivElement | null>(null);\n const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n\n const trapRef = useFocusTrap(isOpen && isFocusTrapped);\n\n const dropdownForkRef = useForkRef<HTMLDivElement>(dropdownRef, trapRef);\n\n return (\n <StyledPopover\n role={role}\n isOpen={isOpen}\n usePortal={false}\n onToggle={(is, event) => onToggle?.(is, event)}\n id={innerId}\n ref={dropdownForkRef}\n target={target}\n offset={offset}\n preventOverflow={preventOverflow}\n hasArrow={hasArrow}\n placement={getPlacements(placement)}\n trigger={trigger}\n closeOnOverlayClick={closeOnOverlayClick}\n closeOnEsc={closeOnEsc}\n isFocusTrapped={isFocusTrapped}\n frame={frame}\n >\n <Root ref={handleRef} view={view} size={size} {...rest}>\n <StyledDropdown>{children}</StyledDropdown>\n </Root>\n </StyledPopover>\n );\n },\n );\n\nexport const dropdownConfig = {\n name: 'Dropdown',\n tag: 'div',\n layout: dropdownRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["dropdownRoot","Root","forwardRef","_ref","outerRootRef","id","target","children","hasArrow","role","view","size","frame","onToggle","_ref$isFocusTrapped","isFocusTrapped","_ref$isOpen","isOpen","_ref$placement","placement","_ref$trigger","trigger","_ref$offset","offset","_ref$preventOverflow","preventOverflow","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","rest","_objectWithoutProperties","_excluded","uniqId","useUniqId","innerId","rootRef","useRef","dropdownRef","handleRef","useForkRef","trapRef","useFocusTrap","dropdownForkRef","React","createElement","StyledPopover","usePortal","is","event","ref","getPlacements","_extends","StyledDropdown","dropdownConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;AAWA;AACA;AACA;IACaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAA8C,EAAA;AAAA,EAAA,oBACvEC,gBAAU,CACN,UAAAC,IAAA,EAqBIC,YAAY,EACX;AAAA,IAAA,IApBGC,EAAE,GAAAF,IAAA,CAAFE,EAAE;MACFC,MAAM,GAAAH,IAAA,CAANG,MAAM;MACNC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;MACRC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;MACRC,IAAI,GAAAN,IAAA,CAAJM,IAAI;MACJC,IAAI,GAAAP,IAAA,CAAJO,IAAI;MACJC,IAAI,GAAAR,IAAA,CAAJQ,IAAI;MACJC,KAAK,GAAAT,IAAA,CAALS,KAAK;MACLC,SAAQ,GAAAV,IAAA,CAARU,QAAQ;MAAAC,mBAAA,GAAAX,IAAA,CACRY,cAAc;AAAdA,MAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,mBAAA;MAAAE,WAAA,GAAAb,IAAA,CACrBc,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;MAAAE,cAAA,GAAAf,IAAA,CACdgB,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,cAAA;MAAAE,YAAA,GAAAjB,IAAA,CAClBkB,OAAO;AAAPA,MAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,YAAA;MAAAE,WAAA,GAAAnB,IAAA,CACjBoB,MAAM;MAANA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,CAAC,CAAC,EAAE,CAAC,CAAC,GAAAA,WAAA;MAAAE,oBAAA,GAAArB,IAAA,CACfsB,eAAe;AAAfA,MAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,oBAAA;MAAAE,qBAAA,GAAAvB,IAAA,CACvBwB,mBAAmB;AAAnBA,MAAAA,mBAAmB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;MAAAE,eAAA,GAAAzB,IAAA,CAC3B0B,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;AACfE,MAAAA,IAAI,GAAAC,iDAAA,CAAA5B,IAAA,EAAA6B,SAAA,CAAA,CAAA;AAIX,IAAA,IAAMC,MAAM,GAAGC,oBAAS,EAAE,CAAA;AAC1B,IAAA,IAAMC,OAAO,GAAG9B,EAAE,IAAI4B,MAAM,CAAA;AAE5B,IAAA,IAAMG,OAAO,GAAGC,YAAM,CAAwB,IAAI,CAAC,CAAA;AACnD,IAAA,IAAMC,WAAW,GAAGD,YAAM,CAAwB,IAAI,CAAC,CAAA;AACvD,IAAA,IAAME,SAAS,GAAGC,qBAAU,CAAiBJ,OAAO,EAAEhC,YAAY,CAAC,CAAA;AAEnE,IAAA,IAAMqC,OAAO,GAAGC,uBAAY,CAACzB,MAAM,IAAIF,cAAc,CAAC,CAAA;AAEtD,IAAA,IAAM4B,eAAe,GAAGH,qBAAU,CAAiBF,WAAW,EAAEG,OAAO,CAAC,CAAA;AAExE,IAAA,oBACIG,KAAA,CAAAC,aAAA,CAACC,6BAAa,EAAA;AACVrC,MAAAA,IAAI,EAAEA,IAAK;AACXQ,MAAAA,MAAM,EAAEA,MAAO;AACf8B,MAAAA,SAAS,EAAE,KAAM;AACjBlC,MAAAA,QAAQ,EAAE,SAAAA,QAACmC,CAAAA,EAAE,EAAEC,KAAK,EAAA;QAAA,OAAKpC,SAAQ,aAARA,SAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAARA,SAAQ,CAAGmC,EAAE,EAAEC,KAAK,CAAC,CAAA;OAAC;AAC/C5C,MAAAA,EAAE,EAAE8B,OAAQ;AACZe,MAAAA,GAAG,EAAEP,eAAgB;AACrBrC,MAAAA,MAAM,EAAEA,MAAO;AACfiB,MAAAA,MAAM,EAAEA,MAAO;AACfE,MAAAA,eAAe,EAAEA,eAAgB;AACjCjB,MAAAA,QAAQ,EAAEA,QAAS;AACnBW,MAAAA,SAAS,EAAEgC,mBAAa,CAAChC,SAAS,CAAE;AACpCE,MAAAA,OAAO,EAAEA,OAAQ;AACjBM,MAAAA,mBAAmB,EAAEA,mBAAoB;AACzCE,MAAAA,UAAU,EAAEA,UAAW;AACvBd,MAAAA,cAAc,EAAEA,cAAe;AAC/BH,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAA,eAEbgC,KAAA,CAAAC,aAAA,CAAC5C,IAAI,EAAAmD,iCAAA,CAAA;AAACF,MAAAA,GAAG,EAAEX,SAAU;AAAC7B,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,IAAI,EAAEA,IAAAA;KAAUmB,EAAAA,IAAI,CAClDc,eAAAA,KAAA,CAAAC,aAAA,CAACQ,8BAAc,EAAE9C,IAAAA,EAAAA,QAAyB,CACxC,CACK,CAAC,CAAA;AAExB,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAM+C,cAAc,GAAG;AAC1BC,EAAAA,IAAI,EAAE,UAAU;AAChBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEzD,YAAY;AACpB0D,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACRjD,IAAAA,IAAI,EAAE;AACFkD,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDlD,IAAAA,IAAI,EAAE;AACFiD,MAAAA,GAAG,EAAEE,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNrD,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
|
@@ -55,10 +55,10 @@
|
|
55
55
|
|
56
56
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
57
57
|
|
58
|
-
|
59
|
-
.
|
60
|
-
.
|
61
|
-
.
|
58
|
+
.Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
59
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
60
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::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);}
|
61
|
+
.Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
62
62
|
|
63
63
|
.Select_styles_ls547o_spxbau6__1b68d3c1{width:100%;position:relative;}.Select_styles_ls547o_spxbau6__1b68d3c1 .Select_styles_ls547o_nativeSelectVisible__1b68d3c1{display:block;}
|
64
64
|
.Select_styles_ls547o_s1yey2x3__1b68d3c1{box-sizing:border-box;overflow-y:auto;background:var(--plasma-select-background);box-shadow:var(--plasma-select-box-shadow);border-radius:var(--plasma-select-border-radius);width:var(--plasma-select-width);height:var(--plasma-select-height);padding:var(--plasma-select-padding-top) var(--plasma-select-padding-right) var(--plasma-select-padding-bottom) var(--plasma-select-padding-left);}
|
@@ -1,9 +1,9 @@
|
|
1
1
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
2
2
|
|
3
|
-
|
4
|
-
.
|
5
|
-
.
|
6
|
-
.
|
3
|
+
.Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
4
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
5
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::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);}
|
6
|
+
.Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
7
7
|
|
8
8
|
.Select_styles_ls547o_spxbau6__1b68d3c1{width:100%;position:relative;}.Select_styles_ls547o_spxbau6__1b68d3c1 .Select_styles_ls547o_nativeSelectVisible__1b68d3c1{display:block;}
|
9
9
|
.Select_styles_ls547o_s1yey2x3__1b68d3c1{box-sizing:border-box;overflow-y:auto;background:var(--plasma-select-background);box-shadow:var(--plasma-select-box-shadow);border-radius:var(--plasma-select-border-radius);width:var(--plasma-select-width);height:var(--plasma-select-height);padding:var(--plasma-select-padding-top) var(--plasma-select-padding-right) var(--plasma-select-padding-bottom) var(--plasma-select-padding-left);}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
|
2
|
+
.Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
3
|
+
.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::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_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{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_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
|
@@ -12,7 +12,7 @@ var base = require('./variations/_view/base.js');
|
|
12
12
|
var Popover_styles = require('./Popover.styles.js');
|
13
13
|
var Popover_tokens = require('./Popover.tokens.js');
|
14
14
|
|
15
|
-
var _excluded = ["target", "children", "isOpen", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle"];
|
15
|
+
var _excluded = ["target", "children", "isOpen", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle", "closeOnOverlayClick"];
|
16
16
|
var ESCAPE_KEYCODE = 27;
|
17
17
|
var POPOVER_PORTAL_ID = 'plasma-popover-root';
|
18
18
|
|
@@ -21,41 +21,34 @@ var POPOVER_PORTAL_ID = 'plasma-popover-root';
|
|
21
21
|
* и вызова по клику либо ховеру.
|
22
22
|
*/
|
23
23
|
var popoverRoot = function popoverRoot(Root) {
|
24
|
-
return /*#__PURE__*/React.forwardRef(function (
|
24
|
+
return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
|
25
25
|
var _placement$;
|
26
|
-
var target =
|
27
|
-
children =
|
28
|
-
isOpen =
|
29
|
-
|
30
|
-
trigger =
|
31
|
-
hasArrow =
|
32
|
-
|
33
|
-
frame =
|
34
|
-
className =
|
35
|
-
|
36
|
-
placement =
|
37
|
-
|
38
|
-
offset =
|
39
|
-
zIndex =
|
40
|
-
|
41
|
-
isFocusTrapped =
|
42
|
-
|
43
|
-
closeOnEsc =
|
44
|
-
|
45
|
-
preventOverflow =
|
46
|
-
|
47
|
-
usePortal =
|
48
|
-
view =
|
49
|
-
onToggle =
|
50
|
-
|
51
|
-
|
52
|
-
var closeOnBeyondTargetHover = true;
|
53
|
-
if (props.trigger === 'click' && props.closeOnOverlayClick === false) {
|
54
|
-
closeOnOverlayClick = false;
|
55
|
-
}
|
56
|
-
if (props.trigger === 'hover' && props.closeOnBeyondTargetHover === false) {
|
57
|
-
closeOnBeyondTargetHover = false;
|
58
|
-
}
|
26
|
+
var target = _ref.target,
|
27
|
+
children = _ref.children,
|
28
|
+
isOpen = _ref.isOpen,
|
29
|
+
_ref$trigger = _ref.trigger,
|
30
|
+
trigger = _ref$trigger === void 0 ? 'click' : _ref$trigger,
|
31
|
+
hasArrow = _ref.hasArrow,
|
32
|
+
_ref$frame = _ref.frame,
|
33
|
+
frame = _ref$frame === void 0 ? 'document' : _ref$frame,
|
34
|
+
className = _ref.className,
|
35
|
+
_ref$placement = _ref.placement,
|
36
|
+
placement = _ref$placement === void 0 ? 'auto' : _ref$placement,
|
37
|
+
_ref$offset = _ref.offset,
|
38
|
+
offset = _ref$offset === void 0 ? [0, 0] : _ref$offset,
|
39
|
+
zIndex = _ref.zIndex,
|
40
|
+
_ref$isFocusTrapped = _ref.isFocusTrapped,
|
41
|
+
isFocusTrapped = _ref$isFocusTrapped === void 0 ? true : _ref$isFocusTrapped,
|
42
|
+
_ref$closeOnEsc = _ref.closeOnEsc,
|
43
|
+
closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
|
44
|
+
_ref$preventOverflow = _ref.preventOverflow,
|
45
|
+
preventOverflow = _ref$preventOverflow === void 0 ? true : _ref$preventOverflow,
|
46
|
+
_ref$usePortal = _ref.usePortal,
|
47
|
+
usePortal = _ref$usePortal === void 0 ? false : _ref$usePortal,
|
48
|
+
view = _ref.view,
|
49
|
+
onToggle = _ref.onToggle,
|
50
|
+
closeOnOverlayClick = _ref.closeOnOverlayClick,
|
51
|
+
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
59
52
|
var rootRef = React.useRef(null);
|
60
53
|
var popoverRef = React.useRef(null);
|
61
54
|
var handleRef = plasmaCore.useForkRef(rootRef, outerRootRef);
|
@@ -155,7 +148,7 @@ var popoverRoot = function popoverRoot(Root) {
|
|
155
148
|
return function () {
|
156
149
|
return document.removeEventListener('click', onDocumentClick);
|
157
150
|
};
|
158
|
-
}, [
|
151
|
+
}, [isOpen, onToggle]);
|
159
152
|
React.useEffect(function () {
|
160
153
|
window.addEventListener('keydown', onEscape);
|
161
154
|
return function () {
|
@@ -202,22 +195,19 @@ var popoverRoot = function popoverRoot(Root) {
|
|
202
195
|
Promise.resolve().then(forceUpdate);
|
203
196
|
}, [isOpen, children, forceUpdate]);
|
204
197
|
return /*#__PURE__*/React.createElement(Popover_styles.StyledWrapper, {
|
205
|
-
className: Popover_tokens.classes.wrapper
|
198
|
+
className: Popover_tokens.classes.wrapper,
|
199
|
+
onMouseEnter: onMouseEnter,
|
200
|
+
onMouseLeave: onMouseLeave
|
206
201
|
}, /*#__PURE__*/React.createElement(Popover_styles.StyledRoot, {
|
207
202
|
ref: handleRef,
|
208
203
|
onClick: onClick,
|
209
|
-
onMouseEnter: onMouseEnter,
|
210
|
-
onMouseLeave: onMouseLeave,
|
211
204
|
onFocus: onFocus,
|
212
205
|
onBlur: onBlur,
|
213
206
|
className: index.cx(className, Popover_tokens.classes.target)
|
214
207
|
}, target), children && portalRef.current && /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
|
215
208
|
view: view,
|
216
209
|
className: className
|
217
|
-
}, rest, {
|
218
|
-
onMouseEnter: closeOnBeyondTargetHover ? undefined : onMouseEnter,
|
219
|
-
onMouseLeave: closeOnBeyondTargetHover ? undefined : onMouseEnter
|
220
|
-
}), /*#__PURE__*/React.createElement(Popover_styles.StyledPopover, _rollupPluginBabelHelpers.extends({}, attributes.popper, {
|
210
|
+
}, rest), /*#__PURE__*/React.createElement(Popover_styles.StyledPopover, _rollupPluginBabelHelpers.extends({}, attributes.popper, {
|
221
211
|
className: Popover_tokens.classes.root,
|
222
212
|
ref: popoverForkRef,
|
223
213
|
style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, styles.popper), {
|