@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.
- package/autocomplete/autocomplete.scss +0 -2
- package/button/_button-theme.scss +3 -3
- package/button-toggle/_button-toggle-theme.scss +2 -2
- package/checkbox/_checkbox-theme.scss +1 -1
- package/code-block/_code-block-theme.scss +2 -2
- package/core/form-field/form-field-ref.d.ts +13 -0
- package/core/form-field/index.d.ts +1 -0
- package/core/forms/_forms-theme.scss +2 -2
- package/core/option/_optgroup-theme.scss +1 -1
- package/core/option/_option-theme.scss +1 -1
- package/core/public-api.d.ts +1 -0
- package/core/select/common.d.ts +35 -0
- package/core/select/index.d.ts +1 -0
- package/core/styles/common/_tokens.scss +29 -20
- package/core/styles/theming/_alerts.scss +5 -5
- package/core/styles/theming/_badges.scss +6 -6
- package/core/styles/typography/_typography.scss +26 -26
- package/datepicker/_datepicker-theme.scss +4 -4
- package/dl/_dl-theme.scss +8 -8
- package/dropdown/_dropdown-theme.scss +4 -4
- package/esm2022/core/form-field/form-field-ref.mjs +8 -0
- package/esm2022/core/form-field/index.mjs +2 -0
- package/esm2022/core/public-api.mjs +2 -1
- package/esm2022/core/select/common.mjs +119 -0
- package/esm2022/core/select/index.mjs +2 -1
- package/esm2022/core/version.mjs +2 -2
- package/esm2022/datepicker/calendar-header.component.mjs +1 -1
- package/esm2022/form-field/form-field.mjs +5 -11
- package/esm2022/form-field/password-hint.mjs +5 -4
- package/esm2022/select/select.component.mjs +15 -111
- package/esm2022/select/select.module.mjs +17 -17
- package/esm2022/tags/tag-default-options.mjs +1 -1
- package/esm2022/tags/tag-input.mjs +17 -3
- package/esm2022/timepicker/timepicker.directive.mjs +10 -2
- package/esm2022/timezone/timezone-select.component.mjs +3 -3
- package/esm2022/toast/toast.service.mjs +17 -11
- package/esm2022/tree-select/tree-select.component.mjs +4 -5
- package/fesm2022/ptsecurity-mosaic-core.mjs +125 -4
- package/fesm2022/ptsecurity-mosaic-core.mjs.map +1 -1
- package/fesm2022/ptsecurity-mosaic-datepicker.mjs +1 -1
- package/fesm2022/ptsecurity-mosaic-datepicker.mjs.map +1 -1
- package/fesm2022/ptsecurity-mosaic-form-field.mjs +7 -13
- package/fesm2022/ptsecurity-mosaic-form-field.mjs.map +1 -1
- package/fesm2022/ptsecurity-mosaic-select.mjs +34 -130
- package/fesm2022/ptsecurity-mosaic-select.mjs.map +1 -1
- package/fesm2022/ptsecurity-mosaic-tags.mjs +17 -4
- package/fesm2022/ptsecurity-mosaic-tags.mjs.map +1 -1
- package/fesm2022/ptsecurity-mosaic-timepicker.mjs +9 -1
- package/fesm2022/ptsecurity-mosaic-timepicker.mjs.map +1 -1
- package/fesm2022/ptsecurity-mosaic-timezone.mjs +2 -2
- package/fesm2022/ptsecurity-mosaic-timezone.mjs.map +1 -1
- package/fesm2022/ptsecurity-mosaic-toast.mjs +15 -9
- package/fesm2022/ptsecurity-mosaic-toast.mjs.map +1 -1
- package/fesm2022/ptsecurity-mosaic-tree-select.mjs +4 -4
- package/fesm2022/ptsecurity-mosaic-tree-select.mjs.map +1 -1
- package/file-upload/_file-upload-theme.scss +7 -7
- package/form-field/_form-field-theme.scss +7 -5
- package/form-field/form-field.d.ts +1 -7
- package/input/_input-theme.scss +4 -4
- package/link/_link-theme.scss +2 -2
- package/list/_list-theme.scss +1 -1
- package/loader-overlay/_loader-overlay-theme.scss +2 -2
- package/markdown/_markdown-theme.scss +14 -14
- package/modal/_modal-theme.scss +2 -2
- package/navbar/_navbar-theme.scss +4 -4
- package/package.json +16 -16
- package/popover/_popover-theme.scss +3 -3
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/default-theme.css +1 -1
- package/radio/_radio-theme.scss +1 -1
- package/select/_select-theme.scss +2 -2
- package/select/select.component.d.ts +2 -32
- package/select/select.module.d.ts +1 -1
- package/sidepanel/_sidepanel-theme.scss +3 -3
- package/table/_table-theme.scss +2 -2
- package/tabs/_tabs-theme.scss +1 -1
- package/tags/_tag-theme.scss +5 -5
- package/tags/tag-default-options.d.ts +1 -0
- package/tags/tag-input.d.ts +7 -1
- package/textarea/_textarea-theme.scss +2 -2
- package/timezone/_timezone-option-theme.scss +3 -3
- package/timezone/timezone-select.component.d.ts +2 -1
- package/toast/_toast-theme.scss +3 -3
- package/toast/toast.service.d.ts +8 -4
- package/toggle/_toggle-theme.scss +2 -2
- package/tooltip/_tooltip-theme.scss +3 -3
- package/tree/_tree-theme.scss +1 -1
- package/tree-select/_tree-select-theme.scss +1 -1
- package/tree-select/tree-select.component.d.ts +1 -2
@@ -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
|
}
|
@@ -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
|
}
|
package/core/public-api.d.ts
CHANGED
@@ -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
|
+
}
|
package/core/select/index.d.ts
CHANGED
@@ -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
|
-
|
33
|
-
|
34
|
-
|
35
|
-
@include mc-css-font-variable($component, $property, font-
|
36
|
-
@include mc-css-font-variable($component, $property,
|
37
|
-
@include mc-css-font-variable($component, $property,
|
38
|
-
@include mc-css-font-variable($component, $property,
|
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
|
-
|
43
|
-
|
44
|
-
@include mc-css-font-variable($component, $property,
|
45
|
-
@include mc-css-font-variable($component, $property, font-
|
46
|
-
@include mc-css-font-variable($component, $property,
|
47
|
-
@include mc-css-font-variable($component, $property, font-
|
48
|
-
@include mc-css-font-variable($component, $property,
|
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,
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL21vc2FpYy9jb3JlL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLFdBQVcsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYW5pbWF0aW9uL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vY29tbW9uLWJlaGF2aW9ycy9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2RhdGV0aW1lL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vZXJyb3IvZXJyb3Itb3B0aW9ucyc7XG5leHBvcnQgKiBmcm9tICcuL2Zvcm1hdHRlcnMvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9mb3Jtcy9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2Zvcm0tZmllbGQvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9oaWdobGlnaHQvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9sYWJlbC9sYWJlbC1vcHRpb25zJztcbmV4cG9ydCAqIGZyb20gJy4vbGluZS9saW5lJztcbmV4cG9ydCAqIGZyb20gJy4vb3B0aW9uL2luZGV4JztcbmV4cG9ydCAqIGZyb20gJy4vb3ZlcmxheS9vdmVybGF5LXBvc2l0aW9uLW1hcCc7XG5leHBvcnQgKiBmcm9tICcuL3BvcC11cC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3NlbGVjdC9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3NlbGVjdGlvbi9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL2xvY2FsZXMvaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi90aXRsZS9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3NlcnZpY2VzL21lYXN1cmUtc2Nyb2xsYmFyLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi91dGlscy9pbmRleCc7XG5leHBvcnQgKiBmcm9tICcuL3ZhbGlkYXRpb24vaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi92ZXJzaW9uJztcbiJdfQ==
|