@ptsecurity/mosaic 17.2.0 → 17.2.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/autocomplete/_autocomplete-theme.scss +2 -2
- package/autocomplete/autocomplete.scss +0 -2
- package/button/_button-theme.scss +3 -3
- package/button-toggle/_button-toggle-theme.scss +2 -2
- package/button-toggle/button-toggle.scss +2 -2
- package/checkbox/_checkbox-theme.scss +1 -1
- package/code-block/_code-block-theme.scss +3 -3
- 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 +3 -3
- package/core/locales/en-US.d.ts +17 -0
- package/core/locales/es-LA.d.ts +17 -0
- package/core/locales/fa-IR.d.ts +17 -0
- package/core/locales/index.d.ts +6 -0
- package/core/locales/locale-service.d.ts +102 -0
- package/core/locales/pt-BR.d.ts +17 -0
- package/core/locales/ru-RU.d.ts +17 -0
- package/core/locales/zh-CN.d.ts +17 -0
- 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/selection/pseudo-checkbox/_pseudo-checkbox-theme.scss +16 -11
- package/core/styles/common/_groups.scss +3 -2
- package/core/styles/common/_popup.scss +1 -1
- package/core/styles/common/_tokens.scss +33 -14
- package/core/styles/theming/_alerts.scss +20 -19
- package/core/styles/theming/_badges.scss +38 -36
- package/core/styles/theming/_components-theming.scss +13 -13
- package/core/styles/theming/_scrollbars.scss +24 -27
- package/core/styles/theming/_theming.scss +10 -8
- package/core/styles/typography/_typography-utils.scss +1 -1
- package/core/styles/typography/_typography.scss +29 -28
- package/core/styles/visual/_layout.scss +14 -13
- package/datepicker/_datepicker-theme.scss +5 -6
- package/divider/_divider-theme.scss +1 -1
- package/dl/_dl-theme.scss +9 -9
- package/dropdown/_dropdown-theme.scss +4 -4
- package/esm2022/button-toggle/button-toggle.component.mjs +2 -2
- package/esm2022/core/form-field/form-field-ref.mjs +8 -0
- package/esm2022/core/form-field/index.mjs +2 -0
- package/esm2022/core/locales/en-US.mjs +18 -1
- package/esm2022/core/locales/es-LA.mjs +18 -1
- package/esm2022/core/locales/fa-IR.mjs +18 -1
- package/esm2022/core/locales/index.mjs +7 -1
- package/esm2022/core/locales/pt-BR.mjs +18 -1
- package/esm2022/core/locales/ru-RU.mjs +18 -1
- package/esm2022/core/locales/zh-CN.mjs +18 -1
- 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/file-upload/multiple-file-upload.component.mjs +49 -26
- package/esm2022/file-upload/single-file-upload.component.mjs +38 -14
- package/esm2022/form-field/form-field.mjs +5 -11
- package/esm2022/form-field/password-hint.mjs +5 -4
- package/esm2022/form-field/validate.directive.mjs +5 -2
- package/esm2022/modal/modal.component.mjs +3 -3
- package/esm2022/modal/modal.directive.mjs +12 -6
- package/esm2022/navbar/navbar.component.mjs +2 -2
- package/esm2022/navbar/vertical-navbar.component.mjs +3 -3
- package/esm2022/select/select.component.mjs +17 -113
- package/esm2022/select/select.module.mjs +17 -17
- package/esm2022/tabs/tab-header.component.mjs +2 -2
- package/esm2022/tabs/tab-nav-bar/tab-nav-bar.mjs +2 -2
- 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 +5 -5
- package/esm2022/toast/toast.service.mjs +17 -11
- package/esm2022/tree-select/tree-select.component.mjs +6 -7
- package/fesm2022/ptsecurity-mosaic-button-toggle.mjs +2 -2
- package/fesm2022/ptsecurity-mosaic-button-toggle.mjs.map +1 -1
- package/fesm2022/ptsecurity-mosaic-core.mjs +227 -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-file-upload.mjs +80 -36
- package/fesm2022/ptsecurity-mosaic-file-upload.mjs.map +1 -1
- package/fesm2022/ptsecurity-mosaic-form-field.mjs +11 -14
- package/fesm2022/ptsecurity-mosaic-form-field.mjs.map +1 -1
- package/fesm2022/ptsecurity-mosaic-modal.mjs +11 -6
- package/fesm2022/ptsecurity-mosaic-modal.mjs.map +1 -1
- package/fesm2022/ptsecurity-mosaic-navbar.mjs +4 -4
- package/fesm2022/ptsecurity-mosaic-navbar.mjs.map +1 -1
- package/fesm2022/ptsecurity-mosaic-select.mjs +35 -131
- package/fesm2022/ptsecurity-mosaic-select.mjs.map +1 -1
- package/fesm2022/ptsecurity-mosaic-tabs.mjs +4 -4
- package/fesm2022/ptsecurity-mosaic-tabs.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 +4 -4
- 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 +6 -6
- package/fesm2022/ptsecurity-mosaic-tree-select.mjs.map +1 -1
- package/file-upload/_file-upload-theme.scss +7 -7
- package/file-upload/multiple-file-upload.component.d.ts +17 -6
- package/file-upload/multiple-file-upload.component.scss +9 -9
- package/file-upload/single-file-upload.component.d.ts +15 -6
- package/file-upload/single-file-upload.component.scss +3 -3
- package/form-field/_form-field-theme.scss +7 -5
- package/form-field/form-field.d.ts +1 -7
- package/form-field/form-field.scss +1 -1
- package/form-field/validate.directive.d.ts +5 -2
- package/icon/_icon-theme.scss +1 -1
- package/input/_input-theme.scss +4 -4
- package/link/_link-theme.scss +3 -3
- package/list/_list-theme.scss +1 -1
- package/loader-overlay/_loader-overlay-theme.scss +2 -2
- package/markdown/_markdown-theme.scss +15 -15
- package/modal/_modal-theme.scss +4 -4
- package/modal/modal.directive.d.ts +1 -1
- package/modal/modal.scss +2 -2
- package/navbar/_navbar-theme.scss +6 -6
- package/navbar/navbar-item.scss +2 -2
- package/package.json +8 -8
- package/popover/_popover-theme.scss +4 -4
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/default-theme.css +1 -1
- package/radio/_radio-theme.scss +2 -2
- package/select/_select-theme.scss +4 -4
- package/select/select.component.d.ts +2 -32
- package/select/select.module.d.ts +1 -1
- package/select/select.scss +1 -1
- package/sidepanel/_sidepanel-theme.scss +5 -5
- package/table/_table-theme.scss +2 -2
- package/tabs/_tabs-theme.scss +3 -3
- package/tabs/tab-header.scss +16 -12
- package/tabs/tab-nav-bar/tab-nav-bar.scss +15 -13
- package/tags/_tag-theme.scss +7 -7
- 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 +4 -4
- 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 +3 -3
- package/tooltip/_tooltip-theme.scss +4 -4
- 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
- package/tree-select/tree-select.scss +1 -1
@@ -11,10 +11,10 @@
|
|
11
11
|
.mc-autocomplete-panel {
|
12
12
|
@include popup.popup-params($theme);
|
13
13
|
|
14
|
-
color:
|
14
|
+
color: mc-css-variable(foreground-text, map.get($foreground, text));
|
15
15
|
|
16
16
|
.mc-selected {
|
17
|
-
$popup: map.get(
|
17
|
+
$popup: map.get($theme, components, popup);
|
18
18
|
|
19
19
|
background-color: mc-css-variable(popup-background, map-get($popup, background));
|
20
20
|
}
|
@@ -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
|
}
|
@@ -14,7 +14,7 @@ $tokens: meta.module-variables(tokens) !default;
|
|
14
14
|
display: inline-flex;
|
15
15
|
flex-direction: row;
|
16
16
|
align-items: center;
|
17
|
-
gap:
|
17
|
+
gap: mc-css-variable(size-3xs);
|
18
18
|
|
19
19
|
border-width: mc-css-variable(button-toggle-group-size-border-width);
|
20
20
|
border-radius: mc-css-variable(button-toggle-group-size-border-radius);
|
@@ -63,7 +63,7 @@ $tokens: meta.module-variables(tokens) !default;
|
|
63
63
|
padding-left: mc-css-variable(button-toggle-size-left-icon-padding);
|
64
64
|
|
65
65
|
& .mc-icon {
|
66
|
-
margin-right:
|
66
|
+
margin-right: mc-css-variable(size-xxs);
|
67
67
|
}
|
68
68
|
}
|
69
69
|
}
|
@@ -6,7 +6,7 @@
|
|
6
6
|
@use '../core/styles/common/tokens' as *;
|
7
7
|
|
8
8
|
@mixin mc-code-block-theme($theme) {
|
9
|
-
$code-block: map.get(
|
9
|
+
$code-block: map.get($theme, components, code-block);
|
10
10
|
|
11
11
|
.mc-code-block {
|
12
12
|
background-color: mc-css-variable(code-block-main-background, map-get($code-block, main-background));
|
@@ -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-
|
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';
|
@@ -91,7 +91,7 @@
|
|
91
91
|
|
92
92
|
$foreground: map.get($theme, foreground);
|
93
93
|
|
94
|
-
$forms: map.get(
|
94
|
+
$forms: map.get($theme, components, forms);
|
95
95
|
|
96
96
|
.mc-form__label {
|
97
97
|
color: map.get($forms, label);
|
@@ -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/locales/en-US.d.ts
CHANGED
@@ -25,5 +25,22 @@ export declare const enUSLocaleData: {
|
|
25
25
|
fractionSeparator: string;
|
26
26
|
};
|
27
27
|
};
|
28
|
+
fileUpload: {
|
29
|
+
single: {
|
30
|
+
captionText: string;
|
31
|
+
browseLink: string;
|
32
|
+
};
|
33
|
+
multiple: {
|
34
|
+
captionText: string;
|
35
|
+
captionTextWhenSelected: string;
|
36
|
+
captionTextForCompactSize: string;
|
37
|
+
browseLink: string;
|
38
|
+
title: string;
|
39
|
+
gridHeaders: {
|
40
|
+
file: string;
|
41
|
+
size: string;
|
42
|
+
};
|
43
|
+
};
|
44
|
+
};
|
28
45
|
};
|
29
46
|
};
|
package/core/locales/es-LA.d.ts
CHANGED
@@ -30,5 +30,22 @@ export declare const esLALocaleData: {
|
|
30
30
|
fractionSeparator: string;
|
31
31
|
};
|
32
32
|
};
|
33
|
+
fileUpload: {
|
34
|
+
single: {
|
35
|
+
captionText: string;
|
36
|
+
browseLink: string;
|
37
|
+
};
|
38
|
+
multiple: {
|
39
|
+
captionText: string;
|
40
|
+
captionTextWhenSelected: string;
|
41
|
+
captionTextForCompactSize: string;
|
42
|
+
browseLink: string;
|
43
|
+
title: string;
|
44
|
+
gridHeaders: {
|
45
|
+
file: string;
|
46
|
+
size: string;
|
47
|
+
};
|
48
|
+
};
|
49
|
+
};
|
33
50
|
};
|
34
51
|
};
|
package/core/locales/fa-IR.d.ts
CHANGED
@@ -31,5 +31,22 @@ export declare const faIRLocaleData: {
|
|
31
31
|
fractionSeparator: string;
|
32
32
|
};
|
33
33
|
};
|
34
|
+
fileUpload: {
|
35
|
+
single: {
|
36
|
+
captionText: string;
|
37
|
+
browseLink: string;
|
38
|
+
};
|
39
|
+
multiple: {
|
40
|
+
captionText: string;
|
41
|
+
captionTextWhenSelected: string;
|
42
|
+
captionTextForCompactSize: string;
|
43
|
+
browseLink: string;
|
44
|
+
title: string;
|
45
|
+
gridHeaders: {
|
46
|
+
file: string;
|
47
|
+
size: string;
|
48
|
+
};
|
49
|
+
};
|
50
|
+
};
|
34
51
|
};
|
35
52
|
};
|
package/core/locales/index.d.ts
CHANGED
@@ -34,6 +34,23 @@ export declare function MC_DEFAULT_LOCALE_DATA_FACTORY(): {
|
|
34
34
|
fractionSeparator: string;
|
35
35
|
};
|
36
36
|
};
|
37
|
+
fileUpload: {
|
38
|
+
single: {
|
39
|
+
captionText: string;
|
40
|
+
browseLink: string;
|
41
|
+
};
|
42
|
+
multiple: {
|
43
|
+
captionText: string;
|
44
|
+
captionTextWhenSelected: string;
|
45
|
+
captionTextForCompactSize: string;
|
46
|
+
browseLink: string;
|
47
|
+
title: string;
|
48
|
+
gridHeaders: {
|
49
|
+
file: string;
|
50
|
+
size: string;
|
51
|
+
};
|
52
|
+
};
|
53
|
+
};
|
37
54
|
};
|
38
55
|
'pt-BR': {
|
39
56
|
select: {
|
@@ -66,6 +83,23 @@ export declare function MC_DEFAULT_LOCALE_DATA_FACTORY(): {
|
|
66
83
|
fractionSeparator: string;
|
67
84
|
};
|
68
85
|
};
|
86
|
+
fileUpload: {
|
87
|
+
single: {
|
88
|
+
captionText: string;
|
89
|
+
browseLink: string;
|
90
|
+
};
|
91
|
+
multiple: {
|
92
|
+
captionText: string;
|
93
|
+
captionTextWhenSelected: string;
|
94
|
+
captionTextForCompactSize: string;
|
95
|
+
browseLink: string;
|
96
|
+
title: string;
|
97
|
+
gridHeaders: {
|
98
|
+
file: string;
|
99
|
+
size: string;
|
100
|
+
};
|
101
|
+
};
|
102
|
+
};
|
69
103
|
};
|
70
104
|
'fa-IR': {
|
71
105
|
select: {
|
@@ -99,6 +133,23 @@ export declare function MC_DEFAULT_LOCALE_DATA_FACTORY(): {
|
|
99
133
|
fractionSeparator: string;
|
100
134
|
};
|
101
135
|
};
|
136
|
+
fileUpload: {
|
137
|
+
single: {
|
138
|
+
captionText: string;
|
139
|
+
browseLink: string;
|
140
|
+
};
|
141
|
+
multiple: {
|
142
|
+
captionText: string;
|
143
|
+
captionTextWhenSelected: string;
|
144
|
+
captionTextForCompactSize: string;
|
145
|
+
browseLink: string;
|
146
|
+
title: string;
|
147
|
+
gridHeaders: {
|
148
|
+
file: string;
|
149
|
+
size: string;
|
150
|
+
};
|
151
|
+
};
|
152
|
+
};
|
102
153
|
};
|
103
154
|
'es-LA': {
|
104
155
|
select: {
|
@@ -131,6 +182,23 @@ export declare function MC_DEFAULT_LOCALE_DATA_FACTORY(): {
|
|
131
182
|
fractionSeparator: string;
|
132
183
|
};
|
133
184
|
};
|
185
|
+
fileUpload: {
|
186
|
+
single: {
|
187
|
+
captionText: string;
|
188
|
+
browseLink: string;
|
189
|
+
};
|
190
|
+
multiple: {
|
191
|
+
captionText: string;
|
192
|
+
captionTextWhenSelected: string;
|
193
|
+
captionTextForCompactSize: string;
|
194
|
+
browseLink: string;
|
195
|
+
title: string;
|
196
|
+
gridHeaders: {
|
197
|
+
file: string;
|
198
|
+
size: string;
|
199
|
+
};
|
200
|
+
};
|
201
|
+
};
|
134
202
|
};
|
135
203
|
'en-US': {
|
136
204
|
select: {
|
@@ -158,6 +226,23 @@ export declare function MC_DEFAULT_LOCALE_DATA_FACTORY(): {
|
|
158
226
|
fractionSeparator: string;
|
159
227
|
};
|
160
228
|
};
|
229
|
+
fileUpload: {
|
230
|
+
single: {
|
231
|
+
captionText: string;
|
232
|
+
browseLink: string;
|
233
|
+
};
|
234
|
+
multiple: {
|
235
|
+
captionText: string;
|
236
|
+
captionTextWhenSelected: string;
|
237
|
+
captionTextForCompactSize: string;
|
238
|
+
browseLink: string;
|
239
|
+
title: string;
|
240
|
+
gridHeaders: {
|
241
|
+
file: string;
|
242
|
+
size: string;
|
243
|
+
};
|
244
|
+
};
|
245
|
+
};
|
161
246
|
};
|
162
247
|
'ru-RU': {
|
163
248
|
select: {
|
@@ -186,6 +271,23 @@ export declare function MC_DEFAULT_LOCALE_DATA_FACTORY(): {
|
|
186
271
|
startFormattingFrom: number;
|
187
272
|
};
|
188
273
|
};
|
274
|
+
fileUpload: {
|
275
|
+
single: {
|
276
|
+
captionText: string;
|
277
|
+
browseLink: string;
|
278
|
+
};
|
279
|
+
multiple: {
|
280
|
+
captionText: string;
|
281
|
+
captionTextWhenSelected: string;
|
282
|
+
captionTextForCompactSize: string;
|
283
|
+
browseLink: string;
|
284
|
+
title: string;
|
285
|
+
gridHeaders: {
|
286
|
+
file: string;
|
287
|
+
size: string;
|
288
|
+
};
|
289
|
+
};
|
290
|
+
};
|
189
291
|
};
|
190
292
|
items: {
|
191
293
|
id: string;
|
package/core/locales/pt-BR.d.ts
CHANGED
@@ -30,5 +30,22 @@ export declare const ptBRLocaleData: {
|
|
30
30
|
fractionSeparator: string;
|
31
31
|
};
|
32
32
|
};
|
33
|
+
fileUpload: {
|
34
|
+
single: {
|
35
|
+
captionText: string;
|
36
|
+
browseLink: string;
|
37
|
+
};
|
38
|
+
multiple: {
|
39
|
+
captionText: string;
|
40
|
+
captionTextWhenSelected: string;
|
41
|
+
captionTextForCompactSize: string;
|
42
|
+
browseLink: string;
|
43
|
+
title: string;
|
44
|
+
gridHeaders: {
|
45
|
+
file: string;
|
46
|
+
size: string;
|
47
|
+
};
|
48
|
+
};
|
49
|
+
};
|
33
50
|
};
|
34
51
|
};
|
package/core/locales/ru-RU.d.ts
CHANGED
@@ -26,5 +26,22 @@ export declare const ruRULocaleData: {
|
|
26
26
|
startFormattingFrom: number;
|
27
27
|
};
|
28
28
|
};
|
29
|
+
fileUpload: {
|
30
|
+
single: {
|
31
|
+
captionText: string;
|
32
|
+
browseLink: string;
|
33
|
+
};
|
34
|
+
multiple: {
|
35
|
+
captionText: string;
|
36
|
+
captionTextWhenSelected: string;
|
37
|
+
captionTextForCompactSize: string;
|
38
|
+
browseLink: string;
|
39
|
+
title: string;
|
40
|
+
gridHeaders: {
|
41
|
+
file: string;
|
42
|
+
size: string;
|
43
|
+
};
|
44
|
+
};
|
45
|
+
};
|
29
46
|
};
|
30
47
|
};
|
package/core/locales/zh-CN.d.ts
CHANGED
@@ -29,5 +29,22 @@ export declare const znCNLocaleData: {
|
|
29
29
|
fractionSeparator: string;
|
30
30
|
};
|
31
31
|
};
|
32
|
+
fileUpload: {
|
33
|
+
single: {
|
34
|
+
captionText: string;
|
35
|
+
browseLink: string;
|
36
|
+
};
|
37
|
+
multiple: {
|
38
|
+
captionText: string;
|
39
|
+
captionTextWhenSelected: string;
|
40
|
+
captionTextForCompactSize: string;
|
41
|
+
browseLink: string;
|
42
|
+
title: string;
|
43
|
+
gridHeaders: {
|
44
|
+
file: string;
|
45
|
+
size: string;
|
46
|
+
};
|
47
|
+
};
|
48
|
+
};
|
32
49
|
};
|
33
50
|
};
|
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
@@ -1,19 +1,23 @@
|
|
1
1
|
@use 'sass:map';
|
2
2
|
|
3
|
+
@use '../../styles/common/tokens' as *;
|
3
4
|
|
4
|
-
|
5
|
-
|
5
|
+
|
6
|
+
@mixin mc-pseudo-checkbox-color($component, $style-name) {
|
7
|
+
$style: map.get($component, $style-name);
|
8
|
+
|
9
|
+
border-color: mc-css-variable(checkbox-#{$style-name}-border, map.get($style, border));
|
6
10
|
|
7
11
|
& .mc-checkbox-checkmark,
|
8
12
|
& .mc-checkbox-mixedmark {
|
9
|
-
color: map.get($
|
13
|
+
color: mc-css-variable(checkbox-#{$style-name}-color, map.get($style, color));
|
10
14
|
}
|
11
15
|
|
12
16
|
&.mc-checked,
|
13
17
|
&.mc-indeterminate {
|
14
|
-
border-color: map.get($
|
18
|
+
border-color: mc-css-variable(checkbox-#{$style-name}-checked-border, map.get($style, checked, border));
|
15
19
|
|
16
|
-
background: map.get($
|
20
|
+
background: mc-css-variable(checkbox-#{$style-name}-checked-background, map.get($style, checked, background));
|
17
21
|
}
|
18
22
|
}
|
19
23
|
|
@@ -21,27 +25,28 @@
|
|
21
25
|
$foreground: map.get($theme, foreground);
|
22
26
|
$background: map.get($theme, background);
|
23
27
|
|
24
|
-
$checkbox: map.get(
|
28
|
+
$checkbox: map.get($theme, components, checkbox);
|
25
29
|
|
26
30
|
.mc-pseudo-checkbox {
|
27
31
|
&.mc-primary {
|
28
|
-
@include mc-pseudo-checkbox-color(
|
32
|
+
@include mc-pseudo-checkbox-color($checkbox, default);
|
29
33
|
}
|
30
34
|
|
31
35
|
&.mc-error {
|
32
|
-
@include mc-pseudo-checkbox-color(
|
36
|
+
@include mc-pseudo-checkbox-color($checkbox, error);
|
33
37
|
}
|
34
38
|
|
35
39
|
&.mc-disabled,
|
36
40
|
&.mc-primary.mc-disabled,
|
37
41
|
&.mc-error.mc-disabled {
|
38
|
-
border-color: map.get($foreground, border);
|
42
|
+
border-color: mc-css-variable(foreground-border, map.get($foreground, border));
|
39
43
|
|
40
|
-
background-color:
|
44
|
+
background-color: mc-css-variable(
|
45
|
+
background-background-disabled, map.get($background, background-disabled));
|
41
46
|
|
42
47
|
& .mc-checkbox-checkmark,
|
43
48
|
& .mc-checkbox-mixedmark {
|
44
|
-
color: map.get($foreground, text-disabled);
|
49
|
+
color: mc-css-variable(foreground-text-disabled, map.get($foreground, text-disabled));
|
45
50
|
}
|
46
51
|
}
|
47
52
|
}
|
@@ -2,6 +2,7 @@
|
|
2
2
|
@use 'sass:map';
|
3
3
|
|
4
4
|
@use '../tokens';
|
5
|
+
@use '../common/tokens' as *;
|
5
6
|
|
6
7
|
|
7
8
|
$tokens: meta.module-variables(tokens) !default;
|
@@ -82,7 +83,7 @@ $tokens: meta.module-variables(tokens) !default;
|
|
82
83
|
&:first-child:not(:last-child) {
|
83
84
|
@include border-bottom-radius(0);
|
84
85
|
|
85
|
-
border-top-right-radius:
|
86
|
+
border-top-right-radius: mc-css-variable(button-size-border-radius);
|
86
87
|
|
87
88
|
> .mc-form-field__container {
|
88
89
|
@include border-bottom-radius(0);
|
@@ -92,7 +93,7 @@ $tokens: meta.module-variables(tokens) !default;
|
|
92
93
|
&:last-child:not(:first-child) {
|
93
94
|
@include border-top-radius(0);
|
94
95
|
|
95
|
-
border-bottom-left-radius:
|
96
|
+
border-bottom-left-radius: mc-css-variable(button-size-border-radius);
|
96
97
|
|
97
98
|
> .mc-form-field__container {
|
98
99
|
@include border-top-radius(0);
|
@@ -3,7 +3,7 @@
|
|
3
3
|
|
4
4
|
|
5
5
|
@mixin popup-params($theme) {
|
6
|
-
$popup: map.get(
|
6
|
+
$popup: map.get($theme, components, popup);
|
7
7
|
|
8
8
|
box-shadow: mc-css-variable(popup-shadow, map-get($popup, shadow));
|
9
9
|
border-color: mc-css-variable(popup-border, map-get($popup, border));
|