@bbl-digital/snorre 3.0.65 → 3.1.0

package/lib/core/MailMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/MailMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAIlD,UAAU,MAAM;IACd,kBAAkB;IAClB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;CACtB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAkClC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/core/MailMenu/index.js

@@ -0,0 +1,42 @@
+import React, { useState, useEffect } from 'react';
+import { Wrapper, Content } from './styles';
+import Button from '../Button';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+const DropdownMenu = ({
+  icon,
+  children
+}) => {
+  const [open, setOpen] = useState(false);
+  useEffect(() => {
+    const handleClickOutside = e => {
+      setTimeout(() => {
+        setOpen(false);
+      }, 200);
+    };
+
+    if (open) {
+      document.addEventListener('mousedown', handleClickOutside);
+    } else {
+      document.removeEventListener('mousedown', handleClickOutside);
+    }
+
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [open]);
+  return /*#__PURE__*/_jsxs(Wrapper, {
+    children: [/*#__PURE__*/_jsx(Button, {
+      nostyle: true,
+      onClick: () => setOpen(true),
+      trackingEvent: "DropdownMenu toggle",
+      trackingName: "Topbar",
+      children: icon ? icon : ''
+    }), open && /*#__PURE__*/_jsx(Content, {
+      children: children
+    })]
+  });
+};
+
+export default DropdownMenu;

package/lib/core/MailMenu/styles.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { IAppTheme } from '../../app-shell/theme';
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Content: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const dropdownMenuOption: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+//# sourceMappingURL=styles.d.ts.map

package/lib/core/MailMenu/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/MailMenu/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,eAAO,MAAM,OAAO;;;yGASnB,CAAA;AAED,eAAO,MAAM,OAAO;;;yGAcnB,CAAA;AAED,eAAO,MAAM,kBAAkB,UAAW,SAAS,8CAkBlD,CAAA"}

package/lib/core/MailMenu/styles.js

@@ -0,0 +1,34 @@
+import _styled from "@emotion/styled/base";
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+import { css } from '@emotion/react';
+export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1h39kcr1"
+} : {
+  target: "e1h39kcr1",
+  label: "Wrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1ivkyd7",
+  styles: "position:relative;display:flex;flex-direction:row;&>svg{margin-left:0.5em;}"
+} : {
+  name: "1ivkyd7",
+  styles: "position:relative;display:flex;flex-direction:row;&>svg{margin-left:0.5em;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01haWxNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTWFpbE1lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcblxuICAmID4gc3ZnIHtcbiAgICBtYXJnaW4tbGVmdDogMC41ZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICByaWdodDogMDtcbiAgdG9wOiAzMHB4O1xuXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHdpZHRoOiAzMDBweDtcbiAgYm9yZGVyOiAxcHggc29saWQgI2NmZDllYTtcblxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBib3gtc2hhZG93OiAwIDEwcHggMTVweCAwIHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbmBcblxuZXhwb3J0IGNvbnN0IGRyb3Bkb3duTWVudU9wdGlvbiA9ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDUycHg7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1yYWRpdXM6IDA7XG5cbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuYmd9O1xuICB9XG5cbiAgJjpudGgtb2YtdHlwZSgxKSB7XG4gICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgfVxuYFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const Content = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1h39kcr0"
+} : {
+  target: "e1h39kcr0",
+  label: "Content"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1quyi9k",
+  styles: "position:absolute;background-color:white;right:0;top:30px;box-sizing:border-box;width:300px;border:1px solid #cfd9ea;background-color:#ffffff;box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.1);border-radius:10px;overflow:hidden"
+} : {
+  name: "1quyi9k",
+  styles: "position:absolute;background-color:white;right:0;top:30px;box-sizing:border-box;width:300px;border:1px solid #cfd9ea;background-color:#ffffff;box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.1);border-radius:10px;overflow:hidden",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01haWxNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTWFpbE1lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcblxuICAmID4gc3ZnIHtcbiAgICBtYXJnaW4tbGVmdDogMC41ZW07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICByaWdodDogMDtcbiAgdG9wOiAzMHB4O1xuXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHdpZHRoOiAzMDBweDtcbiAgYm9yZGVyOiAxcHggc29saWQgI2NmZDllYTtcblxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xuICBib3gtc2hhZG93OiAwIDEwcHggMTVweCAwIHJnYmEoMCwgMCwgMCwgMC4xKTtcbiAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbmBcblxuZXhwb3J0IGNvbnN0IGRyb3Bkb3duTWVudU9wdGlvbiA9ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDUycHg7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gIGJvcmRlci1yYWRpdXM6IDA7XG5cbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuYmd9O1xuICB9XG5cbiAgJjpudGgtb2YtdHlwZSgxKSB7XG4gICAgYm9yZGVyLXRvcDogbm9uZTtcbiAgfVxuYFxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const dropdownMenuOption = theme => /*#__PURE__*/css("width:100%;height:52px;background-color:white;border-radius:0;font-weight:500;border-top:1px solid ", theme.border, ";cursor:pointer;&:hover{background:", theme.bg, ";}&:nth-of-type(1){border-top:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:dropdownMenuOption;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01haWxNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQjJEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01haWxNZW51L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cbiAgJiA+IHN2ZyB7XG4gICAgbWFyZ2luLWxlZnQ6IDAuNWVtO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMzBweDtcblxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aWR0aDogMzAwcHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNjZmQ5ZWE7XG5cbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcbiAgYm94LXNoYWRvdzogMCAxMHB4IDE1cHggMCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG5gXG5cbmV4cG9ydCBjb25zdCBkcm9wZG93bk1lbnVPcHRpb24gPSAodGhlbWU6IElBcHBUaGVtZSkgPT4gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiA1MnB4O1xuXG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBib3JkZXItcmFkaXVzOiAwO1xuXG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmJnfTtcbiAgfVxuXG4gICY6bnRoLW9mLXR5cGUoMSkge1xuICAgIGJvcmRlci10b3A6IG5vbmU7XG4gIH1cbmBcbiJdfQ== */");

package/lib/core/Modal/index.d.ts

@@ -1,44 +1,44 @@
-/** @jsxImportSource @emotion/react */
-import React from 'react';
-import { SerializedStyles } from '@emotion/react';
-interface IProps {
-    /** Property for open modal */
-    open?: boolean;
-    /** React node for header component */
-    header?: React.ReactNode;
-    /** React node for action buttons */
-    actionButton?: React.ReactNode;
-    /** Modal width */
-    width?: string;
-    /** Disable close on outside click */
-    disableOutsideClick?: boolean;
-    /** Hide close button */
-    hideCloseButton?: boolean;
-    /** Refs of scrollable elements */
-    targetRefs?: any[];
-    /** Disables body scroll, defaults to true */
-    disableScroll?: boolean;
-    /** Removes max-height and overflow: hidden from Modal-content, e.g: allow dropdown-content to appear outside Modal-content */
-    disableScrollableContent?: boolean;
-    /** Override content css */
-    contentCss?: SerializedStyles;
-    /** Override header css */
-    headerCss?: SerializedStyles;
-    /** Disables closing inside component */
-    disableLocalClose?: boolean;
-    /** Adds option to enable/disable fullscreen */
-    toggleFullscreen?: boolean;
-    /** Sets modal as fullscreen by default */
-    defaultFullscreen?: boolean;
-    /** Disables focus trap */
-    disableFocusTrap?: boolean;
-    /** CB for when close is clicked */
-    onClose?: () => void;
-    /** Renders collapse button with callback */
-    onCollapse?: () => void;
-    /** Children */
-    children?: React.ReactNode | React.ReactNode[];
-}
-declare const Modal: React.FC<IProps>;
-export default Modal;
+/** @jsxImportSource @emotion/react */
+import React from 'react';
+import { SerializedStyles } from '@emotion/react';
+interface IProps {
+    /** Property for open modal */
+    open?: boolean;
+    /** React node for header component */
+    header?: React.ReactNode;
+    /** React node for action buttons */
+    actionButton?: React.ReactNode;
+    /** Modal width */
+    width?: string;
+    /** Disable close on outside click */
+    disableOutsideClick?: boolean;
+    /** Hide close button */
+    hideCloseButton?: boolean;
+    /** Refs of scrollable elements */
+    targetRefs?: any[];
+    /** Disables body scroll, defaults to true */
+    disableScroll?: boolean;
+    /** Removes max-height and overflow: hidden from Modal-content, e.g: allow dropdown-content to appear outside Modal-content */
+    disableScrollableContent?: boolean;
+    /** Override content css */
+    contentCss?: SerializedStyles;
+    /** Override header css */
+    headerCss?: SerializedStyles;
+    /** Disables closing inside component */
+    disableLocalClose?: boolean;
+    /** Adds option to enable/disable fullscreen */
+    toggleFullscreen?: boolean;
+    /** Sets modal as fullscreen by default */
+    defaultFullscreen?: boolean;
+    /** Disables focus trap */
+    disableFocusTrap?: boolean;
+    /** CB for when close is clicked */
+    onClose?: () => void;
+    /** Renders collapse button with callback */
+    onCollapse?: () => void;
+    /** Children */
+    children?: React.ReactNode | React.ReactNode[];
+}
+declare const Modal: React.FC<IProps>;
+export default Modal;
 //# sourceMappingURL=index.d.ts.map

package/lib/core/Modal/styles.d.ts

@@ -1,43 +1,43 @@
-/// <reference types="react" />
-export declare const Overlay: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Content: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    width: string;
-    isFullscreen: boolean;
-    canToggleFullscreen: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CloseWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const HeaderWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    withCollapse: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ModalContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    scrollable: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ScrollableDiv: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    hasActionButton: boolean;
-    isFullscreen: boolean;
-    windowHeight: number;
-    headerHeight: number;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ActionButtonWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+export declare const Overlay: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Content: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    width: string;
+    isFullscreen: boolean;
+    canToggleFullscreen: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CloseWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HeaderWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    withCollapse: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ModalContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    scrollable: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ScrollableDiv: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    hasActionButton: boolean;
+    isFullscreen: boolean;
+    windowHeight: number;
+    headerHeight: number;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ActionButtonWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map