@vectoriox/iox-ui 5.39.0 → 5.41.0

package/src/generation-core/node-baselines.generated.ts

@@ -55,6 +55,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign": "start",
       "fontStyle": "normal",
       "textDecoration": "none",
+      "fontVariantNumeric": "normal",
       "WebkitTextStrokeWidth": "0px",
       "WebkitTextStrokeColor": "transparent",
       "margin": "0px 0px 0px 0px",
@@ -144,6 +145,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign",
       "fontStyle",
       "textDecoration",
+      "fontVariantNumeric",
       "_sep_stroke",
       "WebkitTextStrokeWidth",
       "WebkitTextStrokeColor",
@@ -246,6 +248,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign": "start",
       "fontStyle": "normal",
       "textDecoration": "none",
+      "fontVariantNumeric": "normal",
       "WebkitTextStrokeWidth": "0px",
       "WebkitTextStrokeColor": "transparent",
       "margin": "0px 0px 0px 0px",
@@ -340,6 +343,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign",
       "fontStyle",
       "textDecoration",
+      "fontVariantNumeric",
       "_sep_stroke",
       "WebkitTextStrokeWidth",
       "WebkitTextStrokeColor",
@@ -438,6 +442,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign": "start",
       "fontStyle": "normal",
       "textDecoration": "none",
+      "fontVariantNumeric": "normal",
       "WebkitTextStrokeWidth": "0px",
       "WebkitTextStrokeColor": "transparent",
       "margin": "0px 0px 0px 0px",
@@ -527,6 +532,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign",
       "fontStyle",
       "textDecoration",
+      "fontVariantNumeric",
       "_sep_stroke",
       "WebkitTextStrokeWidth",
       "WebkitTextStrokeColor",
@@ -624,6 +630,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign": "start",
       "fontStyle": "normal",
       "textDecoration": "none",
+      "fontVariantNumeric": "normal",
       "WebkitTextStrokeWidth": "0px",
       "WebkitTextStrokeColor": "transparent",
       "margin": "0px 0px 0px 0px",
@@ -717,6 +724,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign",
       "fontStyle",
       "textDecoration",
+      "fontVariantNumeric",
       "_sep_stroke",
       "WebkitTextStrokeWidth",
       "WebkitTextStrokeColor",
@@ -818,6 +826,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign": "start",
       "fontStyle": "normal",
       "textDecoration": "none",
+      "fontVariantNumeric": "normal",
       "WebkitTextStrokeWidth": "0px",
       "WebkitTextStrokeColor": "transparent",
       "maxLines": "none",
@@ -911,6 +920,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign",
       "fontStyle",
       "textDecoration",
+      "fontVariantNumeric",
       "_sep_stroke",
       "WebkitTextStrokeWidth",
       "WebkitTextStrokeColor",
@@ -1009,6 +1019,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign": "start",
       "fontStyle": "normal",
       "textDecoration": "none",
+      "fontVariantNumeric": "normal",
       "WebkitTextStrokeWidth": "0px",
       "WebkitTextStrokeColor": "transparent",
       "maxLines": "none",
@@ -1098,6 +1109,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign",
       "fontStyle",
       "textDecoration",
+      "fontVariantNumeric",
       "_sep_stroke",
       "WebkitTextStrokeWidth",
       "WebkitTextStrokeColor",
@@ -1196,6 +1208,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign": "start",
       "fontStyle": "normal",
       "textDecoration": "none",
+      "fontVariantNumeric": "normal",
       "WebkitTextStrokeWidth": "0px",
       "WebkitTextStrokeColor": "transparent",
       "margin": "0px 0px 0px 0px",
@@ -1284,6 +1297,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign",
       "fontStyle",
       "textDecoration",
+      "fontVariantNumeric",
       "_sep_stroke",
       "WebkitTextStrokeWidth",
       "WebkitTextStrokeColor",
@@ -1385,6 +1399,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign": "start",
       "fontStyle": "normal",
       "textDecoration": "none",
+      "fontVariantNumeric": "normal",
       "WebkitTextStrokeWidth": "0px",
       "WebkitTextStrokeColor": "transparent",
       "margin": "0px 0px 0px 0px",
@@ -1478,6 +1493,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign",
       "fontStyle",
       "textDecoration",
+      "fontVariantNumeric",
       "_sep_stroke",
       "WebkitTextStrokeWidth",
       "WebkitTextStrokeColor",
@@ -1579,6 +1595,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign": "start",
       "fontStyle": "normal",
       "textDecoration": "none",
+      "fontVariantNumeric": "normal",
       "WebkitTextStrokeWidth": "0px",
       "WebkitTextStrokeColor": "transparent",
       "margin": "0px 0px 0px 0px",
@@ -1672,6 +1689,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign",
       "fontStyle",
       "textDecoration",
+      "fontVariantNumeric",
       "_sep_stroke",
       "WebkitTextStrokeWidth",
       "WebkitTextStrokeColor",
@@ -1768,6 +1786,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign": "start",
       "fontStyle": "normal",
       "textDecoration": "none",
+      "fontVariantNumeric": "normal",
       "WebkitTextStrokeWidth": "0px",
       "WebkitTextStrokeColor": "transparent",
       "margin": "0px 0px 0px 0px",
@@ -1855,6 +1874,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign",
       "fontStyle",
       "textDecoration",
+      "fontVariantNumeric",
       "_sep_stroke",
       "WebkitTextStrokeWidth",
       "WebkitTextStrokeColor",
@@ -1951,6 +1971,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign": "start",
       "fontStyle": "normal",
       "textDecoration": "none",
+      "fontVariantNumeric": "normal",
       "WebkitTextStrokeWidth": "0px",
       "WebkitTextStrokeColor": "transparent",
       "margin": "0px 0px 0px 0px",
@@ -2038,6 +2059,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign",
       "fontStyle",
       "textDecoration",
+      "fontVariantNumeric",
       "_sep_stroke",
       "WebkitTextStrokeWidth",
       "WebkitTextStrokeColor",
@@ -2132,6 +2154,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign": "start",
       "fontStyle": "normal",
       "textDecoration": "none",
+      "fontVariantNumeric": "normal",
       "WebkitTextStrokeWidth": "0px",
       "WebkitTextStrokeColor": "transparent",
       "margin": "8px 0px 8px 0px",
@@ -2217,6 +2240,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign",
       "fontStyle",
       "textDecoration",
+      "fontVariantNumeric",
       "_sep_stroke",
       "WebkitTextStrokeWidth",
       "WebkitTextStrokeColor",
@@ -2311,6 +2335,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign": "start",
       "fontStyle": "normal",
       "textDecoration": "none",
+      "fontVariantNumeric": "normal",
       "WebkitTextStrokeWidth": "0px",
       "WebkitTextStrokeColor": "transparent",
       "margin": "0px 0px 0px 0px",
@@ -2396,6 +2421,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign",
       "fontStyle",
       "textDecoration",
+      "fontVariantNumeric",
       "_sep_stroke",
       "WebkitTextStrokeWidth",
       "WebkitTextStrokeColor",
@@ -2499,6 +2525,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign": "start",
       "fontStyle": "normal",
       "textDecoration": "none",
+      "fontVariantNumeric": "normal",
       "WebkitTextStrokeWidth": "0px",
       "WebkitTextStrokeColor": "transparent",
       "opacity": "1",
@@ -2587,6 +2614,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign",
       "fontStyle",
       "textDecoration",
+      "fontVariantNumeric",
       "_sep_stroke",
       "WebkitTextStrokeWidth",
       "WebkitTextStrokeColor",
@@ -2676,6 +2704,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign": "start",
       "fontStyle": "normal",
       "textDecoration": "none",
+      "fontVariantNumeric": "normal",
       "WebkitTextStrokeWidth": "0px",
       "WebkitTextStrokeColor": "transparent",
       "margin": "0px 0px 0px 0px",
@@ -2763,6 +2792,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign",
       "fontStyle",
       "textDecoration",
+      "fontVariantNumeric",
       "_sep_stroke",
       "WebkitTextStrokeWidth",
       "WebkitTextStrokeColor",
@@ -2860,6 +2890,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign": "start",
       "fontStyle": "normal",
       "textDecoration": "none",
+      "fontVariantNumeric": "normal",
       "WebkitTextStrokeWidth": "0px",
       "WebkitTextStrokeColor": "transparent",
       "margin": "0px 0px 0px 0px",
@@ -2953,6 +2984,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign",
       "fontStyle",
       "textDecoration",
+      "fontVariantNumeric",
       "_sep_stroke",
       "WebkitTextStrokeWidth",
       "WebkitTextStrokeColor",
@@ -3270,6 +3302,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign": "start",
       "fontStyle": "normal",
       "textDecoration": "none",
+      "fontVariantNumeric": "normal",
       "WebkitTextStrokeWidth": "0px",
       "WebkitTextStrokeColor": "transparent",
       "opacity": "1",
@@ -3347,6 +3380,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign",
       "fontStyle",
       "textDecoration",
+      "fontVariantNumeric",
       "_sep_stroke",
       "WebkitTextStrokeWidth",
       "WebkitTextStrokeColor",
@@ -3580,6 +3614,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign": "start",
       "fontStyle": "normal",
       "textDecoration": "none",
+      "fontVariantNumeric": "normal",
       "WebkitTextStrokeWidth": "0px",
       "WebkitTextStrokeColor": "transparent",
       "opacity": "1",
@@ -3673,6 +3708,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign",
       "fontStyle",
       "textDecoration",
+      "fontVariantNumeric",
       "_sep_stroke",
       "WebkitTextStrokeWidth",
       "WebkitTextStrokeColor",
@@ -3775,6 +3811,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign": "start",
       "fontStyle": "normal",
       "textDecoration": "none",
+      "fontVariantNumeric": "normal",
       "WebkitTextStrokeWidth": "0px",
       "WebkitTextStrokeColor": "transparent",
       "margin": "0px 0px 0px 0px",
@@ -3878,6 +3915,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign",
       "fontStyle",
       "textDecoration",
+      "fontVariantNumeric",
       "_sep_stroke",
       "WebkitTextStrokeWidth",
       "WebkitTextStrokeColor",
@@ -3974,6 +4012,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign": "start",
       "fontStyle": "normal",
       "textDecoration": "none",
+      "fontVariantNumeric": "normal",
       "WebkitTextStrokeWidth": "0px",
       "WebkitTextStrokeColor": "transparent",
       "margin": "0px 0px 0px 0px",
@@ -4061,6 +4100,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign",
       "fontStyle",
       "textDecoration",
+      "fontVariantNumeric",
       "_sep_stroke",
       "WebkitTextStrokeWidth",
       "WebkitTextStrokeColor",
@@ -4159,6 +4199,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign": "start",
       "fontStyle": "normal",
       "textDecoration": "none",
+      "fontVariantNumeric": "normal",
       "WebkitTextStrokeWidth": "0px",
       "WebkitTextStrokeColor": "transparent",
       "margin": "0px 0px 0px 0px",
@@ -4248,6 +4289,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign",
       "fontStyle",
       "textDecoration",
+      "fontVariantNumeric",
       "_sep_stroke",
       "WebkitTextStrokeWidth",
       "WebkitTextStrokeColor",
@@ -4344,6 +4386,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign": "start",
       "fontStyle": "normal",
       "textDecoration": "none",
+      "fontVariantNumeric": "normal",
       "WebkitTextStrokeWidth": "0px",
       "WebkitTextStrokeColor": "transparent",
       "margin": "0px 0px 0px 0px",
@@ -4431,6 +4474,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign",
       "fontStyle",
       "textDecoration",
+      "fontVariantNumeric",
       "_sep_stroke",
       "WebkitTextStrokeWidth",
       "WebkitTextStrokeColor",
@@ -4527,6 +4571,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign": "start",
       "fontStyle": "normal",
       "textDecoration": "none",
+      "fontVariantNumeric": "normal",
       "WebkitTextStrokeWidth": "0px",
       "WebkitTextStrokeColor": "transparent",
       "margin": "0px 0px 0px 0px",
@@ -4614,6 +4659,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign",
       "fontStyle",
       "textDecoration",
+      "fontVariantNumeric",
       "_sep_stroke",
       "WebkitTextStrokeWidth",
       "WebkitTextStrokeColor",
@@ -4716,6 +4762,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign": "start",
       "fontStyle": "normal",
       "textDecoration": "none",
+      "fontVariantNumeric": "normal",
       "WebkitTextStrokeWidth": "0px",
       "WebkitTextStrokeColor": "transparent",
       "margin": "0px 0px 0px 0px",
@@ -4811,6 +4858,7 @@ export const NODE_BASELINES: Readonly<Record<string, NodeBaseline>> = {
       "textAlign",
       "fontStyle",
       "textDecoration",
+      "fontVariantNumeric",
       "_sep_stroke",
       "WebkitTextStrokeWidth",
       "WebkitTextStrokeColor",
@@ -5045,6 +5093,7 @@ export const NEUTRAL_STYLE_PROPS: Readonly<Record<string, unknown>> = {
   "textAlign": "start",
   "fontStyle": "normal",
   "textDecoration": "none",
+  "fontVariantNumeric": "normal",
   "WebkitTextStrokeWidth": "0px",
   "WebkitTextStrokeColor": "transparent",
   "margin": "0px 0px 0px 0px",

package/src/generation-core/patterns.ts

@@ -21,6 +21,12 @@ import { SPEC_SITE_PATTERNS } from './site-spec.generated';
  * `binds`, a binding path per part: `image`, `eyebrow`, `title`, `text`; `href` + `param` link the whole card
  * through its title). A header pattern's `phoneMenu` names its phone shape (drawer · bar · both), stamped by
  * `planNavShape` (CC1).
+ *
+ * CC4b (`pricing.tiers`): `recipe: 'segmented'` stamps a Segmented control (Monthly · Yearly, named by `name`, its own
+ * `lay` / `resp`) · `shownWhen` hides a node at base and shows it while the pattern's segmented option of that key is
+ * on (the targeted `trigger-on`) · `ph: 'price'` a price the studio types (a publish-blocking placeholder showing its
+ * label) · on a card recipe: `words` (title / text / badge), `badge` (the badge's tone), `scheme` (the Brand card), and
+ * `c` — nodes joining its Content column · `icon` an Icon's glyph · `layer` the node's name in the layer tree.
  */
 export interface PatternNode {
     readonly t: string;
@@ -59,6 +65,16 @@ export interface PatternNode {
     readonly opens?: string;
     /** CC3: a control's accessible name (`ariaLabel`). */
     readonly name?: string;
+    /** CC4b: hidden at base, shown while the pattern's Segmented option with this key is on. */
+    readonly shownWhen?: string;
+    /** CC4b: a card recipe's words (its title, text, badge). */
+    readonly words?: Readonly<Record<string, string>>;
+    /** CC4b: a card recipe's badge tone (`neutral` · `success` · `warning` · `accent`). */
+    readonly badge?: string;
+    /** CC4b: an Icon's glyph (`ph ph-check`). */
+    readonly icon?: string;
+    /** CC4b: the node's name in the layer tree (`Price · Monthly`). */
+    readonly layer?: string;
 }
 
 /** The composite-core recipes a pattern may stamp (`recipe`). */
@@ -70,6 +86,8 @@ export enum PatternRecipe {
     /** CC4a: Tabs — Manual (three placeholder tabs), or From content when the section names a list `binding`: the tab
      *  list and the panels are both Repeaters over it, one row giving its tab AND its panel. */
     Tabs = 'tabs',
+    /** CC4b: the Segmented control — Monthly · Yearly, named by the pattern (`name`). */
+    Segmented = 'segmented',
     /** CC3: the accessible carousel — a named Slider whose controls are parts, one quote per slide (placeholders). */
     Carousel = 'carousel',
     /** CC3: the Lightbox — a Dialog holding a Slider over the node's `src` (the gallery's own source). */
@@ -112,6 +130,8 @@ export enum PatternPlaceholder {
     Image = 'image',
     /** CC3: a clip the studio uploads (a Video's file): the poster blank until then, publish-blocking. */
     Video = 'video',
+    /** CC4b (Q37): a price the studio types — free text, publish-blocking, its label shown meanwhile, never a number. */
+    Price = 'price',
 }
 
 /** CC3: what an `opens` node opens. */