@manamerge/mana-atomic-ui 1.0.187 → 1.0.188

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

@@ -138,17 +138,17 @@ const button = {
         default: {
             text: colors.one.b,
             border: `1px solid transparent`, // border setting
-            background: colors.five.a
+            background: colors.two.g
         },
         hover: {
             text: colors.one.a,
             border: `1px solid transparent`,
-            background: `${colors.five.a}`
+            background: `${colors.two.g}`
         },
         active: {
             text: colors.one.a,
             border: `1px solid ${colors.one.a}`,
-            background: `${colors.five.a}cc`
+            background: `${colors.two.g}cc`
         },
         focusVisible: {
             outline: `2px solid ${colors.one.a}`,

package/dist/themes/themes/manamerge/atoms/icon.ts

@@ -7,7 +7,7 @@ const icon = {
         fill: colors.one.h,
         stroke: colors.one.h,
         hover: {
-            color: colors.transparent,
+            color: colors.one.h,
             fill: colors.one.h,
             stroke: colors.one.h
         }

package/dist/themes/themes/manamerge/miscellaneous/colorpalette.ts

@@ -17,7 +17,8 @@ const colors = {
         c: "#80C3BA",
         d: "#6FA58E",
         e: "#5E876B",
-        f: "#4D694C"
+        f: "#4D694C",
+        g: "#01160e"
     },
     three: {
         a: "#FFD166",
@@ -27,10 +28,6 @@ const colors = {
     four: {
         a: "#FF1A1A",
         b: "#590E0E"
-    },
-    five: {
-        a: "#01160e",
-        b: "#000b07"
     }
 };
 

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

@@ -1,27 +1,35 @@
+import colors from "../miscellaneous/colorpalette";
+
 const accordion = {
     "Accordion-primary": {
         width: "100%",
         borderRadius: "8px",
-        backgroundTitle: "#2a2a2a",
+        backgroundTitle: colors.two.g,
         paddingTitle: "16px",
+        transition: "all 0.3s ease-in-out",
         hover: {
-            background: "#3a3a3a"
+            background: `${colors.two.g}b3`
         },
         focusVisible: {
-            outline: "#0078d4 2px solid",
-            outlineOffset: "1px"
+            outline: `2px solid ${colors.two.a}`,
+            outlineOffset: "-8px"
         },
         gap: "10px",
-        backgroundDescription: "#ccc",
+        backgroundDescription: `${colors.two.g}80`,
         atomIcon: {
-            variant: "sm"
+            variant: "xs",
+            size: "12px",
+            color: colors.one.b,
+            fill: colors.one.b,
+            stroke: colors.one.b
         },
         atomHeading: {
-            variant: "primary-h5",
-            color: "white"
+            variant: "primary",
+            asTag: "h5",
+            vColor: "none"
         },
         atomText: {
-            variant: "secondary-light",
+            variant: "primary-light",
             padding: "16px"
         }
     }

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

@@ -5,7 +5,7 @@ const cardBanner = {
         flexDirection: "row",
         justifyContent: "space-between",
         background: `linear-gradient(to right, ${colors.two.a},  ${colors.two.c})`,
-        // border: `2px solid ${colors.two.b}`,
+        border: "none",
         borderRadius: "25px",
         padding: "20px",
 

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

@@ -5,7 +5,7 @@ const cardSimpleRender = {
         flexDirection: "column",
         justifyContent: "space-between",
         gap: "20px",
-        background: colors.five.a,
+        background: colors.two.g,
         gradientColor: colors.two.a,
         outline: `2px solid ${colors.two.b}40`,
         borderRadius: "20px",
@@ -14,15 +14,15 @@ const cardSimpleRender = {
         maxWidth: "550px",
         minWidth: "250px",
         focus: {
-            // border: `2px dashed ${colors.two.c}`,
+            border: "none",
             outline: `2px dashed ${colors.two.c}`,
-            // boxShadow: `5px 5px 2px 1px ${colors.two.c}13`,
+            boxShadow: "none",
             transition: "outline 0.5s ease"
         },
         hover: {
-            // border: `2px solid ${colors.two.c}`,
+            border: "none",
             outline: `2px solid ${colors.two.c}`,
-            // boxShadow: `5px 5px 2px 1px ${colors.two.c}33`,
+            boxShadow: "none",
             transition: "outline 0.5s ease"
         },
 

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

@@ -1249,6 +1249,7 @@ export declare const DavidWebTheme: {
             borderRadius: string;
             backgroundTitle: string;
             paddingTitle: string;
+            transition: string;
             hover: {
                 background: string;
             };
@@ -1260,10 +1261,15 @@ export declare const DavidWebTheme: {
             backgroundDescription: string;
             atomIcon: {
                 variant: string;
+                size: string;
+                color: string;
+                fill: string;
+                stroke: string;
             };
             atomHeading: {
                 variant: string;
-                color: string;
+                asTag: string;
+                vColor: string;
             };
             atomText: {
                 variant: string;

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

@@ -1312,11 +1312,15 @@ export declare const ManamergeTheme: {
             maxWidth: string;
             minWidth: string;
             focus: {
+                border: string;
                 outline: string;
+                boxShadow: string;
                 transition: string;
             };
             hover: {
+                border: string;
                 outline: string;
+                boxShadow: string;
                 transition: string;
             };
             atomIcon: {
@@ -1338,6 +1342,7 @@ export declare const ManamergeTheme: {
             flexDirection: string;
             justifyContent: string;
             background: string;
+            border: string;
             borderRadius: string;
             padding: string;
             atomHeading: {
@@ -1366,6 +1371,7 @@ export declare const ManamergeTheme: {
             borderRadius: string;
             backgroundTitle: string;
             paddingTitle: string;
+            transition: string;
             hover: {
                 background: string;
             };
@@ -1377,10 +1383,15 @@ export declare const ManamergeTheme: {
             backgroundDescription: string;
             atomIcon: {
                 variant: string;
+                size: string;
+                color: string;
+                fill: string;
+                stroke: string;
             };
             atomHeading: {
                 variant: string;
-                color: string;
+                asTag: string;
+                vColor: string;
             };
             atomText: {
                 variant: string;
@@ -1455,6 +1466,7 @@ export declare const ManamergeTheme: {
             d: string;
             e: string;
             f: string;
+            g: string;
         };
         three: {
             a: string;
@@ -1465,10 +1477,6 @@ export declare const ManamergeTheme: {
             a: string;
             b: string;
         };
-        five: {
-            a: string;
-            b: string;
-        };
     };
     pages: {
         vod: {

package/dist/types/themes/manamerge/miscellaneous/colorpalette.d.ts

@@ -18,6 +18,7 @@ declare const colors: {
         d: string;
         e: string;
         f: string;
+        g: string;
     };
     three: {
         a: string;
@@ -28,9 +29,5 @@ declare const colors: {
         a: string;
         b: string;
     };
-    five: {
-        a: string;
-        b: string;
-    };
 };
 export default colors;

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

@@ -4,6 +4,7 @@ declare const accordion: {
         borderRadius: string;
         backgroundTitle: string;
         paddingTitle: string;
+        transition: string;
         hover: {
             background: string;
         };
@@ -15,10 +16,15 @@ declare const accordion: {
         backgroundDescription: string;
         atomIcon: {
             variant: string;
+            size: string;
+            color: string;
+            fill: string;
+            stroke: string;
         };
         atomHeading: {
             variant: string;
-            color: string;
+            asTag: string;
+            vColor: string;
         };
         atomText: {
             variant: string;

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

@@ -3,6 +3,7 @@ declare const cardBanner: {
         flexDirection: string;
         justifyContent: string;
         background: string;
+        border: string;
         borderRadius: string;
         padding: string;
         atomHeading: {

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

@@ -12,11 +12,15 @@ declare const cardSimpleRender: {
         maxWidth: string;
         minWidth: string;
         focus: {
+            border: string;
             outline: string;
+            boxShadow: string;
             transition: string;
         };
         hover: {
+            border: string;
             outline: string;
+            boxShadow: string;
             transition: string;
         };
         atomIcon: {

package/package.json

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