@webority/theme 0.128.0 → 0.130.0

package/README.md

@@ -95,7 +95,7 @@ layer and the rare ones from the screens that use them:
 ```
 
 The on-demand partials are `wui/kanban`, `wui/file-viewer`, `wui/workspace`, `wui/calendar`,
-`wui/rich-text`, `wui/image-crop`, `wui/command-palette`, `wui/tour`, `wui/tree`, `wui/dock` and `wui/chat`.
+`wui/rich-text`, `wui/image-crop`, `wui/command-palette`, `wui/tour`, `wui/tree` and `wui/dock`.
 The full `wui-components` chain stays the default and renders as before. Each on-demand partial owns the classes and elements named after it, and no core partial styles them (`scripts/check-theme-split.mjs`).
 
 Caution: an on-demand partial loaded after the core sheet comes after the shared focus ring and pressed
@@ -165,10 +165,15 @@ Set `data-theme="auto"` on `<html>` to detect the system preference via `@media
 and apply the dark remap automatically. The toggle's System choice is this mode; it also writes the
 resolved theme to `data-bs-theme` and keeps it in step when the device changes.
 
+### Light box inside a dark page
+
+Put `data-theme="light"` (or `data-bs-theme="light"`) on any element inside a dark page and it, with its children, draws in the light colours, including a brand's own light values. This works under a dark `<html>`, under `data-theme="auto"` when the device is dark, and inside a dark section. Use it for a surface that stays white, such as a printed-report preview, instead of re-pinning light colour names by hand.
+
 ### Implementation
 
 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.
+The dark mapping also carries the Bootstrap heading, primary, link and secondary values, derived from the dark tokens, so a product needs no dark block of its own for them.
 
 Token remap includes:
 - **Surfaces & text** — `--color-bg`, `--color-border`, `--color-text*`
@@ -238,9 +243,9 @@ Anti-over-correction checklist. When thinning the package (e.g. marketing extrac
 - 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
-- 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
+- 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; one low --wui-shadow-elevated and the overlay shadows
 - 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
+- Focus: no input glow (`$input-focus-box-shadow: none`); fields keep a soft brand border and also draw the shared keyboard ring; --wui-focus-ring-soft-shadow is the soft halo for a focused field
 
 ### One skin on Bootstrap classes (not a second kit)
 
@@ -259,7 +264,7 @@ Anti-over-correction checklist. When thinning the package (e.g. marketing extrac
 
 Editorial helpers live in **`scss/_marketing.scss`**, imported as
 `@webority/theme/scss/marketing` **after** the core chain. Includes section-y,
-eyebrow, h-display, hero/CTA gradients, btn-pill / btn-ghost-dark, link-wipe,
+eyebrow, h-display, hero/CTA gradients, btn-pill / btn-ghost-glass, link-wipe,
 container-cloves, hero-wash, page/stagger/reveal motion, marquee, section
 content-visibility. **Portals omit this import.** Marketing sites that used
 these classes must add the import.

package/dist/published-theme.json

@@ -428,13 +428,14 @@
   "shadow": {
     "card": "none",
     "drawer": "0px 24px 60px -16px rgba(7, 20, 55, 0.28)",
+    "elevated": "0px 2px 8px -2px rgba(7, 20, 55, 0.10)",
     "modal": "0px 24px 60px -16px rgba(7, 20, 55, 0.28)",
     "popover": "0px 8px 28px -6px rgba(7, 20, 55, 0.14)"
   },
   "font": {
     "sans": {
       "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"
     },
     "display": {
       "family": "Webority Serif",

package/dist/purge-safelist.json

@@ -22,8 +22,6 @@
         "alert-stack",
         "align-bottom",
         "align-items-center",
-        "align-items-end",
-        "align-self-end",
         "align-top",
         "app-content",
         "app-footer",
@@ -103,7 +101,6 @@
         "badge",
         "badge-dot",
         "bg-primary",
-        "bi",
         "blockquote",
         "border",
         "border-bottom",
@@ -115,26 +112,25 @@
         "btn",
         "btn-close",
         "btn-danger",
-        "btn-ghost",
+        "btn-ghost-primary",
+        "btn-glass",
         "btn-group",
         "btn-group-lg",
         "btn-group-sm",
         "btn-group-vertical",
         "btn-lg",
-        "btn-light",
         "btn-link",
+        "btn-link-primary",
         "btn-neutral",
         "btn-outline-danger",
-        "btn-outline-light",
+        "btn-outline-neutral",
         "btn-outline-primary",
-        "btn-outline-secondary",
         "btn-primary",
-        "btn-secondary",
-        "btn-secondary-danger",
         "btn-sm",
+        "btn-soft-neutral",
+        "btn-soft-primary",
         "btn-static",
         "btn-success",
-        "btn-text",
         "btn-warning",
         "card",
         "card-accent",
@@ -142,7 +138,9 @@
         "card-clickable",
         "card-close",
         "card-constrained",
+        "card-divided",
         "card-elevated",
+        "card-flush",
         "card-footer",
         "card-header",
         "card-header-actions",
@@ -202,7 +200,6 @@
         "country-name-text",
         "country-toggle",
         "current",
-        "d-block",
         "d-flex",
         "d-inline-flex",
         "danger",
@@ -243,14 +240,12 @@
         "down",
         "dragging",
         "drawer",
-        "drawer-header",
-        "drawer-title",
-        "drawer-title-ic",
         "drop-up",
         "dropdown",
         "dropdown-divider",
         "dropdown-header",
         "dropdown-item",
+        "dropdown-item-text",
         "dropdown-menu",
         "dropdown-menu-end",
         "dropdown-search-icon",
@@ -301,6 +296,8 @@
         "form-check-circle",
         "form-check-input",
         "form-check-label",
+        "form-check-lg",
+        "form-check-sm",
         "form-control",
         "form-control-sm",
         "form-label",
@@ -373,7 +370,6 @@
         "is-today",
         "justify-content-between",
         "justify-content-center",
-        "justify-content-end",
         "kpi",
         "kpi-accent",
         "kpi-attention",
@@ -392,7 +388,6 @@
         "label",
         "label-optional",
         "lead",
-        "list-unstyled",
         "mark",
         "mb-0",
         "mb-1",
@@ -408,8 +403,6 @@
         "modal-content",
         "modal-dialog",
         "modal-dialog-centered",
-        "modal-footer",
-        "modal-open",
         "ms-1",
         "ms-2",
         "ms-check",
@@ -438,7 +431,6 @@
         "otp-field",
         "otp-slot",
         "otp-slots",
-        "overflow-hidden",
         "p-0",
         "p-3",
         "page-actions",
@@ -482,7 +474,6 @@
         "plan-price-unit",
         "plan-tagline",
         "popover",
-        "popover-header",
         "position-fixed",
         "prev",
         "primary",
@@ -501,9 +492,7 @@
         "pw-rule",
         "pw-rule-text",
         "pw-toggle",
-        "px-2",
         "px-3",
-        "py-1",
         "py-2",
         "py-3",
         "py-5",
@@ -592,7 +581,6 @@
         "slider-track",
         "slider-value",
         "small",
-        "sort-icon",
         "sortable",
         "spinner-border",
         "spinner-border-sm",
@@ -641,10 +629,8 @@
         "tbl-empty-plain",
         "text-bg-primary",
         "text-body-secondary",
-        "text-break",
         "text-center",
         "text-danger",
-        "text-end",
         "text-muted",
         "text-nowrap",
         "text-start",
@@ -685,7 +671,6 @@
         "toolbar-item-label",
         "toolbar-sep",
         "tooltip",
-        "tooltip-inner",
         "top-0",
         "top-50",
         "topbar-icon-btn",
@@ -745,6 +730,15 @@
         "wui-accordion-item",
         "wui-accordion-panel",
         "wui-accordion-trigger",
+        "wui-account-switcher",
+        "wui-account-switcher-badge",
+        "wui-account-switcher-label",
+        "wui-account-switcher-list",
+        "wui-account-switcher-option",
+        "wui-account-switcher-option-name",
+        "wui-account-switcher-option-note",
+        "wui-account-switcher-option-text",
+        "wui-account-switcher-tick",
         "wui-action-icon-file",
         "wui-addon",
         "wui-addon-group",
@@ -752,6 +746,14 @@
         "wui-addon-group-sm",
         "wui-attach-error",
         "wui-attach-progress",
+        "wui-auth",
+        "wui-auth-aside",
+        "wui-auth-body",
+        "wui-auth-footer",
+        "wui-auth-logo",
+        "wui-auth-main",
+        "wui-auth-panel",
+        "wui-auth-split",
         "wui-banner",
         "wui-banner-action",
         "wui-banner-body",
@@ -774,6 +776,13 @@
         "wui-bell-title",
         "wui-bell-trigger",
         "wui-bell-when",
+        "wui-brand-dark",
+        "wui-brand-has-mark",
+        "wui-brand-light",
+        "wui-brand-logo",
+        "wui-brand-mark",
+        "wui-brand-mark-only",
+        "wui-brand-themed",
         "wui-btn-group",
         "wui-btn-group-full",
         "wui-btn-pin-end",
@@ -808,7 +817,12 @@
         "wui-carousel-slide",
         "wui-carousel-stage",
         "wui-carousel-track",
+        "wui-cell",
         "wui-cell-end",
+        "wui-cell-mono",
+        "wui-cell-numeric",
+        "wui-cell-primary",
+        "wui-cell-secondary",
         "wui-chart-canvas",
         "wui-chart-card",
         "wui-chart-card-legend-off",
@@ -837,21 +851,6 @@
         "wui-chart-tooltip-swatch-line",
         "wui-chart-tooltip-title",
         "wui-chart-tooltip-value",
-        "wui-chat-attachments",
-        "wui-chat-body",
-        "wui-chat-bubble",
-        "wui-chat-composer",
-        "wui-chat-editing",
-        "wui-chat-empty",
-        "wui-chat-foot",
-        "wui-chat-launcher",
-        "wui-chat-panel",
-        "wui-chat-past",
-        "wui-chat-past-row",
-        "wui-chat-question",
-        "wui-chat-question-attachments",
-        "wui-chat-suggestions",
-        "wui-chat-turn-actions",
         "wui-check",
         "wui-chip-group",
         "wui-chip-group-nowrap",
@@ -890,7 +889,6 @@
         "wui-code-title",
         "wui-code-view",
         "wui-col-grow",
-        "wui-col-hidden",
         "wui-col-resizable",
         "wui-col-resize",
         "wui-column-menu",
@@ -997,8 +995,6 @@
         "wui-drawer-backdrop",
         "wui-drawer-body",
         "wui-drawer-close",
-        "wui-drawer-discard",
-        "wui-drawer-discard-text",
         "wui-drawer-discarding",
         "wui-drawer-footer",
         "wui-drawer-grip",
@@ -1026,6 +1022,7 @@
         "wui-error-summary-list",
         "wui-error-summary-title",
         "wui-expand-cell",
+        "wui-field-busy",
         "wui-field-message",
         "wui-file-busy",
         "wui-file-input-button-field",
@@ -1108,6 +1105,10 @@
         "wui-flag",
         "wui-float-above",
         "wui-floating-btn",
+        "wui-floating-btn--lg",
+        "wui-floating-btn--secondary",
+        "wui-floating-btn--sm",
+        "wui-floating-stack-item",
         "wui-force-active",
         "wui-force-focus",
         "wui-force-hover",
@@ -1157,6 +1158,7 @@
         "wui-image-picker-subtitle",
         "wui-image-picker-title",
         "wui-inline-edit",
+        "wui-inline-edit--nowrap",
         "wui-inline-edit-display",
         "wui-inline-edit-editor",
         "wui-inline-edit-error",
@@ -1165,7 +1167,6 @@
         "wui-inline-edit-spinner",
         "wui-inline-edit-status",
         "wui-inline-edit-value",
-        "wui-input-xl",
         "wui-kanban",
         "wui-kanban-action",
         "wui-kanban-actions",
@@ -1192,7 +1193,6 @@
         "wui-kpi-delta--danger",
         "wui-kpi-delta--neutral",
         "wui-kpi-delta--success",
-        "wui-leaving",
         "wui-lightbox",
         "wui-lightbox-bar",
         "wui-lightbox-btn",
@@ -1209,6 +1209,7 @@
         "wui-lightbox-tools",
         "wui-lightbox-zoomed",
         "wui-link",
+        "wui-link--clamp",
         "wui-link--lg",
         "wui-link--sm",
         "wui-link--static",
@@ -1252,19 +1253,12 @@
         "wui-modal-headicon",
         "wui-modal-heading",
         "wui-modal-headtext",
-        "wui-modal-loading",
         "wui-modal-shell",
-        "wui-modal-skeleton",
-        "wui-modal-skeleton--short",
         "wui-modal-stacked",
-        "wui-modal-state",
-        "wui-modal-state-actions",
-        "wui-modal-state-text",
-        "wui-modal-state-title",
-        "wui-modal-submit-error",
         "wui-modal-subtitle",
         "wui-modal-title",
         "wui-money",
+        "wui-mono",
         "wui-ms-custom-error",
         "wui-name-cell",
         "wui-nav-group-after",
@@ -1350,10 +1344,12 @@
         "wui-page-header-meta-below",
         "wui-page-header-subtitle-inline",
         "wui-page-title-slot",
+        "wui-pager-summary",
         "wui-period-month",
         "wui-period-month-label",
         "wui-period-picker",
         "wui-phone-prefix",
+        "wui-pre-line",
         "wui-progress-indeterminate",
         "wui-progress-info",
         "wui-progress-label",
@@ -1386,8 +1382,6 @@
         "wui-record-pager-position",
         "wui-record-pager-prev",
         "wui-relative-time",
-        "wui-remote-drawer",
-        "wui-remote-drawer-dialog",
         "wui-resizable",
         "wui-resizable-handle",
         "wui-resizable-panel",
@@ -1426,7 +1420,6 @@
         "wui-scroll",
         "wui-search-collapsible",
         "wui-search-select-value-avatar",
-        "wui-search-select-xl",
         "wui-search-toggle",
         "wui-section",
         "wui-section-actions",
@@ -1524,7 +1517,6 @@
         "wui-split-menu",
         "wui-split-pane",
         "wui-split-pane-body",
-        "wui-split-pane-error",
         "wui-split-pane-head",
         "wui-split-reading",
         "wui-split-skeleton",
@@ -1553,7 +1545,6 @@
         "wui-table-compact",
         "wui-table-cozy",
         "wui-table-empty",
-        "wui-table-error",
         "wui-table-flush",
         "wui-table-pager",
         "wui-table-pagination-sm",
@@ -1573,7 +1564,6 @@
         "wui-table-toolbar-filters",
         "wui-table-toolbar-main",
         "wui-text-sm",
-        "wui-text-xs",
         "wui-theme-switching",
         "wui-theme-toggle",
         "wui-timeline--lg",
@@ -1697,8 +1687,11 @@
         "^border-",
         "^btn-",
         "^btn-anim-",
+        "^btn-ghost-",
         "^btn-group-",
-        "^card-",
+        "^btn-link-",
+        "^btn-outline-",
+        "^btn-soft-",
         "^card-pad-",
         "^col-",
         "^color-field-",
@@ -1706,10 +1699,13 @@
         "^descs-col-",
         "^dropdown-",
         "^form-actions-",
+        "^form-check-",
         "^group-",
         "^infotip-popover-",
+        "^input-",
         "^is-",
         "^kpi-icon-",
+        "^otp-",
         "^page-header-",
         "^result-",
         "^row-",
@@ -1724,7 +1720,6 @@
         "^wui-calendar-event-",
         "^wui-carousel-",
         "^wui-chart-",
-        "^wui-chat-",
         "^wui-code-t-",
         "^wui-compare-state-",
         "^wui-consent-",
@@ -1761,6 +1756,7 @@
         "^wui-step-size-",
         "^wui-step-tone-",
         "^wui-table-",
+        "^wui-tooltip-",
         "^wui-topsearch-",
         "^wui-tour-",
         "^wui-tour-end-",