@angular/material 22.1.1 → 22.1.3

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 (74) hide show
  1. package/button/_m2-fab.scss +7 -7
  2. package/expansion/_m2-expansion.scss +1 -1
  3. package/expansion/_m3-expansion.scss +1 -1
  4. package/fesm2022/_error-options-chunk.mjs +6 -6
  5. package/fesm2022/_form-field-chunk.mjs +31 -30
  6. package/fesm2022/_form-field-chunk.mjs.map +1 -1
  7. package/fesm2022/_icon-button-chunk.mjs +6 -6
  8. package/fesm2022/_icon-registry-chunk.mjs +3 -3
  9. package/fesm2022/_internal-form-field-chunk.mjs +3 -3
  10. package/fesm2022/_line-chunk.mjs +7 -7
  11. package/fesm2022/_option-chunk.mjs +6 -6
  12. package/fesm2022/_option-module-chunk.mjs +4 -4
  13. package/fesm2022/_pseudo-checkbox-chunk.mjs +3 -3
  14. package/fesm2022/_pseudo-checkbox-module-chunk.mjs +4 -4
  15. package/fesm2022/_ripple-chunk.mjs +6 -6
  16. package/fesm2022/_ripple-loader-chunk.mjs +3 -3
  17. package/fesm2022/_ripple-module-chunk.mjs +4 -4
  18. package/fesm2022/_structural-styles-chunk.mjs +3 -3
  19. package/fesm2022/_tooltip-chunk.mjs +6 -6
  20. package/fesm2022/autocomplete.mjs +13 -13
  21. package/fesm2022/badge.mjs +10 -10
  22. package/fesm2022/bottom-sheet.mjs +10 -10
  23. package/fesm2022/button-toggle.mjs +10 -10
  24. package/fesm2022/button.mjs +13 -13
  25. package/fesm2022/card.mjs +46 -46
  26. package/fesm2022/checkbox.mjs +7 -7
  27. package/fesm2022/chips.mjs +46 -46
  28. package/fesm2022/core.mjs +12 -12
  29. package/fesm2022/core.mjs.map +1 -1
  30. package/fesm2022/datepicker.mjs +84 -84
  31. package/fesm2022/datepicker.mjs.map +1 -1
  32. package/fesm2022/dialog.mjs +25 -25
  33. package/fesm2022/divider.mjs +7 -7
  34. package/fesm2022/expansion.mjs +25 -25
  35. package/fesm2022/form-field.mjs +4 -4
  36. package/fesm2022/grid-list.mjs +22 -22
  37. package/fesm2022/icon-testing.mjs +7 -7
  38. package/fesm2022/icon.mjs +7 -7
  39. package/fesm2022/input.mjs +7 -7
  40. package/fesm2022/list.mjs +49 -49
  41. package/fesm2022/menu.mjs +22 -22
  42. package/fesm2022/paginator.mjs +10 -10
  43. package/fesm2022/progress-bar.mjs +7 -7
  44. package/fesm2022/progress-spinner.mjs +7 -7
  45. package/fesm2022/radio.mjs +10 -10
  46. package/fesm2022/select.mjs +10 -10
  47. package/fesm2022/sidenav.mjs +22 -22
  48. package/fesm2022/slide-toggle.mjs +7 -7
  49. package/fesm2022/slider.mjs +16 -16
  50. package/fesm2022/snack-bar.mjs +22 -22
  51. package/fesm2022/sort.mjs +13 -13
  52. package/fesm2022/stepper.mjs +31 -31
  53. package/fesm2022/table.mjs +55 -55
  54. package/fesm2022/tabs.mjs +43 -43
  55. package/fesm2022/timepicker.mjs +13 -13
  56. package/fesm2022/toolbar.mjs +10 -10
  57. package/fesm2022/tooltip.mjs +4 -4
  58. package/fesm2022/tree.mjs +25 -25
  59. package/list/_m2-list.scss +5 -5
  60. package/list/_m3-list.scss +8 -7
  61. package/package.json +2 -2
  62. package/prebuilt-themes/deeppurple-amber.css +20 -20
  63. package/prebuilt-themes/indigo-pink.css +20 -20
  64. package/prebuilt-themes/pink-bluegrey.css +20 -20
  65. package/prebuilt-themes/purple-green.css +20 -20
  66. package/schematics/ng-add/index.js +1 -1
  67. package/sidenav/_m2-sidenav.scss +1 -1
  68. package/sidenav/_m3-sidenav.scss +2 -2
  69. package/slide-toggle/_m2-slide-toggle.scss +3 -3
  70. package/slide-toggle/_m3-slide-toggle.scss +1 -1
  71. package/slider/_m2-slider.scss +1 -1
  72. package/slider/_m3-slider.scss +4 -4
  73. package/stepper/_m3-stepper.scss +1 -1
  74. package/timepicker/_m2-timepicker.scss +1 -1
package/fesm2022/tree.mjs CHANGED
@@ -45,7 +45,7 @@ class MatTreeNode extends CdkTreeNode {
45
45
  }
46
46
  static ɵfac = i0.ɵɵngDeclareFactory({
47
47
  minVersion: "12.0.0",
48
- version: "22.1.0",
48
+ version: "22.1.2",
49
49
  ngImport: i0,
50
50
  type: MatTreeNode,
51
51
  deps: [],
@@ -53,7 +53,7 @@ class MatTreeNode extends CdkTreeNode {
53
53
  });
54
54
  static ɵdir = i0.ɵɵngDeclareDirective({
55
55
  minVersion: "16.1.0",
56
- version: "22.1.0",
56
+ version: "22.1.2",
57
57
  type: MatTreeNode,
58
58
  isStandalone: true,
59
59
  selector: "mat-tree-node",
@@ -89,7 +89,7 @@ class MatTreeNode extends CdkTreeNode {
89
89
  }
90
90
  i0.ɵɵngDeclareClassMetadata({
91
91
  minVersion: "12.0.0",
92
- version: "22.1.0",
92
+ version: "22.1.2",
93
93
  ngImport: i0,
94
94
  type: MatTreeNode,
95
95
  decorators: [{
@@ -134,7 +134,7 @@ class MatTreeNodeDef extends CdkTreeNodeDef {
134
134
  data;
135
135
  static ɵfac = i0.ɵɵngDeclareFactory({
136
136
  minVersion: "12.0.0",
137
- version: "22.1.0",
137
+ version: "22.1.2",
138
138
  ngImport: i0,
139
139
  type: MatTreeNodeDef,
140
140
  deps: null,
@@ -142,7 +142,7 @@ class MatTreeNodeDef extends CdkTreeNodeDef {
142
142
  });
143
143
  static ɵdir = i0.ɵɵngDeclareDirective({
144
144
  minVersion: "14.0.0",
145
- version: "22.1.0",
145
+ version: "22.1.2",
146
146
  type: MatTreeNodeDef,
147
147
  isStandalone: true,
148
148
  selector: "[matTreeNodeDef]",
@@ -160,7 +160,7 @@ class MatTreeNodeDef extends CdkTreeNodeDef {
160
160
  }
161
161
  i0.ɵɵngDeclareClassMetadata({
162
162
  minVersion: "12.0.0",
163
- version: "22.1.0",
163
+ version: "22.1.2",
164
164
  ngImport: i0,
165
165
  type: MatTreeNodeDef,
166
166
  decorators: [{
@@ -210,7 +210,7 @@ class MatNestedTreeNode extends CdkNestedTreeNode {
210
210
  }
211
211
  static ɵfac = i0.ɵɵngDeclareFactory({
212
212
  minVersion: "12.0.0",
213
- version: "22.1.0",
213
+ version: "22.1.2",
214
214
  ngImport: i0,
215
215
  type: MatNestedTreeNode,
216
216
  deps: null,
@@ -218,7 +218,7 @@ class MatNestedTreeNode extends CdkNestedTreeNode {
218
218
  });
219
219
  static ɵdir = i0.ɵɵngDeclareDirective({
220
220
  minVersion: "16.1.0",
221
- version: "22.1.0",
221
+ version: "22.1.2",
222
222
  type: MatNestedTreeNode,
223
223
  isStandalone: true,
224
224
  selector: "mat-nested-tree-node",
@@ -251,7 +251,7 @@ class MatNestedTreeNode extends CdkNestedTreeNode {
251
251
  }
252
252
  i0.ɵɵngDeclareClassMetadata({
253
253
  minVersion: "12.0.0",
254
- version: "22.1.0",
254
+ version: "22.1.2",
255
255
  ngImport: i0,
256
256
  type: MatNestedTreeNode,
257
257
  decorators: [{
@@ -310,7 +310,7 @@ class MatTreeNodePadding extends CdkTreeNodePadding {
310
310
  }
311
311
  static ɵfac = i0.ɵɵngDeclareFactory({
312
312
  minVersion: "12.0.0",
313
- version: "22.1.0",
313
+ version: "22.1.2",
314
314
  ngImport: i0,
315
315
  type: MatTreeNodePadding,
316
316
  deps: null,
@@ -318,7 +318,7 @@ class MatTreeNodePadding extends CdkTreeNodePadding {
318
318
  });
319
319
  static ɵdir = i0.ɵɵngDeclareDirective({
320
320
  minVersion: "16.1.0",
321
- version: "22.1.0",
321
+ version: "22.1.2",
322
322
  type: MatTreeNodePadding,
323
323
  isStandalone: true,
324
324
  selector: "[matTreeNodePadding]",
@@ -336,7 +336,7 @@ class MatTreeNodePadding extends CdkTreeNodePadding {
336
336
  }
337
337
  i0.ɵɵngDeclareClassMetadata({
338
338
  minVersion: "12.0.0",
339
- version: "22.1.0",
339
+ version: "22.1.2",
340
340
  ngImport: i0,
341
341
  type: MatTreeNodePadding,
342
342
  decorators: [{
@@ -371,7 +371,7 @@ class MatTreeNodeOutlet {
371
371
  });
372
372
  static ɵfac = i0.ɵɵngDeclareFactory({
373
373
  minVersion: "12.0.0",
374
- version: "22.1.0",
374
+ version: "22.1.2",
375
375
  ngImport: i0,
376
376
  type: MatTreeNodeOutlet,
377
377
  deps: [],
@@ -379,7 +379,7 @@ class MatTreeNodeOutlet {
379
379
  });
380
380
  static ɵdir = i0.ɵɵngDeclareDirective({
381
381
  minVersion: "14.0.0",
382
- version: "22.1.0",
382
+ version: "22.1.2",
383
383
  type: MatTreeNodeOutlet,
384
384
  isStandalone: true,
385
385
  selector: "[matTreeNodeOutlet]",
@@ -392,7 +392,7 @@ class MatTreeNodeOutlet {
392
392
  }
393
393
  i0.ɵɵngDeclareClassMetadata({
394
394
  minVersion: "12.0.0",
395
- version: "22.1.0",
395
+ version: "22.1.2",
396
396
  ngImport: i0,
397
397
  type: MatTreeNodeOutlet,
398
398
  decorators: [{
@@ -411,7 +411,7 @@ class MatTree extends CdkTree {
411
411
  _nodeOutlet = undefined;
412
412
  static ɵfac = i0.ɵɵngDeclareFactory({
413
413
  minVersion: "12.0.0",
414
- version: "22.1.0",
414
+ version: "22.1.2",
415
415
  ngImport: i0,
416
416
  type: MatTree,
417
417
  deps: null,
@@ -419,7 +419,7 @@ class MatTree extends CdkTree {
419
419
  });
420
420
  static ɵcmp = i0.ɵɵngDeclareComponent({
421
421
  minVersion: "14.0.0",
422
- version: "22.1.0",
422
+ version: "22.1.2",
423
423
  type: MatTree,
424
424
  isStandalone: true,
425
425
  selector: "mat-tree",
@@ -454,7 +454,7 @@ class MatTree extends CdkTree {
454
454
  }
455
455
  i0.ɵɵngDeclareClassMetadata({
456
456
  minVersion: "12.0.0",
457
- version: "22.1.0",
457
+ version: "22.1.2",
458
458
  ngImport: i0,
459
459
  type: MatTree,
460
460
  decorators: [{
@@ -489,7 +489,7 @@ i0.ɵɵngDeclareClassMetadata({
489
489
  class MatTreeNodeToggle extends CdkTreeNodeToggle {
490
490
  static ɵfac = i0.ɵɵngDeclareFactory({
491
491
  minVersion: "12.0.0",
492
- version: "22.1.0",
492
+ version: "22.1.2",
493
493
  ngImport: i0,
494
494
  type: MatTreeNodeToggle,
495
495
  deps: null,
@@ -497,7 +497,7 @@ class MatTreeNodeToggle extends CdkTreeNodeToggle {
497
497
  });
498
498
  static ɵdir = i0.ɵɵngDeclareDirective({
499
499
  minVersion: "14.0.0",
500
- version: "22.1.0",
500
+ version: "22.1.2",
501
501
  type: MatTreeNodeToggle,
502
502
  isStandalone: true,
503
503
  selector: "[matTreeNodeToggle]",
@@ -514,7 +514,7 @@ class MatTreeNodeToggle extends CdkTreeNodeToggle {
514
514
  }
515
515
  i0.ɵɵngDeclareClassMetadata({
516
516
  minVersion: "12.0.0",
517
- version: "22.1.0",
517
+ version: "22.1.2",
518
518
  ngImport: i0,
519
519
  type: MatTreeNodeToggle,
520
520
  decorators: [{
@@ -537,7 +537,7 @@ const MAT_TREE_DIRECTIVES = [MatNestedTreeNode, MatTreeNodeDef, MatTreeNodePaddi
537
537
  class MatTreeModule {
538
538
  static ɵfac = i0.ɵɵngDeclareFactory({
539
539
  minVersion: "12.0.0",
540
- version: "22.1.0",
540
+ version: "22.1.2",
541
541
  ngImport: i0,
542
542
  type: MatTreeModule,
543
543
  deps: [],
@@ -545,7 +545,7 @@ class MatTreeModule {
545
545
  });
546
546
  static ɵmod = i0.ɵɵngDeclareNgModule({
547
547
  minVersion: "14.0.0",
548
- version: "22.1.0",
548
+ version: "22.1.2",
549
549
  ngImport: i0,
550
550
  type: MatTreeModule,
551
551
  imports: [CdkTreeModule, MatNestedTreeNode, MatTreeNodeDef, MatTreeNodePadding, MatTreeNodeToggle, MatTree, MatTreeNode, MatTreeNodeOutlet],
@@ -553,7 +553,7 @@ class MatTreeModule {
553
553
  });
554
554
  static ɵinj = i0.ɵɵngDeclareInjector({
555
555
  minVersion: "12.0.0",
556
- version: "22.1.0",
556
+ version: "22.1.2",
557
557
  ngImport: i0,
558
558
  type: MatTreeModule,
559
559
  imports: [CdkTreeModule, BidiModule]
@@ -561,7 +561,7 @@ class MatTreeModule {
561
561
  }
562
562
  i0.ɵɵngDeclareClassMetadata({
563
563
  minVersion: "12.0.0",
564
- version: "22.1.0",
564
+ version: "22.1.2",
565
565
  ngImport: i0,
566
566
  type: MatTreeModule,
567
567
  decorators: [{
@@ -8,23 +8,23 @@
8
8
 
9
9
  @return (
10
10
  base: (
11
- list-active-indicator-color: transparent,
12
11
  list-active-indicator-shape: 4px,
13
12
  list-list-item-container-shape: 0,
14
13
  list-list-item-leading-avatar-shape: 50%,
15
- list-list-item-container-color: transparent,
16
- list-list-item-selected-container-color: transparent,
17
- list-list-item-leading-avatar-color: transparent,
18
14
  list-list-item-leading-icon-size: 24px,
19
15
  list-list-item-leading-avatar-size: 40px,
20
16
  list-list-item-trailing-icon-size: 24px,
21
- list-list-item-disabled-state-layer-color: transparent,
22
17
  list-list-item-disabled-state-layer-opacity: 0,
23
18
  list-list-item-disabled-label-text-opacity: 0.38,
24
19
  list-list-item-disabled-leading-icon-opacity: 0.38,
25
20
  list-list-item-disabled-trailing-icon-opacity: 0.38,
26
21
  ),
27
22
  color: (
23
+ list-active-indicator-color: transparent,
24
+ list-list-item-container-color: transparent,
25
+ list-list-item-selected-container-color: transparent,
26
+ list-list-item-leading-avatar-color: transparent,
27
+ list-list-item-disabled-state-layer-color: transparent,
28
28
  list-list-item-label-text-color: map.get($system, on-surface),
29
29
  list-list-item-supporting-text-color: map.get($system, on-surface-variant),
30
30
  list-list-item-leading-icon-color: map.get($system, on-surface-variant),
@@ -18,12 +18,17 @@
18
18
  // Match spec, which has list-item-leading-icon-size of 24px.
19
19
  // Current version of tokens (0_161) has 18px.
20
20
  @return (
21
- base: (),
21
+ base: (
22
+ list-active-indicator-shape: map.get($system, corner-full),
23
+ list-list-item-container-shape: map.get($system, corner-none),
24
+ list-list-item-leading-avatar-shape: map.get($system, corner-full),
25
+ list-list-item-leading-avatar-size: 40px,
26
+ list-list-item-leading-icon-size: 24px,
27
+ list-list-item-trailing-icon-size: 24px,
28
+ ),
22
29
  color: (
23
30
  list-active-indicator-color: map.get($system, secondary-container),
24
- list-active-indicator-shape: map.get($system, corner-full),
25
31
  list-list-item-container-color: transparent,
26
- list-list-item-container-shape: map.get($system, corner-none),
27
32
  list-list-item-disabled-label-text-color: map.get($system, on-surface),
28
33
  list-list-item-disabled-label-text-opacity: 0.3,
29
34
  list-list-item-disabled-leading-icon-color: map.get($system, on-surface),
@@ -40,14 +45,10 @@
40
45
  list-list-item-hover-state-layer-opacity: map.get($system, hover-state-layer-opacity),
41
46
  list-list-item-label-text-color: map.get($system, on-surface),
42
47
  list-list-item-leading-avatar-color: map.get($system, primary-container),
43
- list-list-item-leading-avatar-shape: map.get($system, corner-full),
44
- list-list-item-leading-avatar-size: 40px,
45
48
  list-list-item-leading-icon-color: map.get($system, on-surface-variant),
46
- list-list-item-leading-icon-size: 24px,
47
49
  list-list-item-selected-trailing-icon-color: map.get($system, primary),
48
50
  list-list-item-supporting-text-color: map.get($system, on-surface-variant),
49
51
  list-list-item-trailing-icon-color: map.get($system, on-surface-variant),
50
- list-list-item-trailing-icon-size: 24px,
51
52
  list-list-item-trailing-supporting-text-color: map.get($system, on-surface-variant),
52
53
  list-list-item-selected-container-color: null,
53
54
  list-list-item-hover-leading-icon-color: null,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@angular/material",
3
- "version": "22.1.1",
3
+ "version": "22.1.3",
4
4
  "description": "Angular Material",
5
5
  "repository": {
6
6
  "type": "git",
@@ -353,7 +353,7 @@
353
353
  }
354
354
  },
355
355
  "peerDependencies": {
356
- "@angular/cdk": "22.1.1",
356
+ "@angular/cdk": "22.1.3",
357
357
  "@angular/core": "^22.0.0 || ^23.0.0",
358
358
  "@angular/common": "^22.0.0 || ^23.0.0",
359
359
  "@angular/forms": "^22.0.0 || ^23.0.0",
@@ -637,7 +637,6 @@ html {
637
637
  --mat-slide-toggle-disabled-track-opacity: 0.12;
638
638
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
639
639
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
640
- --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
641
640
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
642
641
  --mat-slide-toggle-handle-height: 20px;
643
642
  --mat-slide-toggle-handle-shape: 10px;
@@ -652,11 +651,9 @@ html {
652
651
  --mat-slide-toggle-selected-icon-size: 18px;
653
652
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
654
653
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
655
- --mat-slide-toggle-selected-track-outline-color: transparent;
656
654
  --mat-slide-toggle-selected-track-outline-width: 1px;
657
655
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
658
656
  --mat-slide-toggle-track-height: 14px;
659
- --mat-slide-toggle-track-outline-color: transparent;
660
657
  --mat-slide-toggle-track-outline-width: 1px;
661
658
  --mat-slide-toggle-track-shape: 7px;
662
659
  --mat-slide-toggle-track-width: 36px;
@@ -688,6 +685,9 @@ html {
688
685
  --mat-slide-toggle-selected-hover-track-color: #9575cd;
689
686
  --mat-slide-toggle-selected-pressed-track-color: #9575cd;
690
687
  --mat-slide-toggle-selected-track-color: #9575cd;
688
+ --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
689
+ --mat-slide-toggle-selected-track-outline-color: transparent;
690
+ --mat-slide-toggle-track-outline-color: transparent;
691
691
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
692
692
  --mat-slide-toggle-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
693
693
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
@@ -835,7 +835,6 @@ html {
835
835
  html {
836
836
  --mat-slider-active-track-height: 6px;
837
837
  --mat-slider-active-track-shape: 9999px;
838
- --mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
839
838
  --mat-slider-handle-height: 20px;
840
839
  --mat-slider-handle-shape: 50%;
841
840
  --mat-slider-handle-width: 20px;
@@ -867,6 +866,7 @@ html {
867
866
  --mat-slider-ripple-color: #673ab7;
868
867
  --mat-slider-with-tick-marks-active-container-color: white;
869
868
  --mat-slider-with-tick-marks-inactive-container-color: #673ab7;
869
+ --mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
870
870
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
871
871
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
872
872
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
@@ -942,17 +942,12 @@ html {
942
942
  }
943
943
 
944
944
  html {
945
- --mat-list-active-indicator-color: transparent;
946
945
  --mat-list-active-indicator-shape: 4px;
947
946
  --mat-list-list-item-container-shape: 0;
948
947
  --mat-list-list-item-leading-avatar-shape: 50%;
949
- --mat-list-list-item-container-color: transparent;
950
- --mat-list-list-item-selected-container-color: transparent;
951
- --mat-list-list-item-leading-avatar-color: transparent;
952
948
  --mat-list-list-item-leading-icon-size: 24px;
953
949
  --mat-list-list-item-leading-avatar-size: 40px;
954
950
  --mat-list-list-item-trailing-icon-size: 24px;
955
- --mat-list-list-item-disabled-state-layer-color: transparent;
956
951
  --mat-list-list-item-disabled-state-layer-opacity: 0;
957
952
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
958
953
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
@@ -960,6 +955,11 @@ html {
960
955
  }
961
956
 
962
957
  html {
958
+ --mat-list-active-indicator-color: transparent;
959
+ --mat-list-list-item-container-color: transparent;
960
+ --mat-list-list-item-selected-container-color: transparent;
961
+ --mat-list-list-item-leading-avatar-color: transparent;
962
+ --mat-list-list-item-disabled-state-layer-color: transparent;
963
963
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
964
964
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
965
965
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
@@ -1597,12 +1597,18 @@ html {
1597
1597
  }
1598
1598
 
1599
1599
  html {
1600
- --mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
1601
1600
  --mat-fab-container-shape: 50%;
1602
1601
  --mat-fab-touch-target-size: 48px;
1603
- --mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
1604
1602
  --mat-fab-extended-container-height: 48px;
1605
1603
  --mat-fab-extended-container-shape: 24px;
1604
+ --mat-fab-small-container-shape: 50%;
1605
+ --mat-fab-small-touch-target-size: 48px;
1606
+ }
1607
+
1608
+ html {
1609
+ --mat-fab-container-color: white;
1610
+ --mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
1611
+ --mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
1606
1612
  --mat-fab-extended-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
1607
1613
  --mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
1608
1614
  --mat-fab-extended-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
@@ -1610,15 +1616,9 @@ html {
1610
1616
  --mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
1611
1617
  --mat-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
1612
1618
  --mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
1613
- --mat-fab-small-container-shape: 50%;
1614
- --mat-fab-small-touch-target-size: 48px;
1615
1619
  --mat-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
1616
1620
  --mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
1617
1621
  --mat-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
1618
- }
1619
-
1620
- html {
1621
- --mat-fab-container-color: white;
1622
1622
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
1623
1623
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
1624
1624
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
@@ -1996,12 +1996,12 @@ html {
1996
1996
 
1997
1997
  html {
1998
1998
  --mat-expansion-container-shape: 4px;
1999
- --mat-expansion-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
2000
1999
  --mat-expansion-legacy-header-indicator-display: inline-block;
2001
2000
  --mat-expansion-header-indicator-display: none;
2002
2001
  }
2003
2002
 
2004
2003
  html {
2004
+ --mat-expansion-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
2005
2005
  --mat-expansion-container-background-color: white;
2006
2006
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
2007
2007
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
@@ -2054,11 +2054,11 @@ html {
2054
2054
 
2055
2055
  html {
2056
2056
  --mat-sidenav-container-shape: 0;
2057
- --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
2058
2057
  --mat-sidenav-container-width: auto;
2059
2058
  }
2060
2059
 
2061
2060
  html {
2061
+ --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
2062
2062
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
2063
2063
  --mat-sidenav-container-background-color: white;
2064
2064
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
@@ -2179,10 +2179,10 @@ html {
2179
2179
 
2180
2180
  html {
2181
2181
  --mat-timepicker-container-shape: 4px;
2182
- --mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
2183
2182
  }
2184
2183
 
2185
2184
  html {
2185
+ --mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
2186
2186
  --mat-timepicker-container-background-color: white;
2187
2187
  }
2188
2188
 
@@ -637,7 +637,6 @@ html {
637
637
  --mat-slide-toggle-disabled-track-opacity: 0.12;
638
638
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
639
639
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
640
- --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
641
640
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
642
641
  --mat-slide-toggle-handle-height: 20px;
643
642
  --mat-slide-toggle-handle-shape: 10px;
@@ -652,11 +651,9 @@ html {
652
651
  --mat-slide-toggle-selected-icon-size: 18px;
653
652
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
654
653
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
655
- --mat-slide-toggle-selected-track-outline-color: transparent;
656
654
  --mat-slide-toggle-selected-track-outline-width: 1px;
657
655
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
658
656
  --mat-slide-toggle-track-height: 14px;
659
- --mat-slide-toggle-track-outline-color: transparent;
660
657
  --mat-slide-toggle-track-outline-width: 1px;
661
658
  --mat-slide-toggle-track-shape: 7px;
662
659
  --mat-slide-toggle-track-width: 36px;
@@ -688,6 +685,9 @@ html {
688
685
  --mat-slide-toggle-selected-hover-track-color: #7986cb;
689
686
  --mat-slide-toggle-selected-pressed-track-color: #7986cb;
690
687
  --mat-slide-toggle-selected-track-color: #7986cb;
688
+ --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
689
+ --mat-slide-toggle-selected-track-outline-color: transparent;
690
+ --mat-slide-toggle-track-outline-color: transparent;
691
691
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
692
692
  --mat-slide-toggle-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
693
693
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
@@ -835,7 +835,6 @@ html {
835
835
  html {
836
836
  --mat-slider-active-track-height: 6px;
837
837
  --mat-slider-active-track-shape: 9999px;
838
- --mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
839
838
  --mat-slider-handle-height: 20px;
840
839
  --mat-slider-handle-shape: 50%;
841
840
  --mat-slider-handle-width: 20px;
@@ -867,6 +866,7 @@ html {
867
866
  --mat-slider-ripple-color: #3f51b5;
868
867
  --mat-slider-with-tick-marks-active-container-color: white;
869
868
  --mat-slider-with-tick-marks-inactive-container-color: #3f51b5;
869
+ --mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
870
870
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
871
871
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
872
872
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
@@ -942,17 +942,12 @@ html {
942
942
  }
943
943
 
944
944
  html {
945
- --mat-list-active-indicator-color: transparent;
946
945
  --mat-list-active-indicator-shape: 4px;
947
946
  --mat-list-list-item-container-shape: 0;
948
947
  --mat-list-list-item-leading-avatar-shape: 50%;
949
- --mat-list-list-item-container-color: transparent;
950
- --mat-list-list-item-selected-container-color: transparent;
951
- --mat-list-list-item-leading-avatar-color: transparent;
952
948
  --mat-list-list-item-leading-icon-size: 24px;
953
949
  --mat-list-list-item-leading-avatar-size: 40px;
954
950
  --mat-list-list-item-trailing-icon-size: 24px;
955
- --mat-list-list-item-disabled-state-layer-color: transparent;
956
951
  --mat-list-list-item-disabled-state-layer-opacity: 0;
957
952
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
958
953
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
@@ -960,6 +955,11 @@ html {
960
955
  }
961
956
 
962
957
  html {
958
+ --mat-list-active-indicator-color: transparent;
959
+ --mat-list-list-item-container-color: transparent;
960
+ --mat-list-list-item-selected-container-color: transparent;
961
+ --mat-list-list-item-leading-avatar-color: transparent;
962
+ --mat-list-list-item-disabled-state-layer-color: transparent;
963
963
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
964
964
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
965
965
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
@@ -1597,12 +1597,18 @@ html {
1597
1597
  }
1598
1598
 
1599
1599
  html {
1600
- --mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
1601
1600
  --mat-fab-container-shape: 50%;
1602
1601
  --mat-fab-touch-target-size: 48px;
1603
- --mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
1604
1602
  --mat-fab-extended-container-height: 48px;
1605
1603
  --mat-fab-extended-container-shape: 24px;
1604
+ --mat-fab-small-container-shape: 50%;
1605
+ --mat-fab-small-touch-target-size: 48px;
1606
+ }
1607
+
1608
+ html {
1609
+ --mat-fab-container-color: white;
1610
+ --mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
1611
+ --mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
1606
1612
  --mat-fab-extended-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
1607
1613
  --mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
1608
1614
  --mat-fab-extended-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
@@ -1610,15 +1616,9 @@ html {
1610
1616
  --mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
1611
1617
  --mat-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
1612
1618
  --mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
1613
- --mat-fab-small-container-shape: 50%;
1614
- --mat-fab-small-touch-target-size: 48px;
1615
1619
  --mat-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
1616
1620
  --mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
1617
1621
  --mat-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
1618
- }
1619
-
1620
- html {
1621
- --mat-fab-container-color: white;
1622
1622
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
1623
1623
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
1624
1624
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
@@ -1996,12 +1996,12 @@ html {
1996
1996
 
1997
1997
  html {
1998
1998
  --mat-expansion-container-shape: 4px;
1999
- --mat-expansion-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
2000
1999
  --mat-expansion-legacy-header-indicator-display: inline-block;
2001
2000
  --mat-expansion-header-indicator-display: none;
2002
2001
  }
2003
2002
 
2004
2003
  html {
2004
+ --mat-expansion-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
2005
2005
  --mat-expansion-container-background-color: white;
2006
2006
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
2007
2007
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
@@ -2054,11 +2054,11 @@ html {
2054
2054
 
2055
2055
  html {
2056
2056
  --mat-sidenav-container-shape: 0;
2057
- --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
2058
2057
  --mat-sidenav-container-width: auto;
2059
2058
  }
2060
2059
 
2061
2060
  html {
2061
+ --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
2062
2062
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
2063
2063
  --mat-sidenav-container-background-color: white;
2064
2064
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
@@ -2179,10 +2179,10 @@ html {
2179
2179
 
2180
2180
  html {
2181
2181
  --mat-timepicker-container-shape: 4px;
2182
- --mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
2183
2182
  }
2184
2183
 
2185
2184
  html {
2185
+ --mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
2186
2186
  --mat-timepicker-container-background-color: white;
2187
2187
  }
2188
2188