@jirawatpyk/aura-tokens 4.4.1

package/tokens.json

@@ -0,0 +1,484 @@
+{
+  "version": "4.4.1",
+  "meta": {
+    "name": "AURA Design System",
+    "tier": "3-tier",
+    "description": "Enterprise Standard, Human Creative",
+    "generatedFrom": "AURA design system artifact (tokens.json list format)",
+    "themes": [
+      "light",
+      "dark"
+    ]
+  },
+  "primitive": {
+    "violet": {
+      "50": "#f5f3ff",
+      "100": "#ede9fe",
+      "200": "#ddd6fe",
+      "300": "#c4b5fd",
+      "400": "#a78bfa",
+      "500": "#8b5cf6",
+      "600": "#7c3aed",
+      "700": "#6d28d9",
+      "800": "#5b21b6",
+      "900": "#4c1d95"
+    },
+    "zinc": {
+      "0": "#ffffff",
+      "50": "#fafafa",
+      "100": "#f4f4f5",
+      "200": "#e4e4e7",
+      "300": "#d4d4d8",
+      "400": "#a1a1aa",
+      "450": "#8e8e97",
+      "500": "#71717a",
+      "600": "#52525b",
+      "700": "#3f3f46",
+      "800": "#27272a",
+      "900": "#18181b",
+      "950": "#08080a"
+    },
+    "lime": {
+      "50": "#f7fee7",
+      "100": "#ecfccb",
+      "200": "#d9f99d",
+      "300": "#bef264",
+      "400": "#a3e635",
+      "500": "#84cc16",
+      "600": "#65a30d",
+      "800": "#3f6212"
+    },
+    "red": {
+      "50": "#fef2f2",
+      "200": "#fecaca",
+      "300": "#fca5a5",
+      "400": "#f87171",
+      "700": "#b91c1c"
+    },
+    "amber": {
+      "50": "#fffbeb",
+      "200": "#fde68a",
+      "300": "#fcd34d",
+      "800": "#92400e"
+    },
+    "ink": "#08080a",
+    "white": "#ffffff"
+  },
+  "semantic": {
+    "light": {
+      "bg-surface": "{primitive.zinc.0}",
+      "bg-surface-hover": "{primitive.zinc.50}",
+      "bg-surface-strong": "{primitive.zinc.900}",
+      "bg-canvas": "{primitive.zinc.50}",
+      "bg-inverted": "{primitive.zinc.900}",
+      "fg-primary": "{primitive.zinc.900}",
+      "fg-secondary": "{primitive.zinc.600}",
+      "fg-tertiary": "{primitive.zinc.500}",
+      "fg-inverted": "{primitive.zinc.0}",
+      "fg-accent": "{primitive.violet.700}",
+      "border-default": "{primitive.zinc.200}",
+      "border-strong": "{primitive.zinc.900}",
+      "border-subtle": "{primitive.zinc.100}",
+      "accent-dot": "{primitive.lime.200}",
+      "accent-violet": "{primitive.violet.700}",
+      "accent-lime": "{primitive.lime.200}",
+      "focus-ring": "{primitive.violet.700}",
+      "mesh-from": "{primitive.violet.400}",
+      "mesh-to": "{primitive.lime.200}",
+      "mesh-ground": "{primitive.white}",
+      "on-texture": "{primitive.ink}",
+      "grain": "{primitive.ink}",
+      "status-neutral-bg": "{primitive.zinc.100}",
+      "status-neutral-fg": "{primitive.zinc.700}",
+      "status-progress-bg": "{primitive.violet.100}",
+      "status-progress-fg": "{primitive.violet.800}",
+      "status-ready-bg": "{primitive.lime.200}",
+      "status-ready-fg": "{primitive.ink}",
+      "status-blocked-bg": "{primitive.red.700}",
+      "status-blocked-fg": "{primitive.white}",
+      "bg-selected": "{primitive.violet.50}",
+      "border-control": "{primitive.zinc.500}",
+      "bg-skeleton": "{primitive.zinc.100}",
+      "fg-danger": "{primitive.red.700}",
+      "border-danger": "{primitive.red.700}",
+      "bg-input": "{primitive.zinc.0}",
+      "bg-input-disabled": "{primitive.zinc.50}",
+      "bg-scrim": "rgba(8,8,10,0.48)",
+      "alert-info-bg": "{primitive.violet.50}",
+      "alert-info-fg": "{primitive.violet.800}",
+      "alert-info-border": "{primitive.violet.200}",
+      "alert-success-bg": "{primitive.lime.50}",
+      "alert-success-fg": "{primitive.lime.800}",
+      "alert-success-border": "{primitive.lime.200}",
+      "alert-warning-bg": "{primitive.amber.50}",
+      "alert-warning-fg": "{primitive.amber.800}",
+      "alert-warning-border": "{primitive.amber.200}",
+      "alert-danger-bg": "{primitive.red.50}",
+      "alert-danger-fg": "{primitive.red.700}",
+      "alert-danger-border": "{primitive.red.200}",
+      "fg-positive": "{primitive.lime.800}"
+    },
+    "dark": {
+      "bg-surface": "{primitive.zinc.900}",
+      "bg-surface-hover": "{primitive.zinc.800}",
+      "bg-surface-strong": "{primitive.zinc.0}",
+      "bg-canvas": "{primitive.zinc.950}",
+      "bg-inverted": "{primitive.zinc.0}",
+      "fg-primary": "{primitive.zinc.0}",
+      "fg-secondary": "{primitive.zinc.400}",
+      "fg-tertiary": "{primitive.zinc.450}",
+      "fg-inverted": "{primitive.zinc.900}",
+      "fg-accent": "{primitive.violet.300}",
+      "border-default": "rgba(255,255,255,0.1)",
+      "border-strong": "{primitive.zinc.0}",
+      "border-subtle": "rgba(255,255,255,0.06)",
+      "accent-dot": "{primitive.lime.200}",
+      "accent-violet": "{primitive.violet.400}",
+      "accent-lime": "{primitive.lime.200}",
+      "focus-ring": "{primitive.violet.400}",
+      "mesh-from": "{primitive.violet.400}",
+      "mesh-to": "{primitive.lime.200}",
+      "mesh-ground": "{primitive.white}",
+      "on-texture": "{primitive.ink}",
+      "grain": "{primitive.ink}",
+      "status-neutral-bg": "{primitive.zinc.100}",
+      "status-neutral-fg": "{primitive.zinc.700}",
+      "status-progress-bg": "{primitive.violet.100}",
+      "status-progress-fg": "{primitive.violet.800}",
+      "status-ready-bg": "{primitive.lime.200}",
+      "status-ready-fg": "{primitive.ink}",
+      "status-blocked-bg": "{primitive.red.700}",
+      "status-blocked-fg": "{primitive.white}",
+      "bg-selected": "#2c283a",
+      "border-control": "{primitive.zinc.400}",
+      "bg-skeleton": "{primitive.zinc.800}",
+      "fg-danger": "{primitive.red.400}",
+      "border-danger": "{primitive.red.400}",
+      "bg-input": "{primitive.zinc.900}",
+      "bg-input-disabled": "{primitive.zinc.950}",
+      "bg-scrim": "rgba(0,0,0,0.64)",
+      "alert-info-bg": "#2c283a",
+      "alert-info-fg": "{primitive.violet.300}",
+      "alert-info-border": "#514674",
+      "alert-success-bg": "#27311a",
+      "alert-success-fg": "{primitive.lime.300}",
+      "alert-success-border": "#436019",
+      "alert-warning-bg": "#372b19",
+      "alert-warning-fg": "{primitive.amber.300}",
+      "alert-warning-border": "#704e15",
+      "alert-danger-bg": "#361e21",
+      "alert-danger-fg": "{primitive.red.300}",
+      "alert-danger-border": "#6e2a2b",
+      "fg-positive": "{primitive.lime.300}"
+    }
+  },
+  "component": {
+    "light": {
+      "button-primary-bg": "{primitive.zinc.900}",
+      "button-primary-fg": "{primitive.zinc.0}",
+      "button-primary-bg-hover": "{primitive.zinc.800}",
+      "button-creative-bg": "{primitive.white}",
+      "button-creative-border": "{primitive.zinc.900}",
+      "card-border": "{primitive.zinc.200}"
+    },
+    "dark": {
+      "button-primary-bg": "{primitive.zinc.0}",
+      "button-primary-fg": "{primitive.zinc.900}",
+      "button-primary-bg-hover": "{primitive.zinc.200}",
+      "button-creative-bg": "{primitive.white}",
+      "button-creative-border": "{primitive.zinc.900}",
+      "card-border": "{primitive.zinc.200}"
+    }
+  },
+  "spacing": {
+    "space-0": "0px",
+    "space-1": "4px",
+    "space-2": "8px",
+    "space-3": "12px",
+    "space-4": "16px",
+    "space-5": "20px",
+    "space-6": "24px",
+    "space-8": "32px",
+    "space-10": "40px",
+    "space-12": "48px",
+    "space-16": "64px",
+    "card-padding": "24px"
+  },
+  "radius": {
+    "radius-xs": "4px",
+    "radius-sm": "8px",
+    "radius-md": "12px",
+    "radius-lg": "16px",
+    "radius-xl": "20px",
+    "radius-2xl": "24px",
+    "radius-full": "9999px",
+    "radius-squircle": "20px",
+    "card-radius": "20px",
+    "button-radius": "9999px"
+  },
+  "size": {
+    "button-height": "44px",
+    "icon-sm": "16px",
+    "icon-md": "20px",
+    "icon-lg": "24px",
+    "focus-ring-width": "2px",
+    "focus-ring-offset": "2px",
+    "table-select-width": "40px",
+    "control-sm": "32px",
+    "input-height": "44px",
+    "switch-width": "36px",
+    "switch-height": "20px",
+    "avatar-sm": "24px",
+    "avatar-md": "32px",
+    "avatar-lg": "40px",
+    "dialog-sm": "400px",
+    "dialog-md": "560px",
+    "dialog-lg": "720px",
+    "sidenav-width": "240px",
+    "tooltip-max": "240px",
+    "drawer-sm": "360px",
+    "drawer-md": "480px",
+    "drawer-lg": "640px",
+    "container-max": "1280px",
+    "container-narrow": "720px",
+    "cal-cell": "36px",
+    "popover-max-height": "320px"
+  },
+  "breakpoint": {
+    "bp-sm": "640px",
+    "bp-md": "768px",
+    "bp-lg": "1024px",
+    "bp-xl": "1280px"
+  },
+  "shadow": {
+    "light": {
+      "shadow-enterprise": "0 1px 2px rgba(0,0,0,0.05)",
+      "shadow-overlay": "0 16px 48px rgba(8,8,10,0.16), 0 2px 8px rgba(8,8,10,0.08)",
+      "shadow-creative": "4px 4px 0px #18181b",
+      "shadow-creative-hover": "6px 6px 0px #18181b",
+      "card-shadow-creative": "8px 8px 0px #18181b"
+    },
+    "dark": {
+      "shadow-enterprise": "0 1px 2px rgba(0,0,0,0.05)",
+      "shadow-overlay": "0 16px 48px rgba(0,0,0,0.56), 0 2px 8px rgba(0,0,0,0.32)",
+      "shadow-creative": "4px 4px 0px #a78bfa",
+      "shadow-creative-hover": "6px 6px 0px #a78bfa",
+      "card-shadow-creative": "8px 8px 0px #a78bfa"
+    }
+  },
+  "motion": {
+    "easing": {
+      "ease": "cubic-bezier(0.16, 1, 0.3, 1)",
+      "spring": "cubic-bezier(0.34, 1.56, 0.64, 1)"
+    },
+    "duration": {
+      "duration-fast": "150ms",
+      "duration-base": "250ms",
+      "duration-slow": "400ms",
+      "duration-spin": "800ms",
+      "duration-pulse": "1400ms",
+      "duration-toast": "5000ms",
+      "duration-tooltip": "400ms"
+    }
+  },
+  "opacity": {
+    "grain-opacity": "0.04",
+    "disabled-opacity": "0.5"
+  },
+  "zIndex": {
+    "z-menu": "1000",
+    "z-dialog": "900",
+    "z-toast": "1200",
+    "z-tooltip": "1300"
+  },
+  "typography": {
+    "families": {
+      "display": "\"Fraunces\", \"Noto Sans Thai\", serif",
+      "sans": "\"Inter\", \"Noto Sans Thai\", sans-serif",
+      "mono": "\"JetBrains Mono\", monospace",
+      "thai": "\"Noto Sans Thai\", sans-serif"
+    },
+    "googleFonts": "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400&family=Noto+Sans+Thai:wght@400;500;600&display=swap",
+    "styles": {
+      "display": {
+        "family": "display",
+        "fontSize": "72px",
+        "lineHeight": 1.1,
+        "fontWeight": 600,
+        "letterSpacing": "-0.02em"
+      },
+      "h1": {
+        "family": "display",
+        "fontSize": "36px",
+        "fontWeight": 600
+      },
+      "h2": {
+        "family": "sans",
+        "fontSize": "24px",
+        "fontWeight": 600
+      },
+      "h3": {
+        "family": "sans",
+        "fontSize": "16px",
+        "lineHeight": 1.5,
+        "fontWeight": 600
+      },
+      "body": {
+        "family": "sans",
+        "fontSize": "14px",
+        "lineHeight": 1.7,
+        "fontWeight": 400
+      },
+      "button-label": {
+        "family": "sans",
+        "fontSize": "13px",
+        "fontWeight": 500
+      },
+      "table-cell": {
+        "family": "sans",
+        "fontSize": "13px",
+        "fontWeight": 400
+      },
+      "pill-label": {
+        "family": "sans",
+        "fontSize": "11px",
+        "fontWeight": 400
+      },
+      "label": {
+        "family": "sans",
+        "fontSize": "13px",
+        "lineHeight": 1.4,
+        "fontWeight": 500
+      },
+      "caption": {
+        "family": "sans",
+        "fontSize": "12px",
+        "lineHeight": 1.5,
+        "fontWeight": 400
+      },
+      "mono": {
+        "family": "mono",
+        "fontSize": "12px"
+      }
+    }
+  },
+  "expression": {
+    "grain": {
+      "color": "{primitive.ink}",
+      "opacity": "{opacity.grain-opacity}"
+    },
+    "mesh": {
+      "from": "{semantic.mesh-from}",
+      "to": "{semantic.mesh-to}",
+      "ground": "{semantic.mesh-ground}"
+    }
+  },
+  "notes": {
+    "violet-50": "Primitive violet 50. Reference only — code uses semantic tokens (token-lint forbids raw hex).",
+    "violet-100": "Primitive violet 100. Reference only — code uses semantic tokens (token-lint forbids raw hex).",
+    "violet-200": "Primitive violet 200. Reference only — code uses semantic tokens (token-lint forbids raw hex).",
+    "violet-300": "Primitive. Dark-theme aura-fg-accent (9.6:1 on dark aura-bg-surface).",
+    "violet-400": "Primitive. Dark-theme aura-accent-violet (6.5:1 on dark aura-bg-surface).",
+    "violet-500": "Primitive violet 500. Reference only — code uses semantic tokens (token-lint forbids raw hex).",
+    "violet-600": "Primitive. Primary brand violet (Figma: 'Primary brand'). Never in product code directly — reach it through a semantic token.",
+    "violet-700": "Primitive. Light-theme accent: resolves aura-fg-accent and aura-accent-violet. 7.1:1 on aura-bg-surface.",
+    "violet-800": "Primitive violet 800. Reference only — code uses semantic tokens (token-lint forbids raw hex).",
+    "violet-900": "Primitive violet 900. Reference only — code uses semantic tokens (token-lint forbids raw hex).",
+    "zinc-0": "Primitive white. Light aura-bg-surface, aura-fg-inverted; dark aura-fg-primary, aura-border-strong.",
+    "zinc-50": "Primitive. Light aura-bg-canvas and aura-bg-surface-hover.",
+    "zinc-100": "Primitive. Light aura-border-subtle.",
+    "zinc-200": "Primitive. Light aura-border-default, card border.",
+    "zinc-300": "Primitive zinc 300. Reference only — code uses semantic tokens.",
+    "zinc-400": "Primitive. Light aura-fg-tertiary; dark aura-fg-secondary.",
+    "zinc-450": "Primitive between zinc-400 and -500. Dark-theme aura-fg-tertiary (5.5:1 on dark surface). ADDED so tertiary text passes AA.",
+    "zinc-500": "Primitive zinc 500. Reference only — code uses semantic tokens.",
+    "zinc-600": "Primitive. Light aura-fg-secondary; dark aura-fg-tertiary.",
+    "zinc-700": "Primitive zinc 700. Reference only — code uses semantic tokens.",
+    "zinc-800": "Primitive. Dark aura-bg-surface-hover; primary button hover fill.",
+    "zinc-900": "Primitive 'Ink'. Light aura-fg-primary, aura-bg-surface-strong, aura-border-strong; dark aura-bg-surface; the brutal Creative shadow colour.",
+    "zinc-950": "Primitive. Dark aura-bg-canvas.",
+    "lime-50": "Primitive lime 50. Reference only.",
+    "lime-100": "Primitive lime 100. Reference only.",
+    "lime-200": "Primitive 'Accent dot'. aura-accent-dot / aura-accent-lime and the Ready status fill. A fill only — 1.17:1 against white, so never text and never a mark that must be seen on a light surface.",
+    "lime-300": "Primitive lime 300 (also exported in the Tailwind config).",
+    "lime-400": "Primitive lime 400. Reference only.",
+    "lime-500": "Primitive lime 500. Reference only.",
+    "lime-600": "Primitive lime 600. Reference only.",
+    "lime-800": "Primitive. Success alert text on aura-lime-50 (6.8:1). ADDED.",
+    "red-50": "Primitive. Danger alert fill (light). ADDED.",
+    "red-200": "Primitive. Danger alert edge (light). ADDED.",
+    "red-300": "Primitive. Danger alert text (dark), 8.1:1. ADDED.",
+    "red-400": "Primitive. Dark-theme aura-fg-danger: 6.4:1 on dark surface. ADDED.",
+    "red-700": "Primitive red 700 (Tailwind red, like the other scales). The Blocked status fill; white on it 6.5:1. ADDED — the source palette has no warm hue.",
+    "amber-50": "Primitive. Warning alert fill (light). ADDED.",
+    "amber-200": "Primitive. Warning alert edge (light). ADDED.",
+    "amber-300": "Primitive. Warning alert text (dark), 9.6:1. ADDED.",
+    "amber-800": "Primitive. Warning alert text (light), 6.8:1 on amber-50. ADDED.",
+    "ink": "Primitive ink (= zinc-950). Text on lime fills: the Ready status label (15:1 on aura-lime-200).",
+    "white": "Primitive white. The Creative button fill in every theme.",
+    "bg-surface": "Default surface: cards, tables, panels, page body. Grounds aura-fg-primary, -secondary and -accent.",
+    "bg-surface-hover": "Hover fill for rows, secondary buttons and list items. aura-fg-primary and -secondary still pass on it (≥5.8:1).",
+    "bg-surface-strong": "High-emphasis block (the wordmark tile, inverted callouts). Text on it: aura-fg-inverted.",
+    "bg-canvas": "App background behind surfaces; the data-table header band.",
+    "bg-inverted": "Inverted ground: tooltips. Text on it: aura-fg-inverted (17.7:1).",
+    "fg-primary": "Body and heading text on aura-bg-surface and aura-bg-canvas (≥16.9:1 both themes).",
+    "fg-secondary": "Supporting text, labels, captions on aura-bg-surface / -canvas / -surface-hover (≥5.8:1 both themes).",
+    "fg-tertiary": "Placeholders, hints, timestamps, breadcrumb separators. Fixed in 4.1 to pass AA: 4.8:1 light / 5.5:1 dark on aura-bg-surface, ≥4.6:1 on -canvas and -surface-hover. Not for text on aura-bg-selected (4.4:1).",
+    "fg-inverted": "Text on aura-bg-surface-strong and aura-bg-inverted (17.7:1).",
+    "fg-accent": "Links and accent text on aura-bg-surface / -canvas (≥6.8:1 light, ≥9.6:1 dark).",
+    "border-default": "Hairline dividers and card/table outlines. Decorative only: ~1.3:1, below the 3:1 a control boundary needs.",
+    "border-strong": "Creative 2px borders and any boundary that must be seen (17.7:1).",
+    "border-subtle": "Faintest separators inside a surface (e.g. between grouped list items).",
+    "accent-dot": "The lime signal dot beside the AURA wordmark and live/status dots. Visible on dark and strong grounds; invisible on white (1.17:1).",
+    "accent-violet": "Violet accent fills and marks (selection, focus-adjacent emphasis, charts' first series).",
+    "accent-lime": "Lime accent fill (highlights, the Ready status). Label on it in aura-ink.",
+    "button-primary-bg": "Component: Enterprise (primary) button fill — ink in light, white in dark, as the Storybook story renders it (tokens.json pins it to the light value, which disappears on the dark surface).",
+    "button-primary-fg": "Component: primary button label on aura-button-primary-bg (17.7:1 both themes).",
+    "button-primary-bg-hover": "Component: primary button hover. Light zinc-800 is the source value; dark zinc-200 is an ADDED value (the source has none — its zinc-800 hover hides the dark label at 1.19:1). Label 14.9:1 light, 14.0:1 dark.",
+    "button-creative-bg": "Component: Creative button fill (white in every theme). Label in aura-ink.",
+    "button-creative-border": "Component: Creative button 2px border.",
+    "card-border": "Component: card outline (light value; use aura-border-default where the card must follow theme).",
+    "focus-ring": "Keyboard focus ring on every interactive element: 2px solid, 2px offset. Lands on aura-bg-surface / -canvas / -surface-hover at ≥6.8:1 light and ≥5.4:1 dark. On mesh and grain surfaces the ring switches to aura-on-texture (violet-700 on the violet-400 pool is only 2.6:1). ADDED — the source defines no focus style.",
+    "mesh-from": "Creative mesh: the violet pool (top-left). Same in both themes — mesh is a light-surface treatment. ADDED from the source's 'violet → lime gradient'.",
+    "mesh-to": "Creative mesh: the lime pool (bottom-right).",
+    "mesh-ground": "Creative mesh: the ground between the pools.",
+    "on-texture": "Text and icons on a mesh or grain surface in every theme: ≥7.3:1 on the darkest mesh point (violet-400), 15:1 on lime, 20:1 on white.",
+    "grain": "Grain speckle colour, drawn at aura-grain-opacity. Visible only on light grounds.",
+    "status-neutral-bg": "Status pill fill for not-started / unknown states (To Do, Draft). Same in both themes. ADDED.",
+    "status-neutral-fg": "Label and icon on aura-status-neutral-bg (9.5:1).",
+    "status-progress-bg": "Status pill fill for work under way (In Progress, In Review). ADDED.",
+    "status-progress-fg": "Label and icon on aura-status-progress-bg (7.6:1).",
+    "status-ready-bg": "Status pill fill for finished / good states (Ready, Done). The source's lime pill. ADDED as a named token.",
+    "status-ready-fg": "Label and icon on aura-status-ready-bg (15.2:1).",
+    "status-blocked-bg": "Status pill fill for stopped / failed states (Blocked, Failed). Dark on purpose: 5.5:1 lighter-to-darker against the lime Ready fill, so Ready and Blocked differ by lightness, not only red vs green. ADDED.",
+    "status-blocked-fg": "Label and icon on aura-status-blocked-bg (6.5:1).",
+    "bg-selected": "Selected table rows and list items. Opaque so pinned columns can sit on it (dark = a 14% violet-400 wash over zinc-900, flattened). aura-fg-primary on it ≥14.2:1, aura-fg-secondary ≥5.5:1, focus ring ≥5.2:1 in both themes. ADDED.",
+    "border-control": "Outline of unchecked checkboxes and other small controls that must be seen: ≥4.4:1 on aura-bg-surface, -canvas and aura-bg-selected (the 3:1 a control boundary needs). ADDED.",
+    "bg-skeleton": "Skeleton placeholder bars while a table or list loads. Decorative; the table carries aria-busy and a 'Loading rows' status for screen readers. ADDED.",
+    "fg-danger": "Error messages, destructive labels and invalid-field text on aura-bg-surface / -canvas: ≥6.2:1 light, ≥5.4:1 dark. ADDED.",
+    "border-danger": "Outline of an invalid input (≥5.4:1 on its ground). ADDED.",
+    "bg-input": "Text fields, selects, textareas. Always paired with a 1px aura-border-control outline. ADDED.",
+    "bg-input-disabled": "Disabled and read-only inputs; text on it stays aura-fg-secondary. ADDED.",
+    "bg-scrim": "The dimmed layer behind a Dialog. ADDED.",
+    "alert-info-bg": "Info alert fill. ADDED.",
+    "alert-info-fg": "Info alert title and icon: 8.2:1 light, 7.7:1 dark. Body text on the fill stays aura-fg-primary.",
+    "alert-info-border": "Info alert 1px edge (decorative).",
+    "alert-success-bg": "Success alert fill. ADDED.",
+    "alert-success-fg": "Success alert title and icon: 6.8:1 light, 10.4:1 dark.",
+    "alert-success-border": "Success alert 1px edge (decorative).",
+    "alert-warning-bg": "Warning alert fill. ADDED.",
+    "alert-warning-fg": "Warning alert title and icon: 6.8:1 light, 9.6:1 dark.",
+    "alert-warning-border": "Warning alert 1px edge (decorative).",
+    "alert-danger-bg": "Danger alert fill. ADDED.",
+    "alert-danger-fg": "Danger alert title and icon: 5.9:1 light, 8.1:1 dark.",
+    "alert-danger-border": "Danger alert 1px edge (decorative).",
+    "drawer-sm": "Drawer width, small (filters, quick detail). ADDED 4.2.",
+    "drawer-md": "Drawer width, default (record detail). ADDED 4.2.",
+    "drawer-lg": "Drawer width, large (edit forms). ADDED 4.2.",
+    "container-max": "Container max width — matches aura-bp-xl. ADDED 4.2.",
+    "container-narrow": "Narrow container for forms and reading. ADDED 4.2.",
+    "cal-cell": "Calendar day cell (DatePicker). 40px on touch screens via media query. ADDED 4.2.",
+    "popover-max-height": "Max height of Combobox listbox and DatePicker popover lists. ADDED 4.2.",
+    "fg-positive": "Rising-and-good numbers (Stat change, positive deltas) on aura-bg-surface / -canvas. Never on lime fills. ADDED 4.3."
+  }
+}