@mycause/ui 0.0.0-c9beb99b → 0.0.0-c9cc3b00

package/dist/components/layout/grid.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/grid-decorator";
 declare const _default: {
     title: string;
@@ -6,7 +6,7 @@ declare const _default: {
 };
 export default _default;
 export declare const GridStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/layout/stack.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from "react";
 import { FlexProps } from "./flex";
 interface StackProps extends FlexProps {
     horizontal?: boolean;
     vertical?: boolean;
     gap: string;
 }
-declare function Stack({ gap, direction, reverse, className, children, ...rest }: StackProps): JSX.Element;
+declare function Stack({ gap, direction, reverse, className, children, ...rest }: StackProps): React.JSX.Element;
 declare namespace Stack {
     var defaultProps: {
         gap: string;

package/dist/components/layout/stack.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
@@ -6,19 +6,19 @@ declare const _default: {
 };
 export default _default;
 export declare const stack: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const reverse: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const vertical: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/list/causes-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 61 61"><defs/><path fill="#42ccae" d="M42.3 42.8c-.5-.5-.5-1.3 0-1.8s1.3-.5 1.8 0l9.1 9.1 1.5-1.8-9-8.9c-.5-.5-.5-1.3 0-1.8s1.3-.5 1.8 0l8.6 8.6c2.8-4.5 4.4-9.9 4.4-15.6C60.5 14 47.1.6 30.6.5 14 .5.5 13.9.5 30.4c0 5.7 1.6 11 4.3 15.5L23 27.7c1.7-1.7 1.7-4.4 0-6.1-1.7-1.7-4.4-1.7-6 0-.8.8-1.3 1.9-1.3 3s.4 2.2 1.3 3l1.4 1.4c.5.5.5 1.3 0 1.8s-1.3.5-1.8 0l-1.4-1.4c-1.3-1.3-2-3-2-4.8 0-1.8.7-3.5 2-4.8 2.6-2.6 6.9-2.6 9.6 0 2.6 2.6 2.6 7 0 9.6L6.2 48.1c.5.6.9 1.2 1.4 1.8l18.8-18.8c3.5-3.5 3.5-9.3 0-12.9-1.7-1.7-4-2.7-6.4-2.7-2.4 0-4.7.9-6.4 2.7-1.7 1.7-2.7 4-2.7 6.4 0 2.4.9 4.7 2.7 6.4l1.3 1.3c.5.5.5 1.3 0 1.8s-1.3.5-1.8 0l-1.3-1.3c-2.2-2.2-3.4-5.1-3.4-8.2s1.2-6 3.4-8.2C14 14.2 16.9 13 20 13c3.1 0 6 1.2 8.2 3.4.9.9 1.6 1.9 2.1 3 .6-1.1 1.3-2.1 2.2-3 4.5-4.5 11.9-4.5 16.4 0 2.2 2.2 3.4 5.1 3.4 8.2s-1.2 6-3.4 8.2L31.5 50.3c-.1.1-.2.1-.3.2-.2.2-.6.4-.9.4-.3 0-.6-.1-.9-.4l-7.8-7.8c-.5-.5-.5-1.3 0-1.8s1.3-.5 1.8 0l6.9 6.9L47.1 31c1.7-1.7 2.7-4 2.7-6.4 0-2.4-.9-4.7-2.7-6.4-3.5-3.5-9.3-3.5-12.9 0-1.7 1.7-2.7 4-2.7 6.4 0 2.4.9 4.7 2.7 6.4l1.3 1.3c.5.5.5 1.3 0 1.8s-1.3.5-1.8 0l-1.3-1.3c-.9-.9-1.6-1.9-2.2-3-.5 1.1-1.3 2.1-2.1 3L9.3 51.7c5.4 5.4 12.9 8.7 21.1 8.8 8.2 0 15.6-3.2 21-8.6l-9.1-9.1zM25 37.6c.5-.5 1.3-.5 1.8 0l3.5 3.6 13.4-13.4c1.7-1.7 1.7-4.4 0-6.1-.8-.8-1.9-1.3-3-1.3s-2.2.4-3 1.3c-1.7 1.7-1.7 4.4 0 6.1l1.4 1.4c.5.5.5 1.3 0 1.8s-1.3.5-1.8 0l-1.4-1.4c-2.6-2.6-2.6-7 0-9.6 1.3-1.3 3-2 4.8-2 1.8 0 3.5.7 4.8 2 2.6 2.6 2.6 7 0 9.6L31.3 43.7c-.2.2-.6.4-.9.4h-.1-.1c-.3 0-.6-.1-.9-.4L25 39.3c-.5-.5-.5-1.2 0-1.7"/></svg>

package/dist/components/list/list.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { IconProps } from "../icon/icon";
 import { ColorSpecifier } from "../../theme/theme";
-export declare type ItemType = {
+export type ItemType = {
     id?: string;
     metanospace?: boolean;
     icon?: IconProps & {
@@ -22,7 +22,7 @@ export declare type ItemType = {
     itemcontent?: React.ReactElement | string;
     contentvisible?: boolean;
 };
-export declare type ListProps = {
+export type ListProps = {
     divider?: boolean;
     iconWidth?: string;
     itemHeight?: string;
@@ -38,5 +38,5 @@ export declare type ListProps = {
     items: Array<ItemType>;
     tooltipArrow?: number;
 };
-declare const List: ({ items, divider, fullWidth, iconWidth, centerText, itemHeight, overflowHidden, breakspaces, iconsNotRounded, style, textGap, setItems, showToggleMeta, tooltipArrow, }: ListProps) => JSX.Element;
+declare const List: ({ items, divider, fullWidth, iconWidth, centerText, itemHeight, overflowHidden, breakspaces, iconsNotRounded, style, textGap, setItems, showToggleMeta, tooltipArrow, }: ListProps) => React.JSX.Element;
 export default List;

package/dist/components/list/list.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
@@ -6,37 +6,37 @@ declare const _default: {
 };
 export default _default;
 export declare const ListDefaultStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ListDisabledtStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ListNoDividerStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ListWithIconTooltipStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ListCustomStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ListWithToggleStory: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/login/login.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 export declare const ENV_PRO = "pro";
 export declare const ENV_TEST = "test";
 export declare const ENV_DEV = "dev";
@@ -11,5 +11,5 @@ export interface LoginProps {
     env?: string;
     loggedInCallBack?: () => void;
 }
-declare const Login: ({ id, className, params, env, loggedInCallBack, ...rest }: LoginProps) => JSX.Element;
+declare const Login: ({ id, className, params, env, loggedInCallBack, ...rest }: LoginProps) => React.JSX.Element;
 export default Login;

package/dist/components/login/login.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
@@ -6,13 +6,13 @@ declare const _default: {
 };
 export default _default;
 export declare const LoginStoriesDefault: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const LoginStoriesEvent: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/logo/logo-type.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-export declare type LogoTypeProps = {
+import React from "react";
+export type LogoTypeProps = {
     size?: "large";
     isDark?: boolean;
 };
 /**
  * A dummy mycause logo
  */
-declare function LogoType({ size, isDark }: LogoTypeProps): JSX.Element;
+declare function LogoType({ size, isDark }: LogoTypeProps): React.JSX.Element;
 export default LogoType;

package/dist/components/menu/menu-list-item.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 import { MenuListItemProps as MaterialMenuListItemProps } from "@material/react-menu";
 interface MenuListItemProps extends Omit<MaterialMenuListItemProps, "tag"> {
     href?: string;
 }
-declare function MenuListItem(props: MenuListItemProps): JSX.Element;
+declare function MenuListItem(props: MenuListItemProps): React.JSX.Element;
 export default MenuListItem;

package/dist/components/menu/menu-list.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { MenuListProps as MDCMenuListProps } from "@material/react-menu";
-declare function MenuList({ className, children, ...rest }: MDCMenuListProps): JSX.Element;
+declare function MenuList({ className, children, ...rest }: MDCMenuListProps): React.JSX.Element;
 export default MenuList;

package/dist/components/menu/menu.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
@@ -6,7 +6,7 @@ declare const _default: {
 };
 export default _default;
 export declare const menuSurface: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/modal/modal-image.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from "react";
 export interface ModalImasgeProps {
     isOpen: boolean;
     modalImageSrc: string;
     toggleModal: (arg: boolean) => void;
 }
-declare const ModalImage: ({ isOpen, modalImageSrc, toggleModal, }: ModalImasgeProps) => JSX.Element;
+declare const ModalImage: ({ isOpen, modalImageSrc, toggleModal, }: ModalImasgeProps) => React.JSX.Element;
 export default ModalImage;

package/dist/components/modal/modal.d.ts

@@ -19,5 +19,5 @@ export interface ModalProps {
     isConfirmationMessage?: boolean;
     onCancel?: () => void;
 }
-declare const Modal: ({ id, isOpen, toggleModal, modalContent, modalTitle, onAccept, setWidth, buttonAlign, buttonColor, noCancelButton, noCloseButton, acceptText, cancelText, disableAcceptButton, minimal, isConfirmationMessage, onCancel, }: ModalProps) => JSX.Element;
+declare const Modal: ({ id, isOpen, toggleModal, modalContent, modalTitle, onAccept, setWidth, buttonAlign, buttonColor, noCancelButton, noCloseButton, acceptText, cancelText, disableAcceptButton, minimal, isConfirmationMessage, onCancel, }: ModalProps) => React.JSX.Element;
 export default Modal;

package/dist/components/modal/modal.stories.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
@@ -6,37 +6,37 @@ declare const _default: {
 };
 export default _default;
 export declare const ModalStoriesDefault: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ModalStoriesWithActoin: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ModalStoriesNoButtons: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ModalStoriesMinimal: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const ModalStoriesImage: {
-    (): JSX.Element;
+export declare const ModalConfirmation: {
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
-export declare const ModalConfirmation: {
-    (): JSX.Element;
+export declare const ModalStoriesImage: {
+    (): React.JSX.Element;
     story: {
         name: string;
     };