@manamerge/mana-atomic-ui 1.0.45 → 1.0.46

package/dist/themes/davidWeb/molecules/breakerTape.js

@@ -1,30 +0,0 @@
-const breakerTape = {
-    "BreakerTape-primary": {
-        icon: {
-            variant: "medium",
-            fill: "gold",
-            stroke: "gold",
-            hover: {
-                stroke: "gold",
-                fill: "gold"
-            }
-        },
-        text: {
-            variant: "bold",
-            color: "#111"
-        },
-        tapeContent: {
-            alignItems: "center",
-            gap: "40px",
-            slowness: "35s"
-        },
-        tapeContainer: {
-            width: "100%",
-            transform: "rotate(-3deg)",
-            background: `linear-gradient(to right,rgba(255, 0, 0, 1),rgba(30, 0, 255, 1))`,
-            padding: "10px 0",
-            margin: "45px 0 0 0"
-        }
-    }
-};
-export default breakerTape;

package/dist/themes/davidWeb/molecules/cardBanner.js

@@ -1,26 +0,0 @@
-const cardBanner = {
-    "CardBanner-primary": {
-        flexDirection: "row",
-        justifyContent: "space-between",
-        background: `linear-gradient(to right, #ff7e5f, #feb47b)`,
-        border: "2px solid rgb(210, 16, 16)",
-        borderRadius: "25px",
-        padding: "20px",
-        atomHeading: {
-            variant: "h3"
-        },
-        atomText: {
-            variant: "regular"
-        },
-        atomButton: {
-            variant: "primary"
-        },
-        atomTextButton: {
-            variant: "regular"
-        },
-        atomIcon: {
-            variant: "medium"
-        }
-    }
-};
-export default cardBanner;

package/dist/themes/davidWeb/molecules/cardSimpleRender.js

@@ -1,34 +0,0 @@
-const cardSimpleRender = {
-    "CardSimpleRender-primary": {
-        flexDirection: "column",
-        justifyContent: "space-between",
-        gap: "20px",
-        background: `rgba(31, 216, 22, 0.5)`,
-        gradientBackground: `radial-gradient(circle at bottom right, rgba(237, 191, 222, 0.9) 5%, pink 10%, transparent 30%)`,
-        border: "2px solid rgb(210, 16, 16)",
-        borderRadius: "25px",
-        padding: "20px 20px 0 20px",
-        height: "300px",
-        maxWidth: "450px",
-        focus: {
-            border: "2px dashed rgb(169, 189, 80)",
-            boxShadow: "5px 5px 2px 1px rgba(255, 81, 0, 0.2)",
-            transition: "box-shadow 0.1s ease"
-        },
-        hover: {
-            border: "2px dashed rgb(189, 80, 80)",
-            boxShadow: "5px 5px 2px 1px rgba(0, 0, 255, 0.2)",
-            transition: "box-shadow 0.1s ease"
-        },
-        atomIcon: {
-            variant: "medium"
-        },
-        atomHeading: {
-            variant: "h3"
-        },
-        atomText: {
-            variant: "regular"
-        }
-    }
-};
-export default cardSimpleRender;

package/dist/themes/davidWeb/molecules/cardTeaser.js

@@ -1,69 +0,0 @@
-const cardTeaser = {
-    "CardTeaser-primary": {
-        background: `repeating-linear-gradient(
-        0deg,
-        transparent,
-        transparent 0px,
-        rgb(9, 0, 131) 2px
-    ),
-    repeating-linear-gradient(
-        90deg,
-        transparent,
-        transparent 0px,
-        rgb(9, 0, 131) 2px
-    )`,
-        gradientBackground: `radial-gradient(circle, red 10%, pink 50%)`,
-        borderRadius: "25px",
-        maxWidth: "850px",
-        text: {
-            variant: "medium",
-            color: "#ccc",
-            margin: " 8px 0"
-        },
-        icon: {
-            variant: "medium"
-        },
-        button: {
-            variant: "primary"
-        },
-        image: {
-            borderRadius: "16px"
-        },
-        list: {
-            padding: "0",
-            margin: "0"
-        },
-        leftCardContainer: {
-            responsive: {
-                tinyMobileUp: {
-                    padding: "30px",
-                    maxWidth: "350px"
-                }
-            }
-        },
-        listItem: {
-            responsive: {
-                tinyMobileUp: {
-                    gap: "20px"
-                },
-                mobileUp: {
-                    gap: "10px"
-                }
-            }
-        },
-        separator: {
-            padding: "10px 0 0 0",
-            border: "1px solid #ccc"
-        },
-        headingTitle: {
-            variant: "h2",
-            color: "#ccc"
-        },
-        headingCompanyDate: {
-            variant: "h5",
-            color: "#ccc",
-            textTransform: "uppercase"
-        }
-    }
-};
-export default cardTeaser;

package/dist/themes/davidWeb/molecules/footer.js

@@ -1,26 +0,0 @@
-const footer = {
-    "Footer-primary": {
-        background: `linear-gradient(
-        180deg,
-        rgba(59, 60, 63, 0.6) 0%,
-        rgba(38, 38, 38, 0.8) 43.75%
-        ),
-        rgba(59, 60, 63, 0.8);`,
-        padding: "10px",
-        gap: "20px",
-        text: {
-            variant: "light",
-            color: "#1cc",
-            hover: {
-                color: "#f00"
-            }
-        },
-        links: {
-            variant: "regular"
-        },
-        icons: {
-            variant: "medium"
-        }
-    }
-};
-export default footer;

package/dist/themes/davidWeb/molecules/header.js

@@ -1,94 +0,0 @@
-const header = {
-    "Header-primary": {
-        height: "350px",
-        backgroundColor: "rgba(250, 97, 97, 0.71)",
-        justifyContent: "center",
-        bannerColor: "lightgray",
-        wrapperHeader: {
-            alignItems: "center"
-        },
-        atomIconTop: {
-            variant: "large",
-            stroke: "none",
-            fill: "none",
-            hover: {
-                stroke: "gold",
-                fill: "gold"
-            }
-        },
-        atomIconDot: {
-            variant: "small",
-            size: "10px",
-            fill: "green",
-            stroke: "none",
-            hover: {
-                stroke: "none"
-            }
-        },
-        atomHeading: {
-            variant: "h1"
-        },
-        atomTextTitle: {
-            variant: "medium"
-        },
-        atomButtonLeft: {
-            variant: "primary",
-            flexDirection: "row",
-            gap: "8px"
-        },
-        atomButtonRight: {
-            variant: "secondary",
-            flexDirection: "row-reverse",
-            gap: "8px"
-        },
-        atomTextLeft: {
-            variant: "light"
-        },
-        atomTextRight: {
-            variant: "light"
-        },
-        atomIconLeft: {
-            variant: "small"
-        },
-        atomIconRight: {
-            variant: "small"
-        },
-        wrapperTextTitle: {
-            alignItems: "center"
-        }
-    },
-    "Header-secondary": {
-        height: "300px",
-        backgroundColor: "rgba(186, 250, 97, 0.71)",
-        justifyContent: "flex-start",
-        bannerColor: "lightgray",
-        wrapperHeader: {
-            alignItems: "flex-start"
-        },
-        atomIconDot: {
-            variant: "small",
-            size: "10px",
-            fill: "green",
-            stroke: "none",
-            hover: {
-                stroke: "none"
-            }
-        },
-        atomHeading: {
-            variant: "h1"
-        },
-        atomTextTitle: {
-            variant: "medium"
-        },
-        wrapperTextTitle: {
-            alignItems: "flex-start"
-        },
-        gradientStyles: {
-            orientation: "180deg",
-            primaryColor: "rgba(0, 128, 0, 0) 0%",
-            secondaryColor: "rgba(128, 105, 0, 0.4) 50%",
-            tertiaryColor: "rgba(0, 128, 58, 0.7) 100%"
-        }
-    }
-};
-export default header;

package/dist/themes/davidWeb/molecules/navigation.js

@@ -1,53 +0,0 @@
-const navigation = {
-    "Navigation-primary": {
-        gap: "30px",
-        background: `linear-gradient(
-      180deg,
-      rgba(59, 60, 63, 0.6) 0%,
-      rgba(38, 38, 38, 0.8) 43.75%
-    ),
-    rgba(59, 60, 63, 0.8);`,
-        atomIcon: {
-            variant: "medium",
-            color: "white",
-            focus: {
-                outline: "2px solid darkblue",
-                outlineOffset: "2px",
-                boxShadow: "2px 2px 5px yellow",
-                color: "gold"
-            },
-            hover: {
-                color: "red",
-                transition: "color 0.3s ease"
-            }
-        },
-        atomLink: {
-            variant: "bold",
-            color: "#ccc",
-            fontWeight: "700",
-            currentPath: {
-                color: "green",
-                fontWeight: "900"
-            },
-            focus: {
-                color: "gold",
-                boxShadow: "2px 2px 5px yellow",
-                transform: "translateY(-5px)"
-            },
-            hover: {
-                color: "#f00",
-                transition: "color 0.3s ease"
-            }
-        },
-        navLinks: {
-            responsive: {
-                largeMobileUp: {
-                    gap: "30px",
-                    justifyContent: "flex-start",
-                    margin: "0 30px 0 0"
-                }
-            }
-        }
-    }
-};
-export default navigation;

package/dist/themes/manamerge/atoms/button.js

@@ -1,108 +0,0 @@
-import colors from "../miscellaneous/colorpalette";
-const button = {
-    "Button-primary": {
-        textTransform: "none",
-        height: "45px",
-        width: "auto",
-        maxWidth: "200px",
-        maxHeight: "50px",
-        borderRadius: "15px",
-        lineHeight: "18px",
-        fontFamily: "ManamergeGilmer",
-        fontWeight: 500,
-        letterSpacing: "0.5px",
-        padding: "0 30px",
-        fontSize: "14px",
-        color: colors.one.a,
-        textAlign: "center",
-        display: "inline-flex",
-        justifyContent: "center",
-        alignItems: "center",
-        cursor: "pointer",
-        // shadow: `0px 4px 6px ${colors.one.h}`, // Default box-shadow
-        transition: "all 0.3s ease-in-out",
-        border: "none",
-        overflow: "hidden",
-        position: "relative",
-        default: {
-            text: colors.one.h,
-            border: "none",
-            background: colors.one.c,
-            opacity: 1 // Ensures full opacity by default
-        },
-        hover: {
-            text: colors.one.i,
-            border: "none",
-            background: colors.one.a,
-            opacity: 1 // Slight brightness for hover effect
-        },
-        active: {
-            text: colors.one.b,
-            border: "none",
-            background: colors.two.c,
-            opacity: 1 // Darker shade for active state
-        },
-        disabled: {
-            text: colors.one.a,
-            border: "none",
-            background: colors.one.f,
-            opacity: 0.8
-        }
-    },
-    "Button-secondary": {
-        textTransform: "none",
-        height: "45px",
-        width: "auto",
-        maxWidth: "200px",
-        maxHeight: "50px",
-        borderRadius: "15px",
-        lineHeight: "18px",
-        fontFamily: "ManamergeGilmer",
-        fontWeight: 500,
-        letterSpacing: "0.5px",
-        padding: "0 30px",
-        fontSize: "14px",
-        color: colors.one.a,
-        textAlign: "center",
-        display: "inline-flex",
-        justifyContent: "center",
-        alignItems: "center",
-        cursor: "pointer",
-        // shadow: `0px 4px 6px ${colors.one.h}`, // Default box-shadow
-        transition: "all 0.3s ease-in-out",
-        overflow: "hidden",
-        position: "relative",
-        border: `1px solid ${colors.one.c}`,
-        default: {
-            text: colors.one.a,
-            border: `1px solid ${colors.one.e}`,
-            background: colors.two.d,
-            opacity: 1 // Ensures full opacity by default
-        },
-        hover: {
-            text: colors.one.a,
-            border: `1px solid ${colors.one.a}`,
-            background: colors.two.c,
-            opacity: 1 // Slight brightness for hover effect
-        },
-        active: {
-            text: colors.one.a,
-            border: "1px solid transparent",
-            background: colors.two.c,
-            opacity: 1 // Darker shade for active state
-        },
-        disabled: {
-            text: colors.one.a,
-            border: "none",
-            background: colors.one.f,
-            opacity: 0.8
-        }
-    },
-    "Button-icon": {
-        default: {},
-        hover: {},
-        active: {},
-        disabled: {}
-    }
-};
-export default button;

package/dist/themes/manamerge/atoms/checkbox.js

@@ -1,72 +0,0 @@
-import checkWhite from "../images/icons/check/white.svg";
-const checkbox = {
-    dark: {
-        width: "20px",
-        height: "20px",
-        top: "4px",
-        left: "4px",
-        borderRadius: "1px",
-        text: "#FFFFFF",
-        default: {
-            check: checkWhite,
-            border: "#4C4C53",
-            background: "#000000"
-        },
-        hover: {
-            check: checkWhite,
-            border: "#999999"
-        },
-        checked: {
-            text: "#FFFFFF",
-            check: checkWhite,
-            border: "#4C4C53",
-            background: "#1D1E23"
-        },
-        checkedhover: {
-            check: checkWhite,
-            border: "#4C4C53",
-            background: "#1D1E23",
-            opacity: 0.8
-        },
-        disabled: {
-            check: checkWhite,
-            border: "#4C4C53",
-            background: "#000000",
-            opacity: 0.5
-        }
-    },
-    light: {
-        width: "20px",
-        height: "20px",
-        top: "4px",
-        left: "4px",
-        borderRadius: "1px",
-        text: "#333",
-        default: {
-            check: checkWhite,
-            border: "#4C4C53",
-            background: "#000000"
-        },
-        hover: {
-            check: checkWhite,
-            border: "#999999"
-        },
-        checked: {
-            check: checkWhite,
-            border: "transparent",
-            background: "#1D1E23"
-        },
-        checkedhover: {
-            check: checkWhite,
-            border: "transparent",
-            background: "#1D1E23"
-        },
-        disabled: {
-            check: checkWhite,
-            border: "#4C4C53",
-            background: "#000000",
-            opacity: 0.5
-        }
-    }
-};
-export default checkbox;

package/dist/themes/manamerge/atoms/divider.js

@@ -1,25 +0,0 @@
-import colors from "../miscellaneous/colorpalette";
-const divider = {
-    "Divider-primary": {
-        color: colors.one.b,
-        height: "1px",
-        width: "100%",
-        borderRadius: "0px",
-        margin: "0 auto"
-    },
-    "Divider-secondary": {
-        color: colors.one.h,
-        height: "5px",
-        width: "75%",
-        borderRadius: "50px",
-        margin: "50px auto"
-    },
-    "Divider-tertiary": {
-        color: colors.three.a,
-        height: "20px",
-        width: "50%",
-        borderRadius: "3px",
-        margin: "50px auto"
-    }
-};
-export default divider;

package/dist/themes/manamerge/atoms/gradient.js

@@ -1,19 +0,0 @@
-import colors from "../miscellaneous/colorpalette";
-const gradient = {
-    "Gradient-primary": {
-        orientation: "circle at 100%",
-        primaryColor: colors.three.b,
-        secondaryColor: colors.three.a
-    },
-    "Gradient-secondary": {
-        orientation: "closest-side",
-        primaryColor: colors.two.a,
-        secondaryColor: colors.two.b
-    },
-    "Gradient-tertiary": {
-        orientation: "farthest-corner at 40px 40px",
-        primaryColor: colors.three.a,
-        secondaryColor: colors.four.a
-    }
-};
-export default gradient;