|
1 | 1 | @use 'sass:map';
|
2 | 2 | @use 'sass:meta';
|
3 | 3 | @use '../core/tokens/m2/mat/paginator' as tokens-mat-paginator;
|
4 |
| -@use '../core/tokens/m2/mat/form-field' as tokens-mat-form-field; |
| 4 | +@use '../form-field/form-field-theme'; |
5 | 5 | @use '../core/style/sass-utils';
|
6 | 6 | @use '../core/typography/typography';
|
7 | 7 | @use '../core/theming/theming';
|
|
40 | 40 | }
|
41 | 41 |
|
42 | 42 | @mixin density($theme) {
|
| 43 | + $density-scale: inspection.get-theme-density($theme); |
| 44 | + $form-field-density: if((meta.type-of($density-scale) == 'number' and $density-scale >= -4) or |
| 45 | + $density-scale == maximum, -4, $density-scale); |
| 46 | + |
43 | 47 | @if inspection.get-theme-version($theme) == 1 {
|
44 | 48 | @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
|
45 | 49 | }
|
46 | 50 | @else {
|
47 |
| - $density-scale: inspection.get-theme-density($theme); |
48 |
| - |
49 | 51 | @include sass-utils.current-selector-or-root() {
|
50 | 52 | @include token-utils.create-token-values(tokens-mat-paginator.$prefix,
|
51 | 53 | tokens-mat-paginator.get-density-tokens($theme));
|
52 | 54 | }
|
| 55 | + } |
53 | 56 |
|
54 |
| - .mat-mdc-paginator { |
55 |
| - // We need the form field to be narrower in order to fit into the paginator, |
56 |
| - // so we set its density to be -4 or denser. |
57 |
| - @if ((meta.type-of($density-scale) == 'number' and $density-scale >= -4) or |
58 |
| - $density-scale == maximum) { |
59 |
| - @include token-utils.create-token-values(tokens-mat-form-field.$prefix, |
60 |
| - tokens-mat-form-field.get-density-tokens((density: -4))); |
61 |
| - } |
62 |
| - @else { |
63 |
| - @include token-utils.create-token-values(tokens-mat-form-field.$prefix, |
64 |
| - tokens-mat-form-field.get-density-tokens((density: $density-scale))); |
65 |
| - } |
66 |
| - } |
| 57 | + // We need the form field to be narrower in order to fit into the paginator, |
| 58 | + // so we set its density to be -4 or denser. |
| 59 | + .mat-mdc-paginator { |
| 60 | + @include form-field-theme.density((density: $form-field-density)); |
67 | 61 | }
|
68 | 62 | }
|
69 | 63 |
|
|
0 commit comments