@salutejs/plasma-new-hope 0.131.1-canary.1396.10560424945.0 → 0.132.0-canary.1368.10558535646.0

package/styled-components/cjs/examples/sds_engineer/components/Grid/Grid.stories.tsx

@@ -0,0 +1,122 @@
+import React from 'react';
+import styled from 'styled-components';
+import type { Meta } from '@storybook/react';
+
+import { WithTheme } from '../../../_helpers';
+
+import { Col, Grid, Row } from './Grid';
+
+const meta: Meta = {
+    title: 'sds_engineer/Grid',
+    decorators: [WithTheme],
+};
+
+export default meta;
+
+const StyledContent = styled.div`
+    height: 10rem;
+    width: 100%;
+    background: #f5f5dc;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: 1px solid var(--inverse-text-primary);
+`;
+
+export const Default = {
+    args: {
+        colsCount: 6,
+    },
+    render: ({ colsCount }) => (
+        <>
+            <Grid>
+                <Row>
+                    {Array(colsCount)
+                        .fill(true)
+                        .map((_, i) => (
+                            <Col size={1} key={colsCount + i}>
+                                <StyledContent>{i + 1}</StyledContent>
+                            </Col>
+                        ))}
+                </Row>
+            </Grid>
+        </>
+    ),
+};
+
+export const CustomColsPosition = {
+    render: () => (
+        <Grid>
+            <Row>
+                <Col
+                    smallM={{
+                        size: 1,
+                    }}
+                    mediumS={{
+                        size: 2,
+                    }}
+                    mediumM={{
+                        size: 3,
+                        offset: 1,
+                    }}
+                    largeS={{
+                        size: 4,
+                        offset: 1,
+                    }}
+                    largeM={{
+                        size: 5,
+                        offset: 2,
+                    }}
+                >
+                    <StyledContent>1</StyledContent>
+                </Col>
+                <Col
+                    smallM={{
+                        size: 1,
+                        offset: 1,
+                    }}
+                    mediumS={{
+                        size: 2,
+                        offset: 1,
+                    }}
+                    mediumM={{
+                        size: 4,
+                    }}
+                    largeS={{
+                        size: 4,
+                        offset: 3,
+                    }}
+                    largeM={{
+                        size: 5,
+                        offset: 1,
+                    }}
+                >
+                    <StyledContent>2</StyledContent>
+                </Col>
+                <Col
+                    smallM={{
+                        size: 1,
+                    }}
+                    mediumS={{
+                        size: 2,
+                        offset: 1,
+                    }}
+                    mediumM={{
+                        size: 2,
+                        offset: 2,
+                    }}
+                    largeS={{
+                        size: 3,
+                        offset: 4,
+                    }}
+                    largeM={{
+                        size: 6,
+                        offset: 3,
+                    }}
+                >
+                    <StyledContent>3</StyledContent>
+                </Col>
+            </Row>
+        </Grid>
+    ),
+};

package/styled-components/cjs/examples/sds_engineer/components/Image/Image.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Image = void 0;
+var _Image = /*#__PURE__*/require("../../../../components/Image");
+var _engines = /*#__PURE__*/require("../../../../engines");
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Image.imageConfig);
+var Image = exports.Image = /*#__PURE__*/(0, _engines.component)(mergedConfig);

package/styled-components/cjs/examples/sds_engineer/components/Image/Image.stories.tsx

@@ -0,0 +1,48 @@
+import React from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
+
+import { Image } from './Image';
+import type { ImageProps, Ratio } from './Image';
+
+const bases = ['div', 'img'];
+
+const ratios = ['1/1', '3/4', '4/3', '9/16', '16/9', '1/2', '2/1'];
+
+const meta: Meta<ImageProps> = {
+    title: 'sds_engineer/Image',
+    component: Image,
+    decorators: [InSpacingDecorator],
+    argTypes: {
+        base: {
+            options: bases,
+            control: {
+                type: 'inline-radio',
+            },
+        },
+        ratio: {
+            options: ratios,
+            control: {
+                type: 'select',
+            },
+        },
+        ...disableProps(['src', 'alt', 'customRatio']),
+    },
+};
+
+export default meta;
+
+export const Default: StoryObj<ImageProps & { ratio: Ratio }> = {
+    args: {
+        base: 'div',
+        src: './images/320_320_9.jpg',
+        alt: 'картинка для примера фоном',
+        width: '200px',
+        height: '200px',
+    },
+    render: (args) => (
+        <div style={{ maxWidth: '10rem' }}>
+            <Image {...args} />
+        </div>
+    ),
+};

package/styled-components/cjs/examples/sds_engineer/components/Link/Link.config.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var config = exports.config = {
+  defaults: {
+    view: 'accent',
+    focused: 'true'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-color:var(--text-primary);--plasma-link-color-hover:var(--text-primary-hover);--plasma-link-color-active:var(--text-primary-active);--plasma-link-color-visited:var(--text-primary);--plasma-link-color-visited-hover:var(--text-primary-hover);--plasma-link-color-visited-active:var(--text-primary-active);--plasma-link-underline-border:0;"]),
+      secondary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-color:var(--text-secondary);--plasma-link-color-hover:var(--text-secondary-hover);--plasma-link-color-active:var(--text-secondary-active);--plasma-link-color-visited:var(--text-secondary);--plasma-link-color-visited-hover:var(--text-secondary-hover);--plasma-link-color-visited-active:var(--text-secondary-active);--plasma-link-underline-border:0;"]),
+      tertiary: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-color:var(--text-tertiary);--plasma-link-color-hover:var(--text-tertiary-hover);--plasma-link-color-active:var(--text-tertiary-active);--plasma-link-color-visited:var(--text-tertiary);--plasma-link-color-visited-hover:var(--text-tertiary-hover);--plasma-link-color-visited-active:var(--text-tertiary-active);--plasma-link-underline-border:0;"]),
+      paragraph: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-color:var(--text-paragraph);--plasma-link-color-hover:var(--text-paragraph-hover);--plasma-link-color-active:var(--text-paragraph-active);--plasma-link-color-visited:var(--text-paragraph);--plasma-link-color-visited-hover:var(--text-paragraph-hover);--plasma-link-color-visited-active:var(--text-paragraph-active);--plasma-link-underline-border:0;"]),
+      accent: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-color:var(--text-accent);--plasma-link-color-hover:var(--text-accent-hover);--plasma-link-color-active:var(--text-accent-active);--plasma-link-color-visited:var(--text-accent);--plasma-link-color-visited-hover:var(--text-accent-hover);--plasma-link-color-visited-active:var(--text-accent-active);--plasma-link-underline-border:0;"]),
+      positive: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-color:var(--text-positive);--plasma-link-color-hover:var(--text-positive-hover);--plasma-link-color-active:var(--text-positive-active);--plasma-link-color-visited:var(--text-positive);--plasma-link-color-visited-hover:var(--text-positive-hover);--plasma-link-color-visited-active:var(--text-positive-active);--plasma-link-underline-border:0;"]),
+      warning: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-color:var(--text-warning);--plasma-link-color-hover:var(--text-warning-hover);--plasma-link-color-active:var(--text-warning-active);--plasma-link-color-visited:var(--text-warning);--plasma-link-color-visited-hover:var(--text-warning-hover);--plasma-link-color-visited-active:var(--text-warning-active);--plasma-link-underline-border:0;"]),
+      negative: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-color:var(--text-negative);--plasma-link-color-hover:var(--text-negative-hover);--plasma-link-color-active:var(--text-negative-active);--plasma-link-color-visited:var(--text-negative);--plasma-link-color-visited-hover:var(--text-negative-hover);--plasma-link-color-visited-active:var(--text-negative-active);--plasma-link-underline-border:0;"]),
+      clear: /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-color:inherit;--plasma-link-color-hover:inherit;--plasma-link-color-active:inherit;--plasma-link-color-visited:inherit;--plasma-link-color-visited-hover:inherit;--plasma-link-color-visited-active:inherit;--plasma-link-underline-border:0.0625rem;"])
+    },
+    disabled: {
+      "true": /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-disabled-opacity:0.4;"])
+    },
+    focused: {
+      "true": /*#__PURE__*/(0, _styledComponents.css)(["--plasma-link-focus-color:var(--text-accent);"])
+    }
+  }
+};

package/styled-components/cjs/examples/sds_engineer/components/Link/Link.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Link = void 0;
+var _Link = /*#__PURE__*/require("../../../../components/Link");
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _Link2 = /*#__PURE__*/require("./Link.config");
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Link.linkConfig, _Link2.config);
+var Link = exports.Link = /*#__PURE__*/(0, _engines.component)(mergedConfig);

package/styled-components/cjs/examples/sds_engineer/components/Link/Link.stories.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { linkConfig } from '../../../../components/Link';
+import { mergeConfig } from '../../../../engines';
+import { WithTheme, argTypesFromConfig } from '../../../_helpers';
+
+import { config } from './Link.config';
+import { Link } from './Link';
+
+const meta: Meta<typeof Link> = {
+    title: 'sds_engineer/Link',
+    decorators: [WithTheme],
+    component: Link,
+    argTypes: argTypesFromConfig(mergeConfig(linkConfig, config)),
+};
+
+export default meta;
+
+export const Default: StoryObj<ComponentProps<typeof Link>> = {
+    args: {
+        target: '_blank',
+        href: 'https://google.com',
+        children: 'Hello',
+        view: 'accent',
+        disabled: false,
+        focused: true,
+    },
+};

package/styled-components/cjs/examples/sds_engineer/components/Modal/Modal.config.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Modal = /*#__PURE__*/require("../../../../components/Modal");
+var config = exports.config = {
+  defaults: {
+    view: 'default'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--overlay-blur);", ":var(--overlay-soft);"], _Modal.modalTokens.modalOverlayWithBlurColor, _Modal.modalTokens.modalOverlayColor)
+    }
+  }
+};

package/styled-components/cjs/examples/sds_engineer/components/Modal/Modal.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Modal = void 0;
+Object.defineProperty(exports, "modalClasses", {
+  enumerable: true,
+  get: function get() {
+    return _Modal.modalClasses;
+  }
+});
+var _Modal = /*#__PURE__*/require("../../../../components/Modal");
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _Modal2 = /*#__PURE__*/require("./Modal.config");
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Modal.modalConfig, _Modal2.config);
+var Modal = exports.Modal = /*#__PURE__*/(0, _engines.component)(mergedConfig);

package/styled-components/cjs/examples/sds_engineer/components/Modal/Modal.stories.tsx

@@ -0,0 +1,208 @@
+import React, { useState } from 'react';
+import styled from 'styled-components';
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import { SSRProvider } from '@salutejs/plasma-core';
+
+import { PopupProvider, popupClasses } from '../Popup/Popup';
+import { Button } from '../Button/Button';
+import { WithTheme } from '../../../_helpers';
+
+import { Modal, modalClasses } from './Modal';
+
+export default {
+    title: 'sds_engineer/Modal',
+    decorators: [WithTheme],
+    argTypes: {
+        placement: {
+            options: [
+                'center',
+                'top',
+                'bottom',
+                'right',
+                'left',
+                'top-right',
+                'top-left',
+                'bottom-right',
+                'bottom-left',
+            ],
+            control: {
+                type: 'select',
+            },
+            table: { defaultValue: { summary: 'center' } },
+        },
+        offsetX: {
+            control: {
+                type: 'number',
+            },
+            table: { defaultValue: { summary: 0 } },
+        },
+        offsetY: {
+            control: {
+                type: 'number',
+            },
+            table: { defaultValue: { summary: 0 } },
+        },
+        closeOnEsc: {
+            control: {
+                type: 'boolean',
+            },
+            table: { defaultValue: { summary: true } },
+        },
+        closeOnOverlayClick: {
+            control: {
+                type: 'boolean',
+            },
+            table: { defaultValue: { summary: true } },
+        },
+        withBlur: {
+            control: {
+                type: 'boolean',
+            },
+            table: { defaultValue: { summary: false } },
+        },
+    },
+} as Meta;
+
+type StoryModalProps = ComponentProps<typeof Modal> & {
+    placement: string;
+    offsetX: number;
+    offsetY: number;
+    closeOnEsc: boolean;
+    closeOnOverlayClick: boolean;
+    withBlur: boolean;
+};
+
+const StyledButton = styled(Button)`
+    margin-top: 1rem;
+    width: 15rem;
+`;
+
+const StyledWrapper = styled.div`
+    height: 1200px;
+`;
+
+const Content = styled.div`
+    background: var(--plasma-colors-surface-solid02);
+    padding: 1rem;
+`;
+
+const ButtonWrapper = styled.div`
+    display: flex;
+    flex-direction: column;
+`;
+
+const StyledModal = styled(Modal)`
+    && .${popupClasses.root}, .${modalClasses.overlay} {
+        animation: fadeIn 1s forwards;
+    }
+
+    &&.${popupClasses.endAnimation} .${popupClasses.root} {
+        animation: fadeOut 1s forwards;
+    }
+
+    &&.${popupClasses.endAnimation} .${modalClasses.overlay} {
+        animation: fadeOut 1s forwards;
+    }
+
+    @keyframes fadeIn {
+        from {
+            opacity: 0;
+        }
+
+        to {
+            opacity: 1;
+        }
+    }
+
+    @keyframes fadeOut {
+        from {
+            opacity: 1;
+        }
+
+        to {
+            opacity: 0;
+        }
+    }
+`;
+
+const StoryModalDemo = ({ placement, offsetX, offsetY, ...rest }: StoryModalProps) => {
+    const [isOpenA, setIsOpenA] = useState(false);
+    const [isOpenB, setIsOpenB] = useState(false);
+    const [isOpenC, setIsOpenC] = useState(false);
+
+    return (
+        <SSRProvider>
+            <StyledWrapper>
+                <PopupProvider>
+                    <ButtonWrapper>
+                        <StyledButton text="Открыть A" onClick={() => setIsOpenA(true)} />
+                    </ButtonWrapper>
+                    <StyledModal
+                        id="modalA"
+                        frame="theme-root"
+                        withAnimation
+                        onClose={() => setIsOpenA(false)}
+                        opened={isOpenA}
+                        placement={placement}
+                        offset={[offsetX, offsetY]}
+                        {...rest}
+                    >
+                        <Content>
+                            <Button onClick={() => setIsOpenA(false)}>Close</Button>
+                            <ButtonWrapper>
+                                <StyledButton text="Открыть B" onClick={() => setIsOpenB(true)} />
+                            </ButtonWrapper>
+                            <Modal
+                                id="modalB"
+                                frame="theme-root"
+                                onClose={() => setIsOpenB(false)}
+                                opened={isOpenB}
+                                placement="left"
+                                offset={[offsetX, offsetY]}
+                                {...rest}
+                            >
+                                <Content>
+                                    <Button style={{ marginRight: '1rem' }} onClick={() => setIsOpenB(false)}>
+                                        Close
+                                    </Button>
+                                    <ButtonWrapper>
+                                        <StyledButton text="Открыть C" onClick={() => setIsOpenC(true)} />
+                                    </ButtonWrapper>
+                                    <Modal
+                                        id="modalC"
+                                        frame="theme-root"
+                                        onClose={() => setIsOpenC(false)}
+                                        opened={isOpenC}
+                                        placement="top"
+                                        offset={[offsetX, offsetY]}
+                                        {...rest}
+                                    >
+                                        <Content>
+                                            <Button style={{ marginRight: '1rem' }} onClick={() => setIsOpenC(false)}>
+                                                Close
+                                            </Button>
+                                            <>Content</>
+                                        </Content>
+                                    </Modal>
+                                </Content>
+                            </Modal>
+                        </Content>
+                    </StyledModal>
+                </PopupProvider>
+            </StyledWrapper>
+        </SSRProvider>
+    );
+};
+
+export const ModalDemo: StoryObj<StoryModalProps> = {
+    args: {
+        placement: 'center',
+        withBlur: false,
+        closeOnEsc: true,
+        closeOnOverlayClick: true,
+        offsetX: 0,
+        offsetY: 0,
+    },
+    render: (args) => <StoryModalDemo {...args} />,
+};

package/styled-components/cjs/examples/sds_engineer/components/Notification/Notification.config.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Notification = /*#__PURE__*/require("../../../../components/Notification");
+var config = exports.config = {
+  defaults: {
+    view: 'default'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-secondary);", ":var(--surface-transparent-card);", ":0.75rem;", ":0.375rem;", ":0.125rem;", ":0.25rem;", ":0rem;", ":0.25rem;", ":0.25rem;", ":1rem;", ":0.1875rem;", ":0.125rem;", ":0.375rem;", ":0.125rem;", ":1.625rem;", ":0.25rem;", ":0.5rem;", ":0.5rem;", ":0.375rem;", ":1.5rem;", ":0.375rem;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--text-tertiary);", ":var(--text-primary);", ":0.375rem;", ":0.75rem;", ":0.8125rem 0.5rem 0.8125rem 0.875rem;"], _Notification.notificationTokens.contentColor, _Notification.notificationTokens.background, _Notification.notificationTokens.borderRadius, _Notification.notificationTokens.padding, _Notification.notificationTokens.contentPaddingTop, _Notification.notificationTokens.contentPaddingRight, _Notification.notificationTokens.contentPaddingBottom, _Notification.notificationTokens.contentPaddingLeft, _Notification.notificationTokens.contentPaddingTopWithoutIcon, _Notification.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, _Notification.notificationTokens.textboxPaddingTop, _Notification.notificationTokens.textboxPaddingRight, _Notification.notificationTokens.textboxPaddingBottom, _Notification.notificationTokens.textboxPaddingLeft, _Notification.notificationTokens.textboxPaddingRightWithCloseIcon, _Notification.notificationTokens.textboxGap, _Notification.notificationTokens.closeIconTop, _Notification.notificationTokens.closeIconRight, _Notification.notificationTokens.buttonsMarginTop, _Notification.notificationTokens.contentLeftIconSize, _Notification.notificationTokens.contentLeftIconMargin, _Notification.notificationTokens.contentTopIconMargin, _Notification.notificationTokens.contentFontFamily, _Notification.notificationTokens.contentFontSize, _Notification.notificationTokens.contentFontStyle, _Notification.notificationTokens.contentFontWeight, _Notification.notificationTokens.contentFontLetterSpacing, _Notification.notificationTokens.contentFontLineHeight, _Notification.notificationTokens.titleFontFamily, _Notification.notificationTokens.titleFontSize, _Notification.notificationTokens.titleFontStyle, _Notification.notificationTokens.titleFontWeight, _Notification.notificationTokens.titleFontLetterSpacing, _Notification.notificationTokens.titleFontLineHeight, _Notification.notificationTokens.closeIconColor, _Notification.notificationTokens.closeIconColorOnHover, _Notification.notificationTokens.horizontalLayoutGap, _Notification.notificationTokens.horizontalLayoutLeftIconMargin, _Notification.notificationTokens.paddingOneLineTextbox)
+    },
+    layout: {
+      horizontal: /*#__PURE__*/(0, _styledComponents.css)(["", ":25rem;", ":1rem 0.5rem 1rem 0.875rem;"], _Notification.notificationTokens.width, _Notification.notificationTokens.horizontalLayoutPadding),
+      vertical: /*#__PURE__*/(0, _styledComponents.css)(["", ":15rem;", ":0.375rem;"], _Notification.notificationTokens.width, _Notification.notificationTokens.padding)
+    },
+    size: {
+      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":0.5rem;", ":0.5rem;", ":0.375rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":0rem;", ":0.25rem;", ":0rem;"], _Notification.notificationTokens.closeIconTop, _Notification.notificationTokens.closeIconRight, _Notification.notificationTokens.padding, _Notification.notificationTokens.textboxPaddingTopWithTopIcon, _Notification.notificationTokens.contentPaddingTop, _Notification.notificationTokens.contentPaddingRight, _Notification.notificationTokens.contentPaddingBottom, _Notification.notificationTokens.contentPaddingLeft, _Notification.notificationTokens.buttonsMarginLeft)
+    }
+  }
+};

package/styled-components/cjs/examples/sds_engineer/components/Notification/Notification.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NotificationsProvider = exports.Notification = void 0;
+Object.defineProperty(exports, "modalClasses", {
+  enumerable: true,
+  get: function get() {
+    return _Modal.modalClasses;
+  }
+});
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _Notification = /*#__PURE__*/require("../../../../components/Notification");
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _Notification2 = /*#__PURE__*/require("./Notification.config");
+var _Modal = /*#__PURE__*/require("../../../../components/Modal");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Notification.noticationConfig, _Notification2.config);
+var Notification = exports.Notification = /*#__PURE__*/(0, _engines.component)(mergedConfig);
+var NotificationsProvider = exports.NotificationsProvider = function NotificationsProvider(_ref) {
+  var children = _ref.children,
+    _ref$frame = _ref.frame,
+    frame = _ref$frame === void 0 ? 'theme-root' : _ref$frame;
+  return /*#__PURE__*/_react["default"].createElement(_Notification.NotificationsProvider, {
+    config: mergedConfig,
+    frame: frame
+  }, children);
+};