@natec/mef-dev-ui-kit 0.0.41 → 0.0.63

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 (36) hide show
  1. package/esm2020/lib/markup-kit/card/card/card.component.mjs +3 -3
  2. package/esm2020/lib/markup-kit/card/card-long/card-long.component.mjs +2 -2
  3. package/esm2020/lib/markup-kit/card/card-simple/card-simple.component.mjs +2 -2
  4. package/esm2020/lib/markup-kit/collapse/collapse/collapse.component.mjs +3 -3
  5. package/esm2020/lib/markup-kit/page-layouts/manage-page/manage-page.component.mjs +2 -2
  6. package/esm2020/lib/markup-kit/page-layouts/profile/profile.component.mjs +2 -2
  7. package/esm2020/lib/markup-kit/utils/help-block/help-block.component.mjs +3 -3
  8. package/esm2020/lib/markup-kit/utils/loader/loader/loader.component.mjs +1 -1
  9. package/esm2020/lib/markup-kit/utils/loader/loader.module.mjs +1 -1
  10. package/esm2020/lib/markup-kit/utils/loader/loader.service.mjs +1 -1
  11. package/fesm2015/natec-mef-dev-ui-kit.mjs +14 -14
  12. package/fesm2015/natec-mef-dev-ui-kit.mjs.map +1 -1
  13. package/fesm2020/natec-mef-dev-ui-kit.mjs +14 -14
  14. package/fesm2020/natec-mef-dev-ui-kit.mjs.map +1 -1
  15. package/package.json +6 -6
  16. package/src/lib/styles/fonts/main-img-font/icomoon.eot +0 -0
  17. package/src/lib/styles/fonts/main-img-font/icomoon.svg +57 -0
  18. package/src/lib/styles/fonts/main-img-font/icomoon.ttf +0 -0
  19. package/src/lib/styles/fonts/main-img-font/icomoon.woff +0 -0
  20. package/src/lib/styles/fonts/pgicon/Pages-icon.eot +0 -0
  21. package/src/lib/styles/fonts/pgicon/Pages-icon.svg +112 -0
  22. package/src/lib/styles/fonts/pgicon/Pages-icon.ttf +0 -0
  23. package/src/lib/styles/fonts/pgicon/Pages-icon.woff +0 -0
  24. package/src/lib/styles/fonts.scss +206 -22
  25. package/src/lib/styles/{pg/icons.scss → icons.scss} +5 -5
  26. package/src/lib/styles/img/editor_tray_2x.png +0 -0
  27. package/src/lib/styles/img/noti-cross-2x.png +0 -0
  28. package/src/lib/styles/img/progress-circle-lg-master-static.svg +8 -0
  29. package/src/lib/styles/img/progress-circle-lg-master.svg +13 -0
  30. package/src/lib/styles/img/progress-circle-lg-white-static.svg +8 -0
  31. package/src/lib/styles/img/progress-circle-lg-white.svg +13 -0
  32. package/src/lib/styles/pg/_var.scss +0 -1
  33. package/src/lib/styles/pg/core.scss +264 -3
  34. package/src/lib/styles/pg/modules/_typography.scss +0 -48
  35. package/src/lib/styles/pg/toaster.scss +0 -1
  36. package/src/lib/styles/pg/vendor/ng-datatable.scss +0 -1
package/src/lib/styles/fonts.scss CHANGED
@@ -2,8 +2,8 @@
2
2
  /*#region montserrat*/
3
3
  @font-face {
4
4
  font-family: 'montserrat-bold';
5
- src: url('fonts/montserrat/Montserrat-Bold.woff2') format('woff2'),
6
- url('fonts/montserrat/Montserrat-Bold.woff') format('woff');
5
+ src: url('./fonts/montserrat/Montserrat-Bold.woff2') format('woff2'),
6
+ url('./fonts/montserrat/Montserrat-Bold.woff') format('woff');
7
7
  font-weight: bold;
8
8
  font-style: normal;
9
9
  font-display: swap;
@@ -11,8 +11,8 @@
11
11
 
12
12
  @font-face {
13
13
  font-family: 'montserrat-light';
14
- src: url('fonts/montserrat/Montserrat-Light.woff2') format('woff2'),
15
- url('fonts/montserrat/Montserrat-Light.woff') format('woff');
14
+ src: url('./fonts/montserrat/Montserrat-Light.woff2') format('woff2'),
15
+ url('./fonts/montserrat/Montserrat-Light.woff') format('woff');
16
16
  font-weight: 300;
17
17
  font-style: normal;
18
18
  font-display: swap;
@@ -20,8 +20,8 @@
20
20
 
21
21
  @font-face {
22
22
  font-family: 'montserrat-semibold';
23
- src: url('fonts/montserrat/Montserrat-SemiBold.woff2') format('woff2'),
24
- url('fonts/montserrat/Montserrat-SemiBold.woff') format('woff');
23
+ src: url('./fonts/montserrat/Montserrat-SemiBold.woff2') format('woff2'),
24
+ url('./fonts/montserrat/Montserrat-SemiBold.woff') format('woff');
25
25
  font-weight: 600;
26
26
  font-style: normal;
27
27
  font-display: swap;
@@ -29,8 +29,8 @@
29
29
 
30
30
  @font-face {
31
31
  font-family: 'montserrat-medium';
32
- src: url('fonts/montserrat/Montserrat-Medium.woff2') format('woff2'),
33
- url('fonts/montserrat/Montserrat-Medium.woff') format('woff');
32
+ src: url('./fonts/montserrat/Montserrat-Medium.woff2') format('woff2'),
33
+ url('./fonts/montserrat/Montserrat-Medium.woff') format('woff');
34
34
  font-weight: 500;
35
35
  font-style: normal;
36
36
  font-display: swap;
@@ -38,8 +38,8 @@
38
38
 
39
39
  @font-face {
40
40
  font-family: 'montserrat-regular';
41
- src: url('fonts/montserrat/Montserrat-Regular.woff2') format('woff2'),
42
- url('fonts/montserrat/Montserrat-Regular.woff') format('woff');
41
+ src: url('./fonts/montserrat/Montserrat-Regular.woff2') format('woff2'),
42
+ url('./fonts/montserrat/Montserrat-Regular.woff') format('woff');
43
43
  font-weight: normal;
44
44
  font-style: normal;
45
45
  font-display: swap;
@@ -49,12 +49,12 @@
49
49
  /*#region Lato*/
50
50
  @font-face {
51
51
  font-family: 'Lato-Regular';
52
- src: url("fonts/lato/lato-regular.eot?#iefix") format("embedded-opentype"),
53
- url("fonts/lato/lato-regular.otf") format("opentype"),
54
- url("fonts/lato/lato-regular.svg") format("svg"),
55
- url("fonts/lato/lato-regular.ttf") format("truetype"),
56
- url("fonts/lato/lato-regular.woff") format("woff"),
57
- url("fonts/lato/lato-regular.woff2") format("woff2");
52
+ src: url("./fonts/lato/lato-regular.eot?#iefix") format("embedded-opentype"),
53
+ url("./fonts/lato/lato-regular.otf") format("opentype"),
54
+ url("./fonts/lato/lato-regular.svg") format("svg"),
55
+ url("./fonts/lato/lato-regular.ttf") format("truetype"),
56
+ url("./fonts/lato/lato-regular.woff") format("woff"),
57
+ url("./fonts/lato/lato-regular.woff2") format("woff2");
58
58
  font-weight: normal;
59
59
  font-style: normal;
60
60
  font-display: swap;
@@ -62,12 +62,12 @@
62
62
 
63
63
  @font-face {
64
64
  font-family: 'Lato-Bold';
65
- src: url("fonts/lato/lato-bold.eot?#iefix") format("embedded-opentype"),
66
- url("fonts/lato/lato-bold.otf") format("opentype"),
67
- url("fonts/lato/lato-bold.svg") format("svg"),
68
- url("fonts/lato/lato-bold.ttf") format("truetype"),
69
- url("fonts/lato/lato-bold.woff") format("woff"),
70
- url("fonts/lato/lato-bold.woff2") format("woff2");
65
+ src: url("./fonts/lato/lato-bold.eot?#iefix") format("embedded-opentype"),
66
+ url("./fonts/lato/lato-bold.otf") format("opentype"),
67
+ url("./fonts/lato/lato-bold.svg") format("svg"),
68
+ url("./fonts/lato/lato-bold.ttf") format("truetype"),
69
+ url("./fonts/lato/lato-bold.woff") format("woff"),
70
+ url("./fonts/lato/lato-bold.woff2") format("woff2");
71
71
  font-weight: bold;
72
72
  font-style: normal;
73
73
  font-display: swap;
@@ -75,6 +75,190 @@
75
75
  /*#endregion Lato*/
76
76
 
77
77
  /*#region img-font*/
78
+ @font-face {
79
+ font-family: 'icomoon';
80
+ src: url('./fonts/main-img-font/icomoon.eot?97jr4n');
81
+ src: url('./fonts/main-img-font/icomoon.eot?97jr4n#iefix') format('embedded-opentype'),
82
+ url('./fonts/main-img-font/icomoon.ttf?97jr4n') format('truetype'),
83
+ url('./fonts/main-img-font/icomoon.woff?97jr4n') format('woff'),
84
+ url('./fonts/main-img-font/icomoon.svg?97jr4n#icomoon') format('svg');
85
+ font-weight: normal;
86
+ font-style: normal;
87
+ font-display: block;
88
+ }
89
+
90
+ [class^="icon-"], [class*=" icon-"] {
91
+ /* use !important to prevent issues with browser extensions that change ./fonts */
92
+ font-family: 'icomoon' !important;
93
+ speak: never;
94
+ font-style: normal;
95
+ font-weight: normal;
96
+ font-variant: normal;
97
+ text-transform: none;
98
+ line-height: 1;
99
+
100
+ /* Better Font Rendering =========== */
101
+ -webkit-font-smoothing: antialiased;
102
+ -moz-osx-font-smoothing: grayscale;
103
+ }
104
+
105
+ .icon-info-light:before {
106
+ content: "\e90d";
107
+ }
108
+ .icon-connector:before {
109
+ content: "\e90e";
110
+ }
111
+ .icon-information:before {
112
+ content: "\e90f";
113
+ }
114
+ .icon-plugin:before {
115
+ content: "\e910";
116
+ }
117
+ .icon-check-connector:before {
118
+ content: "\e911";
119
+ }
120
+ .icon-computer:before {
121
+ content: "\e913";
122
+ }
123
+ .icon-trash-light:before {
124
+ content: "\e915";
125
+ }
126
+ .icon-ok:before {
127
+ content: "\e917";
128
+ color: #28b446;
129
+ }
130
+ .icon-calendar:before {
131
+ content: "\e919";
132
+ }
133
+ .icon-guard:before {
134
+ content: "\e91f";
135
+ }
136
+ .icon-tenant:before {
137
+ content: "\e922";
138
+ }
139
+ .icon-nok:before {
140
+ content: "\e923";
141
+ }
142
+ .icon-lock .path1:before {
143
+ content: "\e924";
144
+ color: rgb(234, 234, 234);
145
+ }
146
+ .icon-lock .path2:before {
147
+ content: "\e925";
148
+ margin-left: -1.158203125em;
149
+ color: rgb(55, 55, 55);
150
+ }
151
+ .icon-unlock .path1:before {
152
+ content: "\e926";
153
+ }
154
+ .icon-unlock .path2:before {
155
+ content: "\e927";
156
+ margin-left: -1.2109375em;
157
+ }
158
+ .icon-logout:before {
159
+ content: "\e90b";
160
+ }
161
+ .icon-unchecked:before {
162
+ content: "\e90a";
163
+ }
164
+ .icon-notification .path1:before {
165
+ content: "\e902";
166
+ }
167
+ .icon-notification .path2:before {
168
+ content: "\e903";
169
+ margin-left: -1em;
170
+ }
171
+ .icon-notification .path3:before {
172
+ content: "\e904";
173
+ margin-left: -1em;
174
+ }
175
+ .icon-notification .path4:before {
176
+ content: "\e905";
177
+ margin-left: -1em;
178
+ }
179
+ .icon-setings .path1:before {
180
+ content: "\e908";
181
+ }
182
+ .icon-setings .path2:before {
183
+ content: "\e909";
184
+ margin-left: -1em;
185
+ }
186
+ .icon-person:before {
187
+ content: "\e90c";
188
+ }
189
+ .icon-persons:before {
190
+ content: "\e912";
191
+ }
192
+ .icon-configuration:before {
193
+ content: "\e914";
194
+ }
195
+ .icon-support:before {
196
+ content: "\e916";
197
+ }
198
+ .icon-log:before {
199
+ content: "\e918";
200
+ }
201
+ .icon-msg_popup:before {
202
+ content: "\e91a";
203
+ }
204
+ .icon-protect:before {
205
+ content: "\e91b";
206
+ }
207
+ .icon-keys:before {
208
+ content: "\e91c";
209
+ }
210
+ .icon-info:before {
211
+ content: "\e91d";
212
+ }
213
+ .icon-tenats:before {
214
+ content: "\e91e";
215
+ }
216
+ .icon-profile:before {
217
+ content: "\e921";
218
+ }
219
+ .icon-msg:before {
220
+ content: "\e928";
221
+ }
222
+ .icon-arrow:before {
223
+ content: "\e929";
224
+ }
225
+ .icon-warning:before {
226
+ content: "\e92a";
227
+ }
228
+ .icon-messages:before {
229
+ content: "\e92b";
230
+ }
231
+ .icon-pause:before {
232
+ content: "\e92c";
233
+ }
234
+ .icon-play:before {
235
+ content: "\e92e";
236
+ }
237
+ .icon-store:before {
238
+ content: "\e930";
239
+ }
240
+ .icon-trash:before {
241
+ content: "\e931";
242
+ }
243
+ .icon-edit:before {
244
+ content: "\e932";
245
+ }
246
+ .icon-checked:before {
247
+ content: "\e933";
248
+ }
249
+ .icon-bell .path1:before {
250
+ content: "\e936";
251
+ }
252
+ .icon-bell .path2:before {
253
+ content: "\e937";
254
+ margin-left: -0.9658203125em;
255
+ }
256
+ .icon-bell .path3:before {
257
+ content: "\e938";
258
+ margin-left: -0.9658203125em;
259
+ }
260
+
261
+ /*#endregion img-font*/
78
262
 
79
263
  .h1, h1 {
80
264
  font-family: montserrat-bold;
package/src/lib/styles/{pg/icons.scss → icons.scss} RENAMED
@@ -3,11 +3,11 @@ Pages Icons
3
3
  ------------------------------------------------------------------ */
4
4
  @font-face {
5
5
  font-family: 'pages-icon';
6
- src:url('fonts/pages-icon/Pages-icon.eot?-u69vo5');
7
- src:url('fonts/pages-icon/Pages-icon.eot?#iefix-u69vo5') format('embedded-opentype'),
8
- url('fonts/pages-icon/Pages-icon.woff?-u69vo5') format('woff'),
9
- url('fonts/pages-icon/Pages-icon.ttf?-u69vo5') format('truetype'),
10
- url('fonts/pages-icon/Pages-icon.svg?-u69vo5#Pages-icon') format('svg');
6
+ src:url('./fonts/pgicon/Pages-icon.eot?-u69vo5');
7
+ src:url('./fonts/pgicon/Pages-icon.eot?#iefix-u69vo5') format('embedded-opentype'),
8
+ url('./fonts/pgicon/Pages-icon.woff?-u69vo5') format('woff'),
9
+ url('./fonts/pgicon/Pages-icon.ttf?-u69vo5') format('truetype'),
10
+ url('./fonts/pgicon/Pages-icon.svg?-u69vo5#Pages-icon') format('svg');
11
11
  font-weight: normal;
12
12
  font-style: normal;
13
13
  }
package/src/lib/styles/img/progress-circle-lg-master-static.svg ADDED
@@ -0,0 +1,8 @@
1
+ <!-- Pages Progressbar -->
2
+
3
+ <svg xmlns="http://www.w3.org/2000/svg" width="50px" height="50px" viewBox="0 0 50 50" >
4
+
5
+ <circle fill="none" opacity="1" stroke="#000000" stroke-width="6" cx="25" cy="25" r="20"/>
6
+
7
+ </svg>
8
+
package/src/lib/styles/img/progress-circle-lg-master.svg ADDED
@@ -0,0 +1,13 @@
1
+ <!-- Pages Progressbar -->
2
+
3
+ <svg xmlns="http://www.w3.org/2000/svg" width="50px" height="50px" viewBox="0 0 50 50" >
4
+
5
+ <g transform="translate(25,25) rotate(-90)">
6
+ <circle style="stroke: #626262; fill:none; stroke-width: 6px; stroke-linecap: round" stroke-dasharray="110" stroke-dashoffset="0" cx="0" cy="0" r="20">
7
+ <animate attributeName="stroke-dashoffset" values="360;140" dur="2.2s" keyTimes="0;1" calcMode="spline" fill="freeze" keySplines="0.41,0.314,0.8,0.54" repeatCount="indefinite" begin="0"/>
8
+ <animateTransform attributeName="transform" type="rotate" values="0;274;360" keyTimes="0;0.74;1" calcMode="linear" dur="2.2s" repeatCount="indefinite" begin="0"/>
9
+ </circle>
10
+ </g>
11
+
12
+ </svg>
13
+
package/src/lib/styles/img/progress-circle-lg-white-static.svg ADDED
@@ -0,0 +1,8 @@
1
+ <!-- Pages Progressbar -->
2
+
3
+ <svg xmlns="http://www.w3.org/2000/svg" width="50px" height="50px" viewBox="0 0 50 50" >
4
+
5
+ <circle fill="none" opacity="1" stroke="#ffffff" stroke-width="6" cx="25" cy="25" r="20"/>
6
+
7
+ </svg>
8
+
package/src/lib/styles/img/progress-circle-lg-white.svg ADDED
@@ -0,0 +1,13 @@
1
+ <!-- Pages Progressbar -->
2
+
3
+ <svg xmlns="http://www.w3.org/2000/svg" width="50px" height="50px" viewBox="0 0 50 50" >
4
+
5
+ <g transform="translate(25,25) rotate(-90)">
6
+ <circle style="stroke: #ffffff; fill:none; stroke-width: 6px; stroke-linecap: round" stroke-dasharray="110" stroke-dashoffset="0" cx="0" cy="0" r="20">
7
+ <animate attributeName="stroke-dashoffset" values="360;140" dur="2.2s" keyTimes="0;1" calcMode="spline" fill="freeze" keySplines="0.41,0.314,0.8,0.54" repeatCount="indefinite" begin="0"/>
8
+ <animateTransform attributeName="transform" type="rotate" values="0;274;360" keyTimes="0;0.74;1" calcMode="linear" dur="2.2s" repeatCount="indefinite" begin="0"/>
9
+ </circle>
10
+ </g>
11
+
12
+ </svg>
13
+
package/src/lib/styles/pg/_var.scss CHANGED
@@ -4,7 +4,6 @@
4
4
  // --------------------------------------------------
5
5
 
6
6
  @import '../designe-colors.scss';
7
- @import '../fonts.scss';
8
7
 
9
8
  $base-img-url: "../img" ;
10
9
  $assets-url: "../../assets" ;
package/src/lib/styles/pg/core.scss CHANGED
@@ -1,8 +1,270 @@
1
1
  //Core Libs
2
2
 
3
- @use '../designe-colors.scss' as c;
4
- @use '../fonts.scss';
3
+ /*#region montserrat*/
4
+ @font-face {
5
+ font-family: 'montserrat-bold';
6
+ src: url('../fonts/montserrat/Montserrat-Bold.woff2') format('woff2'),
7
+ url('../fonts/montserrat/Montserrat-Bold.woff') format('woff');
8
+ font-weight: bold;
9
+ font-style: normal;
10
+ font-display: swap;
11
+ }
12
+
13
+ @font-face {
14
+ font-family: 'montserrat-light';
15
+ src: url('../fonts/montserrat/Montserrat-Light.woff2') format('woff2'),
16
+ url('../fonts/montserrat/Montserrat-Light.woff') format('woff');
17
+ font-weight: 300;
18
+ font-style: normal;
19
+ font-display: swap;
20
+ }
21
+
22
+ @font-face {
23
+ font-family: 'montserrat-semibold';
24
+ src: url('../fonts/montserrat/Montserrat-SemiBold.woff2') format('woff2'),
25
+ url('../fonts/montserrat/Montserrat-SemiBold.woff') format('woff');
26
+ font-weight: 600;
27
+ font-style: normal;
28
+ font-display: swap;
29
+ }
30
+
31
+ @font-face {
32
+ font-family: 'montserrat-medium';
33
+ src: url('../fonts/montserrat/Montserrat-Medium.woff2') format('woff2'),
34
+ url('../fonts/montserrat/Montserrat-Medium.woff') format('woff');
35
+ font-weight: 500;
36
+ font-style: normal;
37
+ font-display: swap;
38
+ }
39
+
40
+ @font-face {
41
+ font-family: 'montserrat-regular';
42
+ src: url('../fonts/montserrat/Montserrat-Regular.woff2') format('woff2'),
43
+ url('../fonts/montserrat/Montserrat-Regular.woff') format('woff');
44
+ font-weight: normal;
45
+ font-style: normal;
46
+ font-display: swap;
47
+ }
48
+ /*#endregion montserrat*/
49
+
50
+ /*#region Lato*/
51
+ @font-face {
52
+ font-family: 'Lato-Regular';
53
+ src: url("../fonts/lato/lato-regular.eot?#iefix") format("embedded-opentype"),
54
+ url("../fonts/lato/lato-regular.otf") format("opentype"),
55
+ url("../fonts/lato/lato-regular.svg") format("svg"),
56
+ url("../fonts/lato/lato-regular.ttf") format("truetype"),
57
+ url("../fonts/lato/lato-regular.woff") format("woff"),
58
+ url("../fonts/lato/lato-regular.woff2") format("woff2");
59
+ font-weight: normal;
60
+ font-style: normal;
61
+ font-display: swap;
62
+ }
63
+
64
+ @font-face {
65
+ font-family: 'Lato-Bold';
66
+ src: url("../fonts/lato/lato-bold.eot?#iefix") format("embedded-opentype"),
67
+ url("../fonts/lato/lato-bold.otf") format("opentype"),
68
+ url("../fonts/lato/lato-bold.svg") format("svg"),
69
+ url("../fonts/lato/lato-bold.ttf") format("truetype"),
70
+ url("../fonts/lato/lato-bold.woff") format("woff"),
71
+ url("../fonts/lato/lato-bold.woff2") format("woff2");
72
+ font-weight: bold;
73
+ font-style: normal;
74
+ font-display: swap;
75
+ }
76
+ /*#endregion Lato*/
77
+
78
+ /*#region img-font*/
79
+ @font-face {
80
+ font-family: 'icomoon';
81
+ src: url('../fonts/main-img-font/icomoon.eot?97jr4n');
82
+ src: url('../fonts/main-img-font/icomoon.eot?97jr4n#iefix') format('embedded-opentype'),
83
+ url('../fonts/main-img-font/icomoon.ttf?97jr4n') format('truetype'),
84
+ url('../fonts/main-img-font/icomoon.woff?97jr4n') format('woff'),
85
+ url('../fonts/main-img-font/icomoon.svg?97jr4n#icomoon') format('svg');
86
+ font-weight: normal;
87
+ font-style: normal;
88
+ font-display: block;
89
+ }
90
+
91
+ [class^="icon-"], [class*=" icon-"] {
92
+ /* use !important to prevent issues with browser extensions that change ../fonts */
93
+ font-family: 'icomoon' !important;
94
+ speak: never;
95
+ font-style: normal;
96
+ font-weight: normal;
97
+ font-variant: normal;
98
+ text-transform: none;
99
+ line-height: 1;
100
+
101
+ /* Better Font Rendering =========== */
102
+ -webkit-font-smoothing: antialiased;
103
+ -moz-osx-font-smoothing: grayscale;
104
+ }
105
+
106
+ .icon-info-light:before {
107
+ content: "\e90d";
108
+ }
109
+ .icon-connector:before {
110
+ content: "\e90e";
111
+ }
112
+ .icon-information:before {
113
+ content: "\e90f";
114
+ }
115
+ .icon-plugin:before {
116
+ content: "\e910";
117
+ }
118
+ .icon-check-connector:before {
119
+ content: "\e911";
120
+ }
121
+ .icon-computer:before {
122
+ content: "\e913";
123
+ }
124
+ .icon-trash-light:before {
125
+ content: "\e915";
126
+ }
127
+ .icon-ok:before {
128
+ content: "\e917";
129
+ color: #28b446;
130
+ }
131
+ .icon-calendar:before {
132
+ content: "\e919";
133
+ }
134
+ .icon-guard:before {
135
+ content: "\e91f";
136
+ }
137
+ .icon-tenant:before {
138
+ content: "\e922";
139
+ }
140
+ .icon-nok:before {
141
+ content: "\e923";
142
+ }
143
+ .icon-lock .path1:before {
144
+ content: "\e924";
145
+ color: rgb(234, 234, 234);
146
+ }
147
+ .icon-lock .path2:before {
148
+ content: "\e925";
149
+ margin-left: -1.158203125em;
150
+ color: rgb(55, 55, 55);
151
+ }
152
+ .icon-unlock .path1:before {
153
+ content: "\e926";
154
+ }
155
+ .icon-unlock .path2:before {
156
+ content: "\e927";
157
+ margin-left: -1.2109375em;
158
+ }
159
+ .icon-logout:before {
160
+ content: "\e90b";
161
+ }
162
+ .icon-unchecked:before {
163
+ content: "\e90a";
164
+ }
165
+ .icon-notification .path1:before {
166
+ content: "\e902";
167
+ }
168
+ .icon-notification .path2:before {
169
+ content: "\e903";
170
+ margin-left: -1em;
171
+ }
172
+ .icon-notification .path3:before {
173
+ content: "\e904";
174
+ margin-left: -1em;
175
+ }
176
+ .icon-notification .path4:before {
177
+ content: "\e905";
178
+ margin-left: -1em;
179
+ }
180
+ .icon-setings .path1:before {
181
+ content: "\e908";
182
+ }
183
+ .icon-setings .path2:before {
184
+ content: "\e909";
185
+ margin-left: -1em;
186
+ }
187
+ .icon-person:before {
188
+ content: "\e90c";
189
+ }
190
+ .icon-persons:before {
191
+ content: "\e912";
192
+ }
193
+ .icon-configuration:before {
194
+ content: "\e914";
195
+ }
196
+ .icon-support:before {
197
+ content: "\e916";
198
+ }
199
+ .icon-log:before {
200
+ content: "\e918";
201
+ }
202
+ .icon-msg_popup:before {
203
+ content: "\e91a";
204
+ }
205
+ .icon-protect:before {
206
+ content: "\e91b";
207
+ }
208
+ .icon-keys:before {
209
+ content: "\e91c";
210
+ }
211
+ .icon-info:before {
212
+ content: "\e91d";
213
+ }
214
+ .icon-tenats:before {
215
+ content: "\e91e";
216
+ }
217
+ .icon-profile:before {
218
+ content: "\e921";
219
+ }
220
+ .icon-msg:before {
221
+ content: "\e928";
222
+ }
223
+ .icon-arrow:before {
224
+ content: "\e929";
225
+ }
226
+ .icon-warning:before {
227
+ content: "\e92a";
228
+ }
229
+ .icon-messages:before {
230
+ content: "\e92b";
231
+ }
232
+ .icon-pause:before {
233
+ content: "\e92c";
234
+ }
235
+ .icon-play:before {
236
+ content: "\e92e";
237
+ }
238
+ .icon-store:before {
239
+ content: "\e930";
240
+ }
241
+ .icon-trash:before {
242
+ content: "\e931";
243
+ }
244
+ .icon-edit:before {
245
+ content: "\e932";
246
+ }
247
+ .icon-checked:before {
248
+ content: "\e933";
249
+ }
250
+ .icon-bell .path1:before {
251
+ content: "\e936";
252
+ }
253
+ .icon-bell .path2:before {
254
+ content: "\e937";
255
+ margin-left: -0.9658203125em;
256
+ }
257
+ .icon-bell .path3:before {
258
+ content: "\e938";
259
+ margin-left: -0.9658203125em;
260
+ }
261
+
262
+ /*#endregion img-font*/
263
+
5
264
 
265
+ @use '../designe-colors.scss' as c;
266
+ @import '../icons.scss';
267
+ @import '../fonts.scss';
6
268
 
7
269
  @import 'toaster.scss';
8
270
  @import '_color.scss';
@@ -20,7 +282,6 @@
20
282
 
21
283
 
22
284
  //UI Components
23
- @import "icons.scss";
24
285
  @import "modules/_typography.scss";
25
286
  @import "modules/_jqx.scss";
26
287
  @import "modules/_breadcrumb.scss";