qms-angular 1.0.90 → 1.0.91

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 (39) hide show
  1. package/bundles/qms-angular.umd.js +50 -34
  2. package/bundles/qms-angular.umd.js.map +1 -1
  3. package/esm2015/lib/components/banner/models/qms-banner.model.js +9 -1
  4. package/esm2015/lib/components/banner/qms-banner-confirm/qms-banner-confirm.component.js +4 -3
  5. package/esm2015/lib/components/banner/qms-banner-confirm/qms-banner-confirm.module.js +7 -4
  6. package/esm2015/lib/components/button/button-toggle.js +1 -1
  7. package/esm2015/lib/components/button/button.js +1 -1
  8. package/esm2015/lib/components/list/list.js +2 -2
  9. package/esm2015/lib/components/related/popup/related-popup.component.js +1 -1
  10. package/esm2015/lib/components/select-include-children/select-include-children.component.js +1 -1
  11. package/esm2015/lib/components/select-process-document/select-process-document.component.js +1 -1
  12. package/esm2015/lib/components/tree/tree.component.js +1 -1
  13. package/esm2015/lib/components/treeNew/tree.component.js +1 -1
  14. package/esm2015/lib/qms-ckeditor-components/common/flowchart/service/kitchensink-service.js +1 -1
  15. package/esm2015/lib/qms-ckeditor-components/common/helper/fileHelper.js +15 -0
  16. package/esm2015/lib/qms-ckeditor-components/components/qms-ckeditor-bpmn/qms-ckeditor-bpmn.component.js +5 -18
  17. package/esm2015/lib/qms-ckeditor-components/components/qms-ckeditor-flowchart/qms-ckeditor-flowchart.component.js +9 -3
  18. package/esm2015/lib/qms-ckeditor-components/qms-ckeditor.component.js +2 -2
  19. package/fesm2015/qms-angular.js +49 -33
  20. package/fesm2015/qms-angular.js.map +1 -1
  21. package/lib/components/banner/models/qms-banner.model.d.ts +7 -0
  22. package/lib/components/banner/qms-banner-confirm/qms-banner-confirm.component.d.ts +2 -1
  23. package/lib/qms-ckeditor-components/common/flowchart/service/kitchensink-service.d.ts +1 -1
  24. package/lib/qms-ckeditor-components/common/helper/fileHelper.d.ts +1 -0
  25. package/lib/qms-ckeditor-components/components/qms-ckeditor-bpmn/qms-ckeditor-bpmn.component.d.ts +0 -1
  26. package/lib/qms-ckeditor-components/components/qms-ckeditor-flowchart/qms-ckeditor-flowchart.component.d.ts +3 -1
  27. package/package.json +1 -1
  28. package/qms-angular.metadata.json +1 -1
  29. package/src/lib/components/button/button-icon.scss +1 -1
  30. package/src/lib/components/button/button-toggle.scss +3 -3
  31. package/src/lib/components/list/_list-expansion.scss +11 -7
  32. package/src/lib/components/related/popup/related-popup.component.scss +0 -1
  33. package/src/lib/components/select-include-children/select-include-children.component.scss +0 -1
  34. package/src/lib/components/select-process-document/select-process-document.component.scss +0 -1
  35. package/src/lib/components/tree/tree.component.scss +1 -1
  36. package/src/lib/components/treeNew/tree.component.scss +1 -1
  37. package/src/themes/core/_date-picker.scss +2 -2
  38. package/src/themes/core/_table.scss +1 -1
  39. package/src/themes/theme/_variable.scss +8 -8
package/src/lib/components/button/button-icon.scss CHANGED
@@ -91,7 +91,7 @@ $size: 48px;
91
91
 
92
92
  &:not([disabled]):hover,
93
93
  &:not([disabled]):focus {
94
- background-color: theme-apply($primary-light-3-opacity);
94
+ background-color: theme-apply($primary-light-12-opacity);
95
95
  color: theme-apply($primary);
96
96
  }
97
97
 
package/src/lib/components/button/button-toggle.scss CHANGED
@@ -30,11 +30,11 @@
30
30
  }
31
31
 
32
32
  &:hover {
33
- background-color: theme-apply($primary-light-3-opacity);
33
+ background-color: theme-apply($primary-light-12-opacity);
34
34
  }
35
35
 
36
36
  &.qms-button-toggle-checked {
37
- background-color: theme-apply($primary-light-3-opacity);
37
+ background-color: theme-apply($primary-light-12-opacity);
38
38
  color: theme-apply($primary);
39
39
  }
40
40
 
@@ -70,7 +70,7 @@
70
70
  }
71
71
 
72
72
  &.qms-button-toggle-appearance-active {
73
- background-color: theme-apply($primary-light-3-opacity);
73
+ background-color: theme-apply($primary-light-12-opacity);
74
74
  color: theme-apply($primary);
75
75
 
76
76
  &:hover {
package/src/lib/components/list/_list-expansion.scss CHANGED
@@ -1,4 +1,7 @@
1
+ @import "../../../themes/core/variables";
1
2
  @import "../../../themes/core/typography";
3
+ @import "../../../themes/theme/variable";
4
+ @import "../../../themes/theme/mixins";
2
5
 
3
6
  .mat-expansion-panel {
4
7
  &.qms-expansion {
@@ -38,7 +41,8 @@
38
41
 
39
42
  .qms-list-header {
40
43
  * {
41
- color: rgba(25, 84, 169, 0.38);
44
+ color: theme-apply($primary);
45
+ opacity: 0.38;
42
46
  }
43
47
  }
44
48
  }
@@ -46,40 +50,40 @@
46
50
  .mat-expansion-panel-header {
47
51
  &:hover {
48
52
  &:not([aria-disabled="true"]) {
49
- background: #F2F7FD;
53
+ background: theme-apply($primary-light-6-opacity);
50
54
  }
51
55
 
52
56
  .subtitle, .default-subtitle, .caption,
53
57
  .mat-expansion-indicator::after,
54
58
  .material-icons,
55
59
  .material-icons-outlined {
56
- color: $primary;
60
+ color: theme-apply($primary);
57
61
  }
58
62
  }
59
63
 
60
64
  &:active {
61
65
  &:not([aria-disabled="true"]) {
62
- background: #C8D6EA;
66
+ background: theme-apply($primary-light-24-opacity);
63
67
  }
64
68
 
65
69
  .subtitle, .default-subtitle, .caption,
66
70
  .mat-expansion-indicator::after,
67
71
  .material-icons,
68
72
  .material-icons-outlined {
69
- color: $primary;
73
+ color: theme-apply($primary);
70
74
  }
71
75
  }
72
76
 
73
77
 
74
78
  &.cdk-keyboard-focused {
75
- background-color: theme-apply($primary-light-3-opacity);;
79
+ background-color: theme-apply($primary-light-12-opacity);
76
80
  border-radius: $border-radius-default;
77
81
 
78
82
  .subtitle, .default-subtitle, .caption,
79
83
  .mat-expansion-indicator::after,
80
84
  .material-icons,
81
85
  .material-icons-outlined {
82
- color: $primary;
86
+ color: theme-apply($primary);
83
87
  }
84
88
  }
85
89
 
package/src/lib/components/related/popup/related-popup.component.scss CHANGED
@@ -141,7 +141,6 @@
141
141
  }
142
142
 
143
143
  .splitview-header{
144
- height: 30px;
145
144
  font-size: 12px;
146
145
  letter-spacing: 1px;
147
146
  font-family: "RALEWAY";
package/src/lib/components/select-include-children/select-include-children.component.scss CHANGED
@@ -150,7 +150,6 @@
150
150
  }
151
151
 
152
152
  .splitview-header{
153
- height: 30px;
154
153
  font-size: 12px;
155
154
  letter-spacing: 1px;
156
155
  font-family: "RALEWAY";
package/src/lib/components/select-process-document/select-process-document.component.scss CHANGED
@@ -141,7 +141,6 @@
141
141
  }
142
142
 
143
143
  .splitview-header{
144
- height: 30px;
145
144
  font-size: 12px;
146
145
  letter-spacing: 1px;
147
146
  font-family: "RALEWAY";
package/src/lib/components/tree/tree.component.scss CHANGED
@@ -121,7 +121,7 @@
121
121
 
122
122
  .tree-branch {
123
123
  &:hover {
124
- background-color: theme-apply($primary-light-3-opacity);
124
+ background-color: theme-apply($primary-light-12-opacity);
125
125
  }
126
126
  }
127
127
 
package/src/lib/components/treeNew/tree.component.scss CHANGED
@@ -114,7 +114,7 @@
114
114
 
115
115
  .tree-branch {
116
116
  &:hover {
117
- background-color: theme-apply($primary-light-3-opacity);
117
+ background-color: theme-apply($primary-light-12-opacity);
118
118
  }
119
119
  }
120
120
 
package/src/themes/core/_date-picker.scss CHANGED
@@ -63,7 +63,7 @@
63
63
  > .mat-calendar-body-cell-content {
64
64
  &:not(.mat-calendar-body-selected) {
65
65
  &:not(.mat-calendar-body-comparison-identical) {
66
- background-color: theme-apply($primary-light-3-opacity);
66
+ background-color: theme-apply($primary-light-12-opacity);
67
67
  color: theme-apply($primary);
68
68
  }
69
69
  }
@@ -76,7 +76,7 @@
76
76
  > .mat-calendar-body-cell-content {
77
77
  &:not(.mat-calendar-body-selected) {
78
78
  &:not(.mat-calendar-body-comparison-identical) {
79
- background-color: theme-apply($primary-light-3-opacity);
79
+ background-color: theme-apply($primary-light-12-opacity);
80
80
  color: theme-apply($primary);
81
81
  }
82
82
  }
package/src/themes/core/_table.scss CHANGED
@@ -87,7 +87,7 @@
87
87
  }
88
88
 
89
89
  &:active {
90
- background: #C8D6EA;;
90
+ background: theme-apply($primary-light-24-opacity);
91
91
  }
92
92
 
93
93
  &-selected {
package/src/themes/theme/_variable.scss CHANGED
@@ -114,10 +114,10 @@ $qms-theme-default: (
114
114
  $primary: #1954a9,
115
115
  $primary-light: #2873df,
116
116
  $primary-lighter: #b7daf8,
117
- $primary-light-3-opacity: #e5eefb,
118
- $primary-light-6-opacity: rgba(40, 115, 223, 0.06),
119
- $primary-light-12-opacity: rgba(40, 115, 223, 0.12),
120
- $primary-light-24-opacity: rgba(40, 115, 223, 0.24),
117
+ $primary-light-3-opacity: #f5faff,
118
+ $primary-light-6-opacity: #F2F7FD,
119
+ $primary-light-12-opacity: #E5EEFB,
120
+ $primary-light-24-opacity: #C8D6EA,
121
121
  $primary-light-32-opacity: #94baef,
122
122
  $primary-dark: #144285,
123
123
  $secondary: #9e360f,
@@ -210,10 +210,10 @@ $qms-theme-pink: (
210
210
  $primary: #1954a9,
211
211
  $primary-light: #2873df,
212
212
  $primary-lighter: #b7daf8,
213
- $primary-light-3-opacity: #e5eefb,
214
- $primary-light-6-opacity: rgba(40, 115, 223, 0.06),
215
- $primary-light-12-opacity: rgba(40, 115, 223, 0.12),
216
- $primary-light-24-opacity: rgba(40, 115, 223, 0.24),
213
+ $primary-light-3-opacity: #f5faff,
214
+ $primary-light-6-opacity: #F2F7FD,
215
+ $primary-light-12-opacity: #E5EEFB,
216
+ $primary-light-24-opacity: #C8D6EA,
217
217
  $primary-light-32-opacity: #94baef,
218
218
  $primary-dark: #144285,
219
219
  $secondary: #9e360f,