@angular/material-experimental 17.0.0 → 17.0.2
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.
- package/esm2022/column-resize/column-resize-directives/column-resize-flex.mjs +3 -3
- package/esm2022/column-resize/column-resize-directives/column-resize.mjs +3 -3
- package/esm2022/column-resize/column-resize-directives/default-enabled-column-resize-flex.mjs +3 -3
- package/esm2022/column-resize/column-resize-directives/default-enabled-column-resize.mjs +3 -3
- package/esm2022/column-resize/column-resize-module.mjs +12 -12
- package/esm2022/column-resize/overlay-handle.mjs +3 -3
- package/esm2022/column-resize/resizable-directives/default-enabled-resizable.mjs +3 -3
- package/esm2022/column-resize/resizable-directives/resizable.mjs +3 -3
- package/esm2022/column-resize/resize-strategy.mjs +3 -3
- package/esm2022/menubar/menubar-item.mjs +3 -3
- package/esm2022/menubar/menubar-module.mjs +4 -4
- package/esm2022/menubar/menubar.mjs +3 -3
- package/esm2022/popover-edit/lens-directives.mjs +9 -9
- package/esm2022/popover-edit/popover-edit-module.mjs +4 -4
- package/esm2022/popover-edit/table-directives.mjs +12 -12
- package/esm2022/selection/row-selection.mjs +3 -3
- package/esm2022/selection/select-all.mjs +3 -3
- package/esm2022/selection/selection-column.mjs +3 -3
- package/esm2022/selection/selection-module.mjs +4 -4
- package/esm2022/selection/selection-toggle.mjs +3 -3
- package/esm2022/selection/selection.mjs +3 -3
- package/esm2022/version.mjs +1 -1
- package/fesm2022/column-resize.mjs +36 -36
- package/fesm2022/material-experimental.mjs +1 -1
- package/fesm2022/material-experimental.mjs.map +1 -1
- package/fesm2022/menubar.mjs +10 -10
- package/fesm2022/popover-edit.mjs +25 -25
- package/fesm2022/selection.mjs +19 -19
- package/package.json +3 -3
- package/theming/_custom-tokens.scss +530 -20
- package/theming/_definition.scss +8 -8
- package/theming/_m3-density.scss +65 -14
- package/theming/_m3-palettes.scss +409 -184
- package/theming/_m3-tokens.scss +236 -85
package/theming/_m3-density.scss
CHANGED
|
@@ -16,28 +16,79 @@
|
|
|
16
16
|
// TODO(mmalerba): Add density tokens for remaining components.
|
|
17
17
|
$_density-tokens: (
|
|
18
18
|
// MDC tokens
|
|
19
|
-
|
|
19
|
+
(mdc, checkbox): (
|
|
20
20
|
state-layer-size: (40px, 36px, 32px, 28px),
|
|
21
21
|
),
|
|
22
|
-
|
|
23
|
-
(
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
22
|
+
(mdc, chip): (
|
|
23
|
+
container-height: (32px, 28px, 24px),
|
|
24
|
+
),
|
|
25
|
+
(mdc, circular-progress): (),
|
|
26
|
+
(mdc, dialog): (),
|
|
27
|
+
(mdc, elevated-card): (),
|
|
28
|
+
(mdc, filled-text-field): (),
|
|
29
|
+
(mdc, linear-progress): (),
|
|
30
|
+
(mdc, list): (
|
|
31
|
+
list-item-one-line-container-height: (48px, 44px, 40px, 36px, 32px, 24px),
|
|
32
|
+
list-item-two-line-container-height: (64px, 60px, 56px, 52px, 48px, 48px),
|
|
33
|
+
list-item-three-line-container-height: (88px, 84px, 80px, 76px, 72px, 56px),
|
|
34
|
+
),
|
|
35
|
+
(mdc, outlined-card): (),
|
|
36
|
+
(mdc, outlined-text-field): (),
|
|
37
|
+
(mdc, plain-tooltip): (),
|
|
38
|
+
(mdc, radio): (
|
|
29
39
|
state-layer-size: (40px, 36px, 32px, 28px),
|
|
30
40
|
),
|
|
31
|
-
|
|
41
|
+
(mdc, slider): (),
|
|
42
|
+
(mdc, snackbar): (),
|
|
43
|
+
(mdc, switch): (),
|
|
44
|
+
(mdc, tab): (
|
|
45
|
+
container-height: (48px, 44px, 40px, 36px, 32px)
|
|
46
|
+
),
|
|
47
|
+
(mdc, tab-indicator): (),
|
|
48
|
+
|
|
32
49
|
// Custom Angular Material tokens
|
|
33
|
-
|
|
34
|
-
|
|
50
|
+
(mat, autocomplete): (),
|
|
51
|
+
(mat, badge): (),
|
|
52
|
+
(mat, bottom-sheet): (),
|
|
53
|
+
(mat, card): (),
|
|
54
|
+
(mat, datepicker): (),
|
|
55
|
+
(mat, divider): (),
|
|
56
|
+
(mat, form-fild): (),
|
|
57
|
+
(mat, grid-list): (),
|
|
58
|
+
(mat, icon): (),
|
|
59
|
+
(mat, menu): (),
|
|
60
|
+
(mat, optgroup): (),
|
|
61
|
+
(mat, option): (),
|
|
62
|
+
(mat, paginator): (
|
|
63
|
+
container-size: (56px, 52px, 48px, 40px),
|
|
64
|
+
),
|
|
65
|
+
(mat, radio): (),
|
|
66
|
+
(mat, ripple): (),
|
|
67
|
+
(mat, select): (),
|
|
68
|
+
(mat, sidenav): (),
|
|
69
|
+
(mat, slide-toggle): (),
|
|
70
|
+
(mat, slider): (),
|
|
71
|
+
(mat, snack-bar): (),
|
|
72
|
+
(mat, sort): (),
|
|
73
|
+
(mat, standard-button-toggle): (
|
|
74
|
+
height: (40px, 40px, 40px, 36px, 24px),
|
|
75
|
+
),
|
|
76
|
+
(mat, stepper): (
|
|
77
|
+
header-height: (72px, 68px, 64px, 60px, 42px),
|
|
78
|
+
),
|
|
79
|
+
(mat, tab-header): (),
|
|
80
|
+
(mat, table): (
|
|
81
|
+
header-container-height: (56px, 52px, 48px, 44px, 40px),
|
|
82
|
+
footer-container-height: (52px, 48px, 44px, 40px, 36px),
|
|
83
|
+
row-item-container-height: (52px, 48px, 44px, 40px, 36px),
|
|
84
|
+
),
|
|
85
|
+
(mat, toolbar): (
|
|
35
86
|
standard-height: (64px, 60px, 56px, 52px),
|
|
36
87
|
mobile-height: (56px, 52px, 48px, 44px),
|
|
37
88
|
),
|
|
38
|
-
|
|
39
|
-
(
|
|
40
|
-
|
|
89
|
+
(mat, tree): (
|
|
90
|
+
node-min-height: (48px, 44px, 40px, 36px, 28px),
|
|
91
|
+
),
|
|
41
92
|
);
|
|
42
93
|
|
|
43
94
|
/// Gets the value for the given density scale from the given set of density values.
|