@dereekb/dbx-web 13.16.0 → 13.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/_index.scss +4 -1
  2. package/eslint/package.json +4 -4
  3. package/fesm2022/dereekb-dbx-web-mapbox.mjs +2 -2
  4. package/fesm2022/dereekb-dbx-web-mapbox.mjs.map +1 -1
  5. package/fesm2022/dereekb-dbx-web-style-demo.mjs +1698 -0
  6. package/fesm2022/dereekb-dbx-web-style-demo.mjs.map +1 -0
  7. package/fesm2022/dereekb-dbx-web-table.mjs +1 -1
  8. package/fesm2022/dereekb-dbx-web-table.mjs.map +1 -1
  9. package/fesm2022/dereekb-dbx-web.mjs +460 -333
  10. package/fesm2022/dereekb-dbx-web.mjs.map +1 -1
  11. package/lib/button/_button.scss +74 -98
  12. package/lib/extension/pdf/_pdf.scss +5 -5
  13. package/lib/extension/table/_table.scss +2 -2
  14. package/lib/interaction/detach/_detach.scss +22 -2
  15. package/lib/interaction/dialog/_dialog.scss +4 -8
  16. package/lib/interaction/popup/_popup.scss +1 -2
  17. package/lib/interaction/prompt/_prompt.scss +7 -2
  18. package/lib/layout/avatar/_avatar.scss +8 -0
  19. package/lib/layout/bar/_bar.scss +41 -2
  20. package/lib/layout/card/_card.scss +191 -3
  21. package/lib/layout/column/_column.scss +3 -3
  22. package/lib/layout/content/_content.scss +24 -9
  23. package/lib/layout/list/_list.scss +87 -10
  24. package/lib/layout/section/_section.scss +7 -8
  25. package/lib/layout/style/_style.scss +44 -9
  26. package/lib/layout/text/_text.scss +73 -29
  27. package/lib/loading/_loading.scss +9 -2
  28. package/lib/router/layout/navbar/_navbar.scss +14 -0
  29. package/lib/router/layout/sidenav/_sidenav.scss +2 -2
  30. package/lib/style/_core.scss +4 -0
  31. package/lib/style/_corners.scss +79 -0
  32. package/lib/style/_root-variables.scss +17 -0
  33. package/lib/style/_shapes.scss +56 -0
  34. package/lib/style/_style-demo.scss +183 -0
  35. package/lib/style/_variables.scss +8 -1
  36. package/package.json +11 -7
  37. package/style-demo/README.md +12 -0
  38. package/types/dereekb-dbx-web-style-demo.d.ts +883 -0
  39. package/types/dereekb-dbx-web.d.ts +170 -79
  40. package/lib/style/_m2-visual-compat.scss +0 -120
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dereekb/dbx-web",
3
- "version": "13.16.0",
3
+ "version": "13.18.0",
4
4
  "sideEffects": [
5
5
  "*.scss",
6
6
  "*.css"
@@ -13,12 +13,12 @@
13
13
  "@angular/material": "^21.2.9",
14
14
  "@angular/platform-browser": "21.2.11",
15
15
  "@cantoo/pdf-lib": "^2.6.5",
16
- "@dereekb/browser": "13.16.0",
17
- "@dereekb/date": "13.16.0",
18
- "@dereekb/dbx-core": "13.16.0",
19
- "@dereekb/rxjs": "13.16.0",
20
- "@dereekb/util": "13.16.0",
21
- "@dereekb/vitest": "13.16.0",
16
+ "@dereekb/browser": "13.18.0",
17
+ "@dereekb/date": "13.18.0",
18
+ "@dereekb/dbx-core": "13.18.0",
19
+ "@dereekb/rxjs": "13.18.0",
20
+ "@dereekb/util": "13.18.0",
21
+ "@dereekb/vitest": "13.18.0",
22
22
  "@ngbracket/ngx-layout": "^21.0.0",
23
23
  "@ngrx/component-store": "^21.1.0",
24
24
  "@ngrx/effects": "^21.1.0",
@@ -55,6 +55,10 @@
55
55
  "types": "./types/dereekb-dbx-web-docs.d.ts",
56
56
  "default": "./fesm2022/dereekb-dbx-web-docs.mjs"
57
57
  },
58
+ "./style-demo": {
59
+ "types": "./types/dereekb-dbx-web-style-demo.d.ts",
60
+ "default": "./fesm2022/dereekb-dbx-web-style-demo.mjs"
61
+ },
58
62
  "./table": {
59
63
  "types": "./types/dereekb-dbx-web-table.d.ts",
60
64
  "default": "./fesm2022/dereekb-dbx-web-table.mjs"
@@ -0,0 +1,12 @@
1
+ # @dereekb/dbx-web/style-demo
2
+
3
+ Drop-in styling showcase + live CSS-token-override preview harness for dbx-components apps.
4
+
5
+ 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.
6
+
7
+ > 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.
8
+
9
+ Companion plumbing entries register additional sections under the same shell:
10
+
11
+ - `@dereekb/dbx-form/style-demo` — `provideDbxFormStyleDemo()`
12
+ - `@dereekb/dbx-firebase/style-demo` — `provideDbxFirebaseStyleDemo()`