fix: added support for Customization for PaymentMethodHeaderText (#283)

Co-authored-by: Pritish Budhiraja <[email protected]>
juspay · Apr 10, 2024 · bdbd84a · bdbd84a
1 parent 6678dc1
commit bdbd84a
Show file tree

Hide file tree

Showing 8 changed files with 42 additions and 4 deletions.
diff --git a/src/BrutalTheme.res b/src/BrutalTheme.res
@@ -16,6 +16,7 @@ let brutal = {
   fontWeightMedium: "700",
   fontWeightBold: "800",
   fontLineHeight: "",
+  fontSize2Xl: "24px",
   fontSizeXl: "16px",
   fontSizeLg: "14px",
   fontSizeSm: "12px",
@@ -173,6 +174,12 @@ let brutalRules = (theme: CardThemeType.themeClass) =>
       "borderTopColor": "transparent !important",
       "borderLeftColor": "transparent !important",
     },
+    ".PaymentMethodsHeaderLabel": {
+      "color": theme.colorText,
+      "fontSize": theme.fontSize2Xl,
+      "fontWeight": theme.fontWeightMedium,
+      "marginBottom": "1.5rem",
+    },
   }->Identity.anyTypeToJson
 
 let default = brutal

diff --git a/src/CardTheme.res b/src/CardTheme.res
@@ -175,6 +175,7 @@ let getVariables = (str, dict, default, logger) => {
       ),
       fontWeightBold: getWarningString(json, "fontWeightBold", default.fontWeightBold, ~logger),
       fontLineHeight: getWarningString(json, "fontLineHeight", default.fontLineHeight, ~logger),
+      fontSize2Xl: getWarningString(json, "fontSize2Xl", default.fontSize2Xl, ~logger),
       fontSizeXl: getWarningString(json, "fontSizeXl", default.fontSizeXl, ~logger),
       fontSizeLg: getWarningString(json, "fontSizeLg", default.fontSizeLg, ~logger),
       fontSizeSm: getWarningString(json, "fontSizeSm", default.fontSizeSm, ~logger),

diff --git a/src/CharcoalTheme.res b/src/CharcoalTheme.res
@@ -16,6 +16,7 @@ let charcoal = {
   fontWeightMedium: "600",
   fontWeightBold: "700",
   fontLineHeight: "",
+  fontSize2Xl: "24px",
   fontSizeXl: "16px",
   fontSizeLg: "14px",
   fontSizeSm: "12px",
@@ -173,6 +174,12 @@ let charcoalRules = theme =>
       "fontWeight": theme.fontWeightLight,
       "fontSize": theme.fontSizeLg,
     },
+    ".PaymentMethodsHeaderLabel": {
+      "color": theme.colorText,
+      "fontSize": theme.fontSize2Xl,
+      "fontWeight": theme.fontWeightMedium,
+      "marginBottom": "1.5rem",
+    },
   }->Identity.anyTypeToJson
 
 let default = charcoal

diff --git a/src/DefaultTheme.res b/src/DefaultTheme.res
@@ -16,6 +16,7 @@ let default = {
   fontWeightMedium: "600",
   fontWeightBold: "700",
   fontLineHeight: "",
+  fontSize2Xl: "24px",
   fontSizeXl: "16px",
   fontSizeLg: "14px",
   fontSizeSm: "12px",
@@ -185,6 +186,12 @@ let defaultRules = theme =>
       "fontWeight": theme.fontWeightLight,
       "fontSize": theme.fontSizeLg,
     },
+    ".PaymentMethodsHeaderLabel": {
+      "color": theme.colorText,
+      "fontSize": theme.fontSize2Xl,
+      "fontWeight": theme.fontWeightMedium,
+      "marginBottom": "1.5rem",
+    },
   }->Identity.anyTypeToJson
 
 let default = default

diff --git a/src/MidnightTheme.res b/src/MidnightTheme.res
@@ -16,6 +16,7 @@ let midnight = {
   fontWeightMedium: "600",
   fontWeightBold: "700",
   fontLineHeight: "",
+  fontSize2Xl: "24px",
   fontSizeXl: "16px",
   fontSizeLg: "14px",
   fontSizeSm: "12px",
@@ -194,6 +195,12 @@ let midnightRules = theme =>
       "fontWeight": theme.fontWeightLight,
       "fontSize": theme.fontSizeLg,
     },
+    ".PaymentMethodsHeaderLabel": {
+      "color": theme.colorText,
+      "fontSize": theme.fontSize2Xl,
+      "fontWeight": theme.fontWeightMedium,
+      "marginBottom": "1.5rem",
+    },
   }->Identity.anyTypeToJson
 
 let default = midnight

diff --git a/src/NoTheme.res b/src/NoTheme.res
@@ -1,6 +1,6 @@
 open CardThemeType
 
-let nakedValues = {
+let noThemeValues = {
   fontFamily: "",
   fontSizeBase: "1rem",
   colorPrimary: "",
@@ -17,6 +17,7 @@ let nakedValues = {
   fontWeightMedium: "",
   fontWeightBold: "",
   fontLineHeight: "",
+  fontSize2Xl: "",
   fontSizeXl: "",
   fontSizeLg: "",
   fontSizeSm: "",
@@ -49,7 +50,7 @@ let nakedValues = {
   buttonTextFontWeight: "500",
 }
 
-let nakedValuesRules = _ => Dict.make()->JSON.Encode.object
+let noThemeValuesRules = _ => Dict.make()->JSON.Encode.object
 
-let default = nakedValues
-let defaultRules = nakedValuesRules
+let default = noThemeValues
+let defaultRules = noThemeValuesRules
diff --git a/src/SoftTheme.res b/src/SoftTheme.res
@@ -17,6 +17,7 @@ let soft = {
   fontWeightMedium: "600",
   fontWeightBold: "700",
   fontLineHeight: "",
+  fontSize2Xl: "24px",
   fontSizeXl: "16px",
   fontSizeLg: "14px",
   fontSizeSm: "12px",
@@ -180,6 +181,12 @@ let softRules = theme =>
       "fontWeight": theme.fontWeightLight,
       "fontSize": theme.fontSizeLg,
     },
+    ".PaymentMethodsHeaderLabel": {
+      "color": theme.colorText,
+      "fontSize": theme.fontSize2Xl,
+      "fontWeight": theme.fontWeightMedium,
+      "marginBottom": "1.5rem",
+    },
   }->Identity.anyTypeToJson
 
 let default = soft

diff --git a/src/Types/CardThemeType.res b/src/Types/CardThemeType.res
@@ -27,6 +27,7 @@ type themeClass = {
   fontWeightMedium: string,
   fontWeightBold: string,
   fontLineHeight: string,
+  fontSize2Xl: string,
   fontSizeXl: string,
   fontSizeLg: string,
   fontSizeSm: string,