@ptsecurity/mosaic 17.2.1 → 17.3.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 (89) hide show
  1. package/autocomplete/autocomplete.scss +0 -2
  2. package/button/_button-theme.scss +3 -3
  3. package/button-toggle/_button-toggle-theme.scss +2 -2
  4. package/checkbox/_checkbox-theme.scss +1 -1
  5. package/code-block/_code-block-theme.scss +2 -2
  6. package/core/form-field/form-field-ref.d.ts +13 -0
  7. package/core/form-field/index.d.ts +1 -0
  8. package/core/forms/_forms-theme.scss +2 -2
  9. package/core/option/_optgroup-theme.scss +1 -1
  10. package/core/option/_option-theme.scss +1 -1
  11. package/core/public-api.d.ts +1 -0
  12. package/core/select/common.d.ts +35 -0
  13. package/core/select/index.d.ts +1 -0
  14. package/core/styles/common/_tokens.scss +29 -20
  15. package/core/styles/theming/_alerts.scss +5 -5
  16. package/core/styles/theming/_badges.scss +6 -6
  17. package/core/styles/typography/_typography.scss +26 -26
  18. package/datepicker/_datepicker-theme.scss +4 -4
  19. package/dl/_dl-theme.scss +8 -8
  20. package/dropdown/_dropdown-theme.scss +4 -4
  21. package/esm2022/core/form-field/form-field-ref.mjs +8 -0
  22. package/esm2022/core/form-field/index.mjs +2 -0
  23. package/esm2022/core/public-api.mjs +2 -1
  24. package/esm2022/core/select/common.mjs +119 -0
  25. package/esm2022/core/select/index.mjs +2 -1
  26. package/esm2022/core/version.mjs +2 -2
  27. package/esm2022/datepicker/calendar-header.component.mjs +1 -1
  28. package/esm2022/form-field/form-field.mjs +5 -11
  29. package/esm2022/form-field/password-hint.mjs +5 -4
  30. package/esm2022/select/select.component.mjs +15 -111
  31. package/esm2022/select/select.module.mjs +17 -17
  32. package/esm2022/tags/tag-default-options.mjs +1 -1
  33. package/esm2022/tags/tag-input.mjs +17 -3
  34. package/esm2022/timepicker/timepicker.directive.mjs +10 -2
  35. package/esm2022/timezone/timezone-select.component.mjs +3 -3
  36. package/esm2022/toast/toast.service.mjs +17 -11
  37. package/esm2022/tree-select/tree-select.component.mjs +4 -5
  38. package/fesm2022/ptsecurity-mosaic-core.mjs +125 -4
  39. package/fesm2022/ptsecurity-mosaic-core.mjs.map +1 -1
  40. package/fesm2022/ptsecurity-mosaic-datepicker.mjs +1 -1
  41. package/fesm2022/ptsecurity-mosaic-datepicker.mjs.map +1 -1
  42. package/fesm2022/ptsecurity-mosaic-form-field.mjs +7 -13
  43. package/fesm2022/ptsecurity-mosaic-form-field.mjs.map +1 -1
  44. package/fesm2022/ptsecurity-mosaic-select.mjs +34 -130
  45. package/fesm2022/ptsecurity-mosaic-select.mjs.map +1 -1
  46. package/fesm2022/ptsecurity-mosaic-tags.mjs +17 -4
  47. package/fesm2022/ptsecurity-mosaic-tags.mjs.map +1 -1
  48. package/fesm2022/ptsecurity-mosaic-timepicker.mjs +9 -1
  49. package/fesm2022/ptsecurity-mosaic-timepicker.mjs.map +1 -1
  50. package/fesm2022/ptsecurity-mosaic-timezone.mjs +2 -2
  51. package/fesm2022/ptsecurity-mosaic-timezone.mjs.map +1 -1
  52. package/fesm2022/ptsecurity-mosaic-toast.mjs +15 -9
  53. package/fesm2022/ptsecurity-mosaic-toast.mjs.map +1 -1
  54. package/fesm2022/ptsecurity-mosaic-tree-select.mjs +4 -4
  55. package/fesm2022/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  56. package/file-upload/_file-upload-theme.scss +7 -7
  57. package/form-field/_form-field-theme.scss +7 -5
  58. package/form-field/form-field.d.ts +1 -7
  59. package/input/_input-theme.scss +4 -4
  60. package/link/_link-theme.scss +2 -2
  61. package/list/_list-theme.scss +1 -1
  62. package/loader-overlay/_loader-overlay-theme.scss +2 -2
  63. package/markdown/_markdown-theme.scss +14 -14
  64. package/modal/_modal-theme.scss +2 -2
  65. package/navbar/_navbar-theme.scss +4 -4
  66. package/package.json +16 -16
  67. package/popover/_popover-theme.scss +3 -3
  68. package/prebuilt-themes/dark-theme.css +1 -1
  69. package/prebuilt-themes/default-theme.css +1 -1
  70. package/radio/_radio-theme.scss +1 -1
  71. package/select/_select-theme.scss +2 -2
  72. package/select/select.component.d.ts +2 -32
  73. package/select/select.module.d.ts +1 -1
  74. package/sidepanel/_sidepanel-theme.scss +3 -3
  75. package/table/_table-theme.scss +2 -2
  76. package/tabs/_tabs-theme.scss +1 -1
  77. package/tags/_tag-theme.scss +5 -5
  78. package/tags/tag-default-options.d.ts +1 -0
  79. package/tags/tag-input.d.ts +7 -1
  80. package/textarea/_textarea-theme.scss +2 -2
  81. package/timezone/_timezone-option-theme.scss +3 -3
  82. package/timezone/timezone-select.component.d.ts +2 -1
  83. package/toast/_toast-theme.scss +3 -3
  84. package/toast/toast.service.d.ts +8 -4
  85. package/toggle/_toggle-theme.scss +2 -2
  86. package/tooltip/_tooltip-theme.scss +3 -3
  87. package/tree/_tree-theme.scss +1 -1
  88. package/tree-select/_tree-select-theme.scss +1 -1
  89. package/tree-select/tree-select.component.d.ts +1 -2
@@ -4,8 +4,6 @@
4
4
  @use '../core/styles/common/tokens' as *;
5
5
 
6
6
 
7
- $tokens: meta.module-variables(tokens) !default;
8
-
9
7
  .mc-autocomplete-trigger {
10
8
  text-overflow: ellipsis;
11
9
  }
@@ -131,14 +131,14 @@
131
131
  @mixin mc-button-typography($config) {
132
132
  .mc-button,
133
133
  .mc-icon-button {
134
- @include mc-typography-css-variables(button, default);
134
+ @include mc-typography-css-variables($config, button, default);
135
135
 
136
136
  &.mc-primary {
137
- @include mc-typography-css-variables(button, primary);
137
+ @include mc-typography-css-variables($config, button, primary);
138
138
  }
139
139
 
140
140
  &.mc-primary.mc-button_transparent {
141
- @include mc-typography-css-variables(button, primary-transparent);
141
+ @include mc-typography-css-variables($config, button, primary-transparent);
142
142
  }
143
143
  }
144
144
 
@@ -86,11 +86,11 @@
86
86
  $tokens: map.get($config, tokens);
87
87
 
88
88
  .mc-button-toggle {
89
- @include mc-typography-css-variables(button-toggle, default);
89
+ @include mc-typography-css-variables($config, button-toggle, default);
90
90
 
91
91
  > .mc-button,
92
92
  > .mc-icon-button {
93
- @include mc-typography-css-variables(button-toggle, default);
93
+ @include mc-typography-css-variables($config, button-toggle, default);
94
94
  }
95
95
  }
96
96
  }
@@ -105,6 +105,6 @@
105
105
 
106
106
  @mixin mc-checkbox-typography($config) {
107
107
  .mc-checkbox {
108
- @include mc-typography-css-variables(checkbox, default);
108
+ @include mc-typography-css-variables($config, checkbox, default);
109
109
  }
110
110
  }
@@ -404,7 +404,7 @@
404
404
  $tokens: map.get($config, tokens);
405
405
 
406
406
  .mc-code-block {
407
- @include mc-typography-css-variables(code-block, default);
407
+ @include mc-typography-css-variables($config, code-block, default);
408
408
 
409
409
  & .mc-code-block__code {
410
410
  font: inherit;
@@ -415,7 +415,7 @@
415
415
  }
416
416
 
417
417
  & .hljs-ln-numbers {
418
- @include mc-typography-level-to-styles_css-variables(typography, caption-mono);
418
+ @include mc-typography-level-to-styles_css-variables($config, typography, caption-mono);
419
419
  }
420
420
  }
421
421
  }
@@ -0,0 +1,13 @@
1
+ import { InjectionToken } from '@angular/core';
2
+ export interface McFormFieldRef {
3
+ control: any;
4
+ canCleanerClearByEsc: boolean;
5
+ shouldForward(str: string): boolean;
6
+ focusViaKeyboard(): void;
7
+ }
8
+ /**
9
+ * Injection token that can be used to inject an instances of `McFormField`. It serves
10
+ * as alternative token to the actual `McFormField` class which would cause unnecessary
11
+ * retention of the `McFormField` class and its component metadata.
12
+ */
13
+ export declare const MC_FORM_FIELD_REF: InjectionToken<McFormFieldRef>;
@@ -0,0 +1 @@
1
+ export * from './form-field-ref';
@@ -104,10 +104,10 @@
104
104
 
105
105
  @mixin mc-forms-typography($config) {
106
106
  .mc-form__label {
107
- @include mc-typography-css-variables(forms, default-label);
107
+ @include mc-typography-css-variables($config, forms, default-label);
108
108
  }
109
109
 
110
110
  .mc-form__legend {
111
- @include mc-typography-css-variables(forms, default-legend);
111
+ @include mc-typography-css-variables($config, forms, default-legend);
112
112
  }
113
113
  }
@@ -19,6 +19,6 @@
19
19
 
20
20
  @mixin mc-optgroup-typography($config) {
21
21
  .mc-optgroup-label {
22
- @include mc-typography-css-variables(optgroup, default);
22
+ @include mc-typography-css-variables($config, optgroup, default);
23
23
  }
24
24
  }
@@ -36,6 +36,6 @@
36
36
 
37
37
  @mixin mc-option-typography($config) {
38
38
  .mc-option {
39
- @include mc-typography-css-variables(option, default);
39
+ @include mc-typography-css-variables($config, option, default);
40
40
  }
41
41
  }
@@ -4,6 +4,7 @@ export * from './datetime/index';
4
4
  export * from './error/error-options';
5
5
  export * from './formatters/index';
6
6
  export * from './forms/index';
7
+ export * from './form-field/index';
7
8
  export * from './highlight/index';
8
9
  export * from './label/label-options';
9
10
  export * from './line/line';
@@ -0,0 +1,35 @@
1
+ import { AfterContentInit, OnDestroy } from '@angular/core';
2
+ import { Subscription } from 'rxjs';
3
+ import { McFormFieldRef } from '../form-field';
4
+ import * as i0 from "@angular/core";
5
+ export declare class McSelectFooter {
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<McSelectFooter, never>;
7
+ static ɵdir: i0.ɵɵDirectiveDeclaration<McSelectFooter, "mc-select-footer, [mc-select-footer]", never, {}, {}, never, never, true, never>;
8
+ }
9
+ export declare class McSelectSearch implements AfterContentInit, OnDestroy {
10
+ protected formField: McFormFieldRef;
11
+ searchChangesSubscription: Subscription;
12
+ isSearchChanged: boolean;
13
+ get ngControl(): any;
14
+ constructor(formField: McFormFieldRef);
15
+ focus(): void;
16
+ reset(): void;
17
+ value(): any;
18
+ ngAfterContentInit(): void;
19
+ ngOnDestroy(): void;
20
+ handleKeydown(event: KeyboardEvent): void;
21
+ static ɵfac: i0.ɵɵFactoryDeclaration<McSelectSearch, [{ optional: true; }]>;
22
+ static ɵdir: i0.ɵɵDirectiveDeclaration<McSelectSearch, "[mcSelectSearch]", ["mcSelectSearch"], {}, {}, never, never, true, never>;
23
+ }
24
+ export declare class McSelectSearchEmptyResult {
25
+ static ɵfac: i0.ɵɵFactoryDeclaration<McSelectSearchEmptyResult, never>;
26
+ static ɵdir: i0.ɵɵDirectiveDeclaration<McSelectSearchEmptyResult, "[mc-select-search-empty-result]", ["mcSelectSearchEmptyResult"], {}, {}, never, never, true, never>;
27
+ }
28
+ export declare class McSelectTrigger {
29
+ static ɵfac: i0.ɵɵFactoryDeclaration<McSelectTrigger, never>;
30
+ static ɵdir: i0.ɵɵDirectiveDeclaration<McSelectTrigger, "mc-select-trigger, [mc-select-trigger]", never, {}, {}, never, never, true, never>;
31
+ }
32
+ export declare class McSelectMatcher {
33
+ static ɵfac: i0.ɵɵFactoryDeclaration<McSelectMatcher, never>;
34
+ static ɵdir: i0.ɵɵDirectiveDeclaration<McSelectMatcher, "mc-select-matcher, [mc-select-matcher]", never, {}, {}, never, never, true, never>;
35
+ }
@@ -1,3 +1,4 @@
1
1
  export * from './events';
2
2
  export * from './errors';
3
3
  export * from './constants';
4
+ export * from './common';
@@ -6,44 +6,53 @@
6
6
  @use '../tokens';
7
7
 
8
8
 
9
- $tokens: meta.module-variables(tokens);
9
+ $default-tokens: meta.module-variables(tokens);
10
10
 
11
11
 
12
12
  @function mc-css-variable($name, $value: null) {
13
13
  @if $value {
14
14
  @return var(--mc-#{$name}, $value);
15
15
  } @else {
16
- @return var(--mc-#{$name}, map.get($tokens, $name));
16
+ @return var(--mc-#{$name}, map.get($default-tokens, $name));
17
17
  }
18
18
  }
19
19
 
20
20
  @function getToken($name) {
21
- @return map.get($tokens, $name);
21
+ @return map.get($default-tokens, $name);
22
22
  }
23
23
 
24
- @mixin mc-css-font-variable($component, $component-property, $font-property, $font) {
24
+ @mixin mc-css-font-variable($tokens, $component, $component-property, $font-property, $font) {
25
25
  #{$font-property}: var(
26
26
  --mc-#{$component}-#{$font}#{$component-property}-#{$font-property},
27
27
  map.get($tokens, #{$component}-#{$font}#{$component-property}-#{$font-property})
28
28
  );
29
+ //@debug '_____________________________________________________________';
30
+ //@debug #{$component}-#{$font}#{$component-property}-#{$font-property};
31
+ //@debug '_____________________________________________________________';
32
+ //@debug $tokens;
29
33
  }
30
34
 
31
- @mixin mc-typography-css-variables($component, $property) {
32
- @include mc-css-font-variable($component, $property, font-size, font-);
33
- @include mc-css-font-variable($component, $property, font-weight, font-);
34
- @include mc-css-font-variable($component, $property, line-height, font-);
35
- @include mc-css-font-variable($component, $property, font-family, font-);
36
- @include mc-css-font-variable($component, $property, text-transform, font-);
37
- @include mc-css-font-variable($component, $property, font-feature-settings, font-);
38
- @include mc-css-font-variable($component, $property, letter-spacing, font-);
35
+ @mixin mc-typography-css-variables($config, $component, $property) {
36
+ //@debug 'mc-typography-css-variables';
37
+ $tokens: map.get($config, tokens);
38
+
39
+ @include mc-css-font-variable($tokens, $component, $property, font-size, font-);
40
+ @include mc-css-font-variable($tokens, $component, $property, font-weight, font-);
41
+ @include mc-css-font-variable($tokens, $component, $property, line-height, font-);
42
+ @include mc-css-font-variable($tokens, $component, $property, font-family, font-);
43
+ @include mc-css-font-variable($tokens, $component, $property, text-transform, font-);
44
+ @include mc-css-font-variable($tokens, $component, $property, font-feature-settings, font-);
45
+ @include mc-css-font-variable($tokens, $component, $property, letter-spacing, font-);
39
46
  }
40
47
 
41
- @mixin mc-typography-level-to-styles_css-variables($component, $property) {
42
- @include mc-css-font-variable($component, $property, font-size, '');
43
- @include mc-css-font-variable($component, $property, font-weight, '');
44
- @include mc-css-font-variable($component, $property, line-height, '');
45
- @include mc-css-font-variable($component, $property, font-family, '');
46
- @include mc-css-font-variable($component, $property, text-transform, '');
47
- @include mc-css-font-variable($component, $property, font-feature-settings, '');
48
- @include mc-css-font-variable($component, $property, letter-spacing, '');
48
+ @mixin mc-typography-level-to-styles_css-variables($config, $component, $property) {
49
+ $tokens: map.get($config, tokens);
50
+
51
+ @include mc-css-font-variable($tokens, $component, $property, font-size, '');
52
+ @include mc-css-font-variable($tokens, $component, $property, font-weight, '');
53
+ @include mc-css-font-variable($tokens, $component, $property, line-height, '');
54
+ @include mc-css-font-variable($tokens, $component, $property, font-family, '');
55
+ @include mc-css-font-variable($tokens, $component, $property, text-transform, '');
56
+ @include mc-css-font-variable($tokens, $component, $property, font-feature-settings, '');
57
+ @include mc-css-font-variable($tokens, $component, $property, letter-spacing, '');
49
58
  }
@@ -136,22 +136,22 @@
136
136
 
137
137
  @mixin mc-alert-typography($config) {
138
138
  .mc-alert:not(.mc-alert_small) {
139
- @include mc-typography-css-variables(alert, default-body);
139
+ @include mc-typography-css-variables($config, alert, default-body);
140
140
 
141
141
  header {
142
- @include mc-typography-css-variables(alert, default-header);
142
+ @include mc-typography-css-variables($config, alert, default-header);
143
143
  }
144
144
  }
145
145
 
146
146
  .mc-alert.mc-alert_small {
147
- @include mc-typography-css-variables(alert, small-body);
147
+ @include mc-typography-css-variables($config, alert, small-body);
148
148
 
149
149
  header {
150
- @include mc-typography-css-variables(alert, small-header);
150
+ @include mc-typography-css-variables($config, alert, small-header);
151
151
  }
152
152
 
153
153
  .mc-link__text {
154
- @include mc-typography-css-variables(alert, small-body);
154
+ @include mc-typography-css-variables($config, alert, small-body);
155
155
  }
156
156
  }
157
157
 
@@ -122,26 +122,26 @@
122
122
 
123
123
  @mixin mc-badge-typography($config) {
124
124
  .mc-badge_default {
125
- @include mc-typography-css-variables(badge, default-default);
125
+ @include mc-typography-css-variables($config, badge, default-default);
126
126
 
127
127
  &.mc-badge_caps {
128
- @include mc-typography-css-variables(badge, default-caps);
128
+ @include mc-typography-css-variables($config, badge, default-caps);
129
129
  }
130
130
 
131
131
  &.mc-badge_mono {
132
- @include mc-typography-css-variables(badge, default-mono);
132
+ @include mc-typography-css-variables($config, badge, default-mono);
133
133
  }
134
134
  }
135
135
 
136
136
  .mc-badge_mini {
137
- @include mc-typography-css-variables(badge, mini-default);
137
+ @include mc-typography-css-variables($config, badge, mini-default);
138
138
 
139
139
  &.mc-badge_caps {
140
- @include mc-typography-css-variables(badge, mini-caps);
140
+ @include mc-typography-css-variables($config, badge, mini-caps);
141
141
  }
142
142
 
143
143
  &.mc-badge_mono {
144
- @include mc-typography-css-variables(badge, mini-mono);
144
+ @include mc-typography-css-variables($config, badge, mini-mono);
145
145
  }
146
146
  }
147
147
  }
@@ -81,83 +81,83 @@
81
81
 
82
82
  @mixin mc-base-typography($config) {
83
83
  .mc-display-1 {
84
- @include mc-typography-level-to-styles_css-variables(typography, display-1);
84
+ @include mc-typography-level-to-styles_css-variables($config, typography, display-1);
85
85
  }
86
86
 
87
87
  .mc-display-2 {
88
- @include mc-typography-level-to-styles_css-variables(typography, display-2);
88
+ @include mc-typography-level-to-styles_css-variables($config, typography, display-2);
89
89
  }
90
90
 
91
91
  .mc-display-3 {
92
- @include mc-typography-level-to-styles_css-variables(typography, display-3);
92
+ @include mc-typography-level-to-styles_css-variables($config, typography, display-3);
93
93
  }
94
94
 
95
95
  .mc-headline {
96
- @include mc-typography-level-to-styles_css-variables(typography, headline);
96
+ @include mc-typography-level-to-styles_css-variables($config, typography, headline);
97
97
  }
98
98
 
99
99
  .mc-subheading {
100
- @include mc-typography-level-to-styles_css-variables(typography, subheading);
100
+ @include mc-typography-level-to-styles_css-variables($config, typography, subheading);
101
101
  }
102
102
 
103
103
  .mc-title {
104
- @include mc-typography-level-to-styles_css-variables(typography, title);
104
+ @include mc-typography-level-to-styles_css-variables($config, typography, title);
105
105
  }
106
106
 
107
107
  .mc-body {
108
- @include mc-typography-level-to-styles_css-variables(typography, body);
108
+ @include mc-typography-level-to-styles_css-variables($config, typography, body);
109
109
  }
110
110
 
111
111
  .mc-body_tabular {
112
- @include mc-typography-level-to-styles_css-variables(typography, body-tabular);
112
+ @include mc-typography-level-to-styles_css-variables($config, typography, body-tabular);
113
113
  }
114
114
 
115
115
  .mc-body_strong {
116
- @include mc-typography-level-to-styles_css-variables(typography, body-strong);
116
+ @include mc-typography-level-to-styles_css-variables($config, typography, body-strong);
117
117
  }
118
118
 
119
119
  .mc-body_caps {
120
- @include mc-typography-level-to-styles_css-variables(typography, body-caps);
120
+ @include mc-typography-level-to-styles_css-variables($config, typography, body-caps);
121
121
  }
122
122
 
123
123
  .mc-body_mono {
124
- @include mc-typography-level-to-styles_css-variables(typography, body-mono);
124
+ @include mc-typography-level-to-styles_css-variables($config, typography, body-mono);
125
125
  }
126
126
 
127
127
  .mc-body_mono_strong {
128
- @include mc-typography-level-to-styles_css-variables(typography, body-mono-strong);
128
+ @include mc-typography-level-to-styles_css-variables($config, typography, body-mono-strong);
129
129
  }
130
130
 
131
131
  .mc-caption {
132
- @include mc-typography-level-to-styles_css-variables(typography, caption);
132
+ @include mc-typography-level-to-styles_css-variables($config, typography, caption);
133
133
  }
134
134
 
135
135
  .mc-caption_tabular {
136
- @include mc-typography-level-to-styles_css-variables(typography, caption-tabular);
136
+ @include mc-typography-level-to-styles_css-variables($config, typography, caption-tabular);
137
137
  }
138
138
 
139
139
  .mc-caption_strong {
140
- @include mc-typography-level-to-styles_css-variables(typography, caption-strong);
140
+ @include mc-typography-level-to-styles_css-variables($config, typography, caption-strong);
141
141
  }
142
142
 
143
143
  .mc-caption_caps {
144
- @include mc-typography-level-to-styles_css-variables(typography, caption-caps);
144
+ @include mc-typography-level-to-styles_css-variables($config, typography, caption-caps);
145
145
  }
146
146
 
147
147
  .mc-caption_mono {
148
- @include mc-typography-level-to-styles_css-variables(typography, caption-mono);
148
+ @include mc-typography-level-to-styles_css-variables($config, typography, caption-mono);
149
149
  }
150
150
 
151
151
  .mc-caption_mono_strong {
152
- @include mc-typography-level-to-styles_css-variables(typography, caption-mono-strong);
152
+ @include mc-typography-level-to-styles_css-variables($config, typography, caption-mono-strong);
153
153
  }
154
154
 
155
155
  .mc-small-text {
156
- @include mc-typography-level-to-styles_css-variables(typography, small-text);
156
+ @include mc-typography-level-to-styles_css-variables($config, typography, small-text);
157
157
  }
158
158
 
159
159
  .mc-extra-small-text {
160
- @include mc-typography-level-to-styles_css-variables(typography, extra-small-text);
160
+ @include mc-typography-level-to-styles_css-variables($config, typography, extra-small-text);
161
161
  }
162
162
  }
163
163
 
@@ -165,27 +165,27 @@
165
165
  // h1, h2, h3, h4, h5, h6
166
166
  @for $i from 1 through 6 {
167
167
  .md-h#{$i} {
168
- @include mc-typography-level-to-styles_css-variables(typography, md-h#{$i});
168
+ @include mc-typography-level-to-styles_css-variables($config, typography, md-h#{$i});
169
169
  }
170
170
  }
171
171
 
172
172
  .md-body {
173
- @include mc-typography-level-to-styles_css-variables(typography, md-body);
173
+ @include mc-typography-level-to-styles_css-variables($config, typography, md-body);
174
174
  }
175
175
 
176
176
  .md-body-mono {
177
- @include mc-typography-level-to-styles_css-variables(typography, md-body-mono);
177
+ @include mc-typography-level-to-styles_css-variables($config, typography, md-body-mono);
178
178
  }
179
179
 
180
180
  .md-caption {
181
- @include mc-typography-level-to-styles_css-variables(typography, md-caption);
181
+ @include mc-typography-level-to-styles_css-variables($config, typography, md-caption);
182
182
  }
183
183
 
184
184
  .md-table-cell {
185
- @include mc-typography-level-to-styles_css-variables(typography, md-table-cell);
185
+ @include mc-typography-level-to-styles_css-variables($config, typography, md-table-cell);
186
186
  }
187
187
 
188
188
  .md-table-header {
189
- @include mc-typography-level-to-styles_css-variables(typography, md-table-header);
189
+ @include mc-typography-level-to-styles_css-variables($config, typography, md-table-header);
190
190
  }
191
191
  }
@@ -47,7 +47,7 @@
47
47
  .cdk-program-focused .mc-calendar__body_active {
48
48
  & > .mc-calendar__body-cell-content {
49
49
  border-color: map-get($theme, states, focused-color);
50
- box-shadow: 0 0 0 1px map-get($theme, states, focused-color);
50
+ box-shadow: 0 0 0.1px 1px map-get($theme, states, focused-color);
51
51
  }
52
52
  }
53
53
 
@@ -87,14 +87,14 @@
87
87
 
88
88
  @mixin mc-datepicker-typography($config) {
89
89
  .mc-calendar {
90
- @include mc-typography-css-variables(datepicker-calendar, default);
90
+ @include mc-typography-css-variables($config, datepicker-calendar, default);
91
91
  }
92
92
 
93
93
  .mc-calendar__table-header th {
94
- @include mc-typography-css-variables(datepicker-calendar, header);
94
+ @include mc-typography-css-variables($config, datepicker-calendar, header);
95
95
  }
96
96
 
97
97
  .mc-calendar__body-today {
98
- @include mc-typography-css-variables(datepicker-body, today);
98
+ @include mc-typography-css-variables($config, datepicker-body, today);
99
99
  }
100
100
  }
package/dl/_dl-theme.scss CHANGED
@@ -20,20 +20,20 @@
20
20
  @mixin mc-dl-typography($config) {
21
21
  .mc-dl {
22
22
  & .mc-dt {
23
- @include mc-typography-css-variables(description-list, default-horizontal-dt);
23
+ @include mc-typography-css-variables($config, description-list, default-horizontal-dt);
24
24
  }
25
25
 
26
26
  & .mc-dd {
27
- @include mc-typography-css-variables(description-list, default-horizontal-dd);
27
+ @include mc-typography-css-variables($config, description-list, default-horizontal-dd);
28
28
  }
29
29
 
30
30
  &.mc-dl_small {
31
31
  & .mc-dt {
32
- @include mc-typography-css-variables(description-list, small-horizontal-dt);
32
+ @include mc-typography-css-variables($config, description-list, small-horizontal-dt);
33
33
  }
34
34
 
35
35
  & .mc-dd {
36
- @include mc-typography-css-variables(description-list, small-horizontal-dd);
36
+ @include mc-typography-css-variables($config, description-list, small-horizontal-dd);
37
37
  }
38
38
  }
39
39
  }
@@ -41,20 +41,20 @@
41
41
 
42
42
  .mc-dl.mc-dl_vertical {
43
43
  & .mc-dt {
44
- @include mc-typography-css-variables(description-list, default-vertical-dt);
44
+ @include mc-typography-css-variables($config, description-list, default-vertical-dt);
45
45
  }
46
46
 
47
47
  & .mc-dd {
48
- @include mc-typography-css-variables(description-list, default-vertical-dd);
48
+ @include mc-typography-css-variables($config, description-list, default-vertical-dd);
49
49
  }
50
50
 
51
51
  &.mc-dl_small {
52
52
  & .mc-dt {
53
- @include mc-typography-css-variables(description-list, small-vertical-dt);
53
+ @include mc-typography-css-variables($config, description-list, small-vertical-dt);
54
54
  }
55
55
 
56
56
  & .mc-dd {
57
- @include mc-typography-css-variables(description-list, small-vertical-dd);
57
+ @include mc-typography-css-variables($config, description-list, small-vertical-dd);
58
58
  }
59
59
  }
60
60
  }
@@ -69,18 +69,18 @@
69
69
  @mixin mc-dropdown-typography($config) {
70
70
  .mc-dropdown-item,
71
71
  .mc-dropdown__content {
72
- @include mc-typography-css-variables(dropdown-item, default);
72
+ @include mc-typography-css-variables($config, dropdown-item, default);
73
73
  }
74
74
 
75
75
  .mc-dropdown-item__caption {
76
- @include mc-typography-css-variables(dropdown-item, caption);
76
+ @include mc-typography-css-variables($config, dropdown-item, caption);
77
77
  }
78
78
 
79
79
  .mc-dropdown__group-header {
80
- @include mc-typography-css-variables(dropdown-group-header, default);
80
+ @include mc-typography-css-variables($config, dropdown-group-header, default);
81
81
 
82
82
  &.mc-dropdown__group-header_small {
83
- @include mc-typography-css-variables(dropdown-group-header, small);
83
+ @include mc-typography-css-variables($config, dropdown-group-header, small);
84
84
  }
85
85
  }
86
86
  }
@@ -0,0 +1,8 @@
1
+ import { InjectionToken } from '@angular/core';
2
+ /**
3
+ * Injection token that can be used to inject an instances of `McFormField`. It serves
4
+ * as alternative token to the actual `McFormField` class which would cause unnecessary
5
+ * retention of the `McFormField` class and its component metadata.
6
+ */
7
+ export const MC_FORM_FIELD_REF = new InjectionToken('McFormFieldRef');
8
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC1yZWYuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9tb3NhaWMvY29yZS9mb3JtLWZpZWxkL2Zvcm0tZmllbGQtcmVmLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFVL0M7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLElBQUksY0FBYyxDQUFpQixnQkFBZ0IsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0aW9uVG9rZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuXG5leHBvcnQgaW50ZXJmYWNlIE1jRm9ybUZpZWxkUmVmIHtcbiAgICBjb250cm9sOiBhbnk7XG4gICAgY2FuQ2xlYW5lckNsZWFyQnlFc2M6IGJvb2xlYW47XG4gICAgc2hvdWxkRm9yd2FyZChzdHI6IHN0cmluZyk6IGJvb2xlYW47XG4gICAgZm9jdXNWaWFLZXlib2FyZCgpOiB2b2lkO1xufVxuXG4vKipcbiAqIEluamVjdGlvbiB0b2tlbiB0aGF0IGNhbiBiZSB1c2VkIHRvIGluamVjdCBhbiBpbnN0YW5jZXMgb2YgYE1jRm9ybUZpZWxkYC4gSXQgc2VydmVzXG4gKiBhcyBhbHRlcm5hdGl2ZSB0b2tlbiB0byB0aGUgYWN0dWFsIGBNY0Zvcm1GaWVsZGAgY2xhc3Mgd2hpY2ggd291bGQgY2F1c2UgdW5uZWNlc3NhcnlcbiAqIHJldGVudGlvbiBvZiB0aGUgYE1jRm9ybUZpZWxkYCBjbGFzcyBhbmQgaXRzIGNvbXBvbmVudCBtZXRhZGF0YS5cbiAqL1xuZXhwb3J0IGNvbnN0IE1DX0ZPUk1fRklFTERfUkVGID0gbmV3IEluamVjdGlvblRva2VuPE1jRm9ybUZpZWxkUmVmPignTWNGb3JtRmllbGRSZWYnKTtcbiJdfQ==
@@ -0,0 +1,2 @@
1
+ export * from './form-field-ref';
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9tb3NhaWMvY29yZS9mb3JtLWZpZWxkL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0JBQWtCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2Zvcm0tZmllbGQtcmVmJztcbiJdfQ==
@@ -4,6 +4,7 @@ export * from './datetime/index';
4
4
  export * from './error/error-options';
5
5
  export * from './formatters/index';
6
6
  export * from './forms/index';
7
+ export * from './form-field/index';
7
8
  export * from './highlight/index';
8
9
  export * from './label/label-options';
9
10
  export * from './line/line';
@@ -18,4 +19,4 @@ export * from './services/measure-scrollbar.service';
18
19
  export * from './utils/index';
19
20
  export * from './validation/index';
20
21
  export * from './version';
21
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL21vc2FpYy9jb3JlL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxXQUFXLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2FuaW1hdGlvbi9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2NvbW1vbi1iZWhhdmlvcnMvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9kYXRldGltZS9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2Vycm9yL2Vycm9yLW9wdGlvbnMnO1xuZXhwb3J0ICogZnJvbSAnLi9mb3JtYXR0ZXJzL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vZm9ybXMvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9oaWdobGlnaHQvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9sYWJlbC9sYWJlbC1vcHRpb25zJztcbmV4cG9ydCAqIGZyb20gJy4vbGluZS9saW5lJztcbmV4cG9ydCAqIGZyb20gJy4vb3B0aW9uL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vb3ZlcmxheS9vdmVybGF5LXBvc2l0aW9uLW1hcCc7XG5leHBvcnQgKiBmcm9tICcuL3BvcC11cC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3NlbGVjdC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3NlbGVjdGlvbi9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2xvY2FsZXMvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi90aXRsZS9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3NlcnZpY2VzL21lYXN1cmUtc2Nyb2xsYmFyLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi91dGlscy9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3ZhbGlkYXRpb24vaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi92ZXJzaW9uJztcbiJdfQ==
22
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL21vc2FpYy9jb3JlL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLFdBQVcsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYW5pbWF0aW9uL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vY29tbW9uLWJlaGF2aW9ycy9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2RhdGV0aW1lL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vZXJyb3IvZXJyb3Itb3B0aW9ucyc7XG5leHBvcnQgKiBmcm9tICcuL2Zvcm1hdHRlcnMvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9mb3Jtcy9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2Zvcm0tZmllbGQvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9oaWdobGlnaHQvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9sYWJlbC9sYWJlbC1vcHRpb25zJztcbmV4cG9ydCAqIGZyb20gJy4vbGluZS9saW5lJztcbmV4cG9ydCAqIGZyb20gJy4vb3B0aW9uL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vb3ZlcmxheS9vdmVybGF5LXBvc2l0aW9uLW1hcCc7XG5leHBvcnQgKiBmcm9tICcuL3BvcC11cC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3NlbGVjdC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3NlbGVjdGlvbi9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2xvY2FsZXMvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi90aXRsZS9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3NlcnZpY2VzL21lYXN1cmUtc2Nyb2xsYmFyLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi91dGlscy9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3ZhbGlkYXRpb24vaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi92ZXJzaW9uJztcbiJdfQ==