@sazito/checkout 0.1.2 → 0.2.0

package/README.md

@@ -77,6 +77,10 @@ export default function Checkout() {
 | `summaryBackground` | `--szc-summary-bg` | Summary sidebar |
 | `danger` | `--szc-danger` | Errors and destructive states |
 | `success` | `--szc-success` | Completed and success states |
+| `successForeground` | `--szc-success-foreground` | Text/icons on solid success surfaces |
+| `logoBackground` | `--szc-logo-bg` | Plate behind shipping-provider logos |
+| `shippingNeutral` | `--szc-shipping-neutral` | Neutral surface for white shipping colors |
+| `shippingNeutralForeground` | `--szc-shipping-neutral-foreground` | Foreground on the neutral shipping surface |
 
 `radius` and `fontFamily` remain available for shape and typography. Shipping-rate icon colors continue to come from the shipping API.
 

package/dist/core/index.d.cts

@@ -70,6 +70,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/core/index.d.ts

@@ -70,6 +70,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.cjs

@@ -575,8 +575,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
@@ -742,6 +742,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)