@salutejs/plasma-new-hope 0.231.0-canary.1603.12468946891.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 -10
- package/cjs/index.js +3 -4
- package/cjs/index.js.map +1 -1
- 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/components/_Icon/index.js +1 -8
- 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 -11
- 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/components/_Icon/index.js +1 -2
- 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 -1
- 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 -10
- package/es/index.js +1 -2
- package/es/index.js.map +1 -1
- package/package.json +2 -3
- 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/components/_Icon/index.js +1 -8
- 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 -11
- 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/components/_Icon/index.js +1 -2
- 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 -1
- 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/components/_Icon/index.d.ts +0 -1
- package/types/components/_Icon/index.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 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Tree/Tree.css +0 -7
- package/cjs/components/Tree/Tree.js +0 -99
- package/cjs/components/Tree/Tree.js.map +0 -1
- package/cjs/components/Tree/Tree.styles.js +0 -43
- package/cjs/components/Tree/Tree.styles.js.map +0 -1
- package/cjs/components/Tree/Tree.styles_1mwgczn.css +0 -5
- package/cjs/components/Tree/Tree.tokens.js +0 -43
- package/cjs/components/Tree/Tree.tokens.js.map +0 -1
- package/cjs/components/Tree/utils/sizeToIconSize.js +0 -11
- package/cjs/components/Tree/utils/sizeToIconSize.js.map +0 -1
- package/cjs/components/_Icon/Icon.assets/Folder.js +0 -25
- package/cjs/components/_Icon/Icon.assets/Folder.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconFolder.js +0 -23
- package/cjs/components/_Icon/Icons/IconFolder.js.map +0 -1
- package/emotion/cjs/components/Tree/Tree.js +0 -100
- package/emotion/cjs/components/Tree/Tree.styles.js +0 -38
- package/emotion/cjs/components/Tree/Tree.template-doc.mdx +0 -103
- package/emotion/cjs/components/Tree/Tree.tokens.js +0 -41
- package/emotion/cjs/components/Tree/index.js +0 -19
- package/emotion/cjs/components/Tree/utils/index.js +0 -12
- package/emotion/cjs/components/Tree/utils/sizeToIconSize.js +0 -10
- package/emotion/cjs/components/_Icon/Icon.assets/Folder.js +0 -24
- package/emotion/cjs/components/_Icon/Icons/IconFolder.js +0 -22
- package/emotion/cjs/examples/plasma_b2c/components/Tree/Tree.config.js +0 -25
- package/emotion/cjs/examples/plasma_b2c/components/Tree/Tree.js +0 -13
- package/emotion/cjs/examples/plasma_b2c/components/Tree/Tree.stories.tsx +0 -117
- package/emotion/cjs/examples/plasma_web/components/Tree/Tree.config.js +0 -25
- package/emotion/cjs/examples/plasma_web/components/Tree/Tree.js +0 -13
- package/emotion/cjs/examples/plasma_web/components/Tree/Tree.stories.tsx +0 -117
- package/emotion/es/components/Tree/Tree.js +0 -91
- package/emotion/es/components/Tree/Tree.styles.js +0 -31
- package/emotion/es/components/Tree/Tree.template-doc.mdx +0 -103
- package/emotion/es/components/Tree/Tree.tokens.js +0 -35
- package/emotion/es/components/Tree/index.js +0 -2
- package/emotion/es/components/Tree/utils/index.js +0 -1
- package/emotion/es/components/Tree/utils/sizeToIconSize.js +0 -4
- package/emotion/es/components/_Icon/Icon.assets/Folder.js +0 -17
- package/emotion/es/components/_Icon/Icons/IconFolder.js +0 -15
- package/emotion/es/examples/plasma_b2c/components/Tree/Tree.config.js +0 -19
- package/emotion/es/examples/plasma_b2c/components/Tree/Tree.js +0 -8
- package/emotion/es/examples/plasma_b2c/components/Tree/Tree.stories.tsx +0 -117
- package/emotion/es/examples/plasma_web/components/Tree/Tree.config.js +0 -19
- package/emotion/es/examples/plasma_web/components/Tree/Tree.js +0 -8
- package/emotion/es/examples/plasma_web/components/Tree/Tree.stories.tsx +0 -117
- package/es/components/Tree/Tree.css +0 -7
- package/es/components/Tree/Tree.js +0 -94
- package/es/components/Tree/Tree.js.map +0 -1
- package/es/components/Tree/Tree.styles.js +0 -35
- package/es/components/Tree/Tree.styles.js.map +0 -1
- package/es/components/Tree/Tree.styles_1mwgczn.css +0 -5
- package/es/components/Tree/Tree.tokens.js +0 -38
- package/es/components/Tree/Tree.tokens.js.map +0 -1
- package/es/components/Tree/utils/sizeToIconSize.js +0 -7
- package/es/components/Tree/utils/sizeToIconSize.js.map +0 -1
- package/es/components/_Icon/Icon.assets/Folder.js +0 -21
- package/es/components/_Icon/Icon.assets/Folder.js.map +0 -1
- package/es/components/_Icon/Icons/IconFolder.js +0 -19
- package/es/components/_Icon/Icons/IconFolder.js.map +0 -1
- package/styled-components/cjs/components/Tree/Tree.js +0 -100
- package/styled-components/cjs/components/Tree/Tree.styles.js +0 -26
- package/styled-components/cjs/components/Tree/Tree.template-doc.mdx +0 -103
- package/styled-components/cjs/components/Tree/Tree.tokens.js +0 -41
- package/styled-components/cjs/components/Tree/index.js +0 -19
- package/styled-components/cjs/components/Tree/utils/index.js +0 -12
- package/styled-components/cjs/components/Tree/utils/sizeToIconSize.js +0 -10
- package/styled-components/cjs/components/_Icon/Icon.assets/Folder.js +0 -24
- package/styled-components/cjs/components/_Icon/Icons/IconFolder.js +0 -22
- package/styled-components/cjs/examples/plasma_b2c/components/Tree/Tree.config.js +0 -25
- package/styled-components/cjs/examples/plasma_b2c/components/Tree/Tree.js +0 -13
- package/styled-components/cjs/examples/plasma_b2c/components/Tree/Tree.stories.tsx +0 -117
- package/styled-components/cjs/examples/plasma_web/components/Tree/Tree.config.js +0 -25
- package/styled-components/cjs/examples/plasma_web/components/Tree/Tree.js +0 -13
- package/styled-components/cjs/examples/plasma_web/components/Tree/Tree.stories.tsx +0 -117
- package/styled-components/es/components/Tree/Tree.js +0 -91
- package/styled-components/es/components/Tree/Tree.styles.js +0 -18
- package/styled-components/es/components/Tree/Tree.template-doc.mdx +0 -103
- package/styled-components/es/components/Tree/Tree.tokens.js +0 -35
- package/styled-components/es/components/Tree/index.js +0 -2
- package/styled-components/es/components/Tree/utils/index.js +0 -1
- package/styled-components/es/components/Tree/utils/sizeToIconSize.js +0 -4
- package/styled-components/es/components/_Icon/Icon.assets/Folder.js +0 -17
- package/styled-components/es/components/_Icon/Icons/IconFolder.js +0 -15
- package/styled-components/es/examples/plasma_b2c/components/Tree/Tree.config.js +0 -19
- package/styled-components/es/examples/plasma_b2c/components/Tree/Tree.js +0 -8
- package/styled-components/es/examples/plasma_b2c/components/Tree/Tree.stories.tsx +0 -117
- package/styled-components/es/examples/plasma_web/components/Tree/Tree.config.js +0 -19
- package/styled-components/es/examples/plasma_web/components/Tree/Tree.js +0 -8
- package/styled-components/es/examples/plasma_web/components/Tree/Tree.stories.tsx +0 -117
- package/types/components/Tree/Tree.d.ts +0 -20
- package/types/components/Tree/Tree.d.ts.map +0 -1
- package/types/components/Tree/Tree.styles.d.ts +0 -7
- package/types/components/Tree/Tree.styles.d.ts.map +0 -1
- package/types/components/Tree/Tree.tokens.d.ts +0 -36
- package/types/components/Tree/Tree.tokens.d.ts.map +0 -1
- package/types/components/Tree/Tree.types.d.ts +0 -154
- package/types/components/Tree/Tree.types.d.ts.map +0 -1
- package/types/components/Tree/index.d.ts +0 -3
- package/types/components/Tree/index.d.ts.map +0 -1
- package/types/components/Tree/utils/index.d.ts +0 -2
- package/types/components/Tree/utils/index.d.ts.map +0 -1
- package/types/components/Tree/utils/sizeToIconSize.d.ts +0 -2
- package/types/components/Tree/utils/sizeToIconSize.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/Folder.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/Folder.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconFolder.d.ts +0 -4
- package/types/components/_Icon/Icons/IconFolder.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Tree/Tree.config.d.ts +0 -18
- package/types/examples/plasma_b2c/components/Tree/Tree.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Tree/Tree.d.ts +0 -13
- package/types/examples/plasma_b2c/components/Tree/Tree.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Tree/Tree.config.d.ts +0 -18
- package/types/examples/plasma_web/components/Tree/Tree.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Tree/Tree.d.ts +0 -13
- package/types/examples/plasma_web/components/Tree/Tree.d.ts.map +0 -1
- /package/emotion/cjs/components/{Tree/Tree.types.js → ElasticGrid/ElasticGrid.js} +0 -0
- /package/{styled-components/cjs/components/Tree/Tree.types.js → emotion/cjs/components/ElasticGrid/index.js} +0 -0
- /package/emotion/es/components/{Tree/Tree.types.js → ElasticGrid/ElasticGrid.js} +0 -0
- /package/{styled-components/es/components/Tree/Tree.types.js → emotion/es/components/ElasticGrid/index.js} +0 -0
package/es/index.css
CHANGED
@@ -85,6 +85,8 @@
|
|
85
85
|
|
86
86
|
.CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
|
87
87
|
|
88
|
+
.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;}
|
89
|
+
|
88
90
|
.base_1vy4dme_bcchm3r__d3e4eaba{font-family:var(--plasma-link-font-family);color:var(--plasma-link-color);}.base_1vy4dme_bcchm3r__d3e4eaba::before{border-bottom:var(--plasma-link-underline-border) solid currentColor;}.base_1vy4dme_bcchm3r__d3e4eaba:hover{color:var(--plasma-link-color-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:active{color:var(--plasma-link-color-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:active::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited{color:var(--plasma-link-color-visited,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover{color:var(--plasma-link-color-visited-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active{color:var(--plasma-link-color-visited-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active::before{opacity:1;}
|
89
91
|
|
90
92
|
.base_1w750p8_b1j3f4f__d44baab5[disabled]{opacity:var(--plasma-link-disabled-opacity);cursor:not-allowed;}.base_1w750p8_b1j3f4f__d44baab5[disabled]:hover,.base_1w750p8_b1j3f4f__d44baab5[disabled]:active{color:var(--plasma-link-color);}.base_1w750p8_b1j3f4f__d44baab5[disabled]::before{opacity:1;}
|
@@ -123,10 +125,10 @@
|
|
123
125
|
.Radiobox_styles_520asv_s14xglkp__9ae15036{width:var(--plasma-radiobox-ellipse-size);height:var(--plasma-radiobox-ellipse-size);border-radius:var(--plasma-radiobox-ellipse-size);background-color:var(--plasma-radiobox-ellipse-color);-webkit-transition:-webkit-transform 0.3s ease-in-out;-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}input:checked + label .Radiobox_styles_520asv_s14xglkp__9ae15036{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
|
124
126
|
.Radiobox_styles_520asv_bdte4ex__9ae15036{--plasma-checkbox-label-font-family:var(--plasma-radiobox-label-font-family);--plasma-checkbox-label-font-size:var(--plasma-radiobox-label-font-size);--plasma-checkbox-label-font-style:var(--plasma-radiobox-label-font-style);--plasma-checkbox-label-font-weight:var(--plasma-radiobox-label-font-weight);--plasma-checkbox-label-letter-spacing:var(--plasma-radiobox-label-letter-spacing);--plasma-checkbox-label-line-height:var(--plasma-radiobox-label-line-height);--plasma-checkbox-description-margin-top:var(--plasma-checkbox-description-margin-top);--plasma-checkbox-description-font-family:var(--plasma-radiobox-description-font-family);--plasma-checkbox-description-font-size:var(--plasma-radiobox-description-font-size);--plasma-checkbox-description-font-style:var(--plasma-radiobox-description-font-style);--plasma-checkbox-description-font-weight:var(--plasma-radiobox-description-font-weight);--plasma-checkbox-description-letter-spacing:var(--plasma-radiobox-description-letter-spacing);--plasma-checkbox-description-line-height:var(--plasma-radiobox-description-line-height);--plasma-checkbox-fill-color:var(--plasma-radiobox-fill-color);--plasma-checkbox-description-color:var(--plasma-radiobox-description-color);--plasma-checkbox-trigger-border-color:var(--plasma-radiobox-trigger-border-color);--plasma-checkbox-trigger-background-color:var(--plasma-radiobox-trigger-background-color);--plasma-checkbox-content-top-offset:var(--plasma-radiobox-content-top-offset);--plasma-checkbox-content-left-offset:var(--plasma-radiobox-content-left-offset);--plasma-checkbox-trigger-size:var(--plasma-radiobox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-radiobox-trigger-border-radius);--plasma-checkbox-trigger-margin:var(--plasma-radiobox-trigger-margin);margin:var(--plasma-radiobox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Radiobox_styles_520asv_bdte4ex__9ae15036 .Radiobox_styles_520asv_singleLine__9ae15036{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
125
127
|
|
126
|
-
.
|
127
|
-
.
|
128
|
-
.
|
129
|
-
.
|
128
|
+
.Popover_styles_mzmbre_s1g1xbt5__2ee8e6b1{display:inline-block;}
|
129
|
+
.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;}
|
130
|
+
.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);}
|
131
|
+
.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;}
|
130
132
|
|
131
133
|
|
132
134
|
.TextArea_styles_ztsrpt_o1r1fvk8__c79165c1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--o1r1fvk8-0);}
|
@@ -855,12 +857,6 @@
|
|
855
857
|
.Dropzone_styles_1its6my_d1r2tsr1__4bf7a496{visibility:hidden;position:absolute;z-index:-9999;opacity:0;}
|
856
858
|
.Dropzone_styles_1its6my_h9wsl68__4bf7a496{display:none;}
|
857
859
|
|
858
|
-
.Tree_styles_1mwgczn_io9xczg__70ed92a2{line-height:0;color:var(--plasma-tree-arrow-color);}.Tree_styles_1mwgczn_io9xczg__70ed92a2:hover{color:var(--plasma-tree-arrow-color-hover);}.Tree_styles_1mwgczn_io9xczg__70ed92a2:active{color:var(--plasma-tree-arrow-color-active);}
|
859
|
-
.Tree_styles_1mwgczn_smciu6q__70ed92a2{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
860
|
-
.Tree_styles_1mwgczn_i1t4s7ru__70ed92a2{line-height:0;color:var(--plasma-tree-arrow-color);margin:var(--plasma-tree-icon-folder-margin);}
|
861
|
-
|
862
|
-
.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2,.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTreeList__70ed92a2{border:none !important;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-tree-item-height);padding:0;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2.Tree_styles_1mwgczn_treeItemFilled__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2{padding:0 var(--plasma-tree-item-padding) !important;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2.Tree_styles_1mwgczn_treeInverted__70ed92a2:not(tree-item-filled) .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2{padding:0 var(--plasma-tree-item-padding-tight);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2::before{content:'';position:absolute;z-index:-1;top:0.25rem;bottom:0.25rem;left:var(--plasma-tree-switcher-size);right:0;background:transparent;border-radius:var(--plasma-tree-item-border-radius);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2.Tree_styles_1mwgczn_rcTreeTreenodeDisabled__70ed92a2{opacity:var(--plasma-tree-item-disabled-opacity);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2.Tree_styles_1mwgczn_treeItemFilled__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2::before{inset:0;border-radius:0;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2.Tree_styles_1mwgczn_rcTreeTreenodeSelected__70ed92a2::before{background:var(--plasma-tree-item-background-color) !important;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2:not(.Tree_styles_1mwgczn_rcTreeTreenodeDisabled__70ed92a2):hover::before{background:var(--plasma-tree-item-background-color-hover);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2:not(.Tree_styles_1mwgczn_rcTreeTreenodeDisabled__70ed92a2):active::before{background:var(--plasma-tree-item-background-color-active);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 .Tree_styles_1mwgczn_rcTreeNodeContentWrapper__70ed92a2{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-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;height:auto;-webkit-flex:1;-ms-flex:1;flex:1;width:1px;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeSwitcher__70ed92a2{width:var(--plasma-tree-switcher-size);height:var(--plasma-tree-switcher-size);margin:var(--plasma-tree-switcher-margin);line-height:0;vertical-align:0;background:transparent;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2.Tree_styles_1mwgczn_treeInverted__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeSwitcher__70ed92a2{margin:0;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeIconEle__70ed92a2{width:auto;height:auto;margin-right:0;vertical-align:0;background:transparent;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeSwitcher__70ed92a2.Tree_styles_1mwgczn_rcTreeSwitcher_open__70ed92a2 .Tree_styles_1mwgczn_arrow__70ed92a2{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2.Tree_styles_1mwgczn_treeInverted__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeSwitcher__70ed92a2.Tree_styles_1mwgczn_rcTreeSwitcher_close__70ed92a2 .Tree_styles_1mwgczn_arrow__70ed92a2{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2.Tree_styles_1mwgczn_treeInverted__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeSwitcher__70ed92a2.Tree_styles_1mwgczn_rcTreeSwitcher_open__70ed92a2 .Tree_styles_1mwgczn_arrow__70ed92a2{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeCheckbox__70ed92a2{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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:0;vertical-align:0;width:var(--plasma-tree-checkbox-size);height:var(--plasma-tree-checkbox-size);margin:var(--plasma-tree-checkbox-margin);background-image:none;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeCheckbox__70ed92a2::before{content:'';display:block;width:var(--plasma-tree-checkbox-inner-size);height:var(--plasma-tree-checkbox-inner-size);border:0.125rem solid var(--plasma-tree-checkbox-border-color);border-radius:var(--plasma-tree-checkbox-border-radius);box-sizing:border-box;background-size:contain;background-repeat:no-repeat;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeCheckboxChecked__70ed92a2::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='white' d='m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z' /%3E%3C/svg%3E");}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeCheckbox__70ed92a2.Tree_styles_1mwgczn_rcTreeCheckboxIndeterminate__70ed92a2::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1z' fill='white'/%3E%3C/svg%3E");}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTreeTitle__70ed92a2{color:var(--plasma-tree-color);font-family:var(--plasma-tree-font-family);font-size:var(--plasma-tree-font-size);font-style:var(--plasma-tree-font-style);font-weight:var(--plasma-tree-font-weight);-webkit-letter-spacing:var(--plasma-tree-letter-spacing);-moz-letter-spacing:var(--plasma-tree-letter-spacing);-ms-letter-spacing:var(--plasma-tree-letter-spacing);letter-spacing:var(--plasma-tree-letter-spacing);line-height:var(--plasma-tree-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2.Tree_styles_1mwgczn_treeInverted__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2 span.Tree_styles_1mwgczn_rcTreeSwitcher__70ed92a2{-webkit-order:1;-ms-flex-order:1;order:1;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTree__70ed92a2.Tree_styles_1mwgczn_treeInverted__70ed92a2 .Tree_styles_1mwgczn_rcTreeTreenode__70ed92a2::before{left:0;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTreeNodeSelected__70ed92a2{opacity:1;box-shadow:none;background:none;}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTreeNodeSelected__70ed92a2 .Tree_styles_1mwgczn_rcTreeTitle__70ed92a2{color:var(--plasma-tree-color-selected);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTreeNodeSelected__70ed92a2 .Tree_styles_1mwgczn_i1t4s7ru__70ed92a2{color:var(--plasma-tree-color-selected);}.Tree_styles_1mwgczn_b1un80r8__70ed92a2 .Tree_styles_1mwgczn_rcTreeIndentUnit__70ed92a2{width:var(--plasma-tree-item-indent);}
|
863
|
-
|
864
860
|
.Rating_styles_hi5qwl_b1s2z5a7__fbb4c466{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
|
865
861
|
|
866
862
|
.Rating_styles_hi5qwl_w2w5s5q__fbb4c466{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
|
package/es/index.js
CHANGED
@@ -52,6 +52,7 @@ export { CellTextboxSubtitle } from './components/Cell/ui/CellTextboxSubtitle/Ce
|
|
52
52
|
export { cellConfig, cellRoot } from './components/Cell/Cell.js';
|
53
53
|
export { classes as cellClasses, tokens as cellTokens } from './components/Cell/Cell.tokens.js';
|
54
54
|
export { CellTextbox } from './components/Cell/ui/CellTextbox/CellTextbox.js';
|
55
|
+
export { flowConfig, flowRoot } from './components/Flow/Flow.js';
|
55
56
|
export { linkConfig, linkRoot } from './components/Link/Link.js';
|
56
57
|
export { spinnerConfig, spinnerRoot } from './components/Spinner/Spinner.js';
|
57
58
|
export { tokens as spinnerTokens } from './components/Spinner/Spinner.tokens.js';
|
@@ -209,8 +210,6 @@ export { numberInputConfig, numberInputRoot } from './components/NumberInput/Num
|
|
209
210
|
export { classes as numberInputClasses, tokens as numberInputTokens } from './components/NumberInput/NumberInput.tokens.js';
|
210
211
|
export { dropzoneConfig, dropzoneRoot } from './components/Dropzone/Dropzone.js';
|
211
212
|
export { classes as dropzoneClasses, tokens as dropzoneTokens } from './components/Dropzone/Dropzone.tokens.js';
|
212
|
-
export { treeConfig } from './components/Tree/Tree.js';
|
213
|
-
export { treeTokens } from './components/Tree/Tree.tokens.js';
|
214
213
|
export { ratingConfig, ratingRoot } from './components/Rating/Rating.js';
|
215
214
|
export { classes as ratingClasses, tokens as ratingTokens } from './components/Rating/Rating.tokens.js';
|
216
215
|
//# sourceMappingURL=index.js.map
|
package/es/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.231.0-canary.
|
3
|
+
"version": "0.231.0-canary.1657.12468366213.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "./cjs/index.js",
|
6
6
|
"module": "./es/index.js",
|
@@ -138,7 +138,6 @@
|
|
138
138
|
"dayjs": "1.11.11",
|
139
139
|
"focus-visible": "5.2.0",
|
140
140
|
"lodash.throttle": "4.1.1",
|
141
|
-
"rc-tree": "5.11.0",
|
142
141
|
"react-draggable": "4.4.3",
|
143
142
|
"react-popper": "2.3.0",
|
144
143
|
"storeon": "3.1.5"
|
@@ -146,5 +145,5 @@
|
|
146
145
|
"sideEffects": [
|
147
146
|
"*.css"
|
148
147
|
],
|
149
|
-
"gitHead": "
|
148
|
+
"gitHead": "244fb959385dd346ba763e3e2f8fabd0d80e8f64"
|
150
149
|
}
|
@@ -0,0 +1,66 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports.flowRoot = exports.flowConfig = void 0;
|
8
|
+
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
+
var _classnames = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("classnames"));
|
10
|
+
var _Flow = /*#__PURE__*/require("./Flow.styles");
|
11
|
+
var _excluded = ["children", "className", "style", "orientation", "arrangement", "alignment", "mainAxisGap", "crossAxisGap", "minColWidth", "itemsPerLine"];
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
14
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
15
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
16
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
17
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
18
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
19
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
20
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
21
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
22
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
23
|
+
var flowRoot = exports.flowRoot = function flowRoot(Root) {
|
24
|
+
return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
25
|
+
var children = _ref.children,
|
26
|
+
className = _ref.className,
|
27
|
+
style = _ref.style,
|
28
|
+
_ref$orientation = _ref.orientation,
|
29
|
+
orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation,
|
30
|
+
arrangement = _ref.arrangement,
|
31
|
+
alignment = _ref.alignment,
|
32
|
+
_ref$mainAxisGap = _ref.mainAxisGap,
|
33
|
+
mainAxisGap = _ref$mainAxisGap === void 0 ? '0' : _ref$mainAxisGap,
|
34
|
+
_ref$crossAxisGap = _ref.crossAxisGap,
|
35
|
+
crossAxisGap = _ref$crossAxisGap === void 0 ? '0' : _ref$crossAxisGap,
|
36
|
+
_ref$minColWidth = _ref.minColWidth,
|
37
|
+
minColWidth = _ref$minColWidth === void 0 ? 'auto' : _ref$minColWidth,
|
38
|
+
itemsPerLine = _ref.itemsPerLine,
|
39
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
40
|
+
var hasMinWidth = Boolean(minColWidth && minColWidth !== 'auto');
|
41
|
+
var needGrid = Boolean(Number(itemsPerLine) > 0 || hasMinWidth);
|
42
|
+
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
43
|
+
ref: ref,
|
44
|
+
className: (0, _classnames["default"])(className, {
|
45
|
+
vertical: orientation === 'vertical',
|
46
|
+
grid: needGrid,
|
47
|
+
elastic: hasMinWidth
|
48
|
+
}),
|
49
|
+
style: _objectSpread(_objectSpread({}, style), {}, {
|
50
|
+
'--plasma-private-gap': "".concat(mainAxisGap, " ").concat(crossAxisGap),
|
51
|
+
'--plasma-private-items': String(itemsPerLine),
|
52
|
+
'--plasma-private-min-width': String(minColWidth)
|
53
|
+
}),
|
54
|
+
"data-arrangement": arrangement,
|
55
|
+
"data-alignment": alignment
|
56
|
+
}, rest), children);
|
57
|
+
});
|
58
|
+
};
|
59
|
+
var flowConfig = exports.flowConfig = {
|
60
|
+
name: 'Flow',
|
61
|
+
tag: 'div',
|
62
|
+
layout: flowRoot,
|
63
|
+
base: _Flow.base,
|
64
|
+
defaults: {},
|
65
|
+
variations: {}
|
66
|
+
};
|
@@ -0,0 +1,8 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--plasma-private-gap);border-radius:0.5rem;&.vertical{flex-direction:column;}&.grid{display:grid;grid-template-columns:repeat(var(--plasma-private-items),auto);grid-auto-flow:row;&.elastic{grid-template-columns:repeat(auto-fill,minmax(var(--plasma-private-min-width),auto));grid-auto-flow:row;}&:not(.vertical){&[data-arrangement='start']{justify-items:start;}&[data-arrangement='center']{justify-items:center;}&[data-arrangement='end']{justify-items:end;}&[data-arrangement='spaceBetween']{justify-content:space-between;}&[data-arrangement='spaceAround']{justify-content:space-around;}&[data-alignment='start']{align-items:start;}&[data-alignment='center']{align-items:center;}&[data-alignment='end']{align-items:end;}}&.vertical{grid-template-columns:auto;grid-template-rows:repeat(var(--plasma-private-items),auto);grid-auto-flow:column;&[data-arrangement='start']{align-items:start;}&[data-arrangement='center']{align-items:center;}&[data-arrangement='end']{align-items:end;}&[data-arrangement='spaceBetween']{align-content:space-between;align-items:normal;}&[data-arrangement='spaceAround']{align-content:space-around;align-items:normal;}&[data-alignment='start']{justify-items:start;}&[data-alignment='center']{justify-items:center;}&[data-alignment='end']{justify-items:end;}}}&:not(&.grid){&[data-arrangement='start']{justify-content:start;}&[data-arrangement='center']{justify-content:center;}&[data-arrangement='end']{justify-content:end;}&[data-arrangement='spaceBetween']{justify-content:space-between;}&[data-arrangement='spaceAround']{justify-content:space-around;}&[data-alignment='start']{align-items:start;}&[data-alignment='center']{align-items:center;}&[data-alignment='end']{align-items:end;}}"]);
|
@@ -0,0 +1,18 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
Object.defineProperty(exports, "flowConfig", {
|
7
|
+
enumerable: true,
|
8
|
+
get: function get() {
|
9
|
+
return _Flow.flowConfig;
|
10
|
+
}
|
11
|
+
});
|
12
|
+
Object.defineProperty(exports, "flowRoot", {
|
13
|
+
enumerable: true,
|
14
|
+
get: function get() {
|
15
|
+
return _Flow.flowRoot;
|
16
|
+
}
|
17
|
+
});
|
18
|
+
var _Flow = /*#__PURE__*/require("./Flow");
|
@@ -1,5 +1,6 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
4
5
|
value: true
|
5
6
|
});
|
@@ -22,7 +23,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
22
23
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
23
24
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
24
25
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
25
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
26
26
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
27
27
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
28
28
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
@@ -82,7 +82,6 @@ var popoverRoot = exports.popoverRoot = function popoverRoot(Root) {
|
|
82
82
|
var _useState3 = (0, _react.useState)(false),
|
83
83
|
_useState4 = _slicedToArray(_useState3, 2),
|
84
84
|
forceRender = _useState4[1];
|
85
|
-
var portalContainer = _typeof(target) === 'object' && target !== null && 'current' in target && target.current || undefined;
|
86
85
|
var isAutoArray = Array.isArray(placement);
|
87
86
|
var isAuto = isAutoArray || placement.startsWith('auto');
|
88
87
|
var initialStyles = {
|
@@ -182,7 +181,7 @@ var popoverRoot = exports.popoverRoot = function popoverRoot(Root) {
|
|
182
181
|
if (typeof frame !== 'string' && frame && frame.current) {
|
183
182
|
portal = frame.current;
|
184
183
|
}
|
185
|
-
if (!usePortal
|
184
|
+
if (!usePortal) {
|
186
185
|
portal = rootRef.current;
|
187
186
|
}
|
188
187
|
if (!portal) {
|
@@ -216,11 +215,8 @@ var popoverRoot = exports.popoverRoot = function popoverRoot(Root) {
|
|
216
215
|
*/
|
217
216
|
Promise.resolve().then(forceUpdate);
|
218
217
|
}, [innerIsOpen, children, forceUpdate]);
|
219
|
-
return /*#__PURE__*/_react["default"].createElement(
|
220
|
-
|
221
|
-
disabled: /*#__PURE__*/(0, _react.isValidElement)(target)
|
222
|
-
}, /*#__PURE__*/_react["default"].createElement(_Popover.StyledWrapper, {
|
223
|
-
className: (0, _utils.cx)(_Popover2.classes.wrapper, ! /*#__PURE__*/(0, _react.isValidElement)(target) && _Popover2.classes.targetAsRef),
|
218
|
+
return /*#__PURE__*/_react["default"].createElement(_Popover.StyledWrapper, {
|
219
|
+
className: _Popover2.classes.wrapper,
|
224
220
|
onMouseEnter: onMouseEnter,
|
225
221
|
onMouseLeave: onMouseLeave
|
226
222
|
}, /*#__PURE__*/_react["default"].createElement(_Popover.StyledRoot, {
|
@@ -229,7 +225,7 @@ var popoverRoot = exports.popoverRoot = function popoverRoot(Root) {
|
|
229
225
|
onFocus: onFocus,
|
230
226
|
onBlur: onBlur,
|
231
227
|
className: (0, _utils.cx)(className, _Popover2.classes.target)
|
232
|
-
},
|
228
|
+
}, target), children && portalRef.current && /*#__PURE__*/_react["default"].createElement(_Portal.Portal, {
|
233
229
|
container: portalRef.current
|
234
230
|
}, /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
235
231
|
view: view,
|
@@ -245,7 +241,7 @@ var popoverRoot = exports.popoverRoot = function popoverRoot(Root) {
|
|
245
241
|
className: _Popover2.classes.arrow,
|
246
242
|
ref: setArrowElement,
|
247
243
|
style: styles.arrow
|
248
|
-
}, attributes.arrow)), children))))
|
244
|
+
}, attributes.arrow)), children))));
|
249
245
|
});
|
250
246
|
};
|
251
247
|
var popoverConfig = exports.popoverConfig = {
|
@@ -8,12 +8,12 @@ var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/requir
|
|
8
8
|
var _utils = /*#__PURE__*/require("../Popup/utils");
|
9
9
|
var _Popover = /*#__PURE__*/require("./Popover.tokens");
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
|
-
var StyledRoot = exports.StyledRoot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
12
|
-
componentId: "plasma-new-hope__sc-tnpyex-0"
|
13
|
-
})(["display:inline-flex;box-sizing:border-box;position:relative;"]);
|
14
11
|
var StyledWrapper = exports.StyledWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
12
|
+
componentId: "plasma-new-hope__sc-tnpyex-0"
|
13
|
+
})(["display:inline-block;"]);
|
14
|
+
var StyledRoot = exports.StyledRoot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
15
15
|
componentId: "plasma-new-hope__sc-tnpyex-1"
|
16
|
-
})(["display:inline-
|
16
|
+
})(["display:inline-flex;box-sizing:border-box;position:relative;"]);
|
17
17
|
var StyledArrow = exports.StyledArrow = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
18
18
|
componentId: "plasma-new-hope__sc-tnpyex-2"
|
19
19
|
})(["width:var(", ");height:var(", ");&::before{position:absolute;width:var(", ");height:var(", ");mask-image:var(", ");background:var(", ");content:'';transform:rotate(0deg);}"], /*#__PURE__*/String(_Popover.tokens.arrowMaskWidth), /*#__PURE__*/String(_Popover.tokens.arrowMaskHeight), /*#__PURE__*/String(_Popover.tokens.arrowMaskWidth), /*#__PURE__*/String(_Popover.tokens.arrowMaskHeight), /*#__PURE__*/String(_Popover.tokens.arrowMaskImage), /*#__PURE__*/String(_Popover.tokens.arrowBackground));
|
@@ -4,136 +4,51 @@ title: Popover
|
|
4
4
|
---
|
5
5
|
|
6
6
|
import { PropsTable, Description } from '@site/src/components';
|
7
|
-
import Tabs from '@theme/Tabs';
|
8
|
-
import TabItem from '@theme/TabItem';
|
9
7
|
|
10
8
|
# Popover
|
11
9
|
<Description name="Popover" />
|
12
10
|
<PropsTable name="Popover" />
|
13
11
|
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
<
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
</StyledContent>
|
58
|
-
</Popover>
|
59
|
-
</section>
|
60
|
-
);
|
61
|
-
}
|
62
|
-
```
|
63
|
-
</TabItem>
|
64
|
-
<TabItem value="refObject" label="RefObject">
|
65
|
-
```tsx live
|
66
|
-
import React, { useRef, useState } from 'react';
|
67
|
-
import styled from "styled-components";
|
68
|
-
import { surfaceSolidTertiary } from "@salutejs/{{ vertical }}/tokens";
|
69
|
-
import { Popover, Button } from '@salutejs/{{ package }}';
|
70
|
-
|
71
|
-
export function App() {
|
72
|
-
const [isOpen, setIsOpen] = useState(false);
|
73
|
-
|
74
|
-
const targetRef = useRef<HTMLButtonElement | null>(null);
|
75
|
-
const targetRef2 = useRef<HTMLButtonElement | null>(null);
|
76
|
-
const targetRef3 = useRef<HTMLButtonElement | null>(null);
|
77
|
-
|
78
|
-
const refs = [targetRef, targetRef2, targetRef3];
|
79
|
-
|
80
|
-
const [currRefIndex, setCurrentRefIndex] = useState(0);
|
81
|
-
const [currentRef, setCurrentRef] = useState(targetRef);
|
82
|
-
|
83
|
-
const changeRef = () => {
|
84
|
-
let ind = currRefIndex + 1;
|
85
|
-
|
86
|
-
if (ind > refs.length - 1) {
|
87
|
-
setCurrentRefIndex(0);
|
88
|
-
ind = 0;
|
89
|
-
}
|
90
|
-
|
91
|
-
setCurrentRefIndex(ind);
|
92
|
-
setCurrentRef(refs[ind]);
|
93
|
-
};
|
94
|
-
|
95
|
-
const StyledContent = styled.div`
|
96
|
-
background: ${surfaceSolidTertiary};
|
97
|
-
padding: 1rem;
|
98
|
-
|
99
|
-
display: flex;
|
100
|
-
flex-direction: column;
|
101
|
-
align-items: center;
|
102
|
-
`;
|
103
|
-
|
104
|
-
return (
|
105
|
-
<>
|
106
|
-
<Button ref={targetRef}>Target 0</Button>
|
107
|
-
<Button style=\{{ margin: '0 5rem' }} onClick={changeRef}>
|
108
|
-
Change targetAsRef to Target {currRefIndex + 1 > refs.length - 1 ? 0 : currRefIndex + 1}
|
109
|
-
</Button>
|
110
|
-
<Button ref={targetRef2}>Target 1</Button>
|
111
|
-
<Popover
|
112
|
-
opened={isOpen}
|
113
|
-
onToggle={(is) => setIsOpen(is)}
|
114
|
-
role="presentation"
|
115
|
-
id="popover"
|
116
|
-
target={currentRef}
|
117
|
-
offset={[0, 6]}
|
118
|
-
placement='bottom'
|
119
|
-
trigger='click'
|
120
|
-
hasArrow
|
121
|
-
closeOnOverlayClick
|
122
|
-
closeOnEsc
|
123
|
-
isFocusTrapped
|
124
|
-
>
|
125
|
-
<StyledContent>
|
126
|
-
<>Content</>
|
127
|
-
<Button onClick={() => setIsOpen(false)}>Close</Button>
|
128
|
-
</StyledContent>
|
129
|
-
</Popover>
|
130
|
-
|
131
|
-
<div style=\{{ padding: '5rem' }}>Current Target: {currRefIndex}</div>
|
132
|
-
<Button ref={targetRef3}>Target 2</Button>
|
133
|
-
</>
|
134
|
-
);
|
135
|
-
}
|
136
|
-
```
|
137
|
-
</TabItem>
|
138
|
-
</Tabs>
|
139
|
-
|
12
|
+
```tsx live
|
13
|
+
import React from 'react';
|
14
|
+
import styled from "styled-components";
|
15
|
+
import { surfaceSolidTertiary } from "@salutejs/{{ vertical }}/tokens";
|
16
|
+
import { Popover, Button } from '@salutejs/{{ package }}';
|
17
|
+
|
18
|
+
export function App() {
|
19
|
+
const [isOpen, setIsOpen] = React.useState(false);
|
20
|
+
|
21
|
+
const StyledContent = styled.div`
|
22
|
+
background: ${surfaceSolidTertiary};
|
23
|
+
padding: 1rem;
|
24
|
+
|
25
|
+
display: flex;
|
26
|
+
flex-direction: column;
|
27
|
+
align-items: center;
|
28
|
+
`;
|
29
|
+
|
30
|
+
return (
|
31
|
+
<section style=\{{width: '20rem', height: '15rem'}}>
|
32
|
+
<Popover
|
33
|
+
opened={isOpen}
|
34
|
+
onToggle={(is) => setIsOpen(is)}
|
35
|
+
role="presentation"
|
36
|
+
id="popover"
|
37
|
+
target={<Button>Target</Button>}
|
38
|
+
offset={[0, 6]}
|
39
|
+
hasArrow
|
40
|
+
placement='bottom'
|
41
|
+
trigger='click'
|
42
|
+
closeOnOverlayClick
|
43
|
+
closeOnEsc
|
44
|
+
isFocusTrapped
|
45
|
+
>
|
46
|
+
<StyledContent>
|
47
|
+
<>Content</>
|
48
|
+
<Button onClick={() => setIsOpen(false)}>close</Button>
|
49
|
+
</StyledContent>
|
50
|
+
</Popover>
|
51
|
+
</section>
|
52
|
+
);
|
53
|
+
}
|
54
|
+
```
|
@@ -8,8 +8,7 @@ var classes = exports.classes = {
|
|
8
8
|
wrapper: 'popover-wrapper',
|
9
9
|
root: 'popover-root',
|
10
10
|
target: 'popover-target',
|
11
|
-
arrow: 'popover-arrow'
|
12
|
-
targetAsRef: 'popover-target-as-ref'
|
11
|
+
arrow: 'popover-arrow'
|
13
12
|
};
|
14
13
|
var tokens = exports.tokens = {
|
15
14
|
arrowMaskWidth: '--plasma-popover-arrow-mask-width',
|
@@ -21,5 +21,5 @@ var Portal = exports.Portal = function Portal(_ref) {
|
|
21
21
|
return null;
|
22
22
|
}
|
23
23
|
var portalContainer = typeof container === 'function' ? container() : container;
|
24
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null,
|
24
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, disabled && children, !disabled && /*#__PURE__*/_reactDom["default"].createPortal(children, portalContainer));
|
25
25
|
};
|
@@ -147,12 +147,6 @@ Object.defineProperty(exports, "IconDone", {
|
|
147
147
|
return _IconDone.IconDone;
|
148
148
|
}
|
149
149
|
});
|
150
|
-
Object.defineProperty(exports, "IconFolder", {
|
151
|
-
enumerable: true,
|
152
|
-
get: function get() {
|
153
|
-
return _IconFolder.IconFolder;
|
154
|
-
}
|
155
|
-
});
|
156
150
|
Object.defineProperty(exports, "IconInfoCircleOutline", {
|
157
151
|
enumerable: true,
|
158
152
|
get: function get() {
|
@@ -267,5 +261,4 @@ var _IconStarHalfFill2 = /*#__PURE__*/require("./Icons/Icon.24/IconStarHalfFill"
|
|
267
261
|
var _IconStarOutline2 = /*#__PURE__*/require("./Icons/Icon.24/IconStarOutline");
|
268
262
|
var _IconStarFill3 = /*#__PURE__*/require("./Icons/Icon.36/IconStarFill");
|
269
263
|
var _IconStarHalfFill3 = /*#__PURE__*/require("./Icons/Icon.36/IconStarHalfFill");
|
270
|
-
var _IconStarOutline3 = /*#__PURE__*/require("./Icons/Icon.36/IconStarOutline");
|
271
|
-
var _IconFolder = /*#__PURE__*/require("./Icons/IconFolder");
|
264
|
+
var _IconStarOutline3 = /*#__PURE__*/require("./Icons/Icon.36/IconStarOutline");
|
@@ -0,0 +1,11 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.Flow = void 0;
|
7
|
+
var _Flow = /*#__PURE__*/require("../../../../components/Flow");
|
8
|
+
var _engines = /*#__PURE__*/require("../../../../engines");
|
9
|
+
var _Flow2 = /*#__PURE__*/require("./Flow.config");
|
10
|
+
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Flow.flowConfig, _Flow2.config);
|
11
|
+
var Flow = exports.Flow = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|