@onemrvapublic/design-system 20.3.0-develop.4 → 20.3.0-develop.5

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 (46) hide show
  1. package/fesm2022/onemrvapublic-design-system-layout.mjs +1 -1
  2. package/fesm2022/onemrvapublic-design-system-layout.mjs.map +1 -1
  3. package/fesm2022/onemrvapublic-design-system-mat-address.mjs +2 -2
  4. package/fesm2022/onemrvapublic-design-system-mat-address.mjs.map +1 -1
  5. package/fesm2022/onemrvapublic-design-system-mat-choice-chip.mjs +9 -2
  6. package/fesm2022/onemrvapublic-design-system-mat-choice-chip.mjs.map +1 -1
  7. package/fesm2022/onemrvapublic-design-system-mat-country-item.mjs +2 -2
  8. package/fesm2022/onemrvapublic-design-system-mat-country-item.mjs.map +1 -1
  9. package/fesm2022/onemrvapublic-design-system-mat-input-address.mjs +2 -2
  10. package/fesm2022/onemrvapublic-design-system-mat-input-address.mjs.map +1 -1
  11. package/fesm2022/onemrvapublic-design-system-mat-input-birthplace.mjs +15 -31
  12. package/fesm2022/onemrvapublic-design-system-mat-input-birthplace.mjs.map +1 -1
  13. package/fesm2022/onemrvapublic-design-system-mat-input-country.mjs +18 -27
  14. package/fesm2022/onemrvapublic-design-system-mat-input-country.mjs.map +1 -1
  15. package/fesm2022/onemrvapublic-design-system-mat-multi-select.mjs +1 -1
  16. package/fesm2022/onemrvapublic-design-system-mat-multi-select.mjs.map +1 -1
  17. package/fesm2022/onemrvapublic-design-system-mat-notification.mjs +2 -2
  18. package/fesm2022/onemrvapublic-design-system-mat-notification.mjs.map +1 -1
  19. package/fesm2022/onemrvapublic-design-system-mat-selectable-box.mjs +2 -2
  20. package/fesm2022/onemrvapublic-design-system-mat-selectable-box.mjs.map +1 -1
  21. package/fesm2022/onemrvapublic-design-system-mat-timepicker.mjs +2 -2
  22. package/fesm2022/onemrvapublic-design-system-mat-timepicker.mjs.map +1 -1
  23. package/fesm2022/onemrvapublic-design-system-mat-toast.mjs +1 -1
  24. package/fesm2022/onemrvapublic-design-system-mat-toast.mjs.map +1 -1
  25. package/fesm2022/onemrvapublic-design-system-shared.mjs +11 -8
  26. package/fesm2022/onemrvapublic-design-system-shared.mjs.map +1 -1
  27. package/fesm2022/onemrvapublic-design-system.mjs +65 -80
  28. package/fesm2022/onemrvapublic-design-system.mjs.map +1 -1
  29. package/index.d.ts +24 -21
  30. package/mat-address/src/onemrva-address.scss +3 -39
  31. package/mat-avatar/src/onemrva-mat-avatar.component.scss +0 -2
  32. package/mat-breadcrumb/src/onemrva-mat-breadcrumb.component.scss +0 -2
  33. package/mat-choice-chip/index.d.ts +1 -0
  34. package/mat-country-item/src/onemrva-mat-country-item.component.scss +6 -0
  35. package/mat-input-birthplace/index.d.ts +9 -9
  36. package/mat-input-country/index.d.ts +12 -10
  37. package/mat-multi-select/index.d.ts +1 -1
  38. package/mat-multi-select/src/onemrva-mat-multi-select.component.scss +0 -2
  39. package/mat-notification/src/onemrva-mat-notification.component.scss +0 -2
  40. package/mat-selectable-box/src/onemrva-mat-selectable-box.component.scss +6 -1
  41. package/mat-sticker/src/onemrva-mat-sticker.component.scss +0 -2
  42. package/mat-task-list/src/onemrva-mat-task-list.component.scss +0 -4
  43. package/mat-toast/src/onemrva-mat-toast.component.scss +0 -2
  44. package/package.json +5 -5
  45. package/shared/index.d.ts +3 -3
  46. package/_utils.scss +0 -30
package/index.d.ts CHANGED
@@ -578,6 +578,7 @@ declare class OnemrvaMatChoiceChipComponent extends MatFormFieldControl<any> {
578
578
  checked: boolean;
579
579
  disabled: boolean;
580
580
  _value: any;
581
+ get opacity(): 1 | 0.4;
581
582
  onContainerClick(event: MouseEvent): void;
582
583
  setDescribedByIds(ids: string[]): void;
583
584
  onChange: (_values: any[]) => void;
@@ -1008,14 +1009,14 @@ declare class OnemRvaAddress implements OnInit {
1008
1009
  }
1009
1010
 
1010
1011
  declare class OnemrvaMatInputBirthPlaceComponent implements OnInit, OnDestroy {
1011
- readonly: boolean;
1012
- countryCode: FormControl<OnemRvaCommonCountry$1 | null>;
1013
- label: string;
1014
- noEntriesFoundLabel: string;
1015
- hint: string;
1016
- placeholderLabel: string;
1017
- searchAriaLabel: string;
1018
- returnValue: string;
1012
+ readonly: i0.InputSignal<boolean>;
1013
+ countryCode: i0.InputSignal<FormControl<OnemRvaCommonCountry$1 | null>>;
1014
+ label: i0.InputSignal<string>;
1015
+ noEntriesFoundLabel: i0.InputSignal<string>;
1016
+ hint: i0.InputSignal<string>;
1017
+ placeholderLabel: i0.InputSignal<string>;
1018
+ searchAriaLabel: i0.InputSignal<string>;
1019
+ returnValue: i0.InputSignal<string>;
1019
1020
  getCountry: EventEmitter<any>;
1020
1021
  selectedCountryName: i0.WritableSignal<string | null>;
1021
1022
  selectedCountryCode: i0.WritableSignal<string | null>;
@@ -1033,18 +1034,19 @@ declare class OnemrvaMatInputBirthPlaceComponent implements OnInit, OnDestroy {
1033
1034
  errors(): string;
1034
1035
  getValue(country: OnemRvaCommonCountry$1): string | number | OnemRvaCommonCountry$1;
1035
1036
  static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatInputBirthPlaceComponent, never>;
1036
- static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatInputBirthPlaceComponent, "onemrva-mat-input-birthplace", never, { "readonly": { "alias": "readonly"; "required": false; }; "countryCode": { "alias": "countryCode"; "required": false; }; "label": { "alias": "label"; "required": false; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; }; "returnValue": { "alias": "returnValue"; "required": false; }; }, { "getCountry": "getCountry"; }, never, never, true, never>;
1037
+ static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatInputBirthPlaceComponent, "onemrva-mat-input-birthplace", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "countryCode": { "alias": "countryCode"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; "isSignal": true; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; "isSignal": true; }; "returnValue": { "alias": "returnValue"; "required": false; "isSignal": true; }; }, { "getCountry": "getCountry"; }, never, never, true, never>;
1037
1038
  }
1038
1039
 
1039
1040
  declare class OnemrvaMatInputCountryComponent implements OnInit {
1040
- readonly: boolean;
1041
- country: FormControl;
1042
- label: string;
1043
- noEntriesFoundLabel: string;
1044
- hint: string;
1045
- placeholderLabel: string;
1046
- searchAriaLabel: string;
1047
1041
  getCountry: EventEmitter<any>;
1042
+ country: i0.InputSignal<FormControl<string | null>>;
1043
+ readonly: i0.InputSignal<boolean>;
1044
+ disabled: i0.InputSignal<boolean>;
1045
+ label: i0.InputSignal<string>;
1046
+ noEntriesFoundLabel: i0.InputSignal<string>;
1047
+ hint: i0.InputSignal<string>;
1048
+ placeholderLabel: i0.InputSignal<string>;
1049
+ searchAriaLabel: i0.InputSignal<string>;
1048
1050
  filterCtrl: FormControl<string | null>;
1049
1051
  countries$: Observable<OnemrvaMaterialCountry$1[]>;
1050
1052
  filteredCountries$: Observable<OnemrvaMaterialCountry$1[]>;
@@ -1055,8 +1057,9 @@ declare class OnemrvaMatInputCountryComponent implements OnInit {
1055
1057
  ngOnInit(): void;
1056
1058
  handleClick(e: any): void;
1057
1059
  errors(): "input.country.required" | "input.country.unknown.error";
1060
+ getCounrtyCode(): string | null;
1058
1061
  static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatInputCountryComponent, never>;
1059
- static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatInputCountryComponent, "onemrva-mat-input-country", never, { "readonly": { "alias": "readonly"; "required": false; }; "country": { "alias": "country"; "required": false; }; "label": { "alias": "label"; "required": false; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; }; }, { "getCountry": "getCountry"; }, never, never, true, never>;
1062
+ static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatInputCountryComponent, "onemrva-mat-input-country", never, { "country": { "alias": "country"; "required": true; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; "isSignal": true; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; "isSignal": true; }; }, { "getCountry": "getCountry"; }, never, never, true, never>;
1060
1063
  }
1061
1064
 
1062
1065
  declare class OnemrvaMatInputEnterpriseNumberComponent implements OnInit, OnDestroy {
@@ -1309,7 +1312,7 @@ declare class OnemrvaMatMultiSelectComponent extends MatFormFieldControl<any> im
1309
1312
  matOptions: QueryList<MatOption>;
1310
1313
  matOptions$?: Observable<MatOption<any>[]>;
1311
1314
  onDestroy$: Subject<any>;
1312
- get opacity(): 1 | 0.25;
1315
+ get opacity(): 1 | 0.4;
1313
1316
  focused: boolean;
1314
1317
  onFocus(): void;
1315
1318
  onBlur(): void;
@@ -2681,7 +2684,7 @@ declare class OnemRvaColorDirective {
2681
2684
  /** @hidden @internal */
2682
2685
  get _isNeutral(): boolean;
2683
2686
  static ɵfac: i0.ɵɵFactoryDeclaration<OnemRvaColorDirective, never>;
2684
- static ɵdir: i0.ɵɵDirectiveDeclaration<OnemRvaColorDirective, "onemrva-mat-selectable-box[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],mat-form-field[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
2687
+ static ɵdir: i0.ɵɵDirectiveDeclaration<OnemRvaColorDirective, "onemrva-mat-selectable-box[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-task-list[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],mat-form-field[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
2685
2688
  }
2686
2689
 
2687
2690
  declare class MatRowClickableDirective extends OnemRvaColorDirective {
@@ -2791,11 +2794,11 @@ declare class OnemRvaSizeDirective {
2791
2794
  }
2792
2795
 
2793
2796
  declare class OnemRvaReadonlyDirective {
2794
- readonly: boolean;
2797
+ readonly: i0.InputSignal<boolean>;
2795
2798
  /** @hidden @internal */
2796
2799
  get isReadOnly(): boolean;
2797
2800
  static ɵfac: i0.ɵɵFactoryDeclaration<OnemRvaReadonlyDirective, never>;
2798
- static ɵdir: i0.ɵɵDirectiveDeclaration<OnemRvaReadonlyDirective, "form[readonly], mat-checkbox[readonly], mat-form-field[readonly], onemrva-mat-input-phone[readonly],onemrva-mat-input-birthplace[readonly],onemrva-mat-input-country[readonly],onemrva-mat-input-enterprise-number[readonly]", never, { "readonly": { "alias": "readonly"; "required": false; }; }, {}, never, never, true, never>;
2801
+ static ɵdir: i0.ɵɵDirectiveDeclaration<OnemRvaReadonlyDirective, "form[readonly], mat-checkbox[readonly], mat-radio-group[readonly], mat-form-field[readonly], onemrva-mat-input-phone[readonly],onemrva-mat-task-list[readonly],onemrva-mat-selectable-box[readonly],onemrva-mat-choice-chip[readonly],onemrva-mat-input-birthplace[readonly],onemrva-mat-input-country[readonly],onemrva-mat-input-enterprise-number[readonly]", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
2799
2802
  }
2800
2803
 
2801
2804
  declare const directives: any[];
@@ -1,50 +1,14 @@
1
1
  :host {
2
2
  display: flex;
3
3
  flex-direction: column;
4
- width: 400px;
4
+ width: 100%;
5
5
 
6
- onemrva-mat-input-country {
7
- display: flex;
8
- width: 100%;
9
- }
10
-
11
- .line-2 {
6
+ mat-form-field {
12
7
  display: flex;
13
-
14
- onemrva-mat-input-address {
15
- width: 248px;
16
- max-width: 248px;
17
- margin-right: var(--spacer);
18
- }
19
-
20
- mat-form-field:first-of-type {
21
- margin-right: var(--spacer);
22
- }
23
8
  }
24
9
 
25
- .line-3 {
26
- width: 100%;
10
+ onemrva-mat-input-country {
27
11
  display: flex;
28
-
29
- mat-form-field:first-child {
30
- display: flex;
31
- width: 30%;
32
- margin-right: var(--spacer);
33
- }
34
-
35
- mat-form-field:last-child {
36
- display: flex;
37
- width: auto;
38
- flex-grow: 1;
39
- }
40
- }
41
-
42
- .line-4 {
43
12
  width: 100%;
44
- display: flex;
45
-
46
- mat-form-field {
47
- width: 100%;
48
- }
49
13
  }
50
14
  }
@@ -1,5 +1,3 @@
1
- @use '../../utils';
2
-
3
1
  :host {
4
2
  position: relative;
5
3
  display: inline-flex;
@@ -1,8 +1,6 @@
1
1
  @use 'sass:map';
2
2
  @use '@angular/material' as mat;
3
3
 
4
- @use '../../utils';
5
-
6
4
  .onemrva-mat-breadcrumb {
7
5
  display: flex;
8
6
  list-style: none;
@@ -5,6 +5,7 @@ declare class OnemrvaMatChoiceChipComponent extends MatFormFieldControl<any> {
5
5
  checked: boolean;
6
6
  disabled: boolean;
7
7
  _value: any;
8
+ get opacity(): 1 | 0.4;
8
9
  onContainerClick(event: MouseEvent): void;
9
10
  setDescribedByIds(ids: string[]): void;
10
11
  onChange: (_values: any[]) => void;
@@ -7,3 +7,9 @@
7
7
  text-transform: capitalize;
8
8
  }
9
9
  }
10
+
11
+ .mat-form-field-disabled {
12
+ .onemrva-country-item flag-icon {
13
+ opacity: 0.4;
14
+ }
15
+ }
@@ -5,14 +5,14 @@ import { Subject, Observable } from 'rxjs';
5
5
  import { OnemRvaCommonCountry } from '@onemrvapublic/design-system/shared';
6
6
 
7
7
  declare class OnemrvaMatInputBirthPlaceComponent implements OnInit, OnDestroy {
8
- readonly: boolean;
9
- countryCode: FormControl<OnemRvaCommonCountry | null>;
10
- label: string;
11
- noEntriesFoundLabel: string;
12
- hint: string;
13
- placeholderLabel: string;
14
- searchAriaLabel: string;
15
- returnValue: string;
8
+ readonly: _angular_core.InputSignal<boolean>;
9
+ countryCode: _angular_core.InputSignal<FormControl<OnemRvaCommonCountry | null>>;
10
+ label: _angular_core.InputSignal<string>;
11
+ noEntriesFoundLabel: _angular_core.InputSignal<string>;
12
+ hint: _angular_core.InputSignal<string>;
13
+ placeholderLabel: _angular_core.InputSignal<string>;
14
+ searchAriaLabel: _angular_core.InputSignal<string>;
15
+ returnValue: _angular_core.InputSignal<string>;
16
16
  getCountry: EventEmitter<any>;
17
17
  selectedCountryName: _angular_core.WritableSignal<string | null>;
18
18
  selectedCountryCode: _angular_core.WritableSignal<string | null>;
@@ -30,7 +30,7 @@ declare class OnemrvaMatInputBirthPlaceComponent implements OnInit, OnDestroy {
30
30
  errors(): string;
31
31
  getValue(country: OnemRvaCommonCountry): string | number | OnemRvaCommonCountry;
32
32
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatInputBirthPlaceComponent, never>;
33
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatInputBirthPlaceComponent, "onemrva-mat-input-birthplace", never, { "readonly": { "alias": "readonly"; "required": false; }; "countryCode": { "alias": "countryCode"; "required": false; }; "label": { "alias": "label"; "required": false; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; }; "returnValue": { "alias": "returnValue"; "required": false; }; }, { "getCountry": "getCountry"; }, never, never, true, never>;
33
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatInputBirthPlaceComponent, "onemrva-mat-input-birthplace", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "countryCode": { "alias": "countryCode"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; "isSignal": true; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; "isSignal": true; }; "returnValue": { "alias": "returnValue"; "required": false; "isSignal": true; }; }, { "getCountry": "getCountry"; }, never, never, true, never>;
34
34
  }
35
35
 
36
36
  export { OnemrvaMatInputBirthPlaceComponent };
@@ -1,18 +1,19 @@
1
- import * as i0 from '@angular/core';
1
+ import * as _angular_core from '@angular/core';
2
2
  import { OnInit, EventEmitter } from '@angular/core';
3
3
  import { FormControl } from '@angular/forms';
4
4
  import { Observable } from 'rxjs';
5
5
  import { OnemrvaMaterialCountry } from '@onemrvapublic/design-system/shared';
6
6
 
7
7
  declare class OnemrvaMatInputCountryComponent implements OnInit {
8
- readonly: boolean;
9
- country: FormControl;
10
- label: string;
11
- noEntriesFoundLabel: string;
12
- hint: string;
13
- placeholderLabel: string;
14
- searchAriaLabel: string;
15
8
  getCountry: EventEmitter<any>;
9
+ country: _angular_core.InputSignal<FormControl<string | null>>;
10
+ readonly: _angular_core.InputSignal<boolean>;
11
+ disabled: _angular_core.InputSignal<boolean>;
12
+ label: _angular_core.InputSignal<string>;
13
+ noEntriesFoundLabel: _angular_core.InputSignal<string>;
14
+ hint: _angular_core.InputSignal<string>;
15
+ placeholderLabel: _angular_core.InputSignal<string>;
16
+ searchAriaLabel: _angular_core.InputSignal<string>;
16
17
  filterCtrl: FormControl<string | null>;
17
18
  countries$: Observable<OnemrvaMaterialCountry[]>;
18
19
  filteredCountries$: Observable<OnemrvaMaterialCountry[]>;
@@ -23,8 +24,9 @@ declare class OnemrvaMatInputCountryComponent implements OnInit {
23
24
  ngOnInit(): void;
24
25
  handleClick(e: any): void;
25
26
  errors(): "input.country.required" | "input.country.unknown.error";
26
- static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatInputCountryComponent, never>;
27
- static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatInputCountryComponent, "onemrva-mat-input-country", never, { "readonly": { "alias": "readonly"; "required": false; }; "country": { "alias": "country"; "required": false; }; "label": { "alias": "label"; "required": false; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; }; }, { "getCountry": "getCountry"; }, never, never, true, never>;
27
+ getCounrtyCode(): string | null;
28
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnemrvaMatInputCountryComponent, never>;
29
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnemrvaMatInputCountryComponent, "onemrva-mat-input-country", never, { "country": { "alias": "country"; "required": true; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "noEntriesFoundLabel": { "alias": "noEntriesFoundLabel"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; "isSignal": true; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; "isSignal": true; }; }, { "getCountry": "getCountry"; }, never, never, true, never>;
28
30
  }
29
31
 
30
32
  export { OnemrvaMatInputCountryComponent };
@@ -22,7 +22,7 @@ declare class OnemrvaMatMultiSelectComponent extends MatFormFieldControl<any> im
22
22
  matOptions: QueryList<MatOption>;
23
23
  matOptions$?: Observable<MatOption<any>[]>;
24
24
  onDestroy$: Subject<any>;
25
- get opacity(): 1 | 0.25;
25
+ get opacity(): 1 | 0.4;
26
26
  focused: boolean;
27
27
  onFocus(): void;
28
28
  onBlur(): void;
@@ -1,5 +1,3 @@
1
- @use '../../utils' as utils;
2
-
3
1
  :host {
4
2
  display: inline-block;
5
3
  width: 100%;
@@ -1,5 +1,3 @@
1
- @use '../../utils' as utils;
2
-
3
1
  :host {
4
2
  position: fixed;
5
3
  top: var(--layout-header-height, 0);
@@ -1,13 +1,15 @@
1
1
  @use '@angular/material' as mat;
2
2
 
3
3
  mat-card.onemrva-selectable-box {
4
+ $main-color: var(--mat-sys-primary-container);
5
+
4
6
  border-radius: var(--half-border-radius);
5
7
  box-shadow: none;
6
8
  position: relative;
7
9
  color: var(--mat-sys-on-surface);
8
10
  border: 2px solid transparent;
11
+ background: $main-color;
9
12
  user-select: none;
10
- //background: green;
11
13
 
12
14
  &.checked {
13
15
  border: 2px solid var(--mat-sys-tertiary);
@@ -30,6 +32,9 @@ mat-card.onemrva-selectable-box {
30
32
 
31
33
  mat-card-title {
32
34
  display: flex;
35
+ background: $main-color;
36
+ border-top-left-radius: var(--half-border-radius);
37
+ border-top-right-radius: var(--half-border-radius);
33
38
  padding: var(--spacer-and-half) var(--spacer-and-half)
34
39
  var(--spacer-and-half) calc(var(--spacer-and-half) + var(--quad-spacer));
35
40
  align-items: center;
@@ -1,5 +1,3 @@
1
- @use '../../utils' as utils;
2
-
3
1
  :host {
4
2
  $paddingY: 2px;
5
3
  $paddingX: 8px;
@@ -1,4 +0,0 @@
1
- @use '../../utils' as utils;
2
-
3
- :host {
4
- }
@@ -1,5 +1,3 @@
1
- @use '../../utils';
2
-
3
1
  :host {
4
2
  .onemrva-mat-toast {
5
3
  position: relative;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onemrvapublic/design-system",
3
- "version": "20.3.0-develop.4",
3
+ "version": "20.3.0-develop.5",
4
4
  "description": "Design System Onem/Rva without theme included",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -60,14 +60,14 @@
60
60
  "types": "./mat-breadcrumb/index.d.ts",
61
61
  "default": "./fesm2022/onemrvapublic-design-system-mat-breadcrumb.mjs"
62
62
  },
63
- "./mat-choice-chip": {
64
- "types": "./mat-choice-chip/index.d.ts",
65
- "default": "./fesm2022/onemrvapublic-design-system-mat-choice-chip.mjs"
66
- },
67
63
  "./mat-carousel": {
68
64
  "types": "./mat-carousel/index.d.ts",
69
65
  "default": "./fesm2022/onemrvapublic-design-system-mat-carousel.mjs"
70
66
  },
67
+ "./mat-choice-chip": {
68
+ "types": "./mat-choice-chip/index.d.ts",
69
+ "default": "./fesm2022/onemrvapublic-design-system-mat-choice-chip.mjs"
70
+ },
71
71
  "./mat-copy-to-clipboard": {
72
72
  "types": "./mat-copy-to-clipboard/index.d.ts",
73
73
  "default": "./fesm2022/onemrvapublic-design-system-mat-copy-to-clipboard.mjs"
package/shared/index.d.ts CHANGED
@@ -114,7 +114,7 @@ declare class OnemRvaColorDirective {
114
114
  /** @hidden @internal */
115
115
  get _isNeutral(): boolean;
116
116
  static ɵfac: i0.ɵɵFactoryDeclaration<OnemRvaColorDirective, never>;
117
- static ɵdir: i0.ɵɵDirectiveDeclaration<OnemRvaColorDirective, "onemrva-mat-selectable-box[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],mat-form-field[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
117
+ static ɵdir: i0.ɵɵDirectiveDeclaration<OnemRvaColorDirective, "onemrva-mat-selectable-box[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-task-list[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],mat-form-field[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
118
118
  }
119
119
 
120
120
  declare class MatRowClickableDirective extends OnemRvaColorDirective {
@@ -224,11 +224,11 @@ declare class OnemRvaSizeDirective {
224
224
  }
225
225
 
226
226
  declare class OnemRvaReadonlyDirective {
227
- readonly: boolean;
227
+ readonly: i0.InputSignal<boolean>;
228
228
  /** @hidden @internal */
229
229
  get isReadOnly(): boolean;
230
230
  static ɵfac: i0.ɵɵFactoryDeclaration<OnemRvaReadonlyDirective, never>;
231
- static ɵdir: i0.ɵɵDirectiveDeclaration<OnemRvaReadonlyDirective, "form[readonly], mat-checkbox[readonly], mat-form-field[readonly], onemrva-mat-input-phone[readonly],onemrva-mat-input-birthplace[readonly],onemrva-mat-input-country[readonly],onemrva-mat-input-enterprise-number[readonly]", never, { "readonly": { "alias": "readonly"; "required": false; }; }, {}, never, never, true, never>;
231
+ static ɵdir: i0.ɵɵDirectiveDeclaration<OnemRvaReadonlyDirective, "form[readonly], mat-checkbox[readonly], mat-radio-group[readonly], mat-form-field[readonly], onemrva-mat-input-phone[readonly],onemrva-mat-task-list[readonly],onemrva-mat-selectable-box[readonly],onemrva-mat-choice-chip[readonly],onemrva-mat-input-birthplace[readonly],onemrva-mat-input-country[readonly],onemrva-mat-input-enterprise-number[readonly]", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
232
232
  }
233
233
 
234
234
  declare const directives: any[];
package/_utils.scss DELETED
@@ -1,30 +0,0 @@
1
- @use '@angular/material' as mat;
2
- @use 'sass:map';
3
-
4
- @function palette($theme, $palette, $hue: default, $opacity: null) {
5
- $theme-palette: map.get(
6
- (
7
- primary: map.get($theme, 'primary'),
8
- warn: map.get($theme, 'warn'),
9
- accent: map.get($theme, 'accent'),
10
- grayscale: map.get($theme, 'grayscale'),
11
- info: map.get($theme, 'info'),
12
- success: map.get($theme, 'success'),
13
- error: map.get($theme, 'error'),
14
- ),
15
- $palette
16
- );
17
- @return mat.m2-get-color-from-palette($theme-palette, $hue, $opacity);
18
- }
19
-
20
- @function fontFamily($config, $level) {
21
- $typo: map.get($config, 'typography');
22
- $fs: map.get($typo, $level);
23
- @return map.get($fs, 'font-family');
24
- }
25
- @function gradient($theme) {
26
- @return map.get($theme, 'gradient');
27
- }
28
- @function breakpoints($theme) {
29
- @return map.get($theme, 'breakpoints');
30
- }