@mtna/web-form-angular 1.0.6-SNAPSHOT.23 → 1.0.6-SNAPSHOT.24

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 (10) hide show
  1. package/_index.scss +2 -0
  2. package/lib/_index.scss +2 -0
  3. package/lib/components/form-item-impl/checkbox/_checkbox-theme.scss +4 -4
  4. package/lib/components/form-item-impl/multiple-choice/_multiple-choice-theme.scss +4 -4
  5. package/lib/components/template-item-impl/checkbox-item/_checkbox-item-template-theme.scss +4 -4
  6. package/lib/components/template-item-impl/multiple-choice-item/_multiple-choice-item-theme.scss +65 -0
  7. package/lib/core/_all-color.scss +2 -0
  8. package/lib/core/_all-theme.scss +2 -0
  9. package/lib/core/_all-typography.scss +2 -0
  10. package/package.json +1 -1
package/_index.scss CHANGED
@@ -32,6 +32,8 @@
32
32
  date-item-template-color, date-item-template-typography;
33
33
  @forward './lib/components/template-item-impl/dropdown-item/dropdown-item-template-theme' as dropdown-item-template-* show dropdown-item-template-theme,
34
34
  dropdown-item-template-color, dropdown-item-template-typography;
35
+ @forward './lib/components/template-item-impl/multiple-choice-item/multiple-choice-item-theme' as multiple-choice-item-* show multiple-choice-item-theme,
36
+ multiple-choice-item-color, multiple-choice-item-typography;
35
37
  @forward './lib/components/template-item-impl/repeatable-item-container/repeatable-item-template-container-theme' as
36
38
  repeatable-item-template-container-* show repeatable-item-template-container-theme,
37
39
  repeatable-item-template-container-color, repeatable-item-template-container-typography;
package/lib/_index.scss CHANGED
@@ -32,6 +32,8 @@
32
32
  date-item-template-color, date-item-template-typography;
33
33
  @forward './lib/components/template-item-impl/dropdown-item/dropdown-item-template-theme' as dropdown-item-template-* show dropdown-item-template-theme,
34
34
  dropdown-item-template-color, dropdown-item-template-typography;
35
+ @forward './lib/components/template-item-impl/multiple-choice-item/multiple-choice-item-theme' as multiple-choice-item-* show multiple-choice-item-theme,
36
+ multiple-choice-item-color, multiple-choice-item-typography;
35
37
  @forward './lib/components/template-item-impl/repeatable-item-container/repeatable-item-template-container-theme' as
36
38
  repeatable-item-template-container-* show repeatable-item-template-container-theme,
37
39
  repeatable-item-template-container-color, repeatable-item-template-container-typography;
package/lib/components/form-item-impl/checkbox/_checkbox-theme.scss CHANGED
@@ -11,14 +11,14 @@
11
11
 
12
12
  mtna-wf-checkbox-item.read-only .mat-checkbox {
13
13
  .mat-checkbox-label {
14
- color: mat.get-color-from-palette($foreground, disabled);
14
+ color: mat.get-color-from-palette($foreground, text);
15
15
  }
16
16
  .mat-checkbox-inner-container .mat-checkbox-frame {
17
- border-color: mat.get-color-from-palette($foreground, disabled);
17
+ border-color: mat.get-color-from-palette($foreground, secondary-text);
18
18
  }
19
19
 
20
- &.mat-checkbox-checked:not(.mat-checkbox-disabled),
21
- &.mat-checkbox-indeterminate:not(.mat-checkbox-disabled) {
20
+ &.mat-checkbox-checked,
21
+ &.mat-checkbox-indeterminate {
22
22
  &.mat-primary {
23
23
  @include mixins.wf-checkbox-color($primary);
24
24
  }
package/lib/components/form-item-impl/multiple-choice/_multiple-choice-theme.scss CHANGED
@@ -10,10 +10,10 @@
10
10
  mtna-wf-multiple-choice-item.read-only {
11
11
  .mat-radio-button {
12
12
  .mat-radio-outer-circle {
13
- border-color: mat.get-color-from-palette($foreground, disabled);
13
+ border-color: mat.get-color-from-palette($foreground, secondary-text);
14
14
  }
15
15
  .mat-radio-label-content {
16
- color: mat.get-color-from-palette($foreground, disabled);
16
+ color: mat.get-color-from-palette($foreground, text);
17
17
  }
18
18
 
19
19
  .mat-radio-ripple .mat-ripple-element,
@@ -53,13 +53,13 @@
53
53
 
54
54
  @mixin _wf-multiple-choice-radio-color($palette) {
55
55
  .mat-radio-outer-circle {
56
- border-color: mat.get-color-from-palette($palette, 0.8);
56
+ border-color: mat.get-color-from-palette($palette);
57
57
  }
58
58
 
59
59
  .mat-radio-inner-circle,
60
60
  .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
61
61
  &.mat-radio-checked .mat-radio-persistent-ripple,
62
62
  &:active .mat-radio-persistent-ripple {
63
- background-color: mat.get-color-from-palette($palette, 0.8);
63
+ background-color: mat.get-color-from-palette($palette);
64
64
  }
65
65
  }
package/lib/components/template-item-impl/checkbox-item/_checkbox-item-template-theme.scss CHANGED
@@ -10,14 +10,14 @@
10
10
 
11
11
  mtna-wf-checkbox-item-template.read-only .mat-checkbox {
12
12
  .mat-checkbox-label {
13
- color: mat.get-color-from-palette($foreground, disabled);
13
+ color: mat.get-color-from-palette($foreground, text);
14
14
  }
15
15
  .mat-checkbox-inner-container .mat-checkbox-frame {
16
- border-color: mat.get-color-from-palette($foreground, disabled);
16
+ border-color: mat.get-color-from-palette($foreground, secondary-text);
17
17
  }
18
18
 
19
- &.mat-checkbox-checked:not(.mat-checkbox-disabled),
20
- &.mat-checkbox-indeterminate:not(.mat-checkbox-disabled) {
19
+ &.mat-checkbox-checked,
20
+ &.mat-checkbox-indeterminate {
21
21
  &.mat-primary {
22
22
  @include mixins.wf-checkbox-color($primary);
23
23
  }
package/lib/components/template-item-impl/multiple-choice-item/_multiple-choice-item-theme.scss ADDED
@@ -0,0 +1,65 @@
1
+ @use 'sass:map';
2
+ @use '~@angular/material' as mat;
3
+
4
+ @mixin color($theme) {
5
+ $config: mat.get-color-config($theme);
6
+ $primary: map.get($config, primary);
7
+ $accent: map.get($config, accent);
8
+ $foreground: map.get($config, foreground);
9
+
10
+ mtna-wf-multiple-choice-item-template.read-only {
11
+ .mat-radio-button {
12
+ .mat-radio-outer-circle {
13
+ border-color: mat.get-color-from-palette($foreground, secondary-text);
14
+ }
15
+ .mat-radio-label-content {
16
+ color: mat.get-color-from-palette($foreground, text);
17
+ }
18
+
19
+ .mat-radio-ripple .mat-ripple-element,
20
+ .mat-radio-inner-circle {
21
+ background-color: mat.get-color-from-palette($foreground, disabled);
22
+ }
23
+ &.mat-radio-checked {
24
+ .mat-radio-label-content {
25
+ color: mat.get-color-from-palette($foreground, text);
26
+ }
27
+ &.mat-primary {
28
+ @include _wf-multiple-choice-radio-color($primary);
29
+ }
30
+
31
+ &.mat-accent {
32
+ @include _wf-multiple-choice-radio-color($accent);
33
+ }
34
+ }
35
+ }
36
+ }
37
+ }
38
+
39
+ @mixin typography($theme) {
40
+ }
41
+
42
+ @mixin theme($theme) {
43
+ $config: mat.get-color-config($theme);
44
+ @if $config != null {
45
+ @include color($theme);
46
+ }
47
+
48
+ $typography-config: mat.get-typography-config($theme);
49
+ @if $typography-config != null {
50
+ @include typography($theme);
51
+ }
52
+ }
53
+
54
+ @mixin _wf-multiple-choice-radio-color($palette) {
55
+ .mat-radio-outer-circle {
56
+ border-color: mat.get-color-from-palette($palette);
57
+ }
58
+
59
+ .mat-radio-inner-circle,
60
+ .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
61
+ &.mat-radio-checked .mat-radio-persistent-ripple,
62
+ &:active .mat-radio-persistent-ripple {
63
+ background-color: mat.get-color-from-palette($palette);
64
+ }
65
+ }
package/lib/core/_all-color.scss CHANGED
@@ -13,6 +13,7 @@
13
13
  @use '../components/template-item-impl/checkbox-item/checkbox-item-template-theme';
14
14
  @use '../components/template-item-impl/date-item/date-item-template-theme';
15
15
  @use '../components/template-item-impl/dropdown-item/dropdown-item-template-theme';
16
+ @use '../components/template-item-impl/multiple-choice-item/multiple-choice-item-theme';
16
17
  @use '../components/template-item-impl/repeatable-item-container/repeatable-item-template-container-theme';
17
18
  @use '../components/template-item-impl/template-item-header/template-item-header-theme';
18
19
  @use '../components/template-item-impl/template-item-group/template-item-group-theme';
@@ -35,6 +36,7 @@
35
36
  @include checkbox-item-template-theme.color($theme);
36
37
  @include date-item-template-theme.color($theme);
37
38
  @include dropdown-item-template-theme.color($theme);
39
+ @include multiple-choice-item-theme.color($theme);
38
40
  @include repeatable-item-template-container-theme.color($theme);
39
41
  @include template-item-header-theme.color($theme);
40
42
  @include template-item-group-theme.color($theme);
package/lib/core/_all-theme.scss CHANGED
@@ -13,6 +13,7 @@
13
13
  @use '../components/template-item-impl/checkbox-item/checkbox-item-template-theme';
14
14
  @use '../components/template-item-impl/date-item/date-item-template-theme';
15
15
  @use '../components/template-item-impl/dropdown-item/dropdown-item-template-theme';
16
+ @use '../components/template-item-impl/multiple-choice-item/multiple-choice-item-theme';
16
17
  @use '../components/template-item-impl/repeatable-item-container/repeatable-item-template-container-theme';
17
18
  @use '../components/template-item-impl/template-item-header/template-item-header-theme';
18
19
  @use '../components/template-item-impl/template-item-group/template-item-group-theme';
@@ -35,6 +36,7 @@
35
36
  @include checkbox-item-template-theme.theme($theme);
36
37
  @include date-item-template-theme.theme($theme);
37
38
  @include dropdown-item-template-theme.theme($theme);
39
+ @include multiple-choice-item-theme.theme($theme);
38
40
  @include repeatable-item-template-container-theme.theme($theme);
39
41
  @include template-item-header-theme.theme($theme);
40
42
  @include template-item-group-theme.theme($theme);
package/lib/core/_all-typography.scss CHANGED
@@ -13,6 +13,7 @@
13
13
  @use '../components/template-item-impl/checkbox-item/checkbox-item-template-theme';
14
14
  @use '../components/template-item-impl/date-item/date-item-template-theme';
15
15
  @use '../components/template-item-impl/dropdown-item/dropdown-item-template-theme';
16
+ @use '../components/template-item-impl/multiple-choice-item/multiple-choice-item-theme';
16
17
  @use '../components/template-item-impl/repeatable-item-container/repeatable-item-template-container-theme';
17
18
  @use '../components/template-item-impl/template-item-header/template-item-header-theme';
18
19
  @use '../components/template-item-impl/template-item-group/template-item-group-theme';
@@ -35,6 +36,7 @@
35
36
  @include checkbox-item-template-theme.typography($theme);
36
37
  @include date-item-template-theme.typography($theme);
37
38
  @include dropdown-item-template-theme.typography($theme);
39
+ @include multiple-choice-item-theme.typography($theme);
38
40
  @include repeatable-item-template-container-theme.typography($theme);
39
41
  @include template-item-header-theme.typography($theme);
40
42
  @include template-item-group-theme.typography($theme);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mtna/web-form-angular",
3
- "version": "1.0.6-SNAPSHOT.23",
3
+ "version": "1.0.6-SNAPSHOT.24",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://bitbucket.org/mtnaus/web-form-angular"