@dixy-ui/themes 0.1.0-beta.3 → 0.1.0-beta.5

package/dist/swiss-poster.css

@@ -29,6 +29,11 @@
     --dixy-font-title-sm-family:
       "Archivo Black", "Arial Black", ui-sans-serif, sans-serif;
     --dixy-skin-edge: #0d0d0d;
+    --dixy-skin-field-edge: color-mix(
+      in oklab,
+      var(--dixy-color-base-9) 50%,
+      var(--dixy-color-base-8)
+    );
     --dixy-organic-density: 50;
     --dixy-organic-cornerDensity: 80;
     --dixy-organic-canopyDepth: 40;
@@ -121,7 +126,6 @@
     --dixy-organic-b: #f4f4f4;
     --dixy-organic-c: #6a6a6a;
     --dixy-organic-d: #f4f4f4;
-    --dixy-skin-selected: var(--dixy-skin-finish);
     --dixy-skin-edge: #f4f4f4;
     --dixy-skin-surface: color-mix(
       in srgb,
@@ -134,6 +138,7 @@
       #111111
     );
   }
+
   .dixy-theme[data-dixy-skin="dixy/swiss-poster"][data-relief="2"] {
     --dixy-skin-shadow:
       var(--dixy-skin-depth-shadow, var(--dixy-skin-authored-shadow)),
@@ -159,11 +164,9 @@
   }
 }
 @layer dixy.components {
-  .dixy-theme[data-dixy-skin="dixy/swiss-poster"] {
+  .dixy-theme[data-dixy-skin="dixy/swiss-poster"]:not(.dixy-portal-scope) {
     position: relative;
     isolation: isolate;
-  }
-  .dixy-theme[data-dixy-skin="dixy/swiss-poster"]:not(.dixy-portal-scope) {
     background-color: var(--dixy-skin-ground);
     background-image: var(--dixy-skin-canvas);
   }
@@ -269,6 +272,30 @@
     ):not([data-variant="soft"]) {
     background-color: var(--dixy-skin-surface);
   }
+  :is(
+      .dixy-dialog-popup,
+      .dixy-alert-dialog-popup,
+      .dixy-drawer-popup,
+      .dixy-popover-popup,
+      .dixy-preview-card-popup,
+      .dixy-tooltip-popup,
+      .dixy-select-popup,
+      .dixy-combobox-popup,
+      .dixy-autocomplete-popup,
+      .dixy-menu-popup,
+      .dixy-context-menu-popup,
+      .dixy-navigation-menu-popup
+    )[data-dixy-skin="dixy/swiss-poster"]:not(
+      [data-dixy-material-override]
+    ):not(:where([data-dixy-material-override]) *):not(
+      [data-variant="solid"]
+    ):not([data-variant="soft"]) {
+    background-color: color-mix(
+      in srgb,
+      var(--dixy-color-background-surface-raised) 94%,
+      var(--dixy-skin-surface)
+    );
+  }
   :is(
     .dixy-input,
     .dixy-textarea,
@@ -301,7 +328,7 @@
       [data-dixy-material-override]
     ):not(:where([data-dixy-material-override]) *) {
     border-width: var(--dixy-input-border-width);
-    border-color: var(--dixy-skin-edge);
+    border-color: var(--dixy-skin-field-edge);
     background-image: var(--dixy-skin-paint);
     background-color: var(--dixy-color-background-canvas);
     background-size:
@@ -311,6 +338,45 @@
       100% 100%;
     box-shadow: var(--dixy-skin-inset);
   }
+  /* materials.css styles [data-dixy-visual] surfaces at 0,5,0. Match the
+     skin's paint to that so its image and grain size always land together;
+     otherwise the material image is tiled at the grain size (stripes). */
+  :is(
+      .dixy-card,
+      .dixy-box,
+      .dixy-dialog-popup,
+      .dixy-alert-dialog-popup,
+      .dixy-drawer-popup,
+      .dixy-popover-popup,
+      .dixy-preview-card-popup,
+      .dixy-tooltip-popup,
+      .dixy-select-popup,
+      .dixy-combobox-popup,
+      .dixy-autocomplete-popup,
+      .dixy-menu-popup,
+      .dixy-context-menu-popup,
+      .dixy-navigation-menu-popup,
+      .dixy-toast-root,
+      .dixy-alert,
+      .dixy-list-box,
+      .dixy-calendar,
+      .dixy-range-calendar,
+      .dixy-input,
+      .dixy-textarea,
+      .dixy-native-select,
+      .dixy-select-trigger,
+      .dixy-input-group,
+      .dixy-combobox-input-group,
+      .dixy-autocomplete-input-group,
+      .dixy-number-field-group,
+      .dixy-otp-field-input
+    )[data-dixy-skin="dixy/swiss-poster"]:not(
+      [data-dixy-material-override]
+    ):not(
+      :where([data-dixy-material-override]) *
+    )[data-dixy-visual][data-material]:not([data-disabled]) {
+    background-image: var(--dixy-skin-paint);
+  }
   :is(.dixy-button)[data-dixy-skin="dixy/swiss-poster"]:not(
       [data-dixy-material-override]
     ):not(:where([data-dixy-material-override]) *):is(
@@ -341,14 +407,19 @@
     border: 1px solid var(--dixy-skin-edge);
     box-shadow: var(--dixy-skin-inset);
   }
+  /* Selected tabs and toggles are one flat colour, lifted by edge and relief only. A gradient behind the label (thumb art, sheen, material image) splits it across two colours. :not([data-variant="line"]) also outranks materials.css (0,3,0). */
   :is(.dixy-tabs-indicator)[data-dixy-skin="dixy/swiss-poster"]:not(
       [data-dixy-material-override]
     ):not(:where([data-dixy-material-override]) *) {
-    background-image: var(--dixy-skin-finish);
     box-shadow: var(--dixy-skin-control-relief);
     border: 1px solid var(--dixy-skin-edge);
   }
-  /* Toggle groups read like tabs: a sunken track, the selected toggle a raised thumb (slider-knob paint in light, the raised finish in dark so its label stays readable). */
+  :is(.dixy-tabs-indicator)[data-dixy-skin="dixy/swiss-poster"]:not(
+      [data-dixy-material-override]
+    ):not(:where([data-dixy-material-override]) *):not([data-variant="line"]) {
+    background-image: none;
+  }
+  /* Toggle groups read like tabs: a sunken track, the selected toggle a raised, flat thumb. */
   .dixy-theme[data-dixy-skin="dixy/swiss-poster"]
     .dixy-toggle-group:is([data-attached], [data-segmented]):not(
       [data-dixy-material-override]
@@ -363,7 +434,7 @@
       [data-variant="solid"]
     )[data-pressed]:not([data-disabled]) {
     background-color: var(--dixy-color-background-surface-raised);
-    background-image: var(--dixy-skin-selected, var(--dixy-skin-thumb));
+    background-image: none;
     box-shadow: var(--dixy-skin-control-relief);
     border-color: var(--dixy-skin-edge);
     color: var(--dixy-color-text-primary);
@@ -672,16 +743,72 @@
     :is(.dixy-card, .dixy-dialog-popup)[data-dixy-skin="dixy/swiss-poster"] {
     border-radius: 0;
     --dixy-chrome-bar-radius: 0px;
-    clip-path: polygon(
-      10px 0,
-      calc(100% - 10px) 0,
-      100% 10px,
-      100% calc(100% - 10px),
-      calc(100% - 10px) 100%,
-      10px 100%,
-      0 calc(100% - 10px),
-      0 10px
-    );
+  }
+  @supports (corner-shape: bevel) {
+    .dixy-theme[data-dixy-skin="dixy/swiss-poster"]
+      :is(.dixy-card, .dixy-dialog-popup)[data-dixy-skin="dixy/swiss-poster"] {
+      border-radius: 10px;
+      corner-shape: bevel;
+    }
+  }
+  @supports not (corner-shape: bevel) {
+    .dixy-theme[data-dixy-skin="dixy/swiss-poster"]
+      :is(.dixy-card, .dixy-dialog-popup)[data-dixy-skin="dixy/swiss-poster"] {
+      clip-path: polygon(
+        10px 0,
+        calc(100% - 10px) 0,
+        100% 10px,
+        100% calc(100% - 10px),
+        calc(100% - 10px) 100%,
+        10px 100%,
+        0 calc(100% - 10px),
+        0 10px
+      );
+    }
+    .dixy-theme[data-dixy-skin="dixy/swiss-poster"]
+      :is(
+        .dixy-card,
+        .dixy-dialog-popup
+      )[data-dixy-skin="dixy/swiss-poster"]::after {
+      content: "";
+      position: absolute;
+      inset: calc(var(--dixy-skin-frame-width, 1px) * -1);
+      pointer-events: none;
+      z-index: 1;
+      background:
+        linear-gradient(
+            to bottom right,
+            transparent 50%,
+            var(--dixy-skin-edge) 50%
+              calc(50% + var(--dixy-skin-frame-width, 1px)),
+            transparent calc(50% + var(--dixy-skin-frame-width, 1px))
+          )
+          top left/10px 10px no-repeat,
+        linear-gradient(
+            to bottom left,
+            transparent 50%,
+            var(--dixy-skin-edge) 50%
+              calc(50% + var(--dixy-skin-frame-width, 1px)),
+            transparent calc(50% + var(--dixy-skin-frame-width, 1px))
+          )
+          top right/10px 10px no-repeat,
+        linear-gradient(
+            to top right,
+            transparent 50%,
+            var(--dixy-skin-edge) 50%
+              calc(50% + var(--dixy-skin-frame-width, 1px)),
+            transparent calc(50% + var(--dixy-skin-frame-width, 1px))
+          )
+          bottom left/10px 10px no-repeat,
+        linear-gradient(
+            to top left,
+            transparent 50%,
+            var(--dixy-skin-edge) 50%
+              calc(50% + var(--dixy-skin-frame-width, 1px)),
+            transparent calc(50% + var(--dixy-skin-frame-width, 1px))
+          )
+          bottom right/10px 10px no-repeat;
+    }
   }
 
   @supports (backdrop-filter: blur(8px)) {

package/dist/tactile-atelier.css

@@ -40,6 +40,11 @@
       "Cormorant Garamond Variable", "Cormorant Garamond", "Garamond", ui-serif,
       Georgia, serif;
     --dixy-skin-edge: #d9cab3;
+    --dixy-skin-field-edge: color-mix(
+      in oklab,
+      var(--dixy-color-base-9) 50%,
+      var(--dixy-color-base-8)
+    );
 
     --dixy-skin-surface: color-mix(
       in srgb,
@@ -109,7 +114,6 @@
     --dixy-font-title-sm-weight: 500;
   }
   .dixy-theme[data-dixy-skin="dixy/tactile-atelier"][data-appearance="dark"] {
-    --dixy-skin-selected: var(--dixy-skin-finish);
     --dixy-skin-edge: #4a3a2c;
     --dixy-skin-surface: color-mix(
       in srgb,
@@ -122,6 +126,7 @@
       #2a211a
     );
   }
+
   .dixy-theme[data-dixy-skin="dixy/tactile-atelier"][data-relief="2"] {
     --dixy-skin-shadow:
       var(--dixy-skin-depth-shadow, var(--dixy-skin-authored-shadow)),
@@ -160,6 +165,7 @@
     --dixy-color-brand-12: oklch(0.255 0.056999 35);
     --dixy-color-brand-pressed: oklch(0.465 0.1425 35);
     --dixy-color-brand-on-solid: oklch(1 0 0);
+    --dixy-color-brand-focus: oklch(0.5375 0.13175 35);
   }
   .dixy-theme[data-dixy-skin="dixy/tactile-atelier"][data-appearance="dark"] {
     --dixy-color-brand-1: oklch(0.155 0.012 35);
@@ -176,14 +182,13 @@
     --dixy-color-brand-12: oklch(0.94 0.018 35);
     --dixy-color-brand-pressed: oklch(0.685 0.113999 35);
     --dixy-color-brand-on-solid: oklch(0.13 0.005 270);
+    --dixy-color-brand-focus: oklch(0.585 0.12 35);
   }
 }
 @layer dixy.components {
-  .dixy-theme[data-dixy-skin="dixy/tactile-atelier"] {
+  .dixy-theme[data-dixy-skin="dixy/tactile-atelier"]:not(.dixy-portal-scope) {
     position: relative;
     isolation: isolate;
-  }
-  .dixy-theme[data-dixy-skin="dixy/tactile-atelier"]:not(.dixy-portal-scope) {
     background-color: var(--dixy-skin-ground);
     background-image: var(--dixy-skin-canvas);
   }
@@ -289,6 +294,30 @@
     ):not([data-variant="soft"]) {
     background-color: var(--dixy-skin-surface);
   }
+  :is(
+      .dixy-dialog-popup,
+      .dixy-alert-dialog-popup,
+      .dixy-drawer-popup,
+      .dixy-popover-popup,
+      .dixy-preview-card-popup,
+      .dixy-tooltip-popup,
+      .dixy-select-popup,
+      .dixy-combobox-popup,
+      .dixy-autocomplete-popup,
+      .dixy-menu-popup,
+      .dixy-context-menu-popup,
+      .dixy-navigation-menu-popup
+    )[data-dixy-skin="dixy/tactile-atelier"]:not(
+      [data-dixy-material-override]
+    ):not(:where([data-dixy-material-override]) *):not(
+      [data-variant="solid"]
+    ):not([data-variant="soft"]) {
+    background-color: color-mix(
+      in srgb,
+      var(--dixy-color-background-surface-raised) 94%,
+      var(--dixy-skin-surface)
+    );
+  }
   :is(
     .dixy-input,
     .dixy-textarea,
@@ -321,7 +350,7 @@
       [data-dixy-material-override]
     ):not(:where([data-dixy-material-override]) *) {
     border-width: var(--dixy-input-border-width);
-    border-color: var(--dixy-skin-edge);
+    border-color: var(--dixy-skin-field-edge);
     background-image: var(--dixy-skin-paint);
     background-color: var(--dixy-color-background-canvas);
     background-size:
@@ -331,6 +360,45 @@
       100% 100%;
     box-shadow: var(--dixy-skin-inset);
   }
+  /* materials.css styles [data-dixy-visual] surfaces at 0,5,0. Match the
+     skin's paint to that so its image and grain size always land together;
+     otherwise the material image is tiled at the grain size (stripes). */
+  :is(
+      .dixy-card,
+      .dixy-box,
+      .dixy-dialog-popup,
+      .dixy-alert-dialog-popup,
+      .dixy-drawer-popup,
+      .dixy-popover-popup,
+      .dixy-preview-card-popup,
+      .dixy-tooltip-popup,
+      .dixy-select-popup,
+      .dixy-combobox-popup,
+      .dixy-autocomplete-popup,
+      .dixy-menu-popup,
+      .dixy-context-menu-popup,
+      .dixy-navigation-menu-popup,
+      .dixy-toast-root,
+      .dixy-alert,
+      .dixy-list-box,
+      .dixy-calendar,
+      .dixy-range-calendar,
+      .dixy-input,
+      .dixy-textarea,
+      .dixy-native-select,
+      .dixy-select-trigger,
+      .dixy-input-group,
+      .dixy-combobox-input-group,
+      .dixy-autocomplete-input-group,
+      .dixy-number-field-group,
+      .dixy-otp-field-input
+    )[data-dixy-skin="dixy/tactile-atelier"]:not(
+      [data-dixy-material-override]
+    ):not(
+      :where([data-dixy-material-override]) *
+    )[data-dixy-visual][data-material]:not([data-disabled]) {
+    background-image: var(--dixy-skin-paint);
+  }
   :is(.dixy-button)[data-dixy-skin="dixy/tactile-atelier"]:not(
       [data-dixy-material-override]
     ):not(:where([data-dixy-material-override]) *):is(
@@ -361,14 +429,19 @@
     border: 1px solid var(--dixy-skin-edge);
     box-shadow: var(--dixy-skin-inset);
   }
+  /* Selected tabs and toggles are one flat colour, lifted by edge and relief only. A gradient behind the label (thumb art, sheen, material image) splits it across two colours. :not([data-variant="line"]) also outranks materials.css (0,3,0). */
   :is(.dixy-tabs-indicator)[data-dixy-skin="dixy/tactile-atelier"]:not(
       [data-dixy-material-override]
     ):not(:where([data-dixy-material-override]) *) {
-    background-image: var(--dixy-skin-finish);
     box-shadow: var(--dixy-skin-control-relief);
     border: 1px solid var(--dixy-skin-edge);
   }
-  /* Toggle groups read like tabs: a sunken track, the selected toggle a raised thumb (slider-knob paint in light, the raised finish in dark so its label stays readable). */
+  :is(.dixy-tabs-indicator)[data-dixy-skin="dixy/tactile-atelier"]:not(
+      [data-dixy-material-override]
+    ):not(:where([data-dixy-material-override]) *):not([data-variant="line"]) {
+    background-image: none;
+  }
+  /* Toggle groups read like tabs: a sunken track, the selected toggle a raised, flat thumb. */
   .dixy-theme[data-dixy-skin="dixy/tactile-atelier"]
     .dixy-toggle-group:is([data-attached], [data-segmented]):not(
       [data-dixy-material-override]
@@ -383,7 +456,7 @@
       [data-variant="solid"]
     )[data-pressed]:not([data-disabled]) {
     background-color: var(--dixy-color-background-surface-raised);
-    background-image: var(--dixy-skin-selected, var(--dixy-skin-thumb));
+    background-image: none;
     box-shadow: var(--dixy-skin-control-relief);
     border-color: var(--dixy-skin-edge);
     color: var(--dixy-color-text-primary);

package/dist/theme-document.schema.json

@@ -129,7 +129,9 @@
             "jetbrains",
             "manrope",
             "figtree",
-            "cormorant"
+            "cormorant",
+            "plexSans",
+            "atkinson"
           ]
         },
         "headingFont": {
@@ -157,7 +159,9 @@
             "jetbrains",
             "manrope",
             "figtree",
-            "cormorant"
+            "cormorant",
+            "plexSans",
+            "atkinson"
           ]
         },
         "border": { "enum": [1, 2] },
@@ -228,7 +232,14 @@
                 "fiesta-paper",
                 "powder-wash",
                 "wool",
-                "liquid-glass"
+                "liquid-glass",
+                "sunset-neon",
+                "ledger-ruled",
+                "layer-grid",
+                "mono-ink",
+                "signal-contrast",
+                "menu-window",
+                "arcade-bezel"
               ]
             },
             "version": { "enum": [1] },
@@ -343,7 +354,10 @@
                 "picado",
                 "gulal",
                 "knit",
-                "liquid"
+                "liquid",
+                "sunset",
+                "menu",
+                "marquee"
               ]
             },
             "version": { "enum": [1] },
@@ -455,7 +469,19 @@
                     "Specular rim",
                     "Refraction",
                     "Light catch",
-                    "Clear"
+                    "Clear",
+                    "Sun and grid",
+                    "Sun only",
+                    "Grid only",
+                    "Bare coast",
+                    "Cursor and stars",
+                    "Cursor only",
+                    "Stars only",
+                    "Plain window",
+                    "Bulbs and credits",
+                    "Bulbs only",
+                    "Credits only",
+                    "Dark cabinet"
                   ]
                 },
                 "canopy": {
@@ -679,7 +705,9 @@
         "details": {
           "type": "object",
           "properties": {
-            "focus": { "enum": ["ring", "double", "dashed", "glow", "offset"] },
+            "focus": {
+              "enum": ["ring", "double", "dashed", "glow", "offset", "halo"]
+            },
             "divider": {
               "enum": ["line", "dashed", "dotted", "double", "groove"]
             },

package/dist/theme-fix.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Theme fixes are deep partial patches over a starter document. Objects merge
+ * key by key; any other value (including arrays) replaces the starter's.
+ */
+export type ThemeFix = {
+    readonly [key: string]: unknown;
+};
+/** Return `base` with `fix` merged in. Neither input is changed. */
+export declare function applyThemeFix<T>(base: T, fix: ThemeFix | undefined): T;
+/** The smallest patch that turns `base` into `next`, or undefined if equal. */
+export declare function diffThemeDocument(base: unknown, next: unknown): ThemeFix | undefined;

package/dist/theme-fix.js

@@ -0,0 +1,32 @@
+const isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+/** Return `base` with `fix` merged in. Neither input is changed. */
+export function applyThemeFix(base, fix) {
+    if (!fix)
+        return base;
+    return merge(base, fix);
+}
+function merge(base, patch) {
+    if (!isRecord(base) || !isRecord(patch))
+        return patch;
+    const result = { ...base };
+    for (const [key, value] of Object.entries(patch))
+        result[key] = merge(base[key], value);
+    return result;
+}
+/** The smallest patch that turns `base` into `next`, or undefined if equal. */
+export function diffThemeDocument(base, next) {
+    const patch = diff(base, next);
+    return isRecord(patch) ? patch : undefined;
+}
+function diff(base, next) {
+    if (isRecord(base) && isRecord(next)) {
+        const result = {};
+        for (const key of Object.keys(next)) {
+            const change = diff(base[key], next[key]);
+            if (change !== undefined)
+                result[key] = change;
+        }
+        return Object.keys(result).length ? result : undefined;
+    }
+    return JSON.stringify(base) === JSON.stringify(next) ? undefined : next;
+}

package/dist/theme-fixes.d.ts

@@ -0,0 +1,2 @@
+import type { ThemeFix } from "./theme-fix.ts";
+export declare const themeFixes: Readonly<Record<string, ThemeFix>>;

package/dist/theme-fixes.js

@@ -0,0 +1 @@
+export const themeFixes = {};

package/dist/theme-schema.d.ts

@@ -80,10 +80,10 @@ export declare const themeDocumentSchema: {
                     readonly enum: readonly ["light", "dark"];
                 };
                 readonly bodyFont: {
-                    readonly enum: readonly ["inter", "grotesk", "system", "serif", "mono", "fraunces", "deco", "pixel", "techno", "rounded", "lcd", "plex", "archivo", "neon", "mincho", "gothic", "playfair", "caveat", "bricolage", "terminal", "jetbrains", "manrope", "figtree", "cormorant"];
+                    readonly enum: readonly ["inter", "grotesk", "system", "serif", "mono", "fraunces", "deco", "pixel", "techno", "rounded", "lcd", "plex", "archivo", "neon", "mincho", "gothic", "playfair", "caveat", "bricolage", "terminal", "jetbrains", "manrope", "figtree", "cormorant", "plexSans", "atkinson"];
                 };
                 readonly headingFont: {
-                    readonly enum: readonly ["inter", "grotesk", "system", "serif", "mono", "fraunces", "deco", "pixel", "techno", "rounded", "lcd", "plex", "archivo", "neon", "mincho", "gothic", "playfair", "caveat", "bricolage", "terminal", "jetbrains", "manrope", "figtree", "cormorant"];
+                    readonly enum: readonly ["inter", "grotesk", "system", "serif", "mono", "fraunces", "deco", "pixel", "techno", "rounded", "lcd", "plex", "archivo", "neon", "mincho", "gothic", "playfair", "caveat", "bricolage", "terminal", "jetbrains", "manrope", "figtree", "cormorant", "plexSans", "atkinson"];
                 };
                 readonly border: {
                     readonly enum: readonly [1, 2];
@@ -111,7 +111,7 @@ export declare const themeDocumentSchema: {
                     readonly type: "object";
                     readonly properties: {
                         readonly id: {
-                            readonly enum: ("botanical-paper" | "pixel-enamel" | "gunmetal" | "ceramic" | "prismatic-glass" | "atelier-paper" | "sea-glass" | "candy-clay" | "lacquer-brass" | "titanium" | "frosted-porcelain" | "scrapbook-paper" | "cyanotype" | "riso-paper" | "wet-asphalt" | "washi" | "station-enamel" | "phosphor-glass" | "ansi-term" | "poster-stock" | "glazed-tile" | "concrete" | "atomic-laminate" | "hologram" | "painted-steel" | "gold-foil" | "marigold-silk" | "red-paper" | "fiesta-paper" | "powder-wash" | "wool" | "liquid-glass")[];
+                            readonly enum: ("botanical-paper" | "pixel-enamel" | "gunmetal" | "ceramic" | "prismatic-glass" | "atelier-paper" | "sea-glass" | "candy-clay" | "lacquer-brass" | "titanium" | "frosted-porcelain" | "scrapbook-paper" | "cyanotype" | "riso-paper" | "wet-asphalt" | "washi" | "station-enamel" | "phosphor-glass" | "ansi-term" | "poster-stock" | "glazed-tile" | "concrete" | "atomic-laminate" | "hologram" | "painted-steel" | "gold-foil" | "marigold-silk" | "red-paper" | "fiesta-paper" | "powder-wash" | "wool" | "liquid-glass" | "sunset-neon" | "ledger-ruled" | "layer-grid" | "mono-ink" | "signal-contrast" | "menu-window" | "arcade-bezel")[];
                         };
                         readonly version: {
                             readonly enum: readonly [1];
@@ -185,7 +185,7 @@ export declare const themeDocumentSchema: {
                     readonly type: "object";
                     readonly properties: {
                         readonly id: {
-                            readonly enum: ("none" | "coral" | "forest" | "cushion" | "deco" | "drafting" | "riso" | "neon" | "sumi" | "transit" | "crt" | "panes" | "swiss" | "azulejo" | "formwork" | "atomic" | "hud" | "hazard" | "orbit" | "rangoli" | "papercut" | "picado" | "gulal" | "knit" | "liquid" | "glass" | "pixel" | "halo" | "ceramic" | "rails" | "stitch" | "chamfer")[];
+                            readonly enum: ("none" | "menu" | "marquee" | "coral" | "forest" | "cushion" | "deco" | "drafting" | "riso" | "neon" | "sumi" | "transit" | "crt" | "panes" | "swiss" | "azulejo" | "formwork" | "atomic" | "hud" | "hazard" | "orbit" | "rangoli" | "papercut" | "picado" | "gulal" | "knit" | "liquid" | "sunset" | "glass" | "pixel" | "halo" | "ceramic" | "rails" | "stitch" | "chamfer")[];
                         };
                         readonly version: {
                             readonly enum: readonly [1];
@@ -194,7 +194,7 @@ export declare const themeDocumentSchema: {
                             readonly type: "object";
                             readonly properties: {
                                 readonly style: {
-                                    readonly enum: ("Woodland mix" | "Wild ivy" | "Fern grove" | "Willow canopy" | "Oak & moss" | "Spring growth" | "Ginkgo fans" | "Maple grove" | "Eucalyptus" | "Olive branch" | "Clover meadow" | "Wildflower hedge" | "Piped petals" | "Twisted rope" | "Candy pebbles" | "Ribbon folds" | "Tidal ribbons" | "Seafoam beads" | "Glass droplets" | "Quiet currents" | "Fine filigree" | "Art deco" | "Hammered edge" | "Quiet gilding" | "Dimensioned" | "Ruler ticks" | "Construction lines" | "Quiet draft" | "Misprint" | "Halftone" | "Taped corners" | "Clean stamp" | "Tube outline" | "Broken tubes" | "Sign shapes" | "Low hum" | "Bamboo" | "Plum blossom" | "Dry brush" | "Ensō" | "Line map" | "Station roundels" | "Platform edge" | "Quiet line" | "Box corners" | "Status line" | "Raster ticks" | "Quiet cursor" | "Pane titles" | "Key hints" | "Split panes" | "Bare panes" | "Crop marks" | "Red block" | "Grid ticks" | "Bare grid" | "Corner tiles" | "Border run" | "Floral rosette" | "Single tile" | "Tie holes" | "Stencil marks" | "Board seams" | "Bare concrete" | "Starbursts" | "Boomerangs" | "Orbit atoms" | "Lone star" | "Target brackets" | "Telemetry" | "Reticle" | "Clean brackets" | "Hazard stripes" | "Rivet seams" | "Cargo stencils" | "Clean plate" | "Orbit rings" | "Gold foil" | "Star field" | "Single orbit" | "Rangoli corners" | "Diya row" | "Marigold string" | "Single diya" | "Lanterns" | "Scallop edge" | "Cloud scrolls" | "Single lantern" | "Bunting" | "Marigold garland" | "Paper confetti" | "Short string" | "Powder clouds" | "Splashes" | "Speckle dust" | "Soft haze" | "Fair Isle band" | "Snowflakes" | "Cable stitch" | "Plain rib" | "Specular rim" | "Refraction" | "Light catch" | "Clear")[];
+                                    readonly enum: ("Woodland mix" | "Wild ivy" | "Fern grove" | "Willow canopy" | "Oak & moss" | "Spring growth" | "Ginkgo fans" | "Maple grove" | "Eucalyptus" | "Olive branch" | "Clover meadow" | "Wildflower hedge" | "Piped petals" | "Twisted rope" | "Candy pebbles" | "Ribbon folds" | "Tidal ribbons" | "Seafoam beads" | "Glass droplets" | "Quiet currents" | "Fine filigree" | "Art deco" | "Hammered edge" | "Quiet gilding" | "Dimensioned" | "Ruler ticks" | "Construction lines" | "Quiet draft" | "Misprint" | "Halftone" | "Taped corners" | "Clean stamp" | "Tube outline" | "Broken tubes" | "Sign shapes" | "Low hum" | "Bamboo" | "Plum blossom" | "Dry brush" | "Ensō" | "Line map" | "Station roundels" | "Platform edge" | "Quiet line" | "Box corners" | "Status line" | "Raster ticks" | "Quiet cursor" | "Pane titles" | "Key hints" | "Split panes" | "Bare panes" | "Crop marks" | "Red block" | "Grid ticks" | "Bare grid" | "Corner tiles" | "Border run" | "Floral rosette" | "Single tile" | "Tie holes" | "Stencil marks" | "Board seams" | "Bare concrete" | "Starbursts" | "Boomerangs" | "Orbit atoms" | "Lone star" | "Target brackets" | "Telemetry" | "Reticle" | "Clean brackets" | "Hazard stripes" | "Rivet seams" | "Cargo stencils" | "Clean plate" | "Orbit rings" | "Gold foil" | "Star field" | "Single orbit" | "Rangoli corners" | "Diya row" | "Marigold string" | "Single diya" | "Lanterns" | "Scallop edge" | "Cloud scrolls" | "Single lantern" | "Bunting" | "Marigold garland" | "Paper confetti" | "Short string" | "Powder clouds" | "Splashes" | "Speckle dust" | "Soft haze" | "Fair Isle band" | "Snowflakes" | "Cable stitch" | "Plain rib" | "Specular rim" | "Refraction" | "Light catch" | "Clear" | "Sun and grid" | "Sun only" | "Grid only" | "Bare coast" | "Cursor and stars" | "Cursor only" | "Stars only" | "Plain window" | "Bulbs and credits" | "Bulbs only" | "Credits only" | "Dark cabinet")[];
                                 };
                                 readonly canopy: {
                                     readonly enum: readonly ["Scattered trails", "Corner cascades", "Overhead boughs", "Long tendrils", "Open crown"];
@@ -368,7 +368,7 @@ export declare const themeDocumentSchema: {
                     readonly type: "object";
                     readonly properties: {
                         readonly focus: {
-                            readonly enum: readonly ["ring", "double", "dashed", "glow", "offset"];
+                            readonly enum: readonly ["ring", "double", "dashed", "glow", "offset", "halo"];
                         };
                         readonly divider: {
                             readonly enum: readonly ["line", "dashed", "dotted", "double", "groove"];

package/dist/theme-schema.js

@@ -38,6 +38,8 @@ const fontKeys = [
     "manrope",
     "figtree",
     "cormorant",
+    "plexSans",
+    "atkinson",
 ];
 /** This closed JSON Schema also supplies TypeScript types, validation and control metadata. */
 export const themeDocumentSchema = freezeData({