@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.
Files changed (149) hide show
  1. package/autocomplete/_autocomplete-theme.scss +2 -2
  2. package/autocomplete/autocomplete.scss +0 -2
  3. package/button/_button-theme.scss +3 -3
  4. package/button-toggle/_button-toggle-theme.scss +2 -2
  5. package/button-toggle/button-toggle.scss +2 -2
  6. package/checkbox/_checkbox-theme.scss +1 -1
  7. package/code-block/_code-block-theme.scss +3 -3
  8. package/core/form-field/form-field-ref.d.ts +13 -0
  9. package/core/form-field/index.d.ts +1 -0
  10. package/core/forms/_forms-theme.scss +3 -3
  11. package/core/locales/en-US.d.ts +17 -0
  12. package/core/locales/es-LA.d.ts +17 -0
  13. package/core/locales/fa-IR.d.ts +17 -0
  14. package/core/locales/index.d.ts +6 -0
  15. package/core/locales/locale-service.d.ts +102 -0
  16. package/core/locales/pt-BR.d.ts +17 -0
  17. package/core/locales/ru-RU.d.ts +17 -0
  18. package/core/locales/zh-CN.d.ts +17 -0
  19. package/core/option/_optgroup-theme.scss +1 -1
  20. package/core/option/_option-theme.scss +1 -1
  21. package/core/public-api.d.ts +1 -0
  22. package/core/select/common.d.ts +35 -0
  23. package/core/select/index.d.ts +1 -0
  24. package/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.scss +16 -11
  25. package/core/styles/common/_groups.scss +3 -2
  26. package/core/styles/common/_popup.scss +1 -1
  27. package/core/styles/common/_tokens.scss +33 -14
  28. package/core/styles/theming/_alerts.scss +20 -19
  29. package/core/styles/theming/_badges.scss +38 -36
  30. package/core/styles/theming/_components-theming.scss +13 -13
  31. package/core/styles/theming/_scrollbars.scss +24 -27
  32. package/core/styles/theming/_theming.scss +10 -8
  33. package/core/styles/typography/_typography-utils.scss +1 -1
  34. package/core/styles/typography/_typography.scss +29 -28
  35. package/core/styles/visual/_layout.scss +14 -13
  36. package/datepicker/_datepicker-theme.scss +5 -6
  37. package/divider/_divider-theme.scss +1 -1
  38. package/dl/_dl-theme.scss +9 -9
  39. package/dropdown/_dropdown-theme.scss +4 -4
  40. package/esm2022/button-toggle/button-toggle.component.mjs +2 -2
  41. package/esm2022/core/form-field/form-field-ref.mjs +8 -0
  42. package/esm2022/core/form-field/index.mjs +2 -0
  43. package/esm2022/core/locales/en-US.mjs +18 -1
  44. package/esm2022/core/locales/es-LA.mjs +18 -1
  45. package/esm2022/core/locales/fa-IR.mjs +18 -1
  46. package/esm2022/core/locales/index.mjs +7 -1
  47. package/esm2022/core/locales/pt-BR.mjs +18 -1
  48. package/esm2022/core/locales/ru-RU.mjs +18 -1
  49. package/esm2022/core/locales/zh-CN.mjs +18 -1
  50. package/esm2022/core/public-api.mjs +2 -1
  51. package/esm2022/core/select/common.mjs +119 -0
  52. package/esm2022/core/select/index.mjs +2 -1
  53. package/esm2022/core/version.mjs +2 -2
  54. package/esm2022/datepicker/calendar-header.component.mjs +1 -1
  55. package/esm2022/file-upload/multiple-file-upload.component.mjs +49 -26
  56. package/esm2022/file-upload/single-file-upload.component.mjs +38 -14
  57. package/esm2022/form-field/form-field.mjs +5 -11
  58. package/esm2022/form-field/password-hint.mjs +5 -4
  59. package/esm2022/form-field/validate.directive.mjs +5 -2
  60. package/esm2022/modal/modal.component.mjs +3 -3
  61. package/esm2022/modal/modal.directive.mjs +12 -6
  62. package/esm2022/navbar/navbar.component.mjs +2 -2
  63. package/esm2022/navbar/vertical-navbar.component.mjs +3 -3
  64. package/esm2022/select/select.component.mjs +17 -113
  65. package/esm2022/select/select.module.mjs +17 -17
  66. package/esm2022/tabs/tab-header.component.mjs +2 -2
  67. package/esm2022/tabs/tab-nav-bar/tab-nav-bar.mjs +2 -2
  68. package/esm2022/tags/tag-default-options.mjs +1 -1
  69. package/esm2022/tags/tag-input.mjs +17 -3
  70. package/esm2022/timepicker/timepicker.directive.mjs +10 -2
  71. package/esm2022/timezone/timezone-select.component.mjs +5 -5
  72. package/esm2022/toast/toast.service.mjs +17 -11
  73. package/esm2022/tree-select/tree-select.component.mjs +6 -7
  74. package/fesm2022/ptsecurity-mosaic-button-toggle.mjs +2 -2
  75. package/fesm2022/ptsecurity-mosaic-button-toggle.mjs.map +1 -1
  76. package/fesm2022/ptsecurity-mosaic-core.mjs +227 -4
  77. package/fesm2022/ptsecurity-mosaic-core.mjs.map +1 -1
  78. package/fesm2022/ptsecurity-mosaic-datepicker.mjs +1 -1
  79. package/fesm2022/ptsecurity-mosaic-datepicker.mjs.map +1 -1
  80. package/fesm2022/ptsecurity-mosaic-file-upload.mjs +80 -36
  81. package/fesm2022/ptsecurity-mosaic-file-upload.mjs.map +1 -1
  82. package/fesm2022/ptsecurity-mosaic-form-field.mjs +11 -14
  83. package/fesm2022/ptsecurity-mosaic-form-field.mjs.map +1 -1
  84. package/fesm2022/ptsecurity-mosaic-modal.mjs +11 -6
  85. package/fesm2022/ptsecurity-mosaic-modal.mjs.map +1 -1
  86. package/fesm2022/ptsecurity-mosaic-navbar.mjs +4 -4
  87. package/fesm2022/ptsecurity-mosaic-navbar.mjs.map +1 -1
  88. package/fesm2022/ptsecurity-mosaic-select.mjs +35 -131
  89. package/fesm2022/ptsecurity-mosaic-select.mjs.map +1 -1
  90. package/fesm2022/ptsecurity-mosaic-tabs.mjs +4 -4
  91. package/fesm2022/ptsecurity-mosaic-tabs.mjs.map +1 -1
  92. package/fesm2022/ptsecurity-mosaic-tags.mjs +17 -4
  93. package/fesm2022/ptsecurity-mosaic-tags.mjs.map +1 -1
  94. package/fesm2022/ptsecurity-mosaic-timepicker.mjs +9 -1
  95. package/fesm2022/ptsecurity-mosaic-timepicker.mjs.map +1 -1
  96. package/fesm2022/ptsecurity-mosaic-timezone.mjs +4 -4
  97. package/fesm2022/ptsecurity-mosaic-timezone.mjs.map +1 -1
  98. package/fesm2022/ptsecurity-mosaic-toast.mjs +15 -9
  99. package/fesm2022/ptsecurity-mosaic-toast.mjs.map +1 -1
  100. package/fesm2022/ptsecurity-mosaic-tree-select.mjs +6 -6
  101. package/fesm2022/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  102. package/file-upload/_file-upload-theme.scss +7 -7
  103. package/file-upload/multiple-file-upload.component.d.ts +17 -6
  104. package/file-upload/multiple-file-upload.component.scss +9 -9
  105. package/file-upload/single-file-upload.component.d.ts +15 -6
  106. package/file-upload/single-file-upload.component.scss +3 -3
  107. package/form-field/_form-field-theme.scss +7 -5
  108. package/form-field/form-field.d.ts +1 -7
  109. package/form-field/form-field.scss +1 -1
  110. package/form-field/validate.directive.d.ts +5 -2
  111. package/icon/_icon-theme.scss +1 -1
  112. package/input/_input-theme.scss +4 -4
  113. package/link/_link-theme.scss +3 -3
  114. package/list/_list-theme.scss +1 -1
  115. package/loader-overlay/_loader-overlay-theme.scss +2 -2
  116. package/markdown/_markdown-theme.scss +15 -15
  117. package/modal/_modal-theme.scss +4 -4
  118. package/modal/modal.directive.d.ts +1 -1
  119. package/modal/modal.scss +2 -2
  120. package/navbar/_navbar-theme.scss +6 -6
  121. package/navbar/navbar-item.scss +2 -2
  122. package/package.json +8 -8
  123. package/popover/_popover-theme.scss +4 -4
  124. package/prebuilt-themes/dark-theme.css +1 -1
  125. package/prebuilt-themes/default-theme.css +1 -1
  126. package/radio/_radio-theme.scss +2 -2
  127. package/select/_select-theme.scss +4 -4
  128. package/select/select.component.d.ts +2 -32
  129. package/select/select.module.d.ts +1 -1
  130. package/select/select.scss +1 -1
  131. package/sidepanel/_sidepanel-theme.scss +5 -5
  132. package/table/_table-theme.scss +2 -2
  133. package/tabs/_tabs-theme.scss +3 -3
  134. package/tabs/tab-header.scss +16 -12
  135. package/tabs/tab-nav-bar/tab-nav-bar.scss +15 -13
  136. package/tags/_tag-theme.scss +7 -7
  137. package/tags/tag-default-options.d.ts +1 -0
  138. package/tags/tag-input.d.ts +7 -1
  139. package/textarea/_textarea-theme.scss +2 -2
  140. package/timezone/_timezone-option-theme.scss +4 -4
  141. package/timezone/timezone-select.component.d.ts +2 -1
  142. package/toast/_toast-theme.scss +3 -3
  143. package/toast/toast.service.d.ts +8 -4
  144. package/toggle/_toggle-theme.scss +3 -3
  145. package/tooltip/_tooltip-theme.scss +4 -4
  146. package/tree/_tree-theme.scss +1 -1
  147. package/tree-select/_tree-select-theme.scss +1 -1
  148. package/tree-select/tree-select.component.d.ts +1 -2
  149. 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: theming.mc-color($foreground, text);
14
+ color: mc-css-variable(foreground-text, map.get($foreground, text));
15
15
 
16
16
  .mc-selected {
17
- $popup: map.get(map.get($theme, components), popup);
17
+ $popup: map.get($theme, components, popup);
18
18
 
19
19
  background-color: mc-css-variable(popup-background, map-get($popup, background));
20
20
  }
@@ -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
  }
@@ -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: map.get($tokens, size-3xs);
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: map.get($tokens, size-xxs);
66
+ margin-right: mc-css-variable(size-xxs);
67
67
  }
68
68
  }
69
69
  }
@@ -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
  }
@@ -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(map.get($theme, components), code-block);
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-styles($config, 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';
@@ -91,7 +91,7 @@
91
91
 
92
92
  $foreground: map.get($theme, foreground);
93
93
 
94
- $forms: map.get(map.get($theme, components), forms);
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
  }
@@ -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
  };
@@ -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
  };
@@ -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
  };
@@ -1,2 +1,8 @@
1
1
  export * from './locale-service';
2
2
  export * from './locale-service.module';
3
+ export * from './en-US';
4
+ export * from './es-LA';
5
+ export * from './fa-IR';
6
+ export * from './pt-BR';
7
+ export * from './ru-RU';
8
+ export * from './zh-CN';
@@ -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;
@@ -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
  };
@@ -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
  };
@@ -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
  };
@@ -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';
@@ -1,19 +1,23 @@
1
1
  @use 'sass:map';
2
2
 
3
+ @use '../../styles/common/tokens' as *;
3
4
 
4
- @mixin mc-pseudo-checkbox-color($states) {
5
- border-color: map.get($states, border);
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($states, color);
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($states, checked, border);
18
+ border-color: mc-css-variable(checkbox-#{$style-name}-checked-border, map.get($style, checked, border));
15
19
 
16
- background: map.get($states, checked, background);
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(map.get($theme, components), checkbox);
28
+ $checkbox: map.get($theme, components, checkbox);
25
29
 
26
30
  .mc-pseudo-checkbox {
27
31
  &.mc-primary {
28
- @include mc-pseudo-checkbox-color(map.get($checkbox, default));
32
+ @include mc-pseudo-checkbox-color($checkbox, default);
29
33
  }
30
34
 
31
35
  &.mc-error {
32
- @include mc-pseudo-checkbox-color(map.get($checkbox, error));
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: map.get($background, background-disabled);
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: var(--mc-button-size-border-radius, map.get($tokens, button-size-border-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: var(--mc-button-size-border-radius, map.get($tokens, button-size-border-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(map.get($theme, components), popup);
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));