@sazito/checkout 0.1.2 → 0.2.0

package/dist/next/index.d.cts

@@ -71,6 +71,14 @@ interface CheckoutTheme {
     danger?: string;
     /** Success and completed-state color. */
     success?: string;
+    /** Foreground used on top of solid success surfaces. */
+    successForeground?: string;
+    /** Background plate behind carrier and shipping-method logos. */
+    logoBackground?: string;
+    /** Neutral surface used when a shipping color is white or near-white. */
+    shippingNeutral?: string;
+    /** Foreground used on the neutral shipping surface. */
+    shippingNeutralForeground?: string;
     /** Base corner radius in px. */
     radius?: number;
     /** Font family. Defaults to `inherit` so the host font flows through. */

package/dist/next/index.d.ts

@@ -71,6 +71,14 @@ interface CheckoutTheme {
     danger?: string;
     /** Success and completed-state color. */
     success?: string;
+    /** Foreground used on top of solid success surfaces. */
+    successForeground?: string;
+    /** Background plate behind carrier and shipping-method logos. */
+    logoBackground?: string;
+    /** Neutral surface used when a shipping color is white or near-white. */
+    shippingNeutral?: string;
+    /** Foreground used on the neutral shipping surface. */
+    shippingNeutralForeground?: string;
     /** Base corner radius in px. */
     radius?: number;
     /** Font family. Defaults to `inherit` so the host font flows through. */

package/dist/next/index.js

@@ -574,8 +574,8 @@ function shippingRateIconStyle(color) {
     // the card. Render a neutral chip with a slate glyph instead.
     if (luminance > 0.9) {
         return {
-            '--szc-rate-color': '#eef0f5',
-            '--szc-rate-foreground': '#475569'
+            '--szc-rate-color': 'var(--szc-shipping-neutral)',
+            '--szc-rate-foreground': 'var(--szc-shipping-neutral-foreground)'
         };
     }
     const foreground = luminance > 0.62
@@ -741,6 +741,14 @@ function themeVars(theme) {
         vars['--szc-danger'] = theme.danger;
     if (theme?.success)
         vars['--szc-success'] = theme.success;
+    if (theme?.successForeground)
+        vars['--szc-success-foreground'] = theme.successForeground;
+    if (theme?.logoBackground)
+        vars['--szc-logo-bg'] = theme.logoBackground;
+    if (theme?.shippingNeutral)
+        vars['--szc-shipping-neutral'] = theme.shippingNeutral;
+    if (theme?.shippingNeutralForeground)
+        vars['--szc-shipping-neutral-foreground'] = theme.shippingNeutralForeground;
     if (theme?.radius != null)
         vars['--szc-radius'] = `${theme.radius}px`;
     if (theme?.fontFamily)