@kms-ngx-ui/presentational 20.0.4 → 20.0.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 (4) hide show
  1. package/package.json +7 -7
  2. package/src/lib/ui/atoms/slide-toggle/slide-toggle.component.scss +10 -10
  3. package/src/lib/ui/molecules/button/button.component.scss +25 -44
  4. package/src/lib/ui/molecules/password/password.component.scss +1 -1
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@kms-ngx-ui/presentational",
3
- "version": "20.0.4",
3
+ "version": "20.0.5",
4
4
  "peerDependencies": {
5
5
  "@angular-slider/ngx-slider": "20.0.0",
6
- "@angular/cdk": "20.2.14",
7
- "@angular/common": "20.3.15",
8
- "@angular/core": "20.3.15",
9
- "@angular/forms": "20.3.15",
10
- "@angular/google-maps": "20.2.14",
11
- "@angular/material": "20.2.14",
6
+ "@angular/cdk": "^20.2.14",
7
+ "@angular/common": "^20.3.15",
8
+ "@angular/core": "^20.3.15",
9
+ "@angular/forms": "^20.3.15",
10
+ "@angular/google-maps": "^20.2.14",
11
+ "@angular/material": "^20.2.14",
12
12
  "@floating-ui/dom": "^1.6.12",
13
13
  "moment": "2.30.1",
14
14
  "swiper": "^11.1.4"
package/src/lib/ui/atoms/slide-toggle/slide-toggle.component.scss CHANGED
@@ -12,20 +12,20 @@
12
12
  }
13
13
  }
14
14
  .mdc-switch {
15
- --mdc-switch-selected-focus-track-color: var(--kms-tertiary-500);
16
- --mdc-switch-selected-hover-track-color: var(--kms-tertiary-500);
17
- --mdc-switch-selected-pressed-track-color: var(--kms-tertiary-500);
18
- --mdc-switch-selected-track-color: var(--kms-tertiary-500);
19
- --mdc-switch-unselected-focus-track-color: var(--kms-tertiary-500);
20
- --mdc-switch-unselected-hover-track-color: var(--kms-tertiary-500);
21
- --mdc-switch-unselected-pressed-track-color: var(--kms-tertiary-500);
22
- --mdc-switch-unselected-track-color: var(--kms-tertiary-500);
15
+ --mat-switch-selected-focus-track-color: var(--kms-tertiary-500);
16
+ --mat-switch-selected-hover-track-color: var(--kms-tertiary-500);
17
+ --mat-switch-selected-pressed-track-color: var(--kms-tertiary-500);
18
+ --mat-switch-selected-track-color: var(--kms-tertiary-500);
19
+ --mat-switch-unselected-focus-track-color: var(--kms-tertiary-500);
20
+ --mat-switch-unselected-hover-track-color: var(--kms-tertiary-500);
21
+ --mat-switch-unselected-pressed-track-color: var(--kms-tertiary-500);
22
+ --mat-switch-unselected-track-color: var(--kms-tertiary-500);
23
23
  --mat-switch-track-outline-color: transparent;
24
- --mat-switch-unselected-handle-horizontal-margin: 0
24
+ --mat-switch-unselected-handle-horizontal-margin: 0;
25
25
  --mat-switch-selected-handle-size: 16px;
26
26
  --mat-switch-selected-handle-size: 16px;
27
27
  --mat-switch-unselected-handle-size: 16px !important;
28
- --mdc-switch-track-height: 16px;
28
+ --mat-switch-track-height: 16px;
29
29
  width: 40px;
30
30
 
31
31
  &__shadow {
package/src/lib/ui/molecules/button/button.component.scss CHANGED
@@ -1,70 +1,51 @@
1
1
  @mixin button-theme() {
2
2
  :root {
3
- --mdc-filled-button-container-shape: 24px;
4
- --mdc-protected-button-container-shape: 24px;
5
- --mdc-text-button-container-shape: 24px;
3
+ --mat-button-filled-container-shape: 24px;
4
+ --mat-button-protected-container-shape: 24px;
5
+ --mat-button-text-container-shape: 24px;
6
6
  --kms-button-border-radius: 24px;
7
7
  }
8
8
 
9
9
  .kms-button {
10
10
  border-radius: 4px !important;
11
11
 
12
- &--basic-primary {
13
- --mdc-text-button-label-text-color: var(--kms-primary) !important;
14
- color: var(--kms-primary) !important;
15
-
16
- .mdc-button__label {
17
- color: var(--kms-primary) !important;
18
- }
12
+ &--basic-primary:not(:disabled) {
13
+ --mat-button-text-label-text-color: var(--kms-primary);
19
14
  }
20
- &--basic-accent {
21
- --mdc-text-button-label-text-color: var(--kms-tertiary) !important;
22
- color: var(--kms-tertiary) !important;
23
-
24
- .mdc-button__label {
25
- color: var(--kms-tertiary) !important;
26
- }
15
+ &--basic-accent:not(:disabled) {
16
+ --mat-button-text-label-text-color: var(--kms-tertiary);
27
17
  }
28
- &--basic-warn {
29
- --mdc-text-button-label-text-color: var(--kms-error) !important;
30
- color: var(--kms-error) !important;
31
-
32
- .mdc-button__label {
33
- color: var(--kms-error) !important;
34
- }
18
+ &--basic-warn:not(:disabled) {
19
+ --mat-button-text-label-text-color: var(--kms-error);
35
20
  }
36
21
 
37
- &--flat-primary {
38
- --mdc-filled-button-container-color: var(--kms-primary) !important;
39
- background-color: var(--kms-primary) !important;
22
+ &--flat-primary:not(:disabled) {
23
+ --mat-button-filled-container-color: var(--kms-primary);
40
24
  }
41
- &--flat-accent {
42
- --mdc-filled-button-container-color: var(--kms-tertiary) !important;
43
- background-color: var(--kms-tertiary) !important;
25
+ &--flat-accent:not(:disabled) {
26
+ --mat-button-filled-container-color: var(--kms-tertiary);
44
27
  }
45
- &--flat-warn {
46
- --mdc-filled-button-container-color: var(--kms-error) !important;
47
- background-color: var(--kms-error) !important;
28
+ &--flat-warn:not(:disabled) {
29
+ --mat-button-filled-container-color: var(--kms-error);
48
30
  }
49
31
 
50
- &--raised-primary {
51
- --mdc-protected-button-container-color: var(--kms-primary) !important;
52
- background-color: var(--kms-primary) !important;
32
+ &--raised-primary:not(:disabled) {
33
+ --mat-button-protected-container-color: var(--kms-primary);
53
34
  }
54
- &--raised-accent {
55
- --mdc-protected-button-container-color: var(--kms-tertiary) !important;
56
- background-color: var(--kms-tertiary) !important;
35
+ &--raised-accent:not(:disabled) {
36
+ --mat-button-protected-container-color: var(--kms-tertiary);
57
37
  }
58
- &--raised-warn {
59
- --mdc-protected-button-container-color: var(--kms-error) !important;
60
- background-color: var(--kms-error) !important;
38
+ &--raised-warn:not(:disabled) {
39
+ --mat-button-protected-container-color: var(--kms-error);
61
40
  }
62
41
 
63
42
  &--loading {
64
- color: transparent !important;
43
+ --mat-button-text-label-text-color: transparent;
44
+ --mat-button-filled-label-text-color: transparent;
45
+ --mat-button-protected-label-text-color: transparent;
65
46
 
66
47
  .kms-button__icon .icon {
67
- color: transparent !important;
48
+ --mat-button-text-label-text-color: transparent;
68
49
  }
69
50
  }
70
51
 
package/src/lib/ui/molecules/password/password.component.scss CHANGED
@@ -5,7 +5,7 @@
5
5
  }
6
6
 
7
7
  &__card {
8
- --mdc-list-list-item-one-line-container-height: 32px;
8
+ --mat-list-list-item-one-line-container-height: 32px;
9
9
  padding: 0 !important;
10
10
  }
11
11