@webority/theme 0.98.0 → 0.100.0

package/README.md

@@ -18,8 +18,7 @@ load-bearing**:
 @import "your-brand/variables";                // your $primary, fonts, etc.
 @import "@webority/theme/scss/variables";      // library defaults (yours win)
 @import "bootstrap/scss/bootstrap";
-@import "@webority/theme/scss/tokens";         // --wui-* tokens
-@import "@webority/theme/scss/wui-aliases";    // --color-* / --radius-* aliases
+@import "@webority/theme/scss/tokens";         // --wui-* and --color-* tokens
 @import "@webority/theme/scss/components";     // portal / control chrome
 @import "@webority/theme/scss/wui-components";
 // Optional — marketing sites only (heroes, section-y, pill CTAs, reveal motion):
@@ -28,36 +27,9 @@ load-bearing**:
 // @import "@webority/theme/scss/flags";
 ```
 
-Importing part of the core chain is a bug: skipping `wui-aliases` leaves every
-`--color-*` reference unresolved.
-
-### The primary as text: `--wui-primary-ink`
-
-A brand primary is chosen as a fill. A light one fails WCAG AA as text: an orange such as `#E8501E`
-measures 3.75:1 on white. So the theme keeps two colours:
-
-- `--wui-primary` (`--color-primary`): fills, borders, focus rings, the selected-day disc.
-- `--wui-primary-ink` (`--color-primary-ink`): every link, tab label, page number, selected option,
-  avatar initial and primary-coloured icon. It is `$primary` darkened in 2% steps until it clears
-  4.5:1 on white, the page, the muted and elevated fills and the brand's own soft tint, so it equals
-  `$primary` when the primary already clears AA. Orange `#E8501E` gets `#BA4018` (5.48:1 on white).
-- `--wui-primary-text` (`--color-primary-text`): the label ON a solid primary fill, white when white
-- `--color-primary-hover-text`: the label colour on a pressed or hovered primary button (white in light mode, near-black in dark mode).
-  clears 4.5:1 on the primary, near-black otherwise.
-
-All three derive from `$primary` at compile time, so setting `$primary` (or `wui-brand-primary`) is
-enough. A product can set `$wui-primary-ink` / `$wui-primary-text` before the theme's variables, or
-`--wui-primary-ink` / `--wui-primary-text` at runtime. A brand layer that re-points `--wui-primary` at
-runtime must set `--wui-primary-ink` and `--wui-primary-text` beside it.
-
-Dark mode uses one colour, `--wui-dark-primary`, for primary text, rings, focus borders and the fill
-under its near-black label. It is `$primary` mixed with white in 2% steps until it clears 4.5:1 on
-every dark surface, on its own avatar tint, on the brand's soft tint and under that label, so
-`wui-brand-primary` carries the brand into dark mode (a royal blue `#2F50E4` lifts to about `#8FA1F0`). Never
-set it to the light brand fill: a runtime `--wui-dark-primary` must clear the same floors.
-
-`check-contrast` proves both derivations for an orange, an amber, a sky and a royal blue test brand
-and fails any theme rule that colours text with `--color-primary`.
+Importing part of the core chain is a bug: skipping `tokens` leaves every
+`--wui-*` reference unresolved. The names are the 0.89.0 names only; a pre-0.89.0 name is gone and
+`webority upgrade 0.89.0 --path <folder>` moves a product onto the new ones.
 
 ### Country flags are opt-in
 
@@ -163,8 +135,8 @@ focusable child. The purge safelist keeps these three classes.
 ## Token meanings
 
 `@webority/theme/token-meanings.json` maps each published `--wui-*` and `--color-*` token to one sentence saying
-what it is for. The sentence is the `/// meaning:` line above the token in `scss/_tokens.scss` or
-`scss/_wui-aliases.scss`, and the same sentence is kept by hand in the file under the token's name; the Canvas theme
+what it is for. The sentence is the token's description in `packages/tokens/src/source/meaning.tokens.json`, and the
+file carries the same sentence under the token's name; the Canvas theme
 export fails when a published token has no entry there.
 
 ## Dark mode
@@ -195,7 +167,7 @@ resolved theme to `data-bs-theme` and keeps it in step when the device changes.
 
 ### Implementation
 
-Both patterns use the same 60-line dark-token SCSS mixin (defined in `_wui-aliases.scss`),
+Both patterns use the same dark-token block (generated into `scss/_tokens.generated.scss`),
 so the compiled dark CSS is byte-identical whether toggled manually or via system preference.
 
 Token remap includes:
@@ -261,12 +233,12 @@ Three layers. Do not collapse product art direction into the shared package.
 
 Anti-over-correction checklist. When thinning the package (e.g. marketing extract), **keep**:
 
-### Tokens & system (`scss/_variables`, `_tokens`, `_wui-aliases`)
+### Tokens & system (`scss/_variables`, `_tokens`, generated `_tokens.generated` and `_bootstrap.generated`, `_wui-residual`)
 
-- Theme colors + `wui-brand-primary`; body/text/surface/border ramps (incl. AA tertiary)
+- Theme colors + `wui-brand-primary`; body/text/surface/border ramps
 - Radius ladder that differs from Bootstrap; spacer map extensions (6+)
-- Status ramps: fills **and** `-text` / danger-strong for AA
-- Control heights (`--wui-control-height*`: sm 32, md 36, lg 44; md is 44 on phone-width and touch screens) and one disabled opacity (`--wui-disabled-opacity`); flat in-page elevation; overlay shadows only
+- Status ramps: fills **and** `-text` / danger-strong
+- Control heights (`--wui-control-sm|md|lg`: sm 32, md 36, lg 44; md is 44 on phone-width and touch screens) and one disabled opacity (`--wui-disabled-opacity`); flat in-page elevation; overlay shadows only
 - Z-index scale (`--wui-z-*`); dark-mode `--bs-*` / RGB bridges
 - Focus: no input glow (`$input-focus-box-shadow: none`); fields keep a soft brand border and also draw the shared keyboard ring
 
@@ -310,7 +282,6 @@ Keep shipping all of these; classify for **when to use**, not for removal:
 `corner-shape: squircle` is applied on many controls (buttons, fields, chips, menus, shell) as **progressive enhancement**:
 
 - Supporting browsers get slightly smoother corners; others keep plain `border-radius`.
-- Not a cross-browser design contract; not a WCAG requirement.
 - Missing squircle is **not** a bug.
 
 **Policy:** keep on shared control surfaces for consistent geometry; do **not** strip globally. Optional `.rounded-squircle` remains an opt-in utility. Products that want pure arcs only override locally — do not fork App*.

package/dist/published-theme.json

@@ -64,10 +64,6 @@
       "light": "#e34948",
       "dark": "#e66767"
     },
-    "chart-axis": {
-      "light": "#C4CADA",
-      "dark": "#3a414f"
-    },
     "chart-diverging-high": {
       "light": "#2a78d6",
       "dark": "#3987e5"
@@ -80,14 +76,6 @@
       "light": "#c4cada",
       "dark": "#3a414f"
     },
-    "chart-grid": {
-      "light": "#EBEDF3",
-      "dark": "#2a2f3a"
-    },
-    "chart-label": {
-      "light": "#626A82",
-      "dark": "#8a90a0"
-    },
     "chart-neutral": {
       "light": "#99a1b7",
       "dark": "#5d6475"
@@ -273,8 +261,8 @@
       "dark": "#6366F1"
     },
     "primary-ink": {
-      "light": "#4f46e5",
-      "dark": "#4f46e5"
+      "light": "#4F46E5",
+      "dark": "#4F46E5"
     },
     "primary-pressed": {
       "light": "#4338CA",
@@ -432,18 +420,16 @@
   "radius": {
     "lg": 14,
     "md": 10,
+    "none": 0,
     "pill": 9999,
     "sm": 8,
     "xl": 16
   },
   "shadow": {
     "card": "none",
-    "card-lifted": "none",
-    "card-lifted-hover": "none",
-    "overlay": "0 8px 28px -6px rgba(7, 20, 55, 0.14)",
-    "overlay-lg": "0 24px 60px -16px rgba(7, 20, 55, 0.28)",
-    "thumb": "0 2px 6px rgba(0, 0, 0, 0.1)",
-    "thumb-hover": "0 2px 12px rgba(0, 0, 0, 0.2)"
+    "drawer": "0px 24px 60px -16px rgba(7, 20, 55, 0.28)",
+    "modal": "0px 24px 60px -16px rgba(7, 20, 55, 0.28)",
+    "popover": "0px 8px 28px -6px rgba(7, 20, 55, 0.14)"
   },
   "font": {
     "sans": {
@@ -452,11 +438,11 @@
     },
     "display": {
       "family": "Webority Serif",
-      "fallback": "Cambria, Georgia, Times New Roman, Noto Serif, serif"
+      "fallback": "Cambria, Georgia, \"Times New Roman\", \"Noto Serif\", serif"
     },
     "body": {
       "family": "Webority Sans",
-      "fallback": "Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif"
+      "fallback": "Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif"
     },
     "mono": {
       "family": "JetBrains Mono",
@@ -464,12 +450,6 @@
     }
   },
   "text": {
-    "48": {
-      "size": 48
-    },
-    "64": {
-      "size": 64
-    },
     "2xl": {
       "size": 32
     },
@@ -500,9 +480,6 @@
     "sm": {
       "size": 14
     },
-    "smb": {
-      "size": 15
-    },
     "xl": {
       "size": 24
     },

package/dist/purge-safelist.json

@@ -1385,6 +1385,7 @@
         "wui-show-more-body",
         "wui-show-more-toggle",
         "wui-skeleton-cell",
+        "wui-skeleton-lines",
         "wui-skip-link",
         "wui-slider-rail",
         "wui-sort-lead",