@dereekb/dbx-web 13.17.0 → 13.19.0

package/lib/style/_variables.scss

@@ -323,13 +323,20 @@ $dbx-outline-color: var($dbx-outline-color-var);
 $dbx-outline-variant-color: var($dbx-outline-variant-color-var);
 $dbx-error-color: var($dbx-error-color-var);
 
-/// Border radius for the `[dbxContentPit]` rounded variant. Defaults to `var(--mat-sys-corner-medium)`.
+/// Border radius for the `[dbxContentPit]`, applied by default to every pit. Defaults to `var(--mat-sys-corner-medium)`.
 /// @intent pit radius, rounded pit corner, content pit radius
 /// @role radius
 /// @see --mat-sys-corner-medium
 $dbx-content-pit-rounded-border-radius-var: --dbx-content-pit-rounded-border-radius;
 $dbx-content-pit-rounded-border-radius: var($dbx-content-pit-rounded-border-radius-var);
 
+/// Border radius for the generic `.dbx-corners` utility class. Defaults to `var(--mat-sys-corner-medium)`.
+/// @intent corners radius, generic corner radius, dbx-corners radius
+/// @role radius
+/// @see --mat-sys-corner-medium
+$dbx-corners-border-radius-var: --dbx-corners-border-radius;
+$dbx-corners-border-radius: var($dbx-corners-border-radius-var);
+
 $dbx-content-pit-scrollable-max-height-var: --dbx-content-pit-scrollable-max-height;
 $dbx-content-pit-scrollable-max-height: var($dbx-content-pit-scrollable-max-height-var);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dereekb/dbx-web",
-  "version": "13.17.0",
+  "version": "13.19.0",
   "sideEffects": [
     "*.scss",
     "*.css"
@@ -13,12 +13,12 @@
     "@angular/material": "^21.2.9",
     "@angular/platform-browser": "21.2.11",
     "@cantoo/pdf-lib": "^2.6.5",
-    "@dereekb/browser": "13.17.0",
-    "@dereekb/date": "13.17.0",
-    "@dereekb/dbx-core": "13.17.0",
-    "@dereekb/rxjs": "13.17.0",
-    "@dereekb/util": "13.17.0",
-    "@dereekb/vitest": "13.17.0",
+    "@dereekb/browser": "13.19.0",
+    "@dereekb/date": "13.19.0",
+    "@dereekb/dbx-core": "13.19.0",
+    "@dereekb/rxjs": "13.19.0",
+    "@dereekb/util": "13.19.0",
+    "@dereekb/vitest": "13.19.0",
     "@ngbracket/ngx-layout": "^21.0.0",
     "@ngrx/component-store": "^21.1.0",
     "@ngrx/effects": "^21.1.0",
@@ -55,6 +55,10 @@
       "types": "./types/dereekb-dbx-web-docs.d.ts",
       "default": "./fesm2022/dereekb-dbx-web-docs.mjs"
     },
+    "./style-demo": {
+      "types": "./types/dereekb-dbx-web-style-demo.d.ts",
+      "default": "./fesm2022/dereekb-dbx-web-style-demo.mjs"
+    },
     "./table": {
       "types": "./types/dereekb-dbx-web-table.d.ts",
       "default": "./fesm2022/dereekb-dbx-web-table.mjs"

package/style-demo/README.md

@@ -0,0 +1,12 @@
+# @dereekb/dbx-web/style-demo
+
+Drop-in styling showcase + live CSS-token-override preview harness for dbx-components apps.
+
+Mount `<dbx-style-demo>` on a screen to render dbx UI sections under the host app's _current_ theme, toggle showcase sections on/off, and flip bundles of CSS-token overrides that ripple through every rendered section live via the CSS custom-property cascade. This is the shell entry point: it exposes the playground component, the section registry + providers, the template-toggle providers, and the `DbxStyleDemoStyleLoader*` token-override mechanism, plus a starter set of dbx-web sections.
+
+> The token-override tooling here (loader directive + merge service + debug classes) is **demo/debug-only and disposable** — it is not a dbx-web core runtime primitive and may be removed once the styling migration it supports is complete.
+
+Companion plumbing entries register additional sections under the same shell:
+
+- `@dereekb/dbx-form/style-demo` — `provideDbxFormStyleDemo()`
+- `@dereekb/dbx-firebase/style-demo` — `provideDbxFirebaseStyleDemo()`