@dereekb/dbx-web 13.39.0 → 13.41.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 (6) hide show
  1. package/eslint/package.json +4 -4
  2. package/lib/button/_button.scss +0 -8
  3. package/lib/error/_error.scss +3 -3
  4. package/lib/layout/list/_list.scss +0 -11
  5. package/lib/router/layout/anchorlist/_anchorlist.scss +12 -7
  6. package/package.json +7 -7
package/eslint/package.json CHANGED
@@ -1,16 +1,16 @@
1
1
  {
2
2
  "name": "@dereekb/dbx-web/eslint",
3
- "version": "13.39.0",
3
+ "version": "13.41.0",
4
4
  "type": "module",
5
5
  "peerDependencies": {
6
- "@dereekb/util": "13.39.0",
6
+ "@dereekb/util": "13.41.0",
7
7
  "@typescript-eslint/utils": "8.59.3"
8
8
  },
9
9
  "devDependencies": {
10
10
  "@angular-eslint/template-parser": "21.4.0",
11
11
  "@angular/core": "21.2.11",
12
- "@dereekb/dbx-core": "13.39.0",
13
- "@dereekb/rxjs": "13.39.0",
12
+ "@dereekb/dbx-core": "13.41.0",
13
+ "@dereekb/rxjs": "13.41.0",
14
14
  "@typescript-eslint/parser": "8.59.3",
15
15
  "eslint": "10.4.0",
16
16
  "rxjs": "^7.8.2"
package/lib/button/_button.scss CHANGED
@@ -285,14 +285,6 @@ $big-button-height: 46px; // 33% bigger
285
285
 
286
286
  .dbx-icon-button > .mat-mdc-button {
287
287
  background: inherit;
288
-
289
- &.mat-unthemed {
290
- // TEMPORARY: For now we just unset the ripple colors but later we want to make sure that
291
- // the colors from dbx-primary, dbx-accent, etc... are set on these label colors instead
292
- // for buttons. Button column isn't correct for now either...
293
- --mdc-text-button-label-text-color: unset;
294
- --mat-mdc-button-persistent-ripple-color: unset;
295
- }
296
288
  }
297
289
 
298
290
  .dbx-icon-button.dbx-grey-bg {
package/lib/error/_error.scss CHANGED
@@ -45,11 +45,11 @@ $error-message-button-margin: 12px;
45
45
  }
46
46
 
47
47
  .mat-mdc-snack-bar-container.dbx-error-snackbar {
48
- --mdc-snackbar-container-color: var(--dbx-warn-color);
49
- --mdc-snackbar-supporting-text-color: var(--dbx-warn-color-contrast);
48
+ --mat-snack-bar-container-color: var(--dbx-warn-color);
49
+ --mat-snack-bar-supporting-text-color: var(--dbx-warn-color-contrast);
50
50
 
51
51
  .dbx-error-snackbar-content .dbx-warn {
52
- color: var(--mdc-snackbar-supporting-text-color);
52
+ color: var(--mat-snack-bar-supporting-text-color);
53
53
  }
54
54
  }
55
55
  }
package/lib/layout/list/_list.scss CHANGED
@@ -242,12 +242,6 @@ $list-item-padded-min-height: 42px;
242
242
  min-height: 56px;
243
243
  }
244
244
  }
245
-
246
- // Fixes:
247
- &.mdc-list-item--disabled .mdc-list-item__start.mat-icon {
248
- color: var(--mdc-list-list-item-disabled-leading-icon-color, var(--mat-app-on-surface));
249
- opacity: var(--mdc-list-list-item-disabled-leading-icon-opacity);
250
- }
251
245
  }
252
246
 
253
247
  .mat-selection-list.mat-mdc-list-base .dbx-list-view-item.mat-mdc-list-item .mat-mdc-list-item-content .mat-mdc-list-text {
@@ -538,13 +532,8 @@ $list-item-padded-min-height: 42px;
538
532
  }
539
533
 
540
534
  .dbx-list-view-group-header {
541
- color: var(--mdc-list-list-item-label-text-color);
542
535
  background: var(--dbx-list-view-group-header-background, var(--mat-sidenav-content-background-color));
543
536
 
544
- .item-details {
545
- color: var(--mdc-list-list-item-supporting-text-color);
546
- }
547
-
548
537
  --mat-divider-width: 2px;
549
538
  border-bottom-style: solid;
550
539
  border-bottom-color: var(--mat-divider-color);
package/lib/router/layout/anchorlist/_anchorlist.scss CHANGED
@@ -9,24 +9,29 @@ $anchor-list-item-active-opacity: 100%;
9
9
  $active-child-item-left-padding: 2px;
10
10
 
11
11
  $default-anchor-list-item-child-list-item-text-size: 14px;
12
- $default-mdc-list-list-item-leading-icon-size: 24px;
12
+ $default-anchor-list-item-leading-icon-size: 24px;
13
13
 
14
14
  // MARK: Mixin
15
15
  @mixin core() {
16
16
  .dbx-anchor-list.mat-mdc-nav-list {
17
17
  padding-top: 0; // no padding
18
- --parent-mdc-list-list-item-leading-icon-size: var(--mdc-list-list-item-leading-icon-size, #{$default-mdc-list-list-item-leading-icon-size});
19
- --parent-mdc-list-list-item-label-text-size: var(--mdc-list-list-item-label-text-size, #{$default-anchor-list-item-child-list-item-text-size});
18
+
19
+ // Relays the list's effective item metrics down so a nested child list can size itself relative to
20
+ // its parent. Reads the M3 `--mat-list-*` tokens Angular Material actually consumes — the legacy
21
+ // `--mdc-list-*` names this relay used to read/write are not emitted or read by Material 21, which
22
+ // silently made the `--dbx-anchor-list-item-child-list-item-*` override points dead.
23
+ --dbx-anchor-list-parent-item-icon-size: var(--mat-list-list-item-leading-icon-size, #{$default-anchor-list-item-leading-icon-size});
24
+ --dbx-anchor-list-parent-item-text-size: var(--mat-list-list-item-label-text-size, #{$default-anchor-list-item-child-list-item-text-size});
20
25
 
21
26
  .mat-mdc-list-item .mat-icon.mat-mdc-list-item-icon {
22
- font-size: var(--mdc-list-list-item-leading-icon-size, var(--parent-mdc-list-list-item-leading-icon-size));
23
- padding-left: calc((var(--parent-mdc-list-list-item-leading-icon-size) - var(--mdc-list-list-item-leading-icon-size, var(--parent-mdc-list-list-item-leading-icon-size))) / 2); // align the icons
27
+ font-size: var(--mat-list-list-item-leading-icon-size, var(--dbx-anchor-list-parent-item-icon-size));
28
+ padding-left: calc((var(--dbx-anchor-list-parent-item-icon-size) - var(--mat-list-list-item-leading-icon-size, var(--dbx-anchor-list-parent-item-icon-size))) / 2); // align the icons
24
29
  }
25
30
 
26
31
  .dbx-anchor-list-child {
27
32
  // text and icon size text is smaller
28
- --mdc-list-list-item-leading-icon-size: var(--dbx-anchor-list-item-child-list-item-icon-size, var(--parent-mdc-list-list-item-leading-icon-size));
29
- --mdc-list-list-item-label-text-size: var(--dbx-anchor-list-item-child-list-item-text-size, var(--parent-mdc-list-list-item-label-text-size));
33
+ --mat-list-list-item-leading-icon-size: var(--dbx-anchor-list-item-child-list-item-icon-size, var(--dbx-anchor-list-parent-item-icon-size));
34
+ --mat-list-list-item-label-text-size: var(--dbx-anchor-list-item-child-list-item-text-size, var(--dbx-anchor-list-parent-item-text-size));
30
35
 
31
36
  .mat-mdc-list-item .mdc-list-item__content {
32
37
  padding-left: $active-child-item-left-padding;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dereekb/dbx-web",
3
- "version": "13.39.0",
3
+ "version": "13.41.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.39.0",
17
- "@dereekb/date": "13.39.0",
18
- "@dereekb/dbx-core": "13.39.0",
19
- "@dereekb/rxjs": "13.39.0",
20
- "@dereekb/util": "13.39.0",
21
- "@dereekb/vitest": "13.39.0",
16
+ "@dereekb/browser": "13.41.0",
17
+ "@dereekb/date": "13.41.0",
18
+ "@dereekb/dbx-core": "13.41.0",
19
+ "@dereekb/rxjs": "13.41.0",
20
+ "@dereekb/util": "13.41.0",
21
+ "@dereekb/vitest": "13.41.0",
22
22
  "@ngbracket/ngx-layout": "^21.0.0",
23
23
  "@ngrx/component-store": "^21.1.0",
24
24
  "@ngrx/effects": "^21.1.0",