@almadar/core 10.111.0 → 10.113.0

package/themes/prism.json

@@ -1,5 +1,6 @@
 {
   "name": "prism",
+  "displayName": "Prism",
   "tokens": {
     "motion": {
       "durations": {
@@ -14,6 +15,15 @@
         "standard": "linear",
         "emphasized": "linear",
         "spring": "linear"
+      },
+      "shapes": {
+        "modalEnter": "scale(0.95)",
+        "modalExit": "scale(0.95)",
+        "pageEnter": "translateY(8px)",
+        "popoverEnter": "scale(0.96)",
+        "popoverExit": "scale(0.96)",
+        "toastEnter": "translateY(12px)",
+        "toastExit": "translateY(12px)"
       }
     },
     "iconography": {
@@ -22,18 +32,24 @@
       "defaultSize": "14px"
     },
     "elevation": {
-      "cardElevation": "var(--shadow-sm)",
-      "popoverElevation": "var(--shadow-main)",
-      "dialogElevation": "var(--shadow-main)",
-      "toastElevation": "var(--shadow-sm)"
+      "cardElevation": "var(--shadow-main)",
+      "popoverElevation": "var(--shadow-lg)",
+      "dialogElevation": "var(--shadow-lg)",
+      "toastElevation": "var(--shadow-main)",
+      "interactiveElevation": "var(--shadow-sm)",
+      "pressedElevation": "var(--shadow-inner)"
     },
     "geometry": {
-      "radiusContainer": "6px",
+      "radiusContainer": "10px",
       "radiusInteractive": "10px",
       "radiusPill": "9999px",
       "borderHairline": "1px",
       "borderStandard": "1px",
-      "borderHeavy": "2px"
+      "borderHeavy": "2px",
+      "cornerShape": "superellipse(1.5)",
+      "cornerShapePill": "superellipse(1.5)",
+      "borderStyle": "solid",
+      "borderStyleInteractive": "solid"
     },
     "colors": {
       "primary": "#7c3aed",
@@ -61,24 +77,25 @@
       "warning": "#b45309",
       "warning-foreground": "#ffffff",
       "info": "#2563eb",
-      "info-foreground": "#ffffff"
+      "info-foreground": "#ffffff",
+      "scrim": "rgba(0, 0, 0, 0.6)"
     },
     "radii": {
       "none": "0px",
-      "sm": "4px",
-      "md": "6px",
-      "lg": "10px",
-      "xl": "12px",
+      "sm": "6px",
+      "md": "10px",
+      "lg": "14px",
+      "xl": "18px",
       "full": "9999px"
     },
     "shadows": {
+      "main": "0 6px 20px -4px rgba(124, 58, 237, 0.22), 0 2px 6px rgba(132, 204, 22, 0.10)",
+      "sm": "0 3px 10px -2px rgba(124, 58, 237, 0.18)",
+      "lg": "0 16px 40px -8px rgba(124, 58, 237, 0.30), 0 4px 12px rgba(132, 204, 22, 0.12)",
+      "inner": "inset 0 1px 2px rgba(124, 58, 237, 0.10)",
       "none": "none",
-      "sm": "0 1px 0 rgba(15, 23, 42, 0.04), 0 1px 2px rgba(15, 23, 42, 0.04)",
-      "main": "0 1px 2px rgba(15, 23, 42, 0.06), 0 2px 6px rgba(15, 23, 42, 0.04)",
-      "lg": "0 4px 12px rgba(15, 23, 42, 0.08), 0 2px 4px rgba(15, 23, 42, 0.04)",
-      "inner": "inset 0 1px 1px rgba(15, 23, 42, 0.04)",
-      "hover": "0 2px 6px rgba(124, 58, 237, 0.12)",
-      "active": "0 1px 2px rgba(124, 58, 237, 0.08)"
+      "hover": "0 10px 28px -6px rgba(124, 58, 237, 0.34), 0 3px 8px rgba(132, 204, 22, 0.14)",
+      "active": "0 2px 6px -2px rgba(124, 58, 237, 0.25)"
     },
     "typography": {
       "border-width": "1px",
@@ -96,45 +113,28 @@
       "active-translate-y": "0",
       "focus-ring-width": "2px",
       "focus-ring-offset": "2px",
-      "focus-ring-color": "#7c3aed"
+      "focus-ring-color": "#7c3aed",
+      "font-family": "\"Manrope\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+      "letter-spacing": "-0.01em",
+      "line-height": "1.55"
+    },
+    "typeScale": {
+      "displayFamily": "\"Manrope\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+      "bodyFamily": "\"Manrope\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+      "monoFamily": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+      "fontImport": "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap",
+      "headingWeight": "800",
+      "headingTransform": "none",
+      "headingTracking": "-0.035em",
+      "headingStyle": "normal",
+      "headingShadow": "none"
+    },
+    "surface": {
+      "cardImage": "linear-gradient(135deg, rgba(124, 58, 237, 0.08) 0%, rgba(236, 72, 153, 0.05) 50%, rgba(132, 204, 22, 0.08) 100%)"
     }
   },
   "variants": {
     "dark": {
-      "motion": {
-        "durations": {
-          "instant": "0ms",
-          "fast": "80ms",
-          "normal": "120ms",
-          "slow": "180ms",
-          "dramatic": "240ms"
-        },
-        "easings": {
-          "linear": "linear",
-          "standard": "linear",
-          "emphasized": "linear",
-          "spring": "linear"
-        }
-      },
-      "iconography": {
-        "family": "lucide",
-        "strokeWidth": "1.5",
-        "defaultSize": "14px"
-      },
-      "elevation": {
-        "cardElevation": "var(--shadow-sm)",
-        "popoverElevation": "var(--shadow-main)",
-        "dialogElevation": "var(--shadow-main)",
-        "toastElevation": "var(--shadow-sm)"
-      },
-      "geometry": {
-        "radiusContainer": "6px",
-        "radiusInteractive": "10px",
-        "radiusPill": "9999px",
-        "borderHairline": "1px",
-        "borderStandard": "1px",
-        "borderHeavy": "2px"
-      },
       "colors": {
         "primary": "#a78bfa",
         "primary-hover": "#c4b5fd",
@@ -161,24 +161,8 @@
         "warning": "#fbbf24",
         "warning-foreground": "#000000",
         "info": "#60a5fa",
-        "info-foreground": "#000000"
-      },
-      "radii": {
-        "none": "0px",
-        "sm": "4px",
-        "md": "6px",
-        "lg": "10px",
-        "xl": "12px",
-        "full": "9999px"
-      },
-      "shadows": {
-        "none": "none",
-        "sm": "0 1px 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2)",
-        "main": "0 1px 2px rgba(0, 0, 0, 0.4), 0 2px 6px rgba(0, 0, 0, 0.3)",
-        "lg": "0 4px 12px rgba(0, 0, 0, 0.5), 0 2px 4px rgba(0, 0, 0, 0.3)",
-        "inner": "inset 0 1px 1px rgba(0, 0, 0, 0.3)",
-        "hover": "0 2px 8px rgba(167, 139, 250, 0.2)",
-        "active": "0 1px 2px rgba(167, 139, 250, 0.15)"
+        "info-foreground": "#000000",
+        "scrim": "rgba(0, 0, 0, 0.7)"
       },
       "typography": {
         "border-width": "1px",
@@ -196,7 +180,22 @@
         "active-translate-y": "0",
         "focus-ring-width": "2px",
         "focus-ring-offset": "2px",
-        "focus-ring-color": "#a78bfa"
+        "focus-ring-color": "#a78bfa",
+        "font-family": "\"Manrope\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+        "letter-spacing": "-0.01em",
+        "line-height": "1.55"
+      },
+      "shadows": {
+        "main": "0 6px 20px -4px rgba(167, 139, 250, 0.35), 0 2px 6px rgba(190, 242, 100, 0.10)",
+        "sm": "0 3px 10px -2px rgba(167, 139, 250, 0.30)",
+        "lg": "0 16px 40px -8px rgba(167, 139, 250, 0.45), 0 4px 12px rgba(190, 242, 100, 0.12)",
+        "inner": "inset 0 1px 2px rgba(0, 0, 0, 0.35)",
+        "none": "none",
+        "hover": "0 10px 28px -6px rgba(167, 139, 250, 0.50), 0 3px 8px rgba(190, 242, 100, 0.14)",
+        "active": "0 2px 6px -2px rgba(167, 139, 250, 0.40)"
+      },
+      "surface": {
+        "cardImage": "linear-gradient(135deg, rgba(167, 139, 250, 0.14) 0%, rgba(236, 72, 153, 0.08) 50%, rgba(190, 242, 100, 0.10) 100%)"
       }
     }
   }

package/themes/retro.json

@@ -1,5 +1,6 @@
 {
   "name": "retro",
+  "displayName": "Retro",
   "tokens": {
     "density": {
       "spacing": {
@@ -33,9 +34,9 @@
       "sectionGap": "32px"
     },
     "typeScale": {
-      "displayFamily": "\"VT323\", \"Courier New\", monospace",
-      "bodyFamily": "var(--font-family)",
-      "monoFamily": "\"IBM Plex Mono\", \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+      "displayFamily": "\"Shrikhand\", Georgia, \"Times New Roman\", serif",
+      "bodyFamily": "\"Karla\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+      "monoFamily": "\"IBM Plex Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
       "scale": {
         "xs": {
           "size": "12px",
@@ -114,7 +115,12 @@
           "size": "sm",
           "weight": "medium"
         }
-      }
+      },
+      "fontImport": "https://fonts.googleapis.com/css2?family=Shrikhand&family=Karla:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap",
+      "headingWeight": "400",
+      "headingTransform": "none",
+      "headingTracking": "0.01em",
+      "headingStyle": "normal"
     },
     "motion": {
       "durations": {
@@ -122,13 +128,22 @@
         "fast": "var(--transition-fast)",
         "normal": "var(--transition-normal)",
         "slow": "var(--transition-slow)",
-        "dramatic": "400ms"
+        "dramatic": "500ms"
       },
       "easings": {
         "linear": "linear",
-        "standard": "var(--transition-timing)",
-        "emphasized": "linear",
+        "standard": "cubic-bezier(0.34, 1.56, 0.64, 1)",
+        "emphasized": "cubic-bezier(0.2, 0, 0, 1)",
         "spring": "cubic-bezier(0.34, 1.56, 0.64, 1)"
+      },
+      "shapes": {
+        "modalEnter": "scale(0.85)",
+        "modalExit": "scale(0.85)",
+        "pageEnter": "translateY(12px)",
+        "popoverEnter": "scale(0.9)",
+        "popoverExit": "scale(0.9)",
+        "toastEnter": "translateY(20px)",
+        "toastExit": "translateY(20px)"
       }
     },
     "iconography": {
@@ -140,15 +155,21 @@
       "cardElevation": "var(--shadow-sm)",
       "popoverElevation": "var(--shadow-main)",
       "dialogElevation": "var(--shadow-lg)",
-      "toastElevation": "var(--shadow-main)"
+      "toastElevation": "var(--shadow-main)",
+      "interactiveElevation": "var(--shadow-sm)",
+      "pressedElevation": "var(--shadow-active)"
     },
     "geometry": {
-      "radiusContainer": "var(--radius-sm)",
-      "radiusInteractive": "var(--radius-sm)",
+      "radiusContainer": "var(--radius-lg)",
+      "radiusInteractive": "var(--radius-md)",
       "radiusPill": "var(--radius-full)",
       "borderHairline": "1px",
       "borderStandard": "var(--border-width)",
-      "borderHeavy": "var(--border-width-thick)"
+      "borderHeavy": "var(--border-width-thick)",
+      "cornerShape": "round",
+      "cornerShapePill": "round",
+      "borderStyle": "solid",
+      "borderStyleInteractive": "solid"
     },
     "colors": {
       "primary": "#d12368",
@@ -166,7 +187,7 @@
       "card": "#ffffff",
       "card-foreground": "#2a1650",
       "surface": "#e9d5ff",
-      "border": "rgba(196, 36, 107, 0.3)",
+      "border": "rgba(196, 36, 107, 0.85)",
       "input": "rgba(0, 152, 170, 0.35)",
       "ring": "#0098aa",
       "error": "#dc2626",
@@ -176,40 +197,41 @@
       "warning": "#d97706",
       "warning-foreground": "#000000",
       "info": "#0e7490",
-      "info-foreground": "#ffffff"
+      "info-foreground": "#ffffff",
+      "scrim": "rgba(0, 0, 0, 0.6)"
     },
     "radii": {
       "none": "0px",
-      "sm": "2px",
-      "md": "4px",
-      "lg": "4px",
-      "xl": "4px",
+      "sm": "10px",
+      "md": "18px",
+      "lg": "26px",
+      "xl": "34px",
       "full": "9999px"
     },
     "shadows": {
-      "main": "4px 4px 0 0 rgba(196, 36, 107, 0.4)",
-      "sm": "2px 2px 0 0 rgba(196, 36, 107, 0.3)",
-      "lg": "6px 6px 0 0 rgba(196, 36, 107, 0.4)",
-      "inner": "inset 2px 2px 0 0 rgba(109, 40, 217, 0.12)",
+      "main": "5px 5px 0 0 #d12368",
+      "sm": "3px 3px 0 0 #d12368",
+      "lg": "8px 8px 0 0 #d12368",
+      "inner": "inset 3px 3px 0 0 rgba(109,40,217,0.15)",
       "none": "none",
-      "hover": "6px 6px 0 0 rgba(0, 152, 170, 0.45)",
-      "active": "1px 1px 0 0 rgba(196, 36, 107, 0.4)"
+      "hover": "8px 8px 0 0 #00798c",
+      "active": "1px 1px 0 0 #d12368"
     },
     "typography": {
-      "border-width": "2px",
-      "border-width-thin": "1px",
-      "border-width-thick": "3px",
-      "font-family": "\"IBM Plex Mono\", \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+      "border-width": "3px",
+      "border-width-thin": "2px",
+      "border-width-thick": "4px",
+      "font-family": "\"Karla\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
       "font-weight-normal": "400",
       "font-weight-medium": "500",
       "font-weight-bold": "700",
-      "letter-spacing": "0.04em",
+      "letter-spacing": "0.01em",
       "line-height": "1.5",
       "icon-color": "#d12368",
-      "transition-fast": "50ms",
-      "transition-normal": "80ms",
+      "transition-fast": "120ms",
+      "transition-normal": "220ms",
       "transition-slow": "120ms",
-      "transition-timing": "linear",
+      "transition-timing": "cubic-bezier(0.34, 1.56, 0.64, 1)",
       "hover-scale": "1.0",
       "hover-translate-y": "0",
       "hover-translate-x": "0",
@@ -218,45 +240,80 @@
       "focus-ring-width": "2px",
       "focus-ring-offset": "2px",
       "focus-ring-color": "#0098aa"
+    },
+    "surface": {
+      "pageImage": "repeating-conic-gradient(from 0deg at 50% 100%, rgba(209,35,104,0.08) 0deg 9deg, transparent 9deg 18deg)",
+      "pageImageSize": "100% 100%"
     }
   },
   "variants": {
     "dark": {
-      "density": {
-        "spacing": {
-          "space0": "0px",
-          "space1": "4px",
-          "space2": "8px",
-          "space3": "12px",
-          "space4": "16px",
-          "space5": "20px",
-          "space6": "24px",
-          "space7": "28px",
-          "space8": "32px",
-          "space9": "36px",
-          "space10": "40px",
-          "space11": "44px",
-          "space12": "48px"
-        },
-        "buttonHeightSm": "30px",
-        "buttonHeightMd": "38px",
-        "buttonHeightLg": "46px",
-        "inputHeightSm": "30px",
-        "inputHeightMd": "38px",
-        "inputHeightLg": "46px",
-        "rowHeightCompact": "32px",
-        "rowHeightNormal": "40px",
-        "rowHeightSpacious": "48px",
-        "cardPaddingSm": "12px",
-        "cardPaddingMd": "18px",
-        "cardPaddingLg": "24px",
-        "dialogPadding": "24px",
-        "sectionGap": "32px"
+      "colors": {
+        "primary": "#e04c8a",
+        "primary-hover": "#ec6a9f",
+        "primary-foreground": "#2b0216",
+        "secondary": "#2d1b4e",
+        "secondary-hover": "#3b2566",
+        "secondary-foreground": "#efe3ff",
+        "accent": "#3ac9d8",
+        "accent-foreground": "#00252b",
+        "muted": "#2d1b4e",
+        "muted-foreground": "#9d86d6",
+        "background": "#1a0b2e",
+        "foreground": "#efe3ff",
+        "card": "#241242",
+        "card-foreground": "#efe3ff",
+        "surface": "#2d1b4e",
+        "border": "rgba(224, 76, 138, 0.85)",
+        "input": "rgba(58, 201, 216, 0.34)",
+        "ring": "#3ac9d8",
+        "error": "#ff5252",
+        "error-foreground": "#1a0000",
+        "success": "#2ee66e",
+        "success-foreground": "#00290f",
+        "warning": "#ffb300",
+        "warning-foreground": "#2a1a00",
+        "info": "#3ac9d8",
+        "info-foreground": "#00252b",
+        "scrim": "rgba(0, 0, 0, 0.7)"
+      },
+      "typography": {
+        "border-width": "3px",
+        "border-width-thin": "2px",
+        "border-width-thick": "4px",
+        "font-family": "\"Karla\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+        "font-weight-normal": "400",
+        "font-weight-medium": "500",
+        "font-weight-bold": "700",
+        "letter-spacing": "0.01em",
+        "line-height": "1.5",
+        "icon-color": "#3ac9d8",
+        "transition-fast": "120ms",
+        "transition-normal": "220ms",
+        "transition-slow": "120ms",
+        "transition-timing": "cubic-bezier(0.34, 1.56, 0.64, 1)",
+        "hover-scale": "1.0",
+        "hover-translate-y": "0",
+        "hover-translate-x": "0",
+        "active-scale": "0.99",
+        "active-translate-y": "2px",
+        "focus-ring-width": "2px",
+        "focus-ring-offset": "2px",
+        "focus-ring-color": "#3ac9d8"
+      },
+      "shadows": {
+        "main": "5px 5px 0 0 #e04c8a",
+        "sm": "3px 3px 0 0 #e04c8a",
+        "lg": "8px 8px 0 0 #e04c8a",
+        "inner": "inset 3px 3px 0 0 rgba(255,255,255,0.08)",
+        "none": "none",
+        "hover": "8px 8px 0 0 #3ac9d8",
+        "active": "1px 1px 0 0 #e04c8a"
       },
       "typeScale": {
-        "displayFamily": "\"VT323\", \"Courier New\", monospace",
-        "bodyFamily": "var(--font-family)",
-        "monoFamily": "\"IBM Plex Mono\", \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+        "displayFamily": "\"Shrikhand\", Georgia, \"Times New Roman\", serif",
+        "bodyFamily": "\"Karla\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+        "monoFamily": "\"IBM Plex Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
         "scale": {
           "xs": {
             "size": "12px",
@@ -335,110 +392,16 @@
             "size": "sm",
             "weight": "medium"
           }
-        }
-      },
-      "motion": {
-        "durations": {
-          "instant": "0ms",
-          "fast": "var(--transition-fast)",
-          "normal": "var(--transition-normal)",
-          "slow": "var(--transition-slow)",
-          "dramatic": "400ms"
         },
-        "easings": {
-          "linear": "linear",
-          "standard": "var(--transition-timing)",
-          "emphasized": "linear",
-          "spring": "cubic-bezier(0.34, 1.56, 0.64, 1)"
-        }
-      },
-      "iconography": {
-        "family": "lucide",
-        "strokeWidth": "2.5",
-        "defaultSize": "16px"
-      },
-      "elevation": {
-        "cardElevation": "var(--shadow-sm)",
-        "popoverElevation": "var(--shadow-main)",
-        "dialogElevation": "var(--shadow-lg)",
-        "toastElevation": "var(--shadow-main)"
-      },
-      "geometry": {
-        "radiusContainer": "var(--radius-sm)",
-        "radiusInteractive": "var(--radius-sm)",
-        "radiusPill": "var(--radius-full)",
-        "borderHairline": "1px",
-        "borderStandard": "var(--border-width)",
-        "borderHeavy": "var(--border-width-thick)"
-      },
-      "colors": {
-        "primary": "#e04c8a",
-        "primary-hover": "#ec6a9f",
-        "primary-foreground": "#2b0216",
-        "secondary": "#2d1b4e",
-        "secondary-hover": "#3b2566",
-        "secondary-foreground": "#efe3ff",
-        "accent": "#3ac9d8",
-        "accent-foreground": "#00252b",
-        "muted": "#2d1b4e",
-        "muted-foreground": "#9d86d6",
-        "background": "#1a0b2e",
-        "foreground": "#efe3ff",
-        "card": "#241242",
-        "card-foreground": "#efe3ff",
-        "surface": "#2d1b4e",
-        "border": "rgba(224, 76, 138, 0.32)",
-        "input": "rgba(58, 201, 216, 0.34)",
-        "ring": "#3ac9d8",
-        "error": "#ff5252",
-        "error-foreground": "#1a0000",
-        "success": "#2ee66e",
-        "success-foreground": "#00290f",
-        "warning": "#ffb300",
-        "warning-foreground": "#2a1a00",
-        "info": "#3ac9d8",
-        "info-foreground": "#00252b"
-      },
-      "radii": {
-        "none": "0px",
-        "sm": "2px",
-        "md": "4px",
-        "lg": "4px",
-        "xl": "4px",
-        "full": "9999px"
+        "fontImport": "https://fonts.googleapis.com/css2?family=Shrikhand&family=Karla:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap",
+        "headingWeight": "400",
+        "headingTransform": "none",
+        "headingTracking": "0.01em",
+        "headingStyle": "normal"
       },
-      "shadows": {
-        "main": "4px 4px 0 0 rgba(58, 201, 216, 0.4)",
-        "sm": "2px 2px 0 0 rgba(58, 201, 216, 0.3)",
-        "lg": "6px 6px 0 0 rgba(58, 201, 216, 0.4)",
-        "inner": "inset 2px 2px 0 0 rgba(224, 76, 138, 0.18)",
-        "none": "none",
-        "hover": "6px 6px 0 0 rgba(224, 76, 138, 0.4)",
-        "active": "1px 1px 0 0 rgba(58, 201, 216, 0.4)"
-      },
-      "typography": {
-        "border-width": "2px",
-        "border-width-thin": "1px",
-        "border-width-thick": "3px",
-        "font-family": "\"IBM Plex Mono\", \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
-        "font-weight-normal": "400",
-        "font-weight-medium": "500",
-        "font-weight-bold": "700",
-        "letter-spacing": "0.04em",
-        "line-height": "1.5",
-        "icon-color": "#3ac9d8",
-        "transition-fast": "50ms",
-        "transition-normal": "80ms",
-        "transition-slow": "120ms",
-        "transition-timing": "linear",
-        "hover-scale": "1.0",
-        "hover-translate-y": "0",
-        "hover-translate-x": "0",
-        "active-scale": "0.99",
-        "active-translate-y": "2px",
-        "focus-ring-width": "2px",
-        "focus-ring-offset": "2px",
-        "focus-ring-color": "#3ac9d8"
+      "surface": {
+        "pageImage": "repeating-conic-gradient(from 0deg at 50% 100%, rgba(224,76,138,0.12) 0deg 9deg, transparent 9deg 18deg)",
+        "pageImageSize": "100% 100%"
       }
     }
   }