fansunited-frontend-components 0.0.4-RC2 → 0.0.4-RC3

package/components.js

@@ -24087,7 +24087,8 @@ const Rn = Pn(/* @__PURE__ */ A.jsx("path", {
         gap: "8px",
         alignItems: "center",
         minWidth: "180px",
-        fontSize: "1em"
+        fontSize: "1em",
+        zIndex: 1
       },
       children: [
         /* @__PURE__ */ A.jsx(
@@ -24655,22 +24656,46 @@ const Rn = Pn(/* @__PURE__ */ A.jsx("path", {
       ),
       sx: {
         gap: 1,
-        borderRadius: i.sm
+        borderRadius: i.sm,
+        fontSize: "0.875em",
+        "--Icon-fontSize": "1.25em"
       },
-      children: /* @__PURE__ */ A.jsxs(sa, { children: [
-        t && /* @__PURE__ */ A.jsx(
-          oe,
-          {
-            level: "title-md",
-            color: l,
-            fontWeight: "bold",
-            sx: { fontFamily: s },
-            children: t
-          }
-        ),
-        /* @__PURE__ */ A.jsx(oe, { level: "body-sm", sx: { fontFamily: s }, children: o }),
-        n && /* @__PURE__ */ A.jsx(oe, { level: "body-xs", sx: { fontFamily: s }, children: n })
-      ] })
+      children: /* @__PURE__ */ A.jsxs(
+        sa,
+        {
+          sx: {
+            fontSize: "1.5em"
+          },
+          children: [
+            t && /* @__PURE__ */ A.jsx(
+              oe,
+              {
+                level: "title-md",
+                color: l,
+                fontWeight: "bold",
+                sx: { fontFamily: s, fontSize: "0.875em" },
+                children: t
+              }
+            ),
+            /* @__PURE__ */ A.jsx(
+              oe,
+              {
+                level: "body-sm",
+                sx: { fontFamily: s, fontSize: "0.675em" },
+                children: o
+              }
+            ),
+            n && /* @__PURE__ */ A.jsx(
+              oe,
+              {
+                level: "body-xs",
+                sx: { fontFamily: s, fontSize: "0.6em" },
+                children: n
+              }
+            )
+          ]
+        }
+      )
     }
   );
 }, dn = {
@@ -24822,13 +24847,16 @@ const Rn = Pn(/* @__PURE__ */ A.jsx("path", {
     { value: "other", label: R("leads.form.genderOptions.other") },
     { value: "prefer_not_to_say", label: R("leads.form.genderOptions.notSay") }
   ], Z = {
-    color: `${b} !important`
+    color: `${b} !important`,
+    fontSize: "0.875em"
   }, F = {
     fontFamily: z,
     borderRadius: K,
     bgcolor: U.background.surface,
     borderColor: U.neutral.outlinedBorder,
     color: U.neutral.outlinedColor,
+    fontSize: "1em",
+    lineHeight: "2.25em",
     "&:hover": {
       bgcolor: U.neutral.outlinedHoverBg
     },
@@ -25166,7 +25194,7 @@ const Rn = Pn(/* @__PURE__ */ A.jsx("path", {
               bgcolor: M,
               color: O
             },
-            fontSize: "0.8125em"
+            fontSize: "1em"
           },
           onClick: u,
           children: be
@@ -25216,7 +25244,11 @@ const Rn = Pn(/* @__PURE__ */ A.jsx("path", {
         oe,
         {
           level: "h4",
-          sx: { fontFamily: Xe().primary, color: D },
+          sx: {
+            fontFamily: Xe().primary,
+            color: D,
+            fontSize: "1.25em"
+          },
           children: I
         }
       ),
@@ -25227,7 +25259,8 @@ const Rn = Pn(/* @__PURE__ */ A.jsx("path", {
           sx: {
             fontFamily: Xe().primary,
             color: C,
-            opacity: 0.6
+            opacity: 0.6,
+            fontSize: "0.875em"
           },
           children: m
         }
@@ -25295,7 +25328,7 @@ const Rn = Pn(/* @__PURE__ */ A.jsx("path", {
       justifyContent: "space-between",
       gap: "40px",
       p: e.spacingScale.xl,
-      boxShadow: "xl",
+      boxShadow: "md",
       border: (t = e.brandingColors) != null && t.borderColor ? `${e.borderSize} solid ${e.brandingColors.borderColor}` : "none",
       overflow: "hidden",
       backgroundImage: e.backgroundImage,
@@ -25723,7 +25756,7 @@ const Rn = Pn(/* @__PURE__ */ A.jsx("path", {
           color: "#FFFFFF",
           opacity: "12%"
         },
-        fontSize: "0.8125em"
+        fontSize: "0.9375em"
       },
       endDecorator: e.endDecorator,
       onClick: e.onClick,
@@ -25733,6 +25766,7 @@ const Rn = Pn(/* @__PURE__ */ A.jsx("path", {
           sx: {
             fontFamily: t,
             fontWeight: 500,
+            fontSize: "0.9375em",
             lineHeight: "24px",
             letterSpacing: "0.46px",
             textTransform: "uppercase",
@@ -25926,7 +25960,7 @@ const Rn = Pn(/* @__PURE__ */ A.jsx("path", {
       fontWeight: 700,
       lineHeight: "133%",
       letterSpacing: "0px",
-      fontSize: "1.5rem",
+      fontSize: "1.5em",
       color: e.textColor,
       fontFamily: e.fontFamilyPrimary,
       textAlign: { xs: "center", md: "left" }
@@ -25936,7 +25970,7 @@ const Rn = Pn(/* @__PURE__ */ A.jsx("path", {
       fontWeight: 700,
       lineHeight: "133%",
       letterSpacing: "0px",
-      fontSize: "1.5rem",
+      fontSize: "1.5em",
       color: e.textColor,
       fontFamily: e.fontFamilyPrimary
     },
@@ -26596,12 +26630,16 @@ const Rn = Pn(/* @__PURE__ */ A.jsx("path", {
         color: e.onPrimaryColor
       },
       animation: "pulse 1s infinite",
-      fontSize: "0.9375em"
+      fontSize: "0.9375em",
+      py: "10px",
+      pr: "12px",
+      pl: "16px"
     },
     // Start button text
     startButtonText: {
       fontFamily: e.fontFamilyPrimary,
       fontWeight: 500,
+      fontSize: "0.9375em",
       lineHeight: "24px",
       letterSpacing: "0.46px",
       textTransform: "uppercase",
@@ -28050,8 +28088,7 @@ const Rn = Pn(/* @__PURE__ */ A.jsx("path", {
       flexDirection: "column",
       backdropFilter: "blur(4px)",
       bgcolor: `rgba(${e.bgcolor ? e.bgcolor.replace(/[^\d,]/g, "") : ""}, 0.5)`,
-      borderRadius: e.borderRadius.sm,
-      boxShadow: "lg"
+      borderRadius: e.borderRadius.sm
     },
     // Score content wrapper
     scoreContentWrapper: {
@@ -28233,7 +28270,7 @@ const Rn = Pn(/* @__PURE__ */ A.jsx("path", {
       "&:hover": {
         bgcolor: e.onSurfaceColor
       },
-      fontSize: "0.8125em"
+      fontSize: "0.9375em"
     },
     // Play again button content
     playAgainButtonContent: {
@@ -28257,6 +28294,7 @@ const Rn = Pn(/* @__PURE__ */ A.jsx("path", {
       color: e.textPrimary,
       textAlign: "center",
       fontFamily: e.fontFamilyPrimary,
+      fontSize: "0.9375em",
       fontStyle: "normal",
       fontWeight: 500,
       lineHeight: "22px",
@@ -28277,7 +28315,7 @@ const Rn = Pn(/* @__PURE__ */ A.jsx("path", {
       "&:hover": {
         bgcolor: e.primaryColor
       },
-      fontSize: "0.8125em"
+      fontSize: "0.9375em"
     },
     // Share button content
     shareButtonContent: {
@@ -28301,6 +28339,7 @@ const Rn = Pn(/* @__PURE__ */ A.jsx("path", {
       color: e.onPrimaryColor,
       textAlign: "center",
       fontFamily: e.fontFamilyPrimary,
+      fontSize: "0.9375em",
       fontStyle: "normal",
       fontWeight: 500,
       lineHeight: "22px",
@@ -28319,8 +28358,7 @@ const Rn = Pn(/* @__PURE__ */ A.jsx("path", {
       flexDirection: "column",
       backdropFilter: "blur(4px)",
       bgcolor: `rgba(${e.bgcolor ? e.bgcolor.replace(/[^\d,]/g, "") : ""}, 0.5)`,
-      borderRadius: e.borderRadius.sm,
-      boxShadow: "lg"
+      borderRadius: e.borderRadius.sm
     },
     // Lead content wrapper
     leadContentWrapper: {
@@ -28495,8 +28533,7 @@ const Rn = Pn(/* @__PURE__ */ A.jsx("path", {
                 flexDirection: "column",
                 backdropFilter: "blur(4px)",
                 bgcolor: `rgba(${x ? pn(x || "").replace(/[^\d,]/g, "") : ""}, 0.5)`,
-                borderRadius: D.sm,
-                boxShadow: "lg"
+                borderRadius: D.sm
               },
               children: [
                 /* @__PURE__ */ A.jsx(V, { sx: b.ctaContainer, children: /* @__PURE__ */ A.jsxs(V, { sx: b.ctaContentWrapper, children: [
@@ -28554,8 +28591,7 @@ const Rn = Pn(/* @__PURE__ */ A.jsx("path", {
               flexDirection: "column",
               backdropFilter: "blur(4px)",
               bgcolor: `rgba(${x ? pn(x || "").replace(/[^\d,]/g, "") : ""}, 0.5)`,
-              borderRadius: D.sm,
-              boxShadow: "lg"
+              borderRadius: D.sm
             },
             children: /* @__PURE__ */ A.jsx(V, { sx: b.ctaContainer, children: /* @__PURE__ */ A.jsxs(V, { sx: b.ctaContentWrapper, children: [
               /* @__PURE__ */ A.jsx(oe, { level: "body-lg", sx: b.thanksText, children: r("classicQuiz.thanksForPlaying") }),
@@ -28615,7 +28651,7 @@ const Rn = Pn(/* @__PURE__ */ A.jsx("path", {
 }, DI = (e) => ({
   // Main container with background overlay (with explanations)
   mainContainerWithExplanations: {
-    boxShadow: "xl",
+    boxShadow: "md",
     border: `${e.borderSize} solid ${e.borderColor}`,
     overflow: "hidden",
     backgroundImage: e.backgroundImage,
@@ -28642,7 +28678,7 @@ const Rn = Pn(/* @__PURE__ */ A.jsx("path", {
     flexDirection: "column",
     gap: "40px",
     p: e.spacingScale.xl,
-    boxShadow: "xl",
+    boxShadow: "md",
     border: `${e.borderSize} solid ${e.borderColor}`,
     overflow: "hidden",
     backgroundImage: e.backgroundImage,
@@ -29421,10 +29457,7 @@ const Rn = Pn(/* @__PURE__ */ A.jsx("path", {
     },
     // Alert container
     alertContainer: {
-      px: e.spacingScale.md,
-      pt: e.spacingScale.md,
-      pb: e.spacingScale.lg,
-      gap: e.spacingScale.md,
+      py: e.spacingScale.md,
       display: "flex",
       flexDirection: "column",
       backdropFilter: "blur(4px)"
@@ -29698,7 +29731,7 @@ const Rn = Pn(/* @__PURE__ */ A.jsx("path", {
       justifyContent: "space-between",
       gap: "40px",
       p: e.spacingScale.xl,
-      boxShadow: "xl",
+      boxShadow: "md",
       border: (t = e.brandingColors) != null && t.borderColor ? `${e.borderSize} solid ${e.brandingColors.borderColor}` : "none",
       overflow: "hidden",
       backgroundImage: e.backgroundImage,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fansunited-frontend-components",
-  "version": "0.0.4-RC2",
+  "version": "0.0.4-RC3",
   "description": "Various user centric components for Fans United features",
   "main": "components.js",
   "types": "components.d.ts",