@odx/icons 1.3.4 → 1.3.6

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 (15) hide show
  1. package/CHANGELOG.md +2 -2
  2. package/core/core-demo-poster.html +2 -2
  3. package/core/core-icons.css +2 -1
  4. package/core/core-icons.scss +297 -296
  5. package/core/core-utils.scss +1 -1
  6. package/medical/medical-demo-poster.html +2 -2
  7. package/medical/medical-icons.css +2 -1
  8. package/medical/medical-icons.eot +0 -0
  9. package/medical/medical-icons.scss +4 -3
  10. package/medical/medical-utils.scss +1 -1
  11. package/package.json +1 -1
  12. package/safety/safety-demo-poster.html +2 -2
  13. package/safety/safety-icons.css +2 -1
  14. package/safety/safety-icons.scss +774 -773
  15. package/safety/safety-utils.scss +1 -1
package/core/core-icons.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import "core-iconmap";
1
+ @use "core-utils" as utils;
2
2
 
3
3
  @font-face {
4
4
  font-family: odx-icon-core;
@@ -46,948 +46,949 @@
46
46
  display: block;
47
47
  position: absolute;
48
48
  white-space: normal;
49
- /* undo text hidden */
50
49
  text-indent: 0;
51
50
  speak: none;
51
+ top: 0;
52
+ left: 0;
52
53
  }
53
54
 
54
55
  [data-icon-set="core"] {
55
56
  &[data-icon-name="alarm"]::before {
56
- content: map-get($glyphs, "alarm");
57
+ content: utils.get-icon-glyph("alarm");
57
58
  }
58
59
  &[data-icon-name="alarm-a1"]::after {
59
- content: map-get($glyphs, "alarm-a1-part1");
60
+ content: utils.get-icon-glyph("alarm-a1-part1");
60
61
  }
61
62
  &[data-icon-name="alarm-a2"] span::before {
62
- content: map-get($glyphs, "alarm-a2-part2");
63
+ content: utils.get-icon-glyph("alarm-a2-part2");
63
64
  }
64
65
  &[data-icon-name="alarm-co2-off"]::before {
65
- content: map-get($glyphs, "alarm-co2-off");
66
+ content: utils.get-icon-glyph("alarm-co2-off");
66
67
  }
67
68
  &[data-icon-name="alarm-din"]::before {
68
- content: map-get($glyphs, "alarm-din");
69
+ content: utils.get-icon-glyph("alarm-din");
69
70
  }
70
71
  &[data-icon-name="alarm-din-off"]::before {
71
- content: map-get($glyphs, "alarm-din-off");
72
+ content: utils.get-icon-glyph("alarm-din-off");
72
73
  }
73
74
  &[data-icon-name="alarm-din-pause"]::before {
74
- content: map-get($glyphs, "alarm-din-pause");
75
+ content: utils.get-icon-glyph("alarm-din-pause");
75
76
  }
76
77
  &[data-icon-name="alarms-das"]::before {
77
- content: map-get($glyphs, "alarms-das");
78
+ content: utils.get-icon-glyph("alarms-das");
78
79
  }
79
80
  &[data-icon-name="alarms-das-hint"]::before {
80
- content: map-get($glyphs, "alarms-das-hint");
81
+ content: utils.get-icon-glyph("alarms-das-hint");
81
82
  }
82
83
  &[data-icon-name="alarms-info"]::before {
83
- content: map-get($glyphs, "alarms-info");
84
+ content: utils.get-icon-glyph("alarms-info");
84
85
  }
85
86
  &[data-icon-name="alarms-off"]::before {
86
- content: map-get($glyphs, "alarms-off");
87
+ content: utils.get-icon-glyph("alarms-off");
87
88
  }
88
89
  &[data-icon-name="alarms-paused"]::before {
89
- content: map-get($glyphs, "alarms-paused");
90
+ content: utils.get-icon-glyph("alarms-paused");
90
91
  }
91
92
  &[data-icon-name="alarms-per-type"]::before {
92
- content: map-get($glyphs, "alarms-per-type");
93
+ content: utils.get-icon-glyph("alarms-per-type");
93
94
  }
94
95
  &[data-icon-name="align-horizontal-middle"]::before {
95
- content: map-get($glyphs, "align-horizontal-middle");
96
+ content: utils.get-icon-glyph("align-horizontal-middle");
96
97
  }
97
98
  &[data-icon-name="align-vertical-middle"]::before {
98
- content: map-get($glyphs, "align-vertical-middle");
99
+ content: utils.get-icon-glyph("align-vertical-middle");
99
100
  }
100
101
  &[data-icon-name="arrow-down"]::before {
101
- content: map-get($glyphs, "arrow-down");
102
+ content: utils.get-icon-glyph("arrow-down");
102
103
  }
103
104
  &[data-icon-name="arrow-left"]::before {
104
- content: map-get($glyphs, "arrow-left");
105
+ content: utils.get-icon-glyph("arrow-left");
105
106
  }
106
107
  &[data-icon-name="arrow-right"]::before {
107
- content: map-get($glyphs, "arrow-right");
108
+ content: utils.get-icon-glyph("arrow-right");
108
109
  }
109
110
  &[data-icon-name="arrow-up"]::before {
110
- content: map-get($glyphs, "arrow-up");
111
+ content: utils.get-icon-glyph("arrow-up");
111
112
  }
112
113
  &[data-icon-name="ascending"]::before {
113
- content: map-get($glyphs, "ascending");
114
+ content: utils.get-icon-glyph("ascending");
114
115
  }
115
116
  &[data-icon-name="attachment"]::before {
116
- content: map-get($glyphs, "attachment");
117
+ content: utils.get-icon-glyph("attachment");
117
118
  }
118
119
  &[data-icon-name="attachment-off"]::before {
119
- content: map-get($glyphs, "attachment-off");
120
+ content: utils.get-icon-glyph("attachment-off");
120
121
  }
121
122
  &[data-icon-name="battery-0"]::before {
122
- content: map-get($glyphs, "battery-0");
123
+ content: utils.get-icon-glyph("battery-0");
123
124
  }
124
125
  &[data-icon-name="battery-100"]::before {
125
- content: map-get($glyphs, "battery-100");
126
+ content: utils.get-icon-glyph("battery-100");
126
127
  }
127
128
  &[data-icon-name="battery-25"]::before {
128
- content: map-get($glyphs, "battery-25");
129
+ content: utils.get-icon-glyph("battery-25");
129
130
  }
130
131
  &[data-icon-name="battery-50"]::before {
131
- content: map-get($glyphs, "battery-50");
132
+ content: utils.get-icon-glyph("battery-50");
132
133
  }
133
134
  &[data-icon-name="battery-75"]::before {
134
- content: map-get($glyphs, "battery-75");
135
+ content: utils.get-icon-glyph("battery-75");
135
136
  }
136
137
  &[data-icon-name="battery-alarm"]::before {
137
- content: map-get($glyphs, "battery-alarm");
138
+ content: utils.get-icon-glyph("battery-alarm");
138
139
  }
139
140
  &[data-icon-name="battery-alarm"]::after {
140
- content: map-get($glyphs, "battery-alarm-part1");
141
+ content: utils.get-icon-glyph("battery-alarm-part1");
141
142
  color: #F30303;
142
143
  }
143
144
  &[data-icon-name="battery-alarm"] span::before {
144
- content: map-get($glyphs, "battery-alarm-part2");
145
+ content: utils.get-icon-glyph("battery-alarm-part2");
145
146
  color: #FFFFFF;
146
147
  }
147
148
  &[data-icon-name="battery-charge"]::before {
148
- content: map-get($glyphs, "battery-charge");
149
+ content: utils.get-icon-glyph("battery-charge");
149
150
  }
150
151
  &[data-icon-name="battery-error"]::before {
151
- content: map-get($glyphs, "battery-error");
152
+ content: utils.get-icon-glyph("battery-error");
152
153
  }
153
154
  &[data-icon-name="battery-error"]::after {
154
- content: map-get($glyphs, "battery-error-part1");
155
+ content: utils.get-icon-glyph("battery-error-part1");
155
156
  color: #F30303;
156
157
  }
157
158
  &[data-icon-name="battery-error"] span::before {
158
- content: map-get($glyphs, "battery-error-part2");
159
+ content: utils.get-icon-glyph("battery-error-part2");
159
160
  color: #FFFFFF;
160
161
  }
161
162
  &[data-icon-name="battery-uncalibrated"]::before {
162
- content: map-get($glyphs, "battery-uncalibrated");
163
+ content: utils.get-icon-glyph("battery-uncalibrated");
163
164
  }
164
165
  &[data-icon-name="battery-warning"]::before {
165
- content: map-get($glyphs, "battery-warning");
166
+ content: utils.get-icon-glyph("battery-warning");
166
167
  }
167
168
  &[data-icon-name="battery-warning"]::after {
168
- content: map-get($glyphs, "battery-warning-part1");
169
+ content: utils.get-icon-glyph("battery-warning-part1");
169
170
  color: #FFE300;
170
171
  }
171
172
  &[data-icon-name="battery-warning"] span::before {
172
- content: map-get($glyphs, "battery-warning-part2");
173
+ content: utils.get-icon-glyph("battery-warning-part2");
173
174
  color: #002766;
174
175
  }
175
176
  &[data-icon-name="blocked"]::before {
176
- content: map-get($glyphs, "blocked");
177
+ content: utils.get-icon-glyph("blocked");
177
178
  }
178
179
  &[data-icon-name="blocked-colored"]::before {
179
- content: map-get($glyphs, "blocked-colored");
180
+ content: utils.get-icon-glyph("blocked-colored");
180
181
  color: #F30303;
181
182
  }
182
183
  &[data-icon-name="blocked-colored"]::after {
183
- content: map-get($glyphs, "blocked-colored-part1");
184
+ content: utils.get-icon-glyph("blocked-colored-part1");
184
185
  color: #FFFFFF;
185
186
  }
186
187
  &[data-icon-name="bluetooth"]::before {
187
- content: map-get($glyphs, "bluetooth");
188
+ content: utils.get-icon-glyph("bluetooth");
188
189
  }
189
190
  &[data-icon-name="bluetooth-off"]::before {
190
- content: map-get($glyphs, "bluetooth-off");
191
+ content: utils.get-icon-glyph("bluetooth-off");
191
192
  }
192
193
  &[data-icon-name="bluetooth-paired"]::before {
193
- content: map-get($glyphs, "bluetooth-paired");
194
+ content: utils.get-icon-glyph("bluetooth-paired");
194
195
  }
195
196
  &[data-icon-name="bookmark"]::before {
196
- content: map-get($glyphs, "bookmark");
197
+ content: utils.get-icon-glyph("bookmark");
197
198
  }
198
199
  &[data-icon-name="brightness"]::before {
199
- content: map-get($glyphs, "brightness");
200
+ content: utils.get-icon-glyph("brightness");
200
201
  }
201
202
  &[data-icon-name="brightness-1"]::before {
202
- content: map-get($glyphs, "brightness-1");
203
+ content: utils.get-icon-glyph("brightness-1");
203
204
  }
204
205
  &[data-icon-name="brightness-2"]::before {
205
- content: map-get($glyphs, "brightness-2");
206
+ content: utils.get-icon-glyph("brightness-2");
206
207
  }
207
208
  &[data-icon-name="brightness-3"]::before {
208
- content: map-get($glyphs, "brightness-3");
209
+ content: utils.get-icon-glyph("brightness-3");
209
210
  }
210
211
  &[data-icon-name="brightness-4"]::before {
211
- content: map-get($glyphs, "brightness-4");
212
+ content: utils.get-icon-glyph("brightness-4");
212
213
  }
213
214
  &[data-icon-name="brightness-auto"]::before {
214
- content: map-get($glyphs, "brightness-auto");
215
+ content: utils.get-icon-glyph("brightness-auto");
215
216
  }
216
217
  &[data-icon-name="calendar"]::before {
217
- content: map-get($glyphs, "calendar");
218
+ content: utils.get-icon-glyph("calendar");
218
219
  }
219
220
  &[data-icon-name="calendar-bumptest"]::before {
220
- content: map-get($glyphs, "calendar-bumptest");
221
+ content: utils.get-icon-glyph("calendar-bumptest");
221
222
  }
222
223
  &[data-icon-name="calendar-bumptest-error"]::before {
223
- content: map-get($glyphs, "calendar-bumptest-error");
224
+ content: utils.get-icon-glyph("calendar-bumptest-error");
224
225
  }
225
226
  &[data-icon-name="calendar-bumptest-error"]::after {
226
- content: map-get($glyphs, "calendar-bumptest-error-part1");
227
+ content: utils.get-icon-glyph("calendar-bumptest-error-part1");
227
228
  color: #F30303;
228
229
  }
229
230
  &[data-icon-name="calendar-bumptest-error"] span::before {
230
- content: map-get($glyphs, "calendar-bumptest-error-part2");
231
+ content: utils.get-icon-glyph("calendar-bumptest-error-part2");
231
232
  color: #FFFFFF;
232
233
  }
233
234
  &[data-icon-name="calendar-bumptest-warning"]::before {
234
- content: map-get($glyphs, "calendar-bumptest-warning");
235
+ content: utils.get-icon-glyph("calendar-bumptest-warning");
235
236
  }
236
237
  &[data-icon-name="calendar-bumptest-warning"]::after {
237
- content: map-get($glyphs, "calendar-bumptest-warning-part1");
238
+ content: utils.get-icon-glyph("calendar-bumptest-warning-part1");
238
239
  color: #FFE300;
239
240
  }
240
241
  &[data-icon-name="calendar-bumptest-warning"] span::before {
241
- content: map-get($glyphs, "calendar-bumptest-warning-part2");
242
+ content: utils.get-icon-glyph("calendar-bumptest-warning-part2");
242
243
  color: #002766;
243
244
  }
244
245
  &[data-icon-name="calendar-calibration"]::before {
245
- content: map-get($glyphs, "calendar-calibration");
246
+ content: utils.get-icon-glyph("calendar-calibration");
246
247
  }
247
248
  &[data-icon-name="calendar-calibration-error"]::before {
248
- content: map-get($glyphs, "calendar-calibration-error");
249
+ content: utils.get-icon-glyph("calendar-calibration-error");
249
250
  }
250
251
  &[data-icon-name="calendar-calibration-error"]::after {
251
- content: map-get($glyphs, "calendar-calibration-error-part1");
252
+ content: utils.get-icon-glyph("calendar-calibration-error-part1");
252
253
  color: #F30303;
253
254
  }
254
255
  &[data-icon-name="calendar-calibration-error"] span::before {
255
- content: map-get($glyphs, "calendar-calibration-error-part2");
256
+ content: utils.get-icon-glyph("calendar-calibration-error-part2");
256
257
  color: #FFFFFF;
257
258
  }
258
259
  &[data-icon-name="calendar-calibration-warning"]::before {
259
- content: map-get($glyphs, "calendar-calibration-warning");
260
+ content: utils.get-icon-glyph("calendar-calibration-warning");
260
261
  }
261
262
  &[data-icon-name="calendar-calibration-warning"]::after {
262
- content: map-get($glyphs, "calendar-calibration-warning-part1");
263
+ content: utils.get-icon-glyph("calendar-calibration-warning-part1");
263
264
  color: #FFE300;
264
265
  }
265
266
  &[data-icon-name="calendar-calibration-warning"] span::before {
266
- content: map-get($glyphs, "calendar-calibration-warning-part2");
267
+ content: utils.get-icon-glyph("calendar-calibration-warning-part2");
267
268
  color: #002766;
268
269
  }
269
270
  &[data-icon-name="calendar-day-view"]::before {
270
- content: map-get($glyphs, "calendar-day-view");
271
+ content: utils.get-icon-glyph("calendar-day-view");
271
272
  }
272
273
  &[data-icon-name="calendar-event"]::before {
273
- content: map-get($glyphs, "calendar-event");
274
+ content: utils.get-icon-glyph("calendar-event");
274
275
  }
275
276
  &[data-icon-name="calendar-flag"]::before {
276
- content: map-get($glyphs, "calendar-flag");
277
+ content: utils.get-icon-glyph("calendar-flag");
277
278
  }
278
279
  &[data-icon-name="calendar-flag"]::after {
279
- content: map-get($glyphs, "calendar-flag-part1");
280
+ content: utils.get-icon-glyph("calendar-flag-part1");
280
281
  color: #FFE300;
281
282
  }
282
283
  &[data-icon-name="calendar-interval"]::before {
283
- content: map-get($glyphs, "calendar-interval");
284
+ content: utils.get-icon-glyph("calendar-interval");
284
285
  }
285
286
  &[data-icon-name="calendar-list"]::before {
286
- content: map-get($glyphs, "calendar-list");
287
+ content: utils.get-icon-glyph("calendar-list");
287
288
  }
288
289
  &[data-icon-name="calendar-time"]::before {
289
- content: map-get($glyphs, "calendar-time");
290
+ content: utils.get-icon-glyph("calendar-time");
290
291
  }
291
292
  &[data-icon-name="calendar-user"]::before {
292
- content: map-get($glyphs, "calendar-user");
293
+ content: utils.get-icon-glyph("calendar-user");
293
294
  }
294
295
  &[data-icon-name="calendar-user-error"]::before {
295
- content: map-get($glyphs, "calendar-user-error");
296
+ content: utils.get-icon-glyph("calendar-user-error");
296
297
  }
297
298
  &[data-icon-name="calendar-user-error"]::after {
298
- content: map-get($glyphs, "calendar-user-error-part1");
299
+ content: utils.get-icon-glyph("calendar-user-error-part1");
299
300
  color: #F30303;
300
301
  }
301
302
  &[data-icon-name="calendar-user-error"] span::before {
302
- content: map-get($glyphs, "calendar-user-error-part2");
303
+ content: utils.get-icon-glyph("calendar-user-error-part2");
303
304
  color: #FFFFFF;
304
305
  }
305
306
  &[data-icon-name="calendar-user-warning"]::before {
306
- content: map-get($glyphs, "calendar-user-warning");
307
+ content: utils.get-icon-glyph("calendar-user-warning");
307
308
  }
308
309
  &[data-icon-name="calendar-user-warning"]::after {
309
- content: map-get($glyphs, "calendar-user-warning-part1");
310
+ content: utils.get-icon-glyph("calendar-user-warning-part1");
310
311
  color: #FFE300;
311
312
  }
312
313
  &[data-icon-name="calendar-user-warning"] span::before {
313
- content: map-get($glyphs, "calendar-user-warning-part2");
314
+ content: utils.get-icon-glyph("calendar-user-warning-part2");
314
315
  color: #002766;
315
316
  }
316
317
  &[data-icon-name="calendar-week-view"]::before {
317
- content: map-get($glyphs, "calendar-week-view");
318
+ content: utils.get-icon-glyph("calendar-week-view");
318
319
  }
319
320
  &[data-icon-name="camera"]::before {
320
- content: map-get($glyphs, "camera");
321
+ content: utils.get-icon-glyph("camera");
321
322
  }
322
323
  &[data-icon-name="check"]::before {
323
- content: map-get($glyphs, "check");
324
+ content: utils.get-icon-glyph("check");
324
325
  }
325
326
  &[data-icon-name="check-colored"]::before {
326
- content: map-get($glyphs, "check-colored");
327
+ content: utils.get-icon-glyph("check-colored");
327
328
  color: #00DD31;
328
329
  }
329
330
  &[data-icon-name="check-colored"]::after {
330
- content: map-get($glyphs, "check-colored-part1");
331
+ content: utils.get-icon-glyph("check-colored-part1");
331
332
  color: #002766;
332
333
  }
333
334
  &[data-icon-name="chevron-down"]::before {
334
- content: map-get($glyphs, "chevron-down");
335
+ content: utils.get-icon-glyph("chevron-down");
335
336
  }
336
337
  &[data-icon-name="chevron-left"]::before {
337
- content: map-get($glyphs, "chevron-left");
338
+ content: utils.get-icon-glyph("chevron-left");
338
339
  }
339
340
  &[data-icon-name="chevron-right"]::before {
340
- content: map-get($glyphs, "chevron-right");
341
+ content: utils.get-icon-glyph("chevron-right");
341
342
  }
342
343
  &[data-icon-name="chevron-up"]::before {
343
- content: map-get($glyphs, "chevron-up");
344
+ content: utils.get-icon-glyph("chevron-up");
344
345
  }
345
346
  &[data-icon-name="close"]::before {
346
- content: map-get($glyphs, "close");
347
+ content: utils.get-icon-glyph("close");
347
348
  }
348
349
  &[data-icon-name="cloud"]::before {
349
- content: map-get($glyphs, "cloud");
350
+ content: utils.get-icon-glyph("cloud");
350
351
  }
351
352
  &[data-icon-name="cloud-error"]::before {
352
- content: map-get($glyphs, "cloud-error");
353
+ content: utils.get-icon-glyph("cloud-error");
353
354
  }
354
355
  &[data-icon-name="cloud-error"]::after {
355
- content: map-get($glyphs, "cloud-error-part1");
356
+ content: utils.get-icon-glyph("cloud-error-part1");
356
357
  color: #F30303;
357
358
  }
358
359
  &[data-icon-name="cloud-error"] span::before {
359
- content: map-get($glyphs, "cloud-error-part2");
360
+ content: utils.get-icon-glyph("cloud-error-part2");
360
361
  color: #FFFFFF;
361
362
  }
362
363
  &[data-icon-name="cloud-ok"]::before {
363
- content: map-get($glyphs, "cloud-ok");
364
+ content: utils.get-icon-glyph("cloud-ok");
364
365
  }
365
366
  &[data-icon-name="cloud-ok"]::after {
366
- content: map-get($glyphs, "cloud-ok-part1");
367
+ content: utils.get-icon-glyph("cloud-ok-part1");
367
368
  color: #00DD31;
368
369
  }
369
370
  &[data-icon-name="cloud-ok"] span::before {
370
- content: map-get($glyphs, "cloud-ok-part2");
371
+ content: utils.get-icon-glyph("cloud-ok-part2");
371
372
  color: #002766;
372
373
  }
373
374
  &[data-icon-name="cloud-upload"]::before {
374
- content: map-get($glyphs, "cloud-upload");
375
+ content: utils.get-icon-glyph("cloud-upload");
375
376
  }
376
377
  &[data-icon-name="cloud-warning"]::before {
377
- content: map-get($glyphs, "cloud-warning");
378
+ content: utils.get-icon-glyph("cloud-warning");
378
379
  }
379
380
  &[data-icon-name="cloud-warning"]::after {
380
- content: map-get($glyphs, "cloud-warning-part1");
381
+ content: utils.get-icon-glyph("cloud-warning-part1");
381
382
  color: #FFE300;
382
383
  }
383
384
  &[data-icon-name="cloud-warning"] span::before {
384
- content: map-get($glyphs, "cloud-warning-part2");
385
+ content: utils.get-icon-glyph("cloud-warning-part2");
385
386
  color: #002766;
386
387
  }
387
388
  &[data-icon-name="comment"]::before {
388
- content: map-get($glyphs, "comment");
389
+ content: utils.get-icon-glyph("comment");
389
390
  }
390
391
  &[data-icon-name="compare"]::before {
391
- content: map-get($glyphs, "compare");
392
+ content: utils.get-icon-glyph("compare");
392
393
  }
393
394
  &[data-icon-name="config"]::before {
394
- content: map-get($glyphs, "config");
395
+ content: utils.get-icon-glyph("config");
395
396
  }
396
397
  &[data-icon-name="config-edit"]::before {
397
- content: map-get($glyphs, "config-edit");
398
+ content: utils.get-icon-glyph("config-edit");
398
399
  }
399
400
  &[data-icon-name="config-enter"]::before {
400
- content: map-get($glyphs, "config-enter");
401
+ content: utils.get-icon-glyph("config-enter");
401
402
  }
402
403
  &[data-icon-name="config-leave"]::before {
403
- content: map-get($glyphs, "config-leave");
404
+ content: utils.get-icon-glyph("config-leave");
404
405
  }
405
406
  &[data-icon-name="config-update"]::before {
406
- content: map-get($glyphs, "config-update");
407
+ content: utils.get-icon-glyph("config-update");
407
408
  }
408
409
  &[data-icon-name="config-view"]::before {
409
- content: map-get($glyphs, "config-view");
410
+ content: utils.get-icon-glyph("config-view");
410
411
  }
411
412
  &[data-icon-name="copy-content"]::before {
412
- content: map-get($glyphs, "copy-content");
413
+ content: utils.get-icon-glyph("copy-content");
413
414
  }
414
415
  &[data-icon-name="copy-file"]::before {
415
- content: map-get($glyphs, "copy-file");
416
+ content: utils.get-icon-glyph("copy-file");
416
417
  }
417
418
  &[data-icon-name="copy-folder"]::before {
418
- content: map-get($glyphs, "copy-folder");
419
+ content: utils.get-icon-glyph("copy-folder");
419
420
  }
420
421
  &[data-icon-name="cut"]::before {
421
- content: map-get($glyphs, "cut");
422
+ content: utils.get-icon-glyph("cut");
422
423
  }
423
424
  &[data-icon-name="delete"]::before {
424
- content: map-get($glyphs, "delete");
425
+ content: utils.get-icon-glyph("delete");
425
426
  }
426
427
  &[data-icon-name="descending"]::before {
427
- content: map-get($glyphs, "descending");
428
+ content: utils.get-icon-glyph("descending");
428
429
  }
429
430
  &[data-icon-name="document"]::before {
430
- content: map-get($glyphs, "document");
431
+ content: utils.get-icon-glyph("document");
431
432
  }
432
433
  &[data-icon-name="document-check"]::before {
433
- content: map-get($glyphs, "document-check");
434
+ content: utils.get-icon-glyph("document-check");
434
435
  }
435
436
  &[data-icon-name="document-flag"]::before {
436
- content: map-get($glyphs, "document-flag");
437
+ content: utils.get-icon-glyph("document-flag");
437
438
  }
438
439
  &[data-icon-name="document-flag"]::after {
439
- content: map-get($glyphs, "document-flag-part1");
440
+ content: utils.get-icon-glyph("document-flag-part1");
440
441
  color: #F30303;
441
442
  }
442
443
  &[data-icon-name="document-settings"]::before {
443
- content: map-get($glyphs, "document-settings");
444
+ content: utils.get-icon-glyph("document-settings");
444
445
  }
445
446
  &[data-icon-name="download"]::before {
446
- content: map-get($glyphs, "download");
447
+ content: utils.get-icon-glyph("download");
447
448
  }
448
449
  &[data-icon-name="edit"]::before {
449
- content: map-get($glyphs, "edit");
450
+ content: utils.get-icon-glyph("edit");
450
451
  }
451
452
  &[data-icon-name="emoji-happy"]::before {
452
- content: map-get($glyphs, "emoji-happy");
453
+ content: utils.get-icon-glyph("emoji-happy");
453
454
  }
454
455
  &[data-icon-name="emoji-neutral"]::before {
455
- content: map-get($glyphs, "emoji-neutral");
456
+ content: utils.get-icon-glyph("emoji-neutral");
456
457
  }
457
458
  &[data-icon-name="emoji-sad"]::before {
458
- content: map-get($glyphs, "emoji-sad");
459
+ content: utils.get-icon-glyph("emoji-sad");
459
460
  }
460
461
  &[data-icon-name="error"]::before {
461
- content: map-get($glyphs, "error");
462
+ content: utils.get-icon-glyph("error");
462
463
  }
463
464
  &[data-icon-name="error-colored"]::before {
464
- content: map-get($glyphs, "error-colored");
465
+ content: utils.get-icon-glyph("error-colored");
465
466
  color: #F30303;
466
467
  }
467
468
  &[data-icon-name="error-colored"]::after {
468
- content: map-get($glyphs, "error-colored-part1");
469
+ content: utils.get-icon-glyph("error-colored-part1");
469
470
  color: #FFFFFF;
470
471
  }
471
472
  &[data-icon-name="export"]::before {
472
- content: map-get($glyphs, "export");
473
+ content: utils.get-icon-glyph("export");
473
474
  }
474
475
  &[data-icon-name="favorite"]::before {
475
- content: map-get($glyphs, "favorite");
476
+ content: utils.get-icon-glyph("favorite");
476
477
  }
477
478
  &[data-icon-name="favorite-solid"]::before {
478
- content: map-get($glyphs, "favorite-solid");
479
+ content: utils.get-icon-glyph("favorite-solid");
479
480
  }
480
481
  &[data-icon-name="feedback-warning"]::before {
481
- content: map-get($glyphs, "feedback-warning");
482
+ content: utils.get-icon-glyph("feedback-warning");
482
483
  }
483
484
  &[data-icon-name="feedback-warning-color"]::before {
484
- content: map-get($glyphs, "feedback-warning-color");
485
+ content: utils.get-icon-glyph("feedback-warning-color");
485
486
  color: #FFE300;
486
487
  }
487
488
  &[data-icon-name="feedback-warning-color"]::after {
488
- content: map-get($glyphs, "feedback-warning-color-part1");
489
+ content: utils.get-icon-glyph("feedback-warning-color-part1");
489
490
  color: #002766;
490
491
  }
491
492
  &[data-icon-name="file"]::before {
492
- content: map-get($glyphs, "file");
493
+ content: utils.get-icon-glyph("file");
493
494
  }
494
495
  &[data-icon-name="file-excel"]::before {
495
- content: map-get($glyphs, "file-excel");
496
+ content: utils.get-icon-glyph("file-excel");
496
497
  }
497
498
  &[data-icon-name="file-pdf"]::before {
498
- content: map-get($glyphs, "file-pdf");
499
+ content: utils.get-icon-glyph("file-pdf");
499
500
  }
500
501
  &[data-icon-name="file-ppt"]::before {
501
- content: map-get($glyphs, "file-ppt");
502
+ content: utils.get-icon-glyph("file-ppt");
502
503
  }
503
504
  &[data-icon-name="file-word"]::before {
504
- content: map-get($glyphs, "file-word");
505
+ content: utils.get-icon-glyph("file-word");
505
506
  }
506
507
  &[data-icon-name="file-zip"]::before {
507
- content: map-get($glyphs, "file-zip");
508
+ content: utils.get-icon-glyph("file-zip");
508
509
  }
509
510
  &[data-icon-name="filter"]::before {
510
- content: map-get($glyphs, "filter");
511
+ content: utils.get-icon-glyph("filter");
511
512
  }
512
513
  &[data-icon-name="filter-close"]::before {
513
- content: map-get($glyphs, "filter-close");
514
+ content: utils.get-icon-glyph("filter-close");
514
515
  }
515
516
  &[data-icon-name="filter-settings"]::before {
516
- content: map-get($glyphs, "filter-settings");
517
+ content: utils.get-icon-glyph("filter-settings");
517
518
  }
518
519
  &[data-icon-name="flag"]::before {
519
- content: map-get($glyphs, "flag");
520
+ content: utils.get-icon-glyph("flag");
520
521
  }
521
522
  &[data-icon-name="folder"]::before {
522
- content: map-get($glyphs, "folder");
523
+ content: utils.get-icon-glyph("folder");
523
524
  }
524
525
  &[data-icon-name="folder-open"]::before {
525
- content: map-get($glyphs, "folder-open");
526
+ content: utils.get-icon-glyph("folder-open");
526
527
  }
527
528
  &[data-icon-name="gender-female"]::before {
528
- content: map-get($glyphs, "gender-female");
529
+ content: utils.get-icon-glyph("gender-female");
529
530
  }
530
531
  &[data-icon-name="gender-male"]::before {
531
- content: map-get($glyphs, "gender-male");
532
+ content: utils.get-icon-glyph("gender-male");
532
533
  }
533
534
  &[data-icon-name="help"]::before {
534
- content: map-get($glyphs, "help");
535
+ content: utils.get-icon-glyph("help");
535
536
  }
536
537
  &[data-icon-name="import"]::before {
537
- content: map-get($glyphs, "import");
538
+ content: utils.get-icon-glyph("import");
538
539
  }
539
540
  &[data-icon-name="info"]::before {
540
- content: map-get($glyphs, "info");
541
+ content: utils.get-icon-glyph("info");
541
542
  }
542
543
  &[data-icon-name="language"]::before {
543
- content: map-get($glyphs, "language");
544
+ content: utils.get-icon-glyph("language");
544
545
  }
545
546
  &[data-icon-name="link-external"]::before {
546
- content: map-get($glyphs, "link-external");
547
+ content: utils.get-icon-glyph("link-external");
547
548
  }
548
549
  &[data-icon-name="link-internal"]::before {
549
- content: map-get($glyphs, "link-internal");
550
+ content: utils.get-icon-glyph("link-internal");
550
551
  }
551
552
  &[data-icon-name="location"]::before {
552
- content: map-get($glyphs, "location");
553
+ content: utils.get-icon-glyph("location");
553
554
  }
554
555
  &[data-icon-name="location-measure"]::before {
555
- content: map-get($glyphs, "location-measure");
556
+ content: utils.get-icon-glyph("location-measure");
556
557
  }
557
558
  &[data-icon-name="location-off"]::before {
558
- content: map-get($glyphs, "location-off");
559
+ content: utils.get-icon-glyph("location-off");
559
560
  }
560
561
  &[data-icon-name="location-scan"]::before {
561
- content: map-get($glyphs, "location-scan");
562
+ content: utils.get-icon-glyph("location-scan");
562
563
  }
563
564
  &[data-icon-name="lock"]::before {
564
- content: map-get($glyphs, "lock");
565
+ content: utils.get-icon-glyph("lock");
565
566
  }
566
567
  &[data-icon-name="logout"]::before {
567
- content: map-get($glyphs, "logout");
568
+ content: utils.get-icon-glyph("logout");
568
569
  }
569
570
  &[data-icon-name="mail"]::before {
570
- content: map-get($glyphs, "mail");
571
+ content: utils.get-icon-glyph("mail");
571
572
  }
572
573
  &[data-icon-name="mail-error"]::before {
573
- content: map-get($glyphs, "mail-error");
574
+ content: utils.get-icon-glyph("mail-error");
574
575
  }
575
576
  &[data-icon-name="mail-error"]::after {
576
- content: map-get($glyphs, "mail-error-part1");
577
+ content: utils.get-icon-glyph("mail-error-part1");
577
578
  color: #F30303;
578
579
  }
579
580
  &[data-icon-name="mail-error"] span::before {
580
- content: map-get($glyphs, "mail-error-part2");
581
+ content: utils.get-icon-glyph("mail-error-part2");
581
582
  color: #FFFFFF;
582
583
  }
583
584
  &[data-icon-name="mail-newsletter"]::before {
584
- content: map-get($glyphs, "mail-newsletter");
585
+ content: utils.get-icon-glyph("mail-newsletter");
585
586
  }
586
587
  &[data-icon-name="mail-resend"]::before {
587
- content: map-get($glyphs, "mail-resend");
588
+ content: utils.get-icon-glyph("mail-resend");
588
589
  }
589
590
  &[data-icon-name="mail-send"]::before {
590
- content: map-get($glyphs, "mail-send");
591
+ content: utils.get-icon-glyph("mail-send");
591
592
  }
592
593
  &[data-icon-name="mail-sending"]::before {
593
- content: map-get($glyphs, "mail-sending");
594
+ content: utils.get-icon-glyph("mail-sending");
594
595
  }
595
596
  &[data-icon-name="mail-success"]::before {
596
- content: map-get($glyphs, "mail-success");
597
+ content: utils.get-icon-glyph("mail-success");
597
598
  }
598
599
  &[data-icon-name="mail-success"]::after {
599
- content: map-get($glyphs, "mail-success-part1");
600
+ content: utils.get-icon-glyph("mail-success-part1");
600
601
  color: #00DD31;
601
602
  }
602
603
  &[data-icon-name="mail-success"] span::before {
603
- content: map-get($glyphs, "mail-success-part2");
604
+ content: utils.get-icon-glyph("mail-success-part2");
604
605
  color: #002766;
605
606
  }
606
607
  &[data-icon-name="map"]::before {
607
- content: map-get($glyphs, "map");
608
+ content: utils.get-icon-glyph("map");
608
609
  }
609
610
  &[data-icon-name="maximize"]::before {
610
- content: map-get($glyphs, "maximize");
611
+ content: utils.get-icon-glyph("maximize");
611
612
  }
612
613
  &[data-icon-name="media-back"]::before {
613
- content: map-get($glyphs, "media-back");
614
+ content: utils.get-icon-glyph("media-back");
614
615
  }
615
616
  &[data-icon-name="media-fastforward"]::before {
616
- content: map-get($glyphs, "media-fastforward");
617
+ content: utils.get-icon-glyph("media-fastforward");
617
618
  }
618
619
  &[data-icon-name="media-pause"]::before {
619
- content: map-get($glyphs, "media-pause");
620
+ content: utils.get-icon-glyph("media-pause");
620
621
  }
621
622
  &[data-icon-name="media-play"]::before {
622
- content: map-get($glyphs, "media-play");
623
+ content: utils.get-icon-glyph("media-play");
623
624
  }
624
625
  &[data-icon-name="media-rewind"]::before {
625
- content: map-get($glyphs, "media-rewind");
626
+ content: utils.get-icon-glyph("media-rewind");
626
627
  }
627
628
  &[data-icon-name="media-skip"]::before {
628
- content: map-get($glyphs, "media-skip");
629
+ content: utils.get-icon-glyph("media-skip");
629
630
  }
630
631
  &[data-icon-name="media-stop"]::before {
631
- content: map-get($glyphs, "media-stop");
632
+ content: utils.get-icon-glyph("media-stop");
632
633
  }
633
634
  &[data-icon-name="menu"]::before {
634
- content: map-get($glyphs, "menu");
635
+ content: utils.get-icon-glyph("menu");
635
636
  }
636
637
  &[data-icon-name="minimize"]::before {
637
- content: map-get($glyphs, "minimize");
638
+ content: utils.get-icon-glyph("minimize");
638
639
  }
639
640
  &[data-icon-name="minus"]::before {
640
- content: map-get($glyphs, "minus");
641
+ content: utils.get-icon-glyph("minus");
641
642
  }
642
643
  &[data-icon-name="mode-switch"]::before {
643
- content: map-get($glyphs, "mode-switch");
644
+ content: utils.get-icon-glyph("mode-switch");
644
645
  }
645
646
  &[data-icon-name="more"]::before {
646
- content: map-get($glyphs, "more");
647
+ content: utils.get-icon-glyph("more");
647
648
  }
648
649
  &[data-icon-name="next"]::before {
649
- content: map-get($glyphs, "next");
650
+ content: utils.get-icon-glyph("next");
650
651
  }
651
652
  &[data-icon-name="night-mode"]::before {
652
- content: map-get($glyphs, "night-mode");
653
+ content: utils.get-icon-glyph("night-mode");
653
654
  }
654
655
  &[data-icon-name="notification"]::before {
655
- content: map-get($glyphs, "notification");
656
+ content: utils.get-icon-glyph("notification");
656
657
  }
657
658
  &[data-icon-name="notification-off"]::before {
658
- content: map-get($glyphs, "notification-off");
659
+ content: utils.get-icon-glyph("notification-off");
659
660
  }
660
661
  &[data-icon-name="on-off"]::before {
661
- content: map-get($glyphs, "on-off");
662
+ content: utils.get-icon-glyph("on-off");
662
663
  }
663
664
  &[data-icon-name="package"]::before {
664
- content: map-get($glyphs, "package");
665
+ content: utils.get-icon-glyph("package");
665
666
  }
666
667
  &[data-icon-name="password"]::before {
667
- content: map-get($glyphs, "password");
668
+ content: utils.get-icon-glyph("password");
668
669
  }
669
670
  &[data-icon-name="phone"]::before {
670
- content: map-get($glyphs, "phone");
671
+ content: utils.get-icon-glyph("phone");
671
672
  }
672
673
  &[data-icon-name="picture"]::before {
673
- content: map-get($glyphs, "picture");
674
+ content: utils.get-icon-glyph("picture");
674
675
  }
675
676
  &[data-icon-name="pin"]::before {
676
- content: map-get($glyphs, "pin");
677
+ content: utils.get-icon-glyph("pin");
677
678
  }
678
679
  &[data-icon-name="placeholder"]::before {
679
- content: map-get($glyphs, "placeholder");
680
+ content: utils.get-icon-glyph("placeholder");
680
681
  }
681
682
  &[data-icon-name="plus"]::before {
682
- content: map-get($glyphs, "plus");
683
+ content: utils.get-icon-glyph("plus");
683
684
  }
684
685
  &[data-icon-name="position"]::before {
685
- content: map-get($glyphs, "position");
686
+ content: utils.get-icon-glyph("position");
686
687
  }
687
688
  &[data-icon-name="position-off"]::before {
688
- content: map-get($glyphs, "position-off");
689
+ content: utils.get-icon-glyph("position-off");
689
690
  }
690
691
  &[data-icon-name="previous"]::before {
691
- content: map-get($glyphs, "previous");
692
+ content: utils.get-icon-glyph("previous");
692
693
  }
693
694
  &[data-icon-name="print"]::before {
694
- content: map-get($glyphs, "print");
695
+ content: utils.get-icon-glyph("print");
695
696
  }
696
697
  &[data-icon-name="print-config"]::before {
697
- content: map-get($glyphs, "print-config");
698
+ content: utils.get-icon-glyph("print-config");
698
699
  }
699
700
  &[data-icon-name="print-error"]::before {
700
- content: map-get($glyphs, "print-error");
701
+ content: utils.get-icon-glyph("print-error");
701
702
  }
702
703
  &[data-icon-name="print-error"]::after {
703
- content: map-get($glyphs, "print-error-part1");
704
+ content: utils.get-icon-glyph("print-error-part1");
704
705
  color: #F30303;
705
706
  }
706
707
  &[data-icon-name="print-error"] span::before {
707
- content: map-get($glyphs, "print-error-part2");
708
+ content: utils.get-icon-glyph("print-error-part2");
708
709
  color: #FFFFFF;
709
710
  }
710
711
  &[data-icon-name="print-preview"]::before {
711
- content: map-get($glyphs, "print-preview");
712
+ content: utils.get-icon-glyph("print-preview");
712
713
  }
713
714
  &[data-icon-name="print-selection"]::before {
714
- content: map-get($glyphs, "print-selection");
715
+ content: utils.get-icon-glyph("print-selection");
715
716
  }
716
717
  &[data-icon-name="print-success"]::before {
717
- content: map-get($glyphs, "print-success");
718
+ content: utils.get-icon-glyph("print-success");
718
719
  }
719
720
  &[data-icon-name="print-success"]::after {
720
- content: map-get($glyphs, "print-success-part1");
721
+ content: utils.get-icon-glyph("print-success-part1");
721
722
  color: #00DD31;
722
723
  }
723
724
  &[data-icon-name="print-success"] span::before {
724
- content: map-get($glyphs, "print-success-part2");
725
+ content: utils.get-icon-glyph("print-success-part2");
725
726
  color: #002766;
726
727
  }
727
728
  &[data-icon-name="print-warning"]::before {
728
- content: map-get($glyphs, "print-warning");
729
+ content: utils.get-icon-glyph("print-warning");
729
730
  }
730
731
  &[data-icon-name="print-warning"]::after {
731
- content: map-get($glyphs, "print-warning-part1");
732
+ content: utils.get-icon-glyph("print-warning-part1");
732
733
  color: #FFE300;
733
734
  }
734
735
  &[data-icon-name="print-warning"] span::before {
735
- content: map-get($glyphs, "print-warning-part2");
736
+ content: utils.get-icon-glyph("print-warning-part2");
736
737
  color: #002766;
737
738
  }
738
739
  &[data-icon-name="redo"]::before {
739
- content: map-get($glyphs, "redo");
740
+ content: utils.get-icon-glyph("redo");
740
741
  }
741
742
  &[data-icon-name="reload"]::before {
742
- content: map-get($glyphs, "reload");
743
+ content: utils.get-icon-glyph("reload");
743
744
  }
744
745
  &[data-icon-name="reload-off"]::before {
745
- content: map-get($glyphs, "reload-off");
746
+ content: utils.get-icon-glyph("reload-off");
746
747
  }
747
748
  &[data-icon-name="reload-required"]::before {
748
- content: map-get($glyphs, "reload-required");
749
+ content: utils.get-icon-glyph("reload-required");
749
750
  }
750
751
  &[data-icon-name="reset"]::before {
751
- content: map-get($glyphs, "reset");
752
+ content: utils.get-icon-glyph("reset");
752
753
  }
753
754
  &[data-icon-name="save"]::before {
754
- content: map-get($glyphs, "save");
755
+ content: utils.get-icon-glyph("save");
755
756
  }
756
757
  &[data-icon-name="save-as"]::before {
757
- content: map-get($glyphs, "save-as");
758
+ content: utils.get-icon-glyph("save-as");
758
759
  }
759
760
  &[data-icon-name="search"]::before {
760
- content: map-get($glyphs, "search");
761
+ content: utils.get-icon-glyph("search");
761
762
  }
762
763
  &[data-icon-name="search-activate"]::before {
763
- content: map-get($glyphs, "search-activate");
764
+ content: utils.get-icon-glyph("search-activate");
764
765
  }
765
766
  &[data-icon-name="search-close"]::before {
766
- content: map-get($glyphs, "search-close");
767
+ content: utils.get-icon-glyph("search-close");
767
768
  }
768
769
  &[data-icon-name="search-config"]::before {
769
- content: map-get($glyphs, "search-config");
770
+ content: utils.get-icon-glyph("search-config");
770
771
  }
771
772
  &[data-icon-name="search-next"]::before {
772
- content: map-get($glyphs, "search-next");
773
+ content: utils.get-icon-glyph("search-next");
773
774
  }
774
775
  &[data-icon-name="search-previous"]::before {
775
- content: map-get($glyphs, "search-previous");
776
+ content: utils.get-icon-glyph("search-previous");
776
777
  }
777
778
  &[data-icon-name="search-save"]::before {
778
- content: map-get($glyphs, "search-save");
779
+ content: utils.get-icon-glyph("search-save");
779
780
  }
780
781
  &[data-icon-name="searching"]::before {
781
- content: map-get($glyphs, "searching");
782
+ content: utils.get-icon-glyph("searching");
782
783
  }
783
784
  &[data-icon-name="searching-1"]::before {
784
- content: map-get($glyphs, "searching-1");
785
+ content: utils.get-icon-glyph("searching-1");
785
786
  }
786
787
  &[data-icon-name="searching-2"]::before {
787
- content: map-get($glyphs, "searching-2");
788
+ content: utils.get-icon-glyph("searching-2");
788
789
  }
789
790
  &[data-icon-name="searching-3"]::before {
790
- content: map-get($glyphs, "searching-3");
791
+ content: utils.get-icon-glyph("searching-3");
791
792
  }
792
793
  &[data-icon-name="service"]::before {
793
- content: map-get($glyphs, "service");
794
+ content: utils.get-icon-glyph("service");
794
795
  }
795
796
  &[data-icon-name="settings"]::before {
796
- content: map-get($glyphs, "settings");
797
+ content: utils.get-icon-glyph("settings");
797
798
  }
798
799
  &[data-icon-name="settings-add"]::before {
799
- content: map-get($glyphs, "settings-add");
800
+ content: utils.get-icon-glyph("settings-add");
800
801
  }
801
802
  &[data-icon-name="settings-edit"]::before {
802
- content: map-get($glyphs, "settings-edit");
803
+ content: utils.get-icon-glyph("settings-edit");
803
804
  }
804
805
  &[data-icon-name="settings-enter"]::before {
805
- content: map-get($glyphs, "settings-enter");
806
+ content: utils.get-icon-glyph("settings-enter");
806
807
  }
807
808
  &[data-icon-name="settings-leave"]::before {
808
- content: map-get($glyphs, "settings-leave");
809
+ content: utils.get-icon-glyph("settings-leave");
809
810
  }
810
811
  &[data-icon-name="settings-remove"]::before {
811
- content: map-get($glyphs, "settings-remove");
812
+ content: utils.get-icon-glyph("settings-remove");
812
813
  }
813
814
  &[data-icon-name="settings-reset"]::before {
814
- content: map-get($glyphs, "settings-reset");
815
+ content: utils.get-icon-glyph("settings-reset");
815
816
  }
816
817
  &[data-icon-name="share"]::before {
817
- content: map-get($glyphs, "share");
818
+ content: utils.get-icon-glyph("share");
818
819
  }
819
820
  &[data-icon-name="shoppingcart"]::before {
820
- content: map-get($glyphs, "shoppingcart");
821
+ content: utils.get-icon-glyph("shoppingcart");
821
822
  }
822
823
  &[data-icon-name="standby"]::before {
823
- content: map-get($glyphs, "standby");
824
+ content: utils.get-icon-glyph("standby");
824
825
  }
825
826
  &[data-icon-name="sync"]::before {
826
- content: map-get($glyphs, "sync");
827
+ content: utils.get-icon-glyph("sync");
827
828
  }
828
829
  &[data-icon-name="sync-off"]::before {
829
- content: map-get($glyphs, "sync-off");
830
+ content: utils.get-icon-glyph("sync-off");
830
831
  }
831
832
  &[data-icon-name="sync-off-success"]::before {
832
- content: map-get($glyphs, "sync-off-success");
833
+ content: utils.get-icon-glyph("sync-off-success");
833
834
  }
834
835
  &[data-icon-name="sync-off-success"]::after {
835
- content: map-get($glyphs, "sync-off-success-part1");
836
+ content: utils.get-icon-glyph("sync-off-success-part1");
836
837
  color: #00DD31;
837
838
  }
838
839
  &[data-icon-name="sync-off-success"] span::before {
839
- content: map-get($glyphs, "sync-off-success-part2");
840
+ content: utils.get-icon-glyph("sync-off-success-part2");
840
841
  color: #002766;
841
842
  }
842
843
  &[data-icon-name="sync-success"]::before {
843
- content: map-get($glyphs, "sync-success");
844
+ content: utils.get-icon-glyph("sync-success");
844
845
  }
845
846
  &[data-icon-name="sync-success"]::after {
846
- content: map-get($glyphs, "sync-success-part1");
847
+ content: utils.get-icon-glyph("sync-success-part1");
847
848
  color: #00DD31;
848
849
  }
849
850
  &[data-icon-name="sync-success"] span::before {
850
- content: map-get($glyphs, "sync-success-part2");
851
+ content: utils.get-icon-glyph("sync-success-part2");
851
852
  color: #002766;
852
853
  }
853
854
  &[data-icon-name="tile-menu"]::before {
854
- content: map-get($glyphs, "tile-menu");
855
+ content: utils.get-icon-glyph("tile-menu");
855
856
  }
856
857
  &[data-icon-name="training"]::before {
857
- content: map-get($glyphs, "training");
858
+ content: utils.get-icon-glyph("training");
858
859
  }
859
860
  &[data-icon-name="undo"]::before {
860
- content: map-get($glyphs, "undo");
861
+ content: utils.get-icon-glyph("undo");
861
862
  }
862
863
  &[data-icon-name="unlock"]::before {
863
- content: map-get($glyphs, "unlock");
864
+ content: utils.get-icon-glyph("unlock");
864
865
  }
865
866
  &[data-icon-name="upload"]::before {
866
- content: map-get($glyphs, "upload");
867
+ content: utils.get-icon-glyph("upload");
867
868
  }
868
869
  &[data-icon-name="user"]::before {
869
- content: map-get($glyphs, "user");
870
+ content: utils.get-icon-glyph("user");
870
871
  }
871
872
  &[data-icon-name="user-administration"]::before {
872
- content: map-get($glyphs, "user-administration");
873
+ content: utils.get-icon-glyph("user-administration");
873
874
  }
874
875
  &[data-icon-name="user-administrator"]::before {
875
- content: map-get($glyphs, "user-administrator");
876
+ content: utils.get-icon-glyph("user-administrator");
876
877
  }
877
878
  &[data-icon-name="user-edit"]::before {
878
- content: map-get($glyphs, "user-edit");
879
+ content: utils.get-icon-glyph("user-edit");
879
880
  }
880
881
  &[data-icon-name="user-engineer"]::before {
881
- content: map-get($glyphs, "user-engineer");
882
+ content: utils.get-icon-glyph("user-engineer");
882
883
  }
883
884
  &[data-icon-name="user-group"]::before {
884
- content: map-get($glyphs, "user-group");
885
+ content: utils.get-icon-glyph("user-group");
885
886
  }
886
887
  &[data-icon-name="user-group-administration"]::before {
887
- content: map-get($glyphs, "user-group-administration");
888
+ content: utils.get-icon-glyph("user-group-administration");
888
889
  }
889
890
  &[data-icon-name="user-id"]::before {
890
- content: map-get($glyphs, "user-id");
891
+ content: utils.get-icon-glyph("user-id");
891
892
  }
892
893
  &[data-icon-name="user-id-error"]::before {
893
- content: map-get($glyphs, "user-id-error");
894
+ content: utils.get-icon-glyph("user-id-error");
894
895
  }
895
896
  &[data-icon-name="user-id-error"]::after {
896
- content: map-get($glyphs, "user-id-error-part1");
897
+ content: utils.get-icon-glyph("user-id-error-part1");
897
898
  color: #F30303;
898
899
  }
899
900
  &[data-icon-name="user-id-error"] span::before {
900
- content: map-get($glyphs, "user-id-error-part2");
901
+ content: utils.get-icon-glyph("user-id-error-part2");
901
902
  color: #FFFFFF;
902
903
  }
903
904
  &[data-icon-name="user-id-invalid"]::before {
904
- content: map-get($glyphs, "user-id-invalid");
905
+ content: utils.get-icon-glyph("user-id-invalid");
905
906
  }
906
907
  &[data-icon-name="user-id-invalid"]::after {
907
- content: map-get($glyphs, "user-id-invalid-part1");
908
+ content: utils.get-icon-glyph("user-id-invalid-part1");
908
909
  color: #F30303;
909
910
  }
910
911
  &[data-icon-name="user-id-invalid"] span::before {
911
- content: map-get($glyphs, "user-id-invalid-part2");
912
+ content: utils.get-icon-glyph("user-id-invalid-part2");
912
913
  color: #FFFFFF;
913
914
  }
914
915
  &[data-icon-name="user-id-query"]::before {
915
- content: map-get($glyphs, "user-id-query");
916
+ content: utils.get-icon-glyph("user-id-query");
916
917
  }
917
918
  &[data-icon-name="user-id-reading"]::before {
918
- content: map-get($glyphs, "user-id-reading");
919
+ content: utils.get-icon-glyph("user-id-reading");
919
920
  }
920
921
  &[data-icon-name="user-id-success"]::before {
921
- content: map-get($glyphs, "user-id-success");
922
+ content: utils.get-icon-glyph("user-id-success");
922
923
  }
923
924
  &[data-icon-name="user-id-success"]::after {
924
- content: map-get($glyphs, "user-id-success-part1");
925
+ content: utils.get-icon-glyph("user-id-success-part1");
925
926
  color: #00DD31;
926
927
  }
927
928
  &[data-icon-name="user-id-success"] span::before {
928
- content: map-get($glyphs, "user-id-success-part2");
929
+ content: utils.get-icon-glyph("user-id-success-part2");
929
930
  color: #002766;
930
931
  }
931
932
  &[data-icon-name="user-level-1"]::before {
932
- content: map-get($glyphs, "user-level-1");
933
+ content: utils.get-icon-glyph("user-level-1");
933
934
  }
934
935
  &[data-icon-name="user-level-2"]::before {
935
- content: map-get($glyphs, "user-level-2");
936
+ content: utils.get-icon-glyph("user-level-2");
936
937
  }
937
938
  &[data-icon-name="user-level-3"]::before {
938
- content: map-get($glyphs, "user-level-3");
939
+ content: utils.get-icon-glyph("user-level-3");
939
940
  }
940
941
  &[data-icon-name="user-level-4"]::before {
941
- content: map-get($glyphs, "user-level-4");
942
+ content: utils.get-icon-glyph("user-level-4");
942
943
  }
943
944
  &[data-icon-name="user-level-5"]::before {
944
- content: map-get($glyphs, "user-level-5");
945
+ content: utils.get-icon-glyph("user-level-5");
945
946
  }
946
947
  &[data-icon-name="user-logout"]::before {
947
- content: map-get($glyphs, "user-logout");
948
+ content: utils.get-icon-glyph("user-logout");
948
949
  }
949
950
  &[data-icon-name="user-maintainer"]::before {
950
- content: map-get($glyphs, "user-maintainer");
951
+ content: utils.get-icon-glyph("user-maintainer");
951
952
  }
952
953
  &[data-icon-name="user-operator"]::before {
953
- content: map-get($glyphs, "user-operator");
954
+ content: utils.get-icon-glyph("user-operator");
954
955
  }
955
956
  &[data-icon-name="user-trainer"]::before {
956
- content: map-get($glyphs, "user-trainer");
957
+ content: utils.get-icon-glyph("user-trainer");
957
958
  }
958
959
  &[data-icon-name="user-worker"]::before {
959
- content: map-get($glyphs, "user-worker");
960
+ content: utils.get-icon-glyph("user-worker");
960
961
  }
961
962
  &[data-icon-name="video"]::before {
962
- content: map-get($glyphs, "video");
963
+ content: utils.get-icon-glyph("video");
963
964
  }
964
965
  &[data-icon-name="view"]::before {
965
- content: map-get($glyphs, "view");
966
+ content: utils.get-icon-glyph("view");
966
967
  }
967
968
  &[data-icon-name="visual-inspection"]::before {
968
- content: map-get($glyphs, "visual-inspection");
969
+ content: utils.get-icon-glyph("visual-inspection");
969
970
  }
970
971
  &[data-icon-name="warning"]::before {
971
- content: map-get($glyphs, "warning");
972
+ content: utils.get-icon-glyph("warning");
972
973
  }
973
974
  &[data-icon-name="warning-colored"]::before {
974
- content: map-get($glyphs, "warning-colored");
975
+ content: utils.get-icon-glyph("warning-colored");
975
976
  color: #FFE300;
976
977
  }
977
978
  &[data-icon-name="warning-colored"]::after {
978
- content: map-get($glyphs, "warning-colored-part1");
979
+ content: utils.get-icon-glyph("warning-colored-part1");
979
980
  color: #002766;
980
981
  }
981
982
  &[data-icon-name="zoom-in"]::before {
982
- content: map-get($glyphs, "zoom-in");
983
+ content: utils.get-icon-glyph("zoom-in");
983
984
  }
984
985
  &[data-icon-name="zoom-original"]::before {
985
- content: map-get($glyphs, "zoom-original");
986
+ content: utils.get-icon-glyph("zoom-original");
986
987
  }
987
988
  &[data-icon-name="zoom-out"]::before {
988
- content: map-get($glyphs, "zoom-out");
989
+ content: utils.get-icon-glyph("zoom-out");
989
990
  }
990
991
  &[data-icon-name="zoom-window"]::before {
991
- content: map-get($glyphs, "zoom-window");
992
+ content: utils.get-icon-glyph("zoom-window");
992
993
  }
993
994
  }