@manamerge/mana-atomic-ui 1.0.2 → 1.0.3

package/dist/themes/themes/ManamergeTheme.ts

@@ -18,6 +18,7 @@ import footer from "./manamerge/molecules/footer";
 import cardTeaser from "./manamerge/molecules/cardTeaser";
 import cardSimpleRender from "./manamerge/molecules/cardSimpleRender";
 import cardBanner from "./manamerge/molecules/cardBanner";
+import accordion from "./manamerge/molecules/accordion";
 
 // Styling
 // import filterListTheme from "./manamerge/styling/filter-list-theme.css.js";
@@ -116,6 +117,7 @@ export const ManamergeTheme = {
     breakerTape,
     cardSimpleRender,
     cardBanner,
+    accordion,
 
     // Breakpoints
     media: {

package/dist/themes/themes/manamerge/molecules/accordion.ts

@@ -0,0 +1,31 @@
+const accordion = {
+    "Accordion-primary": {
+        width: "100%",
+        borderRadius: "8px",
+        backgroundTitle: "#2a2a2a",
+        paddingTitle: "16px",
+        // isOpacity: true,
+        hover: {
+            background: "#3a3a3a"
+        },
+        focusVisible: {
+            outline: "#0078d4 2px solid",
+            outlineOffset: "1px"
+        },
+        gap: "10px",
+        backgroundDescription: "#ccc",
+        atomIcon: {
+            variant: "small"
+        },
+        atomHeading: {
+            variant: "h5",
+            color: "white"
+        },
+        atomText: {
+            variant: "light",
+            padding: "16px"
+        }
+    }
+};
+
+export default accordion;

package/dist/types/components/Molecules/Accordion/Accordion.css.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+export declare const AccordionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    moleculeVariant: string;
+}>> & string;
+export declare const AccordionTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    moleculeVariant: string;
+}>> & string;
+export declare const AccordionDescription: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isOpen: boolean;
+    moleculeVariant: string;
+}>> & string;
+export declare const AtomHeading: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("../../Atoms/Heading/Heading").HeadingTypes, import("../../Atoms/Heading/Heading").HeadingTypes>, {
+    moleculeVariant: string;
+}>, never>> & string & Omit<import("react").FC<import("../../Atoms/Heading/Heading").HeadingTypes>, keyof import("react").Component<any, {}, any>>;
+export declare const AtomIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("../../Atoms/Icon/Icon").IconTypes, import("../../Atoms/Icon/Icon").IconTypes>, {
+    moleculeVariant: string;
+}>, never>> & string & Omit<import("react").FC<import("../../Atoms/Icon/Icon").IconTypes>, keyof import("react").Component<any, {}, any>>;
+export declare const AtomText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("../../Atoms/Text/Text").TextTypes, import("../../Atoms/Text/Text").TextTypes>, {
+    moleculeVariant: string;
+}>, never>> & string & Omit<import("react").FC<import("../../Atoms/Text/Text").TextTypes>, keyof import("react").Component<any, {}, any>>;

package/dist/types/components/Molecules/Accordion/Accordion.d.ts

@@ -0,0 +1,12 @@
+import React, { FunctionComponent, SVGProps } from "react";
+export interface ContentTypes {
+    title?: string;
+    description?: string;
+}
+export interface AccordionTypes {
+    moleculeVariant?: string;
+    iconPlus?: FunctionComponent<SVGProps<SVGSVGElement>>;
+    iconMinus?: FunctionComponent<SVGProps<SVGSVGElement>>;
+    content?: ContentTypes[];
+}
+export declare const Accordion: React.FC<AccordionTypes>;

package/dist/types/components/Molecules/Accordion/Accordion.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { AccordionTypes } from "./Accordion";
+declare const meta: Meta<AccordionTypes>;
+export default meta;
+type Story = StoryObj<AccordionTypes>;
+export declare const Default: Story;

package/dist/types/components/index.d.ts

@@ -13,3 +13,4 @@ export { CardTeaser } from "./Molecules/CardTeaser/CardTeaser";
 export { BreakerTape } from "./Molecules/BreakerTape/BreakerTape";
 export { CardSimpleRender } from "./Molecules/CardSimpleRender/CardSimpleRender";
 export { CardBanner } from "./Molecules/CardBanner/CardBanner";
+export { Accordion } from "./Molecules/Accordion/Accordion";

package/dist/types/themes/ManamergeTheme.d.ts

@@ -854,6 +854,34 @@ export declare const ManamergeTheme: {
             };
         };
     };
+    accordion: {
+        "Accordion-primary": {
+            width: string;
+            borderRadius: string;
+            backgroundTitle: string;
+            paddingTitle: string;
+            hover: {
+                background: string;
+            };
+            focusVisible: {
+                outline: string;
+                outlineOffset: string;
+            };
+            gap: string;
+            backgroundDescription: string;
+            atomIcon: {
+                variant: string;
+            };
+            atomHeading: {
+                variant: string;
+                color: string;
+            };
+            atomText: {
+                variant: string;
+                padding: string;
+            };
+        };
+    };
     media: {
         tinyMobileUp: string;
         smallMobileUp: string;

package/dist/types/themes/manamerge/molecules/accordion.d.ts

@@ -0,0 +1,29 @@
+declare const accordion: {
+    "Accordion-primary": {
+        width: string;
+        borderRadius: string;
+        backgroundTitle: string;
+        paddingTitle: string;
+        hover: {
+            background: string;
+        };
+        focusVisible: {
+            outline: string;
+            outlineOffset: string;
+        };
+        gap: string;
+        backgroundDescription: string;
+        atomIcon: {
+            variant: string;
+        };
+        atomHeading: {
+            variant: string;
+            color: string;
+        };
+        atomText: {
+            variant: string;
+            padding: string;
+        };
+    };
+};
+export default accordion;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@manamerge/mana-atomic-ui",
-    "version": "1.0.2",
+    "version": "1.0.3",
     "description": "Mana Merge design system",
     "license": "ISC",
     "author": "MM",