ichec-angular-core 0.2.6 → 0.3.0
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.
- package/fesm2022/ichec-angular-core.mjs +672 -531
- package/fesm2022/ichec-angular-core.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/styles.scss +9 -5
- package/styles/styles_theme-colors.scss +205 -0
- package/types/ichec-angular-core.d.ts +259 -230
package/package.json
CHANGED
package/styles/styles.scss
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
@use 'sass:color';
|
|
2
|
+
@use '@angular/material' as mat;
|
|
3
|
+
|
|
1
4
|
.content-container {
|
|
2
5
|
display: flex;
|
|
3
6
|
padding: 10px;
|
|
@@ -39,7 +42,7 @@
|
|
|
39
42
|
align-items: left;
|
|
40
43
|
flex-direction: column;
|
|
41
44
|
width:100%;
|
|
42
|
-
max-width:
|
|
45
|
+
max-width:800px;
|
|
43
46
|
}
|
|
44
47
|
|
|
45
48
|
.item-edit-header {
|
|
@@ -53,13 +56,14 @@
|
|
|
53
56
|
|
|
54
57
|
.item-card {
|
|
55
58
|
margin-bottom: 8px;
|
|
59
|
+
margin-right: 5px;
|
|
60
|
+
padding-right: 5px;
|
|
56
61
|
height:100%;
|
|
57
62
|
width:100%;
|
|
58
|
-
max-width:600px;
|
|
59
|
-
}
|
|
60
63
|
|
|
61
|
-
|
|
62
|
-
|
|
64
|
+
&:hover {
|
|
65
|
+
background-color: var(--mat-sys-surface-container-high);
|
|
66
|
+
}
|
|
63
67
|
}
|
|
64
68
|
|
|
65
69
|
.image-holder {
|
|
@@ -0,0 +1,205 @@
|
|
|
1
|
+
// This file was generated by running 'ng generate @angular/material:theme-color'.
|
|
2
|
+
// Proceed with caution if making changes to this file.
|
|
3
|
+
|
|
4
|
+
@use 'sass:map';
|
|
5
|
+
@use '@angular/material' as mat;
|
|
6
|
+
|
|
7
|
+
// Note: Color palettes are generated from primary: #003964, secondary: #323F48
|
|
8
|
+
$_palettes: (
|
|
9
|
+
primary: (
|
|
10
|
+
0: #000000,
|
|
11
|
+
10: #001d36,
|
|
12
|
+
20: #003259,
|
|
13
|
+
25: #083d68,
|
|
14
|
+
30: #1a4975,
|
|
15
|
+
35: #295581,
|
|
16
|
+
40: #37618e,
|
|
17
|
+
50: #517aa8,
|
|
18
|
+
60: #6b94c4,
|
|
19
|
+
70: #86aee0,
|
|
20
|
+
80: #a1cafd,
|
|
21
|
+
90: #d1e4ff,
|
|
22
|
+
95: #eaf1ff,
|
|
23
|
+
98: #f8f9ff,
|
|
24
|
+
99: #fdfcff,
|
|
25
|
+
100: #ffffff,
|
|
26
|
+
),
|
|
27
|
+
secondary: (
|
|
28
|
+
0: #000000,
|
|
29
|
+
10: #101d25,
|
|
30
|
+
20: #25323b,
|
|
31
|
+
25: #303d46,
|
|
32
|
+
30: #3b4852,
|
|
33
|
+
35: #47545e,
|
|
34
|
+
40: #53606a,
|
|
35
|
+
50: #6b7983,
|
|
36
|
+
60: #85939d,
|
|
37
|
+
70: #9fadb8,
|
|
38
|
+
80: #bac8d3,
|
|
39
|
+
90: #d6e4f0,
|
|
40
|
+
95: #e5f3fe,
|
|
41
|
+
98: #f5faff,
|
|
42
|
+
99: #fbfcff,
|
|
43
|
+
100: #ffffff,
|
|
44
|
+
),
|
|
45
|
+
tertiary: (
|
|
46
|
+
0: #000000,
|
|
47
|
+
10: #2d0b3c,
|
|
48
|
+
20: #442252,
|
|
49
|
+
25: #502d5e,
|
|
50
|
+
30: #5d396b,
|
|
51
|
+
35: #694477,
|
|
52
|
+
40: #765084,
|
|
53
|
+
50: #90689e,
|
|
54
|
+
60: #ac82b9,
|
|
55
|
+
70: #c89cd5,
|
|
56
|
+
80: #e4b7f2,
|
|
57
|
+
90: #f8d8ff,
|
|
58
|
+
95: #feebff,
|
|
59
|
+
98: #fff7fb,
|
|
60
|
+
99: #fffbff,
|
|
61
|
+
100: #ffffff,
|
|
62
|
+
),
|
|
63
|
+
neutral: (
|
|
64
|
+
0: #000000,
|
|
65
|
+
10: #1a1c1f,
|
|
66
|
+
20: #2f3034,
|
|
67
|
+
25: #3a3b3f,
|
|
68
|
+
30: #45474a,
|
|
69
|
+
35: #515256,
|
|
70
|
+
40: #5d5e62,
|
|
71
|
+
50: #76777b,
|
|
72
|
+
60: #909094,
|
|
73
|
+
70: #aaabaf,
|
|
74
|
+
80: #c6c6ca,
|
|
75
|
+
90: #e2e2e6,
|
|
76
|
+
95: #f0f0f5,
|
|
77
|
+
98: #f9f9fd,
|
|
78
|
+
99: #fdfcff,
|
|
79
|
+
100: #ffffff,
|
|
80
|
+
4: #0c0e11,
|
|
81
|
+
6: #121316,
|
|
82
|
+
12: #1e2023,
|
|
83
|
+
17: #282a2d,
|
|
84
|
+
22: #333538,
|
|
85
|
+
24: #37393d,
|
|
86
|
+
87: #dadade,
|
|
87
|
+
92: #e8e8ec,
|
|
88
|
+
94: #eeedf2,
|
|
89
|
+
96: #f3f3f7,
|
|
90
|
+
),
|
|
91
|
+
neutral-variant: (
|
|
92
|
+
0: #000000,
|
|
93
|
+
10: #171c23,
|
|
94
|
+
20: #2c3138,
|
|
95
|
+
25: #373c43,
|
|
96
|
+
30: #42474f,
|
|
97
|
+
35: #4e535a,
|
|
98
|
+
40: #5a5f67,
|
|
99
|
+
50: #737780,
|
|
100
|
+
60: #8c9199,
|
|
101
|
+
70: #a7abb4,
|
|
102
|
+
80: #c2c7d0,
|
|
103
|
+
90: #dee2ec,
|
|
104
|
+
95: #edf1fa,
|
|
105
|
+
98: #f8f9ff,
|
|
106
|
+
99: #fdfcff,
|
|
107
|
+
100: #ffffff,
|
|
108
|
+
),
|
|
109
|
+
error: (
|
|
110
|
+
0: #000000,
|
|
111
|
+
10: #410002,
|
|
112
|
+
20: #690005,
|
|
113
|
+
25: #7e0007,
|
|
114
|
+
30: #93000a,
|
|
115
|
+
35: #a80710,
|
|
116
|
+
40: #ba1a1a,
|
|
117
|
+
50: #de3730,
|
|
118
|
+
60: #ff5449,
|
|
119
|
+
70: #ff897d,
|
|
120
|
+
80: #ffb4ab,
|
|
121
|
+
90: #ffdad6,
|
|
122
|
+
95: #ffedea,
|
|
123
|
+
98: #fff8f7,
|
|
124
|
+
99: #fffbff,
|
|
125
|
+
100: #ffffff,
|
|
126
|
+
),
|
|
127
|
+
);
|
|
128
|
+
|
|
129
|
+
$_rest: (
|
|
130
|
+
secondary: map.get($_palettes, secondary),
|
|
131
|
+
neutral: map.get($_palettes, neutral),
|
|
132
|
+
neutral-variant: map.get($_palettes, neutral-variant),
|
|
133
|
+
error: map.get($_palettes, error),
|
|
134
|
+
);
|
|
135
|
+
|
|
136
|
+
$primary-palette: map.merge(map.get($_palettes, primary), $_rest);
|
|
137
|
+
$tertiary-palette: map.merge(map.get($_palettes, tertiary), $_rest);
|
|
138
|
+
|
|
139
|
+
@function _high-contrast-value($light, $dark, $theme-type) {
|
|
140
|
+
@if ($theme-type == light) {
|
|
141
|
+
@return $light;
|
|
142
|
+
}
|
|
143
|
+
@if ($theme-type == dark) {
|
|
144
|
+
@return $dark;
|
|
145
|
+
}
|
|
146
|
+
@if ($theme-type == color-scheme) {
|
|
147
|
+
@return light-dark(#{$light}, #{$dark});
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
@error 'Unknown theme-type #{$theme-type}. Expected light, dark, or color-scheme';
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
@mixin high-contrast-overrides($theme-type) {
|
|
154
|
+
@include mat.theme-overrides((
|
|
155
|
+
primary: _high-contrast-value(#002341, #e8f0ff, $theme-type),
|
|
156
|
+
on-primary: _high-contrast-value(#ffffff, #000000, $theme-type),
|
|
157
|
+
primary-container: _high-contrast-value(#003964, #9dc6f9, $theme-type),
|
|
158
|
+
on-primary-container: _high-contrast-value(#f5f7ff, #000c1b, $theme-type),
|
|
159
|
+
inverse-primary: _high-contrast-value(#a1cafd, #1c4a76, $theme-type),
|
|
160
|
+
primary-fixed: _high-contrast-value(#1e4b77, #d1e4ff, $theme-type),
|
|
161
|
+
primary-fixed-dim: _high-contrast-value(#00345c, #a1cafd, $theme-type),
|
|
162
|
+
on-primary-fixed: _high-contrast-value(#ffffff, #000000, $theme-type),
|
|
163
|
+
on-primary-fixed-variant: _high-contrast-value(#ffffff, #001225, $theme-type),
|
|
164
|
+
secondary: _high-contrast-value(#212e36, #e4f2fd, $theme-type),
|
|
165
|
+
on-secondary: _high-contrast-value(#ffffff, #000000, $theme-type),
|
|
166
|
+
secondary-container: _high-contrast-value(#3e4b54, #b7c4d0, $theme-type),
|
|
167
|
+
on-secondary-container: _high-contrast-value(#ffffff, #020d14, $theme-type),
|
|
168
|
+
secondary-fixed: _high-contrast-value(#3e4b54, #d6e4f0, $theme-type),
|
|
169
|
+
secondary-fixed-dim: _high-contrast-value(#27343d, #bac8d3, $theme-type),
|
|
170
|
+
on-secondary-fixed: _high-contrast-value(#ffffff, #000000, $theme-type),
|
|
171
|
+
on-secondary-fixed-variant: _high-contrast-value(#ffffff, #06131a, $theme-type),
|
|
172
|
+
tertiary: _high-contrast-value(#351243, #feeaff, $theme-type),
|
|
173
|
+
on-tertiary: _high-contrast-value(#ffffff, #000000, $theme-type),
|
|
174
|
+
tertiary-container: _high-contrast-value(#4c295a, #e0b3ee, $theme-type),
|
|
175
|
+
on-tertiary-container: _high-contrast-value(#fff5fc, #190025, $theme-type),
|
|
176
|
+
tertiary-fixed: _high-contrast-value(#5f3b6d, #f8d8ff, $theme-type),
|
|
177
|
+
tertiary-fixed-dim: _high-contrast-value(#472455, #e4b7f2, $theme-type),
|
|
178
|
+
on-tertiary-fixed: _high-contrast-value(#ffffff, #000000, $theme-type),
|
|
179
|
+
on-tertiary-fixed-variant: _high-contrast-value(#ffffff, #220031, $theme-type),
|
|
180
|
+
background: _high-contrast-value(#f9f9fd, #121316, $theme-type),
|
|
181
|
+
on-background: _high-contrast-value(#1a1c1f, #e2e2e6, $theme-type),
|
|
182
|
+
surface: _high-contrast-value(#f9f9fd, #121316, $theme-type),
|
|
183
|
+
surface-dim: _high-contrast-value(#b8b8bd, #121316, $theme-type),
|
|
184
|
+
surface-bright: _high-contrast-value(#f9f9fd, #4e5054, $theme-type),
|
|
185
|
+
surface-container-low: _high-contrast-value(#f0f0f5, #1e2023, $theme-type),
|
|
186
|
+
surface-container-lowest: _high-contrast-value(#ffffff, #000000, $theme-type),
|
|
187
|
+
surface-container: _high-contrast-value(#e2e2e6, #2f3034, $theme-type),
|
|
188
|
+
surface-container-high: _high-contrast-value(#d4d4d8, #3a3b3f, $theme-type),
|
|
189
|
+
surface-container-highest: _high-contrast-value(#c6c6ca, #45474a, $theme-type),
|
|
190
|
+
on-surface: _high-contrast-value(#000000, #ffffff, $theme-type),
|
|
191
|
+
shadow: _high-contrast-value(#000000, #000000, $theme-type),
|
|
192
|
+
scrim: _high-contrast-value(#000000, #000000, $theme-type),
|
|
193
|
+
surface-tint: _high-contrast-value(#37618e, #a1cafd, $theme-type),
|
|
194
|
+
inverse-surface: _high-contrast-value(#2f3034, #e2e2e6, $theme-type),
|
|
195
|
+
inverse-on-surface: _high-contrast-value(#ffffff, #000000, $theme-type),
|
|
196
|
+
outline: _high-contrast-value(#282c33, #ecf0fa, $theme-type),
|
|
197
|
+
outline-variant: _high-contrast-value(#454951, #bec3cc, $theme-type),
|
|
198
|
+
error: _high-contrast-value(#600004, #ffece9, $theme-type),
|
|
199
|
+
on-error: _high-contrast-value(#ffffff, #000000, $theme-type),
|
|
200
|
+
error-container: _high-contrast-value(#98000a, #ffaea4, $theme-type),
|
|
201
|
+
on-error-container: _high-contrast-value(#ffffff, #220001, $theme-type),
|
|
202
|
+
surface-variant: _high-contrast-value(#dee2ec, #42474f, $theme-type),
|
|
203
|
+
on-surface-variant: _high-contrast-value(#000000, #ffffff, $theme-type),
|
|
204
|
+
))
|
|
205
|
+
}
|