npm - @vectoriox/iox-ui - Versions diffs - 5.44.0 → 5.46.0 - Mend

@vectoriox/iox-ui 5.44.0 → 5.46.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/design-core/index.d.ts +759 -77
package/fesm2022/vectoriox-iox-ui-design-core.mjs +1054 -106
package/fesm2022/vectoriox-iox-ui-design-core.mjs.map +1 -1
package/package.json +1 -1
package/src/design-core/design-apply.ts +17 -4
package/src/design-core/design-token.model.ts +2 -0
package/src/design-core/flavor-spec.generated.ts +959 -91
package/src/design-core/fonts.ts +62 -12
package/src/design-core/public-api.ts +1 -0
package/src/design-core/style-presets.ts +71 -0

package/fesm2022/vectoriox-iox-ui-design-core.mjs CHANGED Viewed

@@ -1639,6 +1639,791 @@ const SPEC_SPRINGS = {
         }
     }
 };
+const SPEC_MOODS = {
+    "calm": "Calm",
+    "warm": "Warm",
+    "natural": "Natural",
+    "elegant": "Elegant",
+    "luxurious": "Luxurious",
+    "minimal": "Minimal",
+    "professional": "Professional",
+    "trustworthy": "Trustworthy",
+    "friendly": "Friendly",
+    "playful": "Playful",
+    "bold": "Bold",
+    "energetic": "Energetic",
+    "dark": "Dark",
+    "editorial": "Editorial",
+    "technical": "Technical",
+    "romantic": "Romantic",
+    "crafted": "Hand-made"
+};
+const SPEC_STYLE_PRESETS = [
+    {
+        "id": "clear-care",
+        "name": "Clear care",
+        "flavorId": "crisp",
+        "seed": "#0E7490",
+        "tint": "subtle",
+        "pairId": "manrope",
+        "shape": "soft",
+        "density": "regular",
+        "motion": "standard",
+        "pillButtons": false,
+        "moves": {
+            "scroll": "smooth",
+            "animate": "standard",
+            "between": "fade"
+        },
+        "modes": [
+            "light"
+        ],
+        "moods": [
+            "trustworthy",
+            "calm",
+            "professional"
+        ],
+        "uupm": [
+            "Accessible & Ethical",
+            "Minimalism & Swiss Style"
+        ],
+        "blurb": "Clean, light and easy to read. Says \"you are in good hands\".",
+        "slice": true
+    },
+    {
+        "id": "swiss-grid",
+        "name": "Swiss grid",
+        "flavorId": "crisp",
+        "seed": "#111827",
+        "tint": "neutral",
+        "pairId": "inter-tight",
+        "shape": "sharp",
+        "density": "compact",
+        "motion": "snappy",
+        "pillButtons": false,
+        "moves": {
+            "scroll": "normal",
+            "animate": "standard",
+            "between": "none"
+        },
+        "modes": [
+            "light",
+            "dark"
+        ],
+        "moods": [
+            "minimal",
+            "professional",
+            "technical"
+        ],
+        "uupm": [
+            "Minimalism & Swiss Style",
+            "Swiss Modernism 2.0"
+        ],
+        "blurb": "Black on white, a strict grid, nothing extra.",
+        "slice": true
+    },
+    {
+        "id": "trusted-advisor",
+        "name": "Trusted advisor",
+        "flavorId": "crisp",
+        "seed": "#1E3A8A",
+        "tint": "subtle",
+        "pairId": "plex",
+        "shape": "subtle",
+        "density": "regular",
+        "motion": "standard",
+        "pillButtons": false,
+        "moves": {
+            "scroll": "normal",
+            "animate": "standard",
+            "between": "fade"
+        },
+        "modes": [
+            "light"
+        ],
+        "moods": [
+            "trustworthy",
+            "professional"
+        ],
+        "uupm": [
+            "Accessible & Ethical",
+            "Trust & Authority (landing)"
+        ],
+        "blurb": "Navy, plain type, firm edges. Serious without being cold.",
+        "slice": true
+    },
+    {
+        "id": "fresh-practice",
+        "name": "Fresh practice",
+        "flavorId": "crisp",
+        "seed": "#0284C7",
+        "tint": "rich",
+        "pairId": "inter-tight",
+        "shape": "round",
+        "density": "airy",
+        "motion": "calm",
+        "pillButtons": true,
+        "moves": {
+            "scroll": "smooth",
+            "animate": "subtle",
+            "between": "fade"
+        },
+        "modes": [
+            "light"
+        ],
+        "moods": [
+            "friendly",
+            "calm",
+            "trustworthy"
+        ],
+        "uupm": [
+            "Soft UI Evolution",
+            "Accessible & Ethical"
+        ],
+        "blurb": "Bright, soft and reassuring, with rounded buttons.",
+        "slice": false
+    },
+    {
+        "id": "gallery-minimal",
+        "name": "Gallery minimal",
+        "flavorId": "linen",
+        "seed": "#3F4A5A",
+        "tint": "neutral",
+        "pairId": "instrument",
+        "shape": "sharp",
+        "density": "airy",
+        "motion": "calm",
+        "pillButtons": false,
+        "moves": {
+            "scroll": "extra",
+            "animate": "subtle",
+            "between": "fade"
+        },
+        "modes": [
+            "light",
+            "dark"
+        ],
+        "moods": [
+            "minimal",
+            "elegant",
+            "editorial"
+        ],
+        "uupm": [
+            "Exaggerated Minimalism",
+            "Editorial Grid / Magazine"
+        ],
+        "blurb": "White walls and a quiet serif. The work does the talking.",
+        "slice": true
+    },
+    {
+        "id": "warm-editorial",
+        "name": "Warm editorial",
+        "flavorId": "linen",
+        "seed": "#9A4F2B",
+        "tint": "subtle",
+        "pairId": "fraunces",
+        "shape": "sharp",
+        "density": "airy",
+        "motion": "calm",
+        "pillButtons": false,
+        "moves": {
+            "scroll": "smooth",
+            "animate": "subtle",
+            "between": "fade"
+        },
+        "modes": [
+            "light"
+        ],
+        "moods": [
+            "warm",
+            "editorial",
+            "crafted"
+        ],
+        "uupm": [
+            "Editorial Grid / Magazine",
+            "Nature Distilled"
+        ],
+        "blurb": "Cream paper, terracotta and a soft serif, like a good magazine.",
+        "slice": true
+    },
+    {
+        "id": "soft-spa",
+        "name": "Soft spa",
+        "flavorId": "linen",
+        "seed": "#7D4E5E",
+        "tint": "rich",
+        "pairId": "cormorant",
+        "shape": "soft",
+        "density": "airy",
+        "motion": "calm",
+        "pillButtons": false,
+        "moves": {
+            "scroll": "extra",
+            "animate": "subtle",
+            "between": "fade"
+        },
+        "modes": [
+            "light"
+        ],
+        "moods": [
+            "calm",
+            "elegant",
+            "natural"
+        ],
+        "uupm": [
+            "Soft UI Evolution",
+            "Nature Distilled"
+        ],
+        "blurb": "Rose-tinted cream, a fine serif and slow, gentle motion.",
+        "slice": true
+    },
+    {
+        "id": "quiet-luxury",
+        "name": "Quiet luxury",
+        "flavorId": "linen",
+        "seed": "#7A5B36",
+        "tint": "subtle",
+        "pairId": "cormorant",
+        "shape": "sharp",
+        "density": "airy",
+        "motion": "calm",
+        "pillButtons": false,
+        "moves": {
+            "scroll": "extra",
+            "animate": "subtle",
+            "between": "cinematic"
+        },
+        "modes": [
+            "light",
+            "dark"
+        ],
+        "moods": [
+            "luxurious",
+            "elegant",
+            "calm"
+        ],
+        "uupm": [
+            "Exaggerated Minimalism",
+            "Liquid Glass (luxury rows, without the glass)"
+        ],
+        "blurb": "Bronze on warm white. Expensive, never loud.",
+        "slice": false
+    },
+    {
+        "id": "after-dark",
+        "name": "After dark",
+        "flavorId": "midnight",
+        "seed": "#DB2777",
+        "tint": "subtle",
+        "pairId": "grotesk",
+        "shape": "soft",
+        "density": "regular",
+        "motion": "lively",
+        "pillButtons": false,
+        "moves": {
+            "scroll": "smooth",
+            "animate": "lively",
+            "between": "slide"
+        },
+        "modes": [
+            "dark"
+        ],
+        "moods": [
+            "bold",
+            "energetic",
+            "dark"
+        ],
+        "uupm": [
+            "Dark Mode (OLED)",
+            "Vibrant & Block-based"
+        ],
+        "blurb": "A night out: dark rooms, one bright colour, lively motion.",
+        "slice": false
+    },
+    {
+        "id": "ink-studio",
+        "name": "Ink studio",
+        "flavorId": "midnight",
+        "seed": "#EA580C",
+        "tint": "neutral",
+        "pairId": "inter-tight",
+        "shape": "sharp",
+        "density": "compact",
+        "motion": "snappy",
+        "pillButtons": false,
+        "moves": {
+            "scroll": "normal",
+            "animate": "standard",
+            "between": "slide"
+        },
+        "modes": [
+            "dark"
+        ],
+        "moods": [
+            "bold",
+            "dark",
+            "crafted"
+        ],
+        "uupm": [
+            "Dark Mode (OLED)",
+            "Brutalism"
+        ],
+        "blurb": "Black, sharp and orange. A shop with attitude.",
+        "slice": false
+    },
+    {
+        "id": "night-gallery",
+        "name": "Night gallery",
+        "flavorId": "midnight",
+        "seed": "#8B9BB4",
+        "tint": "neutral",
+        "pairId": "geist",
+        "shape": "sharp",
+        "density": "airy",
+        "motion": "calm",
+        "pillButtons": false,
+        "moves": {
+            "scroll": "extra",
+            "animate": "subtle",
+            "between": "cinematic"
+        },
+        "modes": [
+            "dark",
+            "light"
+        ],
+        "moods": [
+            "minimal",
+            "dark",
+            "editorial"
+        ],
+        "uupm": [
+            "Dark Mode (OLED)",
+            "Minimalism & Swiss Style"
+        ],
+        "blurb": "Pictures on black, like a darkened gallery.",
+        "slice": true
+    },
+    {
+        "id": "tech-studio",
+        "name": "Tech studio",
+        "flavorId": "midnight",
+        "seed": "#059669",
+        "tint": "subtle",
+        "pairId": "geist",
+        "shape": "soft",
+        "density": "regular",
+        "motion": "standard",
+        "pillButtons": false,
+        "moves": {
+            "scroll": "normal",
+            "animate": "standard",
+            "between": "fade"
+        },
+        "modes": [
+            "dark",
+            "light"
+        ],
+        "moods": [
+            "technical",
+            "bold",
+            "professional"
+        ],
+        "uupm": [
+            "Dark Mode (OLED)",
+            "Minimalism & Swiss Style"
+        ],
+        "blurb": "Dark, precise and modern, for people who build things.",
+        "slice": false
+    },
+    {
+        "id": "morning-glass",
+        "name": "Morning glass",
+        "flavorId": "glass",
+        "seed": "#0E8A89",
+        "tint": "subtle",
+        "pairId": "figtree",
+        "shape": "round",
+        "density": "regular",
+        "motion": "calm",
+        "pillButtons": true,
+        "moves": {
+            "scroll": "smooth",
+            "animate": "subtle",
+            "between": "fade"
+        },
+        "modes": [
+            "light"
+        ],
+        "moods": [
+            "calm",
+            "friendly",
+            "natural"
+        ],
+        "uupm": [
+            "Glassmorphism",
+            "Soft UI Evolution"
+        ],
+        "blurb": "Frosted panels over a soft teal light. Fresh and calm.",
+        "slice": true
+    },
+    {
+        "id": "holiday-light",
+        "name": "Holiday light",
+        "flavorId": "glass",
+        "seed": "#0A66E8",
+        "tint": "rich",
+        "pairId": "jakarta",
+        "shape": "round",
+        "density": "regular",
+        "motion": "lively",
+        "pillButtons": true,
+        "moves": {
+            "scroll": "smooth",
+            "animate": "lively",
+            "between": "slide"
+        },
+        "modes": [
+            "light"
+        ],
+        "moods": [
+            "friendly",
+            "energetic"
+        ],
+        "uupm": [
+            "Liquid Glass",
+            "Glassmorphism"
+        ],
+        "blurb": "Sea-blue glass and big photos. Makes people want to go.",
+        "slice": false
+    },
+    {
+        "id": "frosted-portfolio",
+        "name": "Frosted portfolio",
+        "flavorId": "glass",
+        "seed": "#1F2937",
+        "tint": "neutral",
+        "pairId": "manrope",
+        "shape": "round",
+        "density": "airy",
+        "motion": "calm",
+        "pillButtons": true,
+        "moves": {
+            "scroll": "extra",
+            "animate": "subtle",
+            "between": "cinematic"
+        },
+        "modes": [
+            "light",
+            "dark"
+        ],
+        "moods": [
+            "minimal",
+            "elegant"
+        ],
+        "uupm": [
+            "Glassmorphism",
+            "Spatial UI (VisionOS)"
+        ],
+        "blurb": "Grey glass and lots of space around your pictures.",
+        "slice": true
+    },
+    {
+        "id": "coral-studio",
+        "name": "Coral studio",
+        "flavorId": "glass",
+        "seed": "#E5484D",
+        "tint": "subtle",
+        "pairId": "figtree",
+        "shape": "round",
+        "density": "regular",
+        "motion": "lively",
+        "pillButtons": true,
+        "moves": {
+            "scroll": "smooth",
+            "animate": "lively",
+            "between": "slide"
+        },
+        "modes": [
+            "light"
+        ],
+        "moods": [
+            "energetic",
+            "friendly"
+        ],
+        "uupm": [
+            "Glassmorphism",
+            "Vibrant & Block-based"
+        ],
+        "blurb": "Warm coral and bouncy buttons. Full of energy.",
+        "slice": false
+    },
+    {
+        "id": "corner-cafe",
+        "name": "Corner café",
+        "flavorId": "bloom",
+        "seed": "#9C4146",
+        "tint": "subtle",
+        "pairId": "bricolage",
+        "shape": "bubbly",
+        "density": "regular",
+        "motion": "lively",
+        "pillButtons": true,
+        "moves": {
+            "scroll": "smooth",
+            "animate": "lively",
+            "between": "slide"
+        },
+        "modes": [
+            "light"
+        ],
+        "moods": [
+            "warm",
+            "friendly",
+            "playful"
+        ],
+        "uupm": [
+            "Vibrant & Block-based",
+            "Soft UI Evolution"
+        ],
+        "blurb": "Berry red, round shapes, a cheerful headline face.",
+        "slice": true
+    },
+    {
+        "id": "kind-community",
+        "name": "Kind community",
+        "flavorId": "bloom",
+        "seed": "#3B6939",
+        "tint": "subtle",
+        "pairId": "nunito",
+        "shape": "bubbly",
+        "density": "regular",
+        "motion": "standard",
+        "pillButtons": true,
+        "moves": {
+            "scroll": "normal",
+            "animate": "standard",
+            "between": "fade"
+        },
+        "modes": [
+            "light"
+        ],
+        "moods": [
+            "friendly",
+            "natural",
+            "trustworthy"
+        ],
+        "uupm": [
+            "Accessible & Ethical",
+            "Organic Biophilic"
+        ],
+        "blurb": "Leaf green and soft, open shapes. Welcoming to everyone.",
+        "slice": false
+    },
+    {
+        "id": "little-ones",
+        "name": "Little ones",
+        "flavorId": "bloom",
+        "seed": "#006A6A",
+        "tint": "rich",
+        "pairId": "sans-flex",
+        "shape": "bubbly",
+        "density": "regular",
+        "motion": "lively",
+        "pillButtons": true,
+        "moves": {
+            "scroll": "normal",
+            "animate": "lively",
+            "between": "slide"
+        },
+        "modes": [
+            "light"
+        ],
+        "moods": [
+            "playful",
+            "friendly"
+        ],
+        "uupm": [
+            "Claymorphism",
+            "Vibrant & Block-based"
+        ],
+        "blurb": "Teal, chunky and playful. Made for families.",
+        "slice": false
+    },
+    {
+        "id": "garden-party",
+        "name": "Garden party",
+        "flavorId": "bloom",
+        "seed": "#7D5260",
+        "tint": "subtle",
+        "pairId": "bricolage",
+        "shape": "bubbly",
+        "density": "airy",
+        "motion": "standard",
+        "pillButtons": true,
+        "moves": {
+            "scroll": "smooth",
+            "animate": "standard",
+            "between": "fade"
+        },
+        "modes": [
+            "light"
+        ],
+        "moods": [
+            "romantic",
+            "warm",
+            "friendly"
+        ],
+        "uupm": [
+            "Soft UI Evolution",
+            "Organic Biophilic"
+        ],
+        "blurb": "Dusty rose and soft lavender light. A celebration.",
+        "slice": true
+    },
+    {
+        "id": "bold-maker",
+        "name": "Bold maker",
+        "flavorId": "pop",
+        "seed": "#FF5C39",
+        "tint": "subtle",
+        "pairId": "grotesk",
+        "shape": "subtle",
+        "density": "compact",
+        "motion": "snappy",
+        "pillButtons": false,
+        "moves": {
+            "scroll": "normal",
+            "animate": "lively",
+            "between": "slide"
+        },
+        "modes": [
+            "light"
+        ],
+        "moods": [
+            "bold",
+            "playful",
+            "crafted"
+        ],
+        "uupm": [
+            "Neubrutalism",
+            "Vibrant & Block-based"
+        ],
+        "blurb": "Thick outlines and orange. Proud of what you make.",
+        "slice": true
+    },
+    {
+        "id": "festival",
+        "name": "Festival",
+        "flavorId": "pop",
+        "seed": "#FF4FA3",
+        "tint": "subtle",
+        "pairId": "archivo",
+        "shape": "subtle",
+        "density": "compact",
+        "motion": "snappy",
+        "pillButtons": false,
+        "moves": {
+            "scroll": "normal",
+            "animate": "lively",
+            "between": "slide"
+        },
+        "modes": [
+            "light",
+            "dark"
+        ],
+        "moods": [
+            "energetic",
+            "bold",
+            "playful"
+        ],
+        "uupm": [
+            "Memphis Design",
+            "Vibrant & Block-based"
+        ],
+        "blurb": "Pink, heavy type, poster energy.",
+        "slice": false
+    },
+    {
+        "id": "zine",
+        "name": "Zine",
+        "flavorId": "pop",
+        "seed": "#3D5AFE",
+        "tint": "neutral",
+        "pairId": "syne",
+        "shape": "sharp",
+        "density": "regular",
+        "motion": "snappy",
+        "pillButtons": false,
+        "moves": {
+            "scroll": "normal",
+            "animate": "standard",
+            "between": "slide"
+        },
+        "modes": [
+            "light"
+        ],
+        "moods": [
+            "bold",
+            "editorial",
+            "playful"
+        ],
+        "uupm": [
+            "Brutalism",
+            "Anti-Polish / Raw Aesthetic"
+        ],
+        "blurb": "Electric blue and an odd, wide face. Made by hand, on purpose.",
+        "slice": false
+    },
+    {
+        "id": "fresh-market",
+        "name": "Fresh market",
+        "flavorId": "pop",
+        "seed": "#00B86B",
+        "tint": "subtle",
+        "pairId": "grotesk",
+        "shape": "subtle",
+        "density": "regular",
+        "motion": "snappy",
+        "pillButtons": false,
+        "moves": {
+            "scroll": "normal",
+            "animate": "standard",
+            "between": "slide"
+        },
+        "modes": [
+            "light"
+        ],
+        "moods": [
+            "energetic",
+            "friendly",
+            "natural"
+        ],
+        "uupm": [
+            "Vibrant & Block-based",
+            "Flat Design"
+        ],
+        "blurb": "Green and bright, like a market stall in the morning.",
+        "slice": false
+    }
+];
+const SPEC_SCRIPTS = {
+    "hebrew": {
+        "locales": [
+            "he"
+        ],
+        "families": [
+            "Heebo",
+            "Assistant",
+            "Rubik",
+            "Frank Ruhl Libre",
+            "Bellefair",
+            "Varela Round",
+            "Secular One",
+            "IBM Plex Sans Hebrew",
+            "Open Sans"
+        ]
+    }
+};
 const SPEC_FONTS = {
     "Inter": "Inter:wght@300;400;500;600;700",
     "Inter Tight": "Inter+Tight:wght@500;600;700",
@@ -1669,7 +2454,15 @@ const SPEC_FONTS = {
     "Raleway": "Raleway:wght@300;400;500;600;700",
     "Playfair Display": "Playfair+Display:ital,wght@0,400;0,500;0,700;1,400",
     "Oswald": "Oswald:wght@300;400;500;600;700",
-    "Ubuntu": "Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,400"
+    "Ubuntu": "Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,400",
+    "Heebo": "Heebo:wght@400;500;600;700;800",
+    "Assistant": "Assistant:wght@400;500;600;700;800",
+    "Rubik": "Rubik:wght@400;500;600;700;800",
+    "Frank Ruhl Libre": "Frank+Ruhl+Libre:wght@400;500;700",
+    "Bellefair": "Bellefair",
+    "Varela Round": "Varela+Round",
+    "Secular One": "Secular+One",
+    "IBM Plex Sans Hebrew": "IBM+Plex+Sans+Hebrew:wght@400;500;600;700"
 };
 const SPEC_SCHEMES = {
     "default": {
@@ -3146,9 +3939,9 @@ const SPEC_FLAVOR_PACKS = [
                 "id": "inter-tight",
                 "label": "Inter Tight + Inter",
                 "tokens": {
-                    "font-display": "'Inter Tight', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-body": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-label": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-display": "'Inter Tight', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-body": "'Inter', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-label": "'Inter', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif",
                     "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace",
                     "weight-display": "600",
                     "weight-label": "600",
@@ -3158,15 +3951,19 @@ const SPEC_FLAVOR_PACKS = [
                 "families": [
                     "Inter Tight",
                     "Inter"
-                ]
+                ],
+                "hebrew": {
+                    "display": "Heebo",
+                    "body": "Heebo"
+                }
             },
             {
                 "id": "manrope",
                 "label": "Manrope + Inter",
                 "tokens": {
-                    "font-display": "'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-body": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-label": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-display": "'Manrope', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-body": "'Inter', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-label": "'Inter', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif",
                     "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace",
                     "weight-display": "700",
                     "weight-label": "600",
@@ -3176,15 +3973,19 @@ const SPEC_FLAVOR_PACKS = [
                 "families": [
                     "Manrope",
                     "Inter"
-                ]
+                ],
+                "hebrew": {
+                    "display": "Heebo",
+                    "body": "Heebo"
+                }
             },
             {
                 "id": "plex",
                 "label": "IBM Plex Sans",
                 "tokens": {
-                    "font-display": "'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-body": "'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-label": "'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-display": "'IBM Plex Sans', 'IBM Plex Sans Hebrew', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-body": "'IBM Plex Sans', 'IBM Plex Sans Hebrew', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-label": "'IBM Plex Sans', 'IBM Plex Sans Hebrew', system-ui, -apple-system, 'Segoe UI', sans-serif",
                     "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace",
                     "weight-display": "600",
                     "weight-label": "600",
@@ -3193,7 +3994,11 @@ const SPEC_FLAVOR_PACKS = [
                 },
                 "families": [
                     "IBM Plex Sans"
-                ]
+                ],
+                "hebrew": {
+                    "display": "IBM Plex Sans Hebrew",
+                    "body": "IBM Plex Sans Hebrew"
+                }
             }
         ],
         "palette": {
@@ -3524,21 +4329,21 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "font",
                 "group": "type",
-                "value": "'Inter Tight', system-ui, -apple-system, 'Segoe UI', sans-serif"
+                "value": "'Inter Tight', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif"
             },
             {
                 "name": "font-body",
                 "tier": "semantic",
                 "type": "font",
                 "group": "type",
-                "value": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif"
+                "value": "'Inter', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif"
             },
             {
                 "name": "font-label",
                 "tier": "semantic",
                 "type": "font",
                 "group": "type",
-                "value": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif"
+                "value": "'Inter', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif"
             },
             {
                 "name": "font-mono",
@@ -4922,9 +5727,9 @@ const SPEC_FLAVOR_PACKS = [
                 "id": "cormorant",
                 "label": "Cormorant Garamond + Manrope",
                 "tokens": {
-                    "font-display": "'Cormorant Garamond', Georgia, 'Times New Roman', serif",
-                    "font-body": "'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-label": "'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-display": "'Cormorant Garamond', 'Bellefair', Georgia, 'Times New Roman', serif",
+                    "font-body": "'Manrope', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-label": "'Manrope', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif",
                     "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace",
                     "weight-display": "500",
                     "weight-label": "600",
@@ -4934,15 +5739,19 @@ const SPEC_FLAVOR_PACKS = [
                 "families": [
                     "Cormorant Garamond",
                     "Manrope"
-                ]
+                ],
+                "hebrew": {
+                    "display": "Bellefair",
+                    "body": "Heebo"
+                }
             },
             {
                 "id": "instrument",
                 "label": "Instrument Serif + Inter",
                 "tokens": {
-                    "font-display": "'Instrument Serif', Georgia, 'Times New Roman', serif",
-                    "font-body": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-label": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-display": "'Instrument Serif', 'Bellefair', Georgia, 'Times New Roman', serif",
+                    "font-body": "'Inter', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-label": "'Inter', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif",
                     "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace",
                     "weight-display": "400",
                     "weight-label": "600",
@@ -4952,15 +5761,19 @@ const SPEC_FLAVOR_PACKS = [
                 "families": [
                     "Instrument Serif",
                     "Inter"
-                ]
+                ],
+                "hebrew": {
+                    "display": "Bellefair",
+                    "body": "Assistant"
+                }
             },
             {
                 "id": "fraunces",
                 "label": "Fraunces + Manrope",
                 "tokens": {
-                    "font-display": "'Fraunces', Georgia, 'Times New Roman', serif",
-                    "font-body": "'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-label": "'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-display": "'Fraunces', 'Frank Ruhl Libre', Georgia, 'Times New Roman', serif",
+                    "font-body": "'Manrope', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-label": "'Manrope', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif",
                     "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace",
                     "weight-display": "400",
                     "weight-label": "600",
@@ -4970,7 +5783,11 @@ const SPEC_FLAVOR_PACKS = [
                 "families": [
                     "Fraunces",
                     "Manrope"
-                ]
+                ],
+                "hebrew": {
+                    "display": "Frank Ruhl Libre",
+                    "body": "Heebo"
+                }
             }
         ],
         "palette": {
@@ -5301,21 +6118,21 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "font",
                 "group": "type",
-                "value": "'Cormorant Garamond', Georgia, 'Times New Roman', serif"
+                "value": "'Cormorant Garamond', 'Bellefair', Georgia, 'Times New Roman', serif"
             },
             {
                 "name": "font-body",
                 "tier": "semantic",
                 "type": "font",
                 "group": "type",
-                "value": "'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif"
+                "value": "'Manrope', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif"
             },
             {
                 "name": "font-label",
                 "tier": "semantic",
                 "type": "font",
                 "group": "type",
-                "value": "'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif"
+                "value": "'Manrope', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif"
             },
             {
                 "name": "font-mono",
@@ -6724,9 +7541,9 @@ const SPEC_FLAVOR_PACKS = [
                 "id": "geist",
                 "label": "Geist + Geist Mono",
                 "tokens": {
-                    "font-display": "'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-body": "'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-label": "'Geist Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace",
+                    "font-display": "'Geist', 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-body": "'Geist', 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-label": "'Geist Mono', 'Rubik', ui-monospace, 'SFMono-Regular', Menlo, monospace",
                     "font-mono": "'Geist Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace",
                     "weight-display": "600",
                     "weight-label": "500",
@@ -6736,15 +7553,19 @@ const SPEC_FLAVOR_PACKS = [
                 "families": [
                     "Geist",
                     "Geist Mono"
-                ]
+                ],
+                "hebrew": {
+                    "display": "Rubik",
+                    "body": "Rubik"
+                }
             },
             {
                 "id": "inter-tight",
                 "label": "Inter Tight + JetBrains Mono",
                 "tokens": {
-                    "font-display": "'Inter Tight', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-body": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-label": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace",
+                    "font-display": "'Inter Tight', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-body": "'Inter', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-label": "'JetBrains Mono', 'Heebo', ui-monospace, 'SFMono-Regular', Menlo, monospace",
                     "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace",
                     "weight-display": "600",
                     "weight-label": "500",
@@ -6755,15 +7576,19 @@ const SPEC_FLAVOR_PACKS = [
                     "Inter Tight",
                     "Inter",
                     "JetBrains Mono"
-                ]
+                ],
+                "hebrew": {
+                    "display": "Heebo",
+                    "body": "Heebo"
+                }
             },
             {
                 "id": "grotesk",
                 "label": "Space Grotesk + JetBrains Mono",
                 "tokens": {
-                    "font-display": "'Space Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-body": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-label": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace",
+                    "font-display": "'Space Grotesk', 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-body": "'Inter', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-label": "'JetBrains Mono', 'Heebo', ui-monospace, 'SFMono-Regular', Menlo, monospace",
                     "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace",
                     "weight-display": "700",
                     "weight-label": "500",
@@ -6774,7 +7599,11 @@ const SPEC_FLAVOR_PACKS = [
                     "Space Grotesk",
                     "Inter",
                     "JetBrains Mono"
-                ]
+                ],
+                "hebrew": {
+                    "display": "Rubik",
+                    "body": "Heebo"
+                }
             }
         ],
         "palette": {
@@ -7105,21 +7934,21 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "font",
                 "group": "type",
-                "value": "'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif"
+                "value": "'Geist', 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif"
             },
             {
                 "name": "font-body",
                 "tier": "semantic",
                 "type": "font",
                 "group": "type",
-                "value": "'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif"
+                "value": "'Geist', 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif"
             },
             {
                 "name": "font-label",
                 "tier": "semantic",
                 "type": "font",
                 "group": "type",
-                "value": "'Geist Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace"
+                "value": "'Geist Mono', 'Rubik', ui-monospace, 'SFMono-Regular', Menlo, monospace"
             },
             {
                 "name": "font-mono",
@@ -8514,9 +9343,9 @@ const SPEC_FLAVOR_PACKS = [
                 "id": "jakarta",
                 "label": "Plus Jakarta Sans + Inter",
                 "tokens": {
-                    "font-display": "'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-body": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-label": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-display": "'Plus Jakarta Sans', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-body": "'Inter', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-label": "'Inter', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif",
                     "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace",
                     "weight-display": "700",
                     "weight-label": "600",
@@ -8526,15 +9355,19 @@ const SPEC_FLAVOR_PACKS = [
                 "families": [
                     "Plus Jakarta Sans",
                     "Inter"
-                ]
+                ],
+                "hebrew": {
+                    "display": "Assistant",
+                    "body": "Assistant"
+                }
             },
             {
                 "id": "figtree",
                 "label": "Figtree",
                 "tokens": {
-                    "font-display": "'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-body": "'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-label": "'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-display": "'Figtree', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-body": "'Figtree', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-label": "'Figtree', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif",
                     "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace",
                     "weight-display": "700",
                     "weight-label": "600",
@@ -8543,15 +9376,19 @@ const SPEC_FLAVOR_PACKS = [
                 },
                 "families": [
                     "Figtree"
-                ]
+                ],
+                "hebrew": {
+                    "display": "Assistant",
+                    "body": "Assistant"
+                }
             },
             {
                 "id": "manrope",
                 "label": "Manrope + Inter",
                 "tokens": {
-                    "font-display": "'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-body": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-label": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-display": "'Manrope', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-body": "'Inter', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-label": "'Inter', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif",
                     "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace",
                     "weight-display": "700",
                     "weight-label": "600",
@@ -8561,7 +9398,11 @@ const SPEC_FLAVOR_PACKS = [
                 "families": [
                     "Manrope",
                     "Inter"
-                ]
+                ],
+                "hebrew": {
+                    "display": "Heebo",
+                    "body": "Heebo"
+                }
             }
         ],
         "palette": {
@@ -8907,21 +9748,21 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "font",
                 "group": "type",
-                "value": "'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif"
+                "value": "'Plus Jakarta Sans', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif"
             },
             {
                 "name": "font-body",
                 "tier": "semantic",
                 "type": "font",
                 "group": "type",
-                "value": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif"
+                "value": "'Inter', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif"
             },
             {
                 "name": "font-label",
                 "tier": "semantic",
                 "type": "font",
                 "group": "type",
-                "value": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif"
+                "value": "'Inter', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif"
             },
             {
                 "name": "font-mono",
@@ -10348,9 +11189,9 @@ const SPEC_FLAVOR_PACKS = [
                 "id": "sans-flex",
                 "label": "Google Sans Flex + Figtree",
                 "tokens": {
-                    "font-display": "'Google Sans Flex', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-body": "'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-label": "'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-display": "'Google Sans Flex', 'Varela Round', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-body": "'Figtree', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-label": "'Figtree', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif",
                     "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace",
                     "weight-display": "700",
                     "weight-label": "700",
@@ -10360,15 +11201,19 @@ const SPEC_FLAVOR_PACKS = [
                 "families": [
                     "Google Sans Flex",
                     "Figtree"
-                ]
+                ],
+                "hebrew": {
+                    "display": "Varela Round",
+                    "body": "Assistant"
+                }
             },
             {
                 "id": "bricolage",
                 "label": "Bricolage Grotesque + Figtree",
                 "tokens": {
-                    "font-display": "'Bricolage Grotesque', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-body": "'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-label": "'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-display": "'Bricolage Grotesque', 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-body": "'Figtree', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-label": "'Figtree', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif",
                     "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace",
                     "weight-display": "700",
                     "weight-label": "700",
@@ -10378,15 +11223,19 @@ const SPEC_FLAVOR_PACKS = [
                 "families": [
                     "Bricolage Grotesque",
                     "Figtree"
-                ]
+                ],
+                "hebrew": {
+                    "display": "Rubik",
+                    "body": "Assistant"
+                }
             },
             {
                 "id": "nunito",
                 "label": "Nunito",
                 "tokens": {
-                    "font-display": "'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-body": "'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-label": "'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-display": "'Nunito', 'Varela Round', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-body": "'Nunito', 'Varela Round', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-label": "'Nunito', 'Varela Round', system-ui, -apple-system, 'Segoe UI', sans-serif",
                     "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace",
                     "weight-display": "800",
                     "weight-label": "700",
@@ -10395,7 +11244,11 @@ const SPEC_FLAVOR_PACKS = [
                 },
                 "families": [
                     "Nunito"
-                ]
+                ],
+                "hebrew": {
+                    "display": "Varela Round",
+                    "body": "Varela Round"
+                }
             }
         ],
         "palette": {
@@ -10725,21 +11578,21 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "font",
                 "group": "type",
-                "value": "'Google Sans Flex', system-ui, -apple-system, 'Segoe UI', sans-serif"
+                "value": "'Google Sans Flex', 'Varela Round', system-ui, -apple-system, 'Segoe UI', sans-serif"
             },
             {
                 "name": "font-body",
                 "tier": "semantic",
                 "type": "font",
                 "group": "type",
-                "value": "'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif"
+                "value": "'Figtree', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif"
             },
             {
                 "name": "font-label",
                 "tier": "semantic",
                 "type": "font",
                 "group": "type",
-                "value": "'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif"
+                "value": "'Figtree', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif"
             },
             {
                 "name": "font-mono",
@@ -12144,9 +12997,9 @@ const SPEC_FLAVOR_PACKS = [
                 "id": "grotesk",
                 "label": "Space Grotesk + DM Sans",
                 "tokens": {
-                    "font-display": "'Space Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-body": "'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-label": "'Space Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace",
+                    "font-display": "'Space Grotesk', 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-body": "'DM Sans', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-label": "'Space Mono', 'Heebo', ui-monospace, 'SFMono-Regular', Menlo, monospace",
                     "font-mono": "'Space Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace",
                     "weight-display": "700",
                     "weight-label": "700",
@@ -12157,15 +13010,19 @@ const SPEC_FLAVOR_PACKS = [
                     "Space Grotesk",
                     "DM Sans",
                     "Space Mono"
-                ]
+                ],
+                "hebrew": {
+                    "display": "Rubik",
+                    "body": "Heebo"
+                }
             },
             {
                 "id": "archivo",
                 "label": "Archivo Black + Archivo",
                 "tokens": {
-                    "font-display": "'Archivo Black', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-body": "'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-label": "'Space Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace",
+                    "font-display": "'Archivo Black', 'Secular One', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-body": "'Archivo', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-label": "'Space Mono', 'Heebo', ui-monospace, 'SFMono-Regular', Menlo, monospace",
                     "font-mono": "'Space Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace",
                     "weight-display": "400",
                     "weight-label": "700",
@@ -12176,15 +13033,19 @@ const SPEC_FLAVOR_PACKS = [
                     "Archivo Black",
                     "Archivo",
                     "Space Mono"
-                ]
+                ],
+                "hebrew": {
+                    "display": "Secular One",
+                    "body": "Heebo"
+                }
             },
             {
                 "id": "syne",
                 "label": "Syne + DM Sans",
                 "tokens": {
-                    "font-display": "'Syne', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-body": "'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif",
-                    "font-label": "'Space Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace",
+                    "font-display": "'Syne', 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-body": "'DM Sans', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif",
+                    "font-label": "'Space Mono', 'Heebo', ui-monospace, 'SFMono-Regular', Menlo, monospace",
                     "font-mono": "'Space Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace",
                     "weight-display": "800",
                     "weight-label": "700",
@@ -12195,7 +13056,11 @@ const SPEC_FLAVOR_PACKS = [
                     "Syne",
                     "DM Sans",
                     "Space Mono"
-                ]
+                ],
+                "hebrew": {
+                    "display": "Rubik",
+                    "body": "Heebo"
+                }
             }
         ],
         "palette": {
@@ -12513,21 +13378,21 @@ const SPEC_FLAVOR_PACKS = [
                 "tier": "semantic",
                 "type": "font",
                 "group": "type",
-                "value": "'Space Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif"
+                "value": "'Space Grotesk', 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif"
             },
             {
                 "name": "font-body",
                 "tier": "semantic",
                 "type": "font",
                 "group": "type",
-                "value": "'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif"
+                "value": "'DM Sans', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif"
             },
             {
                 "name": "font-label",
                 "tier": "semantic",
                 "type": "font",
                 "group": "type",
-                "value": "'Space Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace"
+                "value": "'Space Mono', 'Heebo', ui-monospace, 'SFMono-Regular', Menlo, monospace"
             },
             {
                 "name": "font-mono",
@@ -16548,6 +17413,27 @@ function catalogFontId(family) {
 const MONO_ROLE = 'font-mono';
 const ALWAYS_LOADED_ROLES = FONT_FAMILY_TOKENS.filter(role => role !== MONO_ROLE);
 const MONO_REFERENCE = /var\(\s*--iox-font-mono\b/;
+const SCRIPT_FAMILIES = new Map(Object.entries(SPEC_SCRIPTS)
+    .map(([script, def]) => [script, new Set(def.families.map(fontFamilyKey))]));
+/** The scripts a page in `locale` needs drawn (`he`, `he-IL` → hebrew); none for a Latin locale. */
+function scriptsForLocale(locale) {
+    const lang = String(locale ?? '').trim().toLowerCase().split(/[-_]/)[0];
+    return Object.entries(SPEC_SCRIPTS)
+        .filter(([, def]) => def.locales.includes(lang)).map(([script]) => script);
+}
+/** True when `family` is a catalog family that draws `script`. */
+function drawsScript(family, script) {
+    return !!SCRIPT_FAMILIES.get(script)?.has(fontFamilyKey(family));
+}
+/**
+ * A stack with its script PARTNERS removed — every family after the first that only stands there to draw
+ * a script. What the contract wrote before H1-2 placed the partners: a row seeded then still holds it, and
+ * is the look's own, not the author's (`designBaseline`).
+ */
+function withoutScriptPartners(stack) {
+    const partner = (family) => [...SCRIPT_FAMILIES.values()].some(set => set.has(fontFamilyKey(family)));
+    return splitFontStack(stack).filter((e, i) => i === 0 || !partner(e.family)).map(e => e.raw).join(', ');
+}
 /**
  * The Google css2 ids to load for a token set: every catalog family named by the display / body /
  * label roles, plus mono when referenced (above). One id per family (T7 — one `<link>` per family, so
@@ -16559,25 +17445,42 @@ function fontsForTokens(tokens, opts = {}) {
         || rows.some(t => t.name !== MONO_ROLE && MONO_REFERENCE.test(`${t.value ?? ''} ${t.values?.dark ?? ''}`));
     const roles = monoRead ? FONT_FAMILY_TOKENS : ALWAYS_LOADED_ROLES;
     const uploaded = new Set((opts.uploaded ?? []).map(fontFamilyKey));
+    const scripts = scriptsForLocale(opts.locale);
     const seen = new Set();
     const ids = [];
+    const add = (id) => {
+        if (id && !seen.has(id)) {
+            seen.add(id);
+            ids.push(id);
+        }
+    };
     for (const role of roles) {
-        const row = rows.find(t => t.name === role);
+        const families = parseFontFamilies(rows.find(t => t.name === role)?.value ?? '');
         // The role's FIRST family that renders decides: an uploaded one needs nothing from Google; the
         // first catalog one is linked (it renders, or stands in for an uploaded family that is missing
         // — `userFontStack` puts the look's font right after the author's). Nothing further down is
-        // ever reached, so nothing further down is loaded.
+        // reached for a Latin glyph, so nothing further down is loaded for one.
+        let lead = null;
         let id = null;
-        for (const family of parseFontFamilies(row?.value ?? '')) {
-            if (uploaded.has(fontFamilyKey(family)))
+        for (const family of families) {
+            if (uploaded.has(fontFamilyKey(family))) {
+                lead = family;
                 break;
+            }
             id = catalogFontId(family);
-            if (id)
+            if (id) {
+                lead = family;
                 break;
+            }
         }
-        if (id && !seen.has(id)) {
-            seen.add(id);
-            ids.push(id);
+        add(id);
+        // …but a Hebrew glyph IS reached further down: the browser falls through the stack, per glyph, to the
+        // first family that draws it — the role's script partner, linked for a page whose locale needs it.
+        for (const script of scripts) {
+            if (lead && drawsScript(lead, script))
+                continue;
+            const partner = families.find(f => drawsScript(f, script) && !uploaded.has(fontFamilyKey(f)));
+            add(partner ? catalogFontId(partner) : null);
         }
     }
     return ids;
@@ -16635,8 +17538,10 @@ const PRELOAD_ROLES = [
 const PRELOAD_FORMAT = 'woff2';
 /**
  * The uploaded files the SSR head preloads (§5b — no flash of the fallback face): for the display and
- * body roles, the family each token names (its first uploaded family), the woff2 normal-style cut CSS
- * matching would pick for that role's weights. One file per weight that renders, never the family.
+ * body roles, the family the role RENDERS in — the stack's first family that is uploaded, in the catalog
+ * or on every system — when it is an uploaded one, the woff2 normal-style cut CSS matching would pick for
+ * that role's weights. One file per weight that renders, never the family. A family further down (a
+ * Hebrew partner, H1-2) draws only the glyphs the lead lacks: never preloaded.
  */
 function fontPreloads(descriptors, tokens) {
     const families = groupFontFamilies(descriptors);
@@ -16646,7 +17551,9 @@ function fontPreloads(descriptors, tokens) {
     const out = new Map();
     for (const { role, weights, fallback } of PRELOAD_ROLES) {
         const named = parseFontFamilies(resolved[role] ?? '').map(fontFamilyKey);
-        const family = named.map(key => families.find(f => fontFamilyKey(f.family) === key)).find(Boolean);
+        const uploadedFamily = (key) => families.find(f => fontFamilyKey(f.family) === key);
+        const lead = named.find(key => !!uploadedFamily(key) || !!catalogFontId(key) || ALWAYS_AVAILABLE_FAMILIES.has(key));
+        const family = lead ? uploadedFamily(lead) : undefined;
         const faces = family?.faces.filter(f => f.format === PRELOAD_FORMAT && normalizeFontStyle(f.style) === 'normal') ?? [];
         for (const token of weights) {
             const weight = Number.parseInt(resolved[token] ?? '', 10);
@@ -17266,6 +18173,14 @@ function packDefaultsLookup() {
     };
 }
 const present = (list) => list.filter((e) => !!e);
+const FONT_ROLES = new Set(FONT_FAMILY_TOKENS);
+/** What a font role held before H1-2 put the Hebrew partner second in every pairing's stacks. */
+function beforeScriptPartners(name, e) {
+    if (!e || !FONT_ROLES.has(name))
+        return undefined;
+    const value = withoutScriptPartners(e.value);
+    return value !== e.value ? { value } : undefined;
+}
 /**
  * What the PREVIOUS design wrote, as a baseline keyed by the row's own stamp: a row Swiss stamped is
  * judged against what Swiss wrote, every other row against `buildFlavorTokens` of the stored choices
@@ -17291,7 +18206,8 @@ function designBaseline(previous) {
         if (stampedBy === SWISS_FLAVOR.id)
             return swiss.get(row.name);
         const ownDefaults = stampedBy ? packDefaults(stampedBy).map(m => m.get(row.name)) : [];
-        return present([current.get(row.name), beforeTint.get(row.name), ...ownDefaults]);
+        const expected = [current.get(row.name), beforeTint.get(row.name), ...ownDefaults];
+        return present([...expected, ...expected.map(e => beforeScriptPartners(row.name, e))]);
     };
 }
 /**
@@ -17375,7 +18291,10 @@ function missingDesignRows(existing, choices) {
  *   whose brand colour never reached its accent;
  * - stamped by the current pack and still holding what the design wrote BEFORE DS9
  *   (`legacyDesignTokenRows`): the contrast fixes — a 3:1 `line-strong`, a 3:1 focus ring, an
- *   `accent-text` that reads on every ground — reach a studio that applied its look before them.
+ *   `accent-text` that reads on every ground — reach a studio that applied its look before them;
+ * - stamped by the current pack and still holding a font stack WITHOUT the Hebrew partner the pairing now
+ *   names second (H1-2): a Hebrew page of a studio seeded before it would draw its headings in the browser's
+ *   default face for good.
  * No author edit produces any of these shapes — the Tokens panel edited the light value only, and since DS8 an
  * edit makes the row `source: user`, which this never touches.
  */
@@ -17398,7 +18317,7 @@ function designTokenRepairs(existing, choices) {
         const darkOnly = row.source === stamp && row.value === want.value;
         const machineWrote = present([
             ...(stampedBy ? packDefaults(stampedBy).map(m => m.get(row.name)) : []),
-            ...(stampedBy === pack.id ? [beforeTint.get(row.name)] : []),
+            ...(stampedBy === pack.id ? [beforeTint.get(row.name), beforeScriptPartners(row.name, want), beforeScriptPartners(row.name, beforeTint.get(row.name))] : []),
         ]);
         if (!darkOnly && !untouchedSeedRow(row, machineWrote))
             continue;
@@ -17475,6 +18394,35 @@ function planFontFamilyRemoval(existing, previous, family) {
     return { roles, choices, plan, fallbacks };
 }
+const MOOD_IDS = Object.keys(SPEC_MOODS);
+const MOOD_LABELS = SPEC_MOODS;
+/** The 24, catalogue order (four per flavor). Assignment here proves the generated data fits the type. */
+const STYLE_PRESETS = SPEC_STYLE_PRESETS;
+function stylePresetById(id) {
+    return id ? STYLE_PRESETS.find(p => p.id === id) : undefined;
+}
+const FOLLOW_VISITOR = 'auto';
+/** The modes Design offers for a preset: the audited ones, then "Follow visitor" when it passed both (H-D3). */
+function presetModes(preset) {
+    return preset.modes.length > 1 ? [...preset.modes, FOLLOW_VISITOR] : [...preset.modes];
+}
+/**
+ * What picking a preset means — the complete `DesignChoices`, its motion included — in `mode` (default:
+ * its first). A mode it was not audited in is REFUSED (null): a light-only preset is never worn dark.
+ */
+function presetChoices(id, mode) {
+    const preset = stylePresetById(id);
+    if (!preset)
+        return null;
+    const wear = mode ?? preset.modes[0];
+    if (!presetModes(preset).includes(wear))
+        return null;
+    return resolveDesignChoices({
+        flavorId: preset.flavorId, seed: preset.seed, pairId: preset.pairId, shape: preset.shape, density: preset.density,
+        motion: preset.motion, pillButtons: preset.pillButtons, mode: wear, tint: preset.tint, ...preset.moves,
+    });
+}
 /**
  * @vectoriox/iox-ui/design-core — the shared, FRAMEWORK-FREE core of the design system
  * (design-system plan §3e): the token vocabulary, the flavor contract (generated 1:1 from
@@ -17490,5 +18438,5 @@ function planFontFamilyRemoval(existing, previous, family) {
  * Generated bundle index. Do not edit.
  */
-export { ACCENT_TOKEN_NAMES, ANIMATE_IDS, AdoptOutcome, AdoptSkipReason, BAR_RESERVE_BREAKPOINTS, BAR_RESERVE_CLASS, BETWEEN_IDS, BOTTOM_BAR_STYLE, BUTTON_VARIANT_TO_STYLE, CANVAS_LINK_ATTRIBUTE, CARD_LINK_CLASS, COLOR_SCHEMES, COLOR_SCHEME_TRAIT, COLOR_SCHEME_TYPES, ColorScheme, ColourCheckId, DEFAULT_FLAVOR_ID, DESIGN_TOKEN_GROUPS, DESIGN_TOKEN_TIERS, DESIGN_TOKEN_TYPES, DesignConfigKey, ELEMENT_STYLES, ELEMENT_STYLE_MARKER_CLASS, ELEMENT_STYLE_STATES, EMPTY_IMAGE_ATTRIBUTE, EMPTY_IMAGE_SRC, ElementStyleState, FLAVOR_SPEC_VERSION, FONT_CATALOG, FONT_FAMILY_TOKENS, FONT_FILE_ACCEPT, FONT_FILE_EXTENSIONS, FONT_FILE_FORMATS, FONT_STYLES, FONT_WEIGHTS, FontUploadError, GOOGLE_FONTS_CSS_ORIGIN, GOOGLE_FONTS_FILE_ORIGIN, HELD_CONTRAST, INHERITED_TEXT, LinkType, MAX_FONT_FILE_BYTES, NEW_NODE_STYLE_DEFAULTS, OwnedTraitLink, PALETTE_PRESETS, PRE_DS2_FLAVOR_DEFAULTS, PRE_MOTION, PRE_TINT_DEFAULT, REDUCED_DESIGN_MOTION, REDUCED_MOTION_OVERRIDES, REDUCED_TRANSPARENCY_OVERRIDES, REVERT_WINDOW_MS, SCHEME_INK, SCROLL_IDS, SPEC_A11Y, SPEC_AXES, SPEC_BUTTON_VARIANT_TO_STYLE, SPEC_CONTRAST, SPEC_CONTRAST_AUDIT, SPEC_DEFAULT_ELEMENT_STYLE, SPEC_ELEMENT_STYLES, SPEC_FIELD_CLASS_BASELINE, SPEC_FLAVORS, SPEC_FLAVOR_PACKS, SPEC_FONTS, SPEC_FONT_ROLES, SPEC_INK_SCOPES, SPEC_LEGACY_ALIASES, SPEC_PALETTE_PRESETS, SPEC_SCHEMES, SPEC_SCHEME_INK, SPEC_SPRINGS, SPEC_TIERS, SPEC_TIER_IDS, SPEC_TOKEN_TYPES, SUPERSEDED_STYLE_VALUES, SWISS_FLAVOR, TINT_FULL_CHROMA, TINT_IDS, TINT_LEVELS, TINT_OWN_HUE_CHROMA, TINT_TURN_CHROMA, USER_TOKEN_SOURCE, WCAG_AA_TEXT, WCAG_AA_UI, adoptElementStyles, adoptionStyleFor, apcaLc, applyElementStyle, applyHeadingLevelRule, atLightness, atLightnessMaxChroma, auditDesignContrast, barReserveClass, buildFlavorTokens, buildFontFaceCss, buttonBlockHref, catalogFontId, checkFontWeight, choicesForPack, colorSchemeClass, colorSchemeOf, colourTabChecks, compareFontWeights, compileSchemeCss, compileTokenCss, compileTokenCssBlocks, compositeOver, cssString, defaultDesignChoices, defaultElementStyleFor, deriveAccentTokens, deriveBrandTokens, designApplySnapshot, designBaseline, designConfigEntries, designModeOf, designMotionOf, designRevertConfig, designTokenRepairs, designTokenRows, elementStyleById, elementStyleClass, elementStylesFor, emptyImageLabelSrc, emptyImagePlaceholder, emptyImageSrc, ensureAlpha, ensureContrast, flavorColours, flavorPackById, flavorSeedWrites, flavorSourceStamp, fontFamilyKey, fontFileName, fontFileStem, fontFormatOf, fontPreloads, fontRoleReferences, fontStackWithout, fontWeightCovers, fontWeightRange, fontWeightValue, fontsForTokens, formatFontFamilies, formatFontFamily, formatFontWeight, googleFontHref, groupFontFamilies, hasElementStyleMarker, headingHref, inSrgbGamut, isDesignTokenGroup, isDesignTokenTier, isDesignTokenType, isFontWeightRange, isRetiredFlavorId, legacyDesignTokenRows, legacyFlavorTokens, legacyRuleTokenReferences, matchFontWeight, missingDesignRows, missingFontRoles, nodeDesignClasses, normalizeFontStyle, normalizeFontWeight, normalizeFontWeightValue, oklabToRgb, ownedTraitStatus, ownedTraitsOf, packDesignChoices, paintColours, parseCssColour, parseFontFamilies, parseFontWeight, parseHexColor, planDesignApply, planDesignRevert, planFlavorRevert, planFlavorSeed, planFontFamilyRemoval, planSwissMigration, preTintAccentGrounds, previewElementStyleAdoption, previewFontWeight, quantizeRgb, readDesignConfig, readOwnedTrait, relativeLuminance, releaseElementStyle, resolveDesignChoices, resolveDesignMotion, resolveSchemeTokenValues, resolveTokenReferences, resolveTokenValues, revertAvailable, rgbToOklab, ringColour, roleClass, sameDesignChoices, setColorScheme, specTokenNames, splitTopLevel, springToLinear, stackNamesFamily, styleKeyToKebab, switchElementStyle, syncNodeDesignClasses, toHexColor, tokenReferences, tokensToDarkVarMap, tokensToVarMap, unknownTokenReferences, untouchedSeedRow, userFontStack, validateFlavorPack, wcagContrastRatio, withSchemeInk, writeOwnedTrait };
+export { ACCENT_TOKEN_NAMES, ANIMATE_IDS, AdoptOutcome, AdoptSkipReason, BAR_RESERVE_BREAKPOINTS, BAR_RESERVE_CLASS, BETWEEN_IDS, BOTTOM_BAR_STYLE, BUTTON_VARIANT_TO_STYLE, CANVAS_LINK_ATTRIBUTE, CARD_LINK_CLASS, COLOR_SCHEMES, COLOR_SCHEME_TRAIT, COLOR_SCHEME_TYPES, ColorScheme, ColourCheckId, DEFAULT_FLAVOR_ID, DESIGN_TOKEN_GROUPS, DESIGN_TOKEN_TIERS, DESIGN_TOKEN_TYPES, DesignConfigKey, ELEMENT_STYLES, ELEMENT_STYLE_MARKER_CLASS, ELEMENT_STYLE_STATES, EMPTY_IMAGE_ATTRIBUTE, EMPTY_IMAGE_SRC, ElementStyleState, FLAVOR_SPEC_VERSION, FONT_CATALOG, FONT_FAMILY_TOKENS, FONT_FILE_ACCEPT, FONT_FILE_EXTENSIONS, FONT_FILE_FORMATS, FONT_STYLES, FONT_WEIGHTS, FontUploadError, GOOGLE_FONTS_CSS_ORIGIN, GOOGLE_FONTS_FILE_ORIGIN, HELD_CONTRAST, INHERITED_TEXT, LinkType, MAX_FONT_FILE_BYTES, MOOD_IDS, MOOD_LABELS, NEW_NODE_STYLE_DEFAULTS, OwnedTraitLink, PALETTE_PRESETS, PRE_DS2_FLAVOR_DEFAULTS, PRE_MOTION, PRE_TINT_DEFAULT, REDUCED_DESIGN_MOTION, REDUCED_MOTION_OVERRIDES, REDUCED_TRANSPARENCY_OVERRIDES, REVERT_WINDOW_MS, SCHEME_INK, SCROLL_IDS, SPEC_A11Y, SPEC_AXES, SPEC_BUTTON_VARIANT_TO_STYLE, SPEC_CONTRAST, SPEC_CONTRAST_AUDIT, SPEC_DEFAULT_ELEMENT_STYLE, SPEC_ELEMENT_STYLES, SPEC_FIELD_CLASS_BASELINE, SPEC_FLAVORS, SPEC_FLAVOR_PACKS, SPEC_FONTS, SPEC_FONT_ROLES, SPEC_INK_SCOPES, SPEC_LEGACY_ALIASES, SPEC_MOODS, SPEC_PALETTE_PRESETS, SPEC_SCHEMES, SPEC_SCHEME_INK, SPEC_SCRIPTS, SPEC_SPRINGS, SPEC_STYLE_PRESETS, SPEC_TIERS, SPEC_TIER_IDS, SPEC_TOKEN_TYPES, STYLE_PRESETS, SUPERSEDED_STYLE_VALUES, SWISS_FLAVOR, TINT_FULL_CHROMA, TINT_IDS, TINT_LEVELS, TINT_OWN_HUE_CHROMA, TINT_TURN_CHROMA, USER_TOKEN_SOURCE, WCAG_AA_TEXT, WCAG_AA_UI, adoptElementStyles, adoptionStyleFor, apcaLc, applyElementStyle, applyHeadingLevelRule, atLightness, atLightnessMaxChroma, auditDesignContrast, barReserveClass, buildFlavorTokens, buildFontFaceCss, buttonBlockHref, catalogFontId, checkFontWeight, choicesForPack, colorSchemeClass, colorSchemeOf, colourTabChecks, compareFontWeights, compileSchemeCss, compileTokenCss, compileTokenCssBlocks, compositeOver, cssString, defaultDesignChoices, defaultElementStyleFor, deriveAccentTokens, deriveBrandTokens, designApplySnapshot, designBaseline, designConfigEntries, designModeOf, designMotionOf, designRevertConfig, designTokenRepairs, designTokenRows, drawsScript, elementStyleById, elementStyleClass, elementStylesFor, emptyImageLabelSrc, emptyImagePlaceholder, emptyImageSrc, ensureAlpha, ensureContrast, flavorColours, flavorPackById, flavorSeedWrites, flavorSourceStamp, fontFamilyKey, fontFileName, fontFileStem, fontFormatOf, fontPreloads, fontRoleReferences, fontStackWithout, fontWeightCovers, fontWeightRange, fontWeightValue, fontsForTokens, formatFontFamilies, formatFontFamily, formatFontWeight, googleFontHref, groupFontFamilies, hasElementStyleMarker, headingHref, inSrgbGamut, isDesignTokenGroup, isDesignTokenTier, isDesignTokenType, isFontWeightRange, isRetiredFlavorId, legacyDesignTokenRows, legacyFlavorTokens, legacyRuleTokenReferences, matchFontWeight, missingDesignRows, missingFontRoles, nodeDesignClasses, normalizeFontStyle, normalizeFontWeight, normalizeFontWeightValue, oklabToRgb, ownedTraitStatus, ownedTraitsOf, packDesignChoices, paintColours, parseCssColour, parseFontFamilies, parseFontWeight, parseHexColor, planDesignApply, planDesignRevert, planFlavorRevert, planFlavorSeed, planFontFamilyRemoval, planSwissMigration, preTintAccentGrounds, presetChoices, presetModes, previewElementStyleAdoption, previewFontWeight, quantizeRgb, readDesignConfig, readOwnedTrait, relativeLuminance, releaseElementStyle, resolveDesignChoices, resolveDesignMotion, resolveSchemeTokenValues, resolveTokenReferences, resolveTokenValues, revertAvailable, rgbToOklab, ringColour, roleClass, sameDesignChoices, scriptsForLocale, setColorScheme, specTokenNames, splitTopLevel, springToLinear, stackNamesFamily, styleKeyToKebab, stylePresetById, switchElementStyle, syncNodeDesignClasses, toHexColor, tokenReferences, tokensToDarkVarMap, tokensToVarMap, unknownTokenReferences, untouchedSeedRow, userFontStack, validateFlavorPack, wcagContrastRatio, withSchemeInk, withoutScriptPartners, writeOwnedTrait };
 //# sourceMappingURL=vectoriox-iox-ui-design-core.mjs.map