@flywheel-io/vision 0.4.2 → 0.6.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.
Files changed (86) hide show
  1. package/README.md +1 -19
  2. package/assets/fonts/Flywheel-Vision-Icons.svg +239 -0
  3. package/assets/fonts/Flywheel-Vision-Icons.ttf +0 -0
  4. package/assets/fonts/Flywheel-Vision-Icons.woff +0 -0
  5. package/bundles/flywheel-io-vision-elements.umd.js +40 -16
  6. package/bundles/flywheel-io-vision-elements.umd.js.map +1 -1
  7. package/bundles/flywheel-io-vision.umd.js +884 -662
  8. package/bundles/flywheel-io-vision.umd.js.map +1 -1
  9. package/components/button/button.component.d.ts +3 -0
  10. package/components/button/button.module.d.ts +7 -0
  11. package/components/button-group/button-group.component.d.ts +3 -0
  12. package/components/button-group/button-group.module.d.ts +5 -0
  13. package/components/dialog/choice-dialog.component.d.ts +3 -0
  14. package/components/dialog/confirm-dialog.component.d.ts +3 -0
  15. package/components/dialog/dialog.module.d.ts +14 -0
  16. package/components/dialog/dialog.service.d.ts +3 -0
  17. package/components/dialog/error-dialog.component.d.ts +3 -0
  18. package/components/dialog/portal-dialog.component.d.ts +3 -0
  19. package/components/icon/icon.component.d.ts +5 -0
  20. package/components/icon/icon.module.d.ts +8 -0
  21. package/components/notification/notification/notification.component.d.ts +3 -0
  22. package/components/notification/notification-container/notification-container.component.d.ts +3 -0
  23. package/components/notification/notification.module.d.ts +11 -0
  24. package/components/notification/notification.service.d.ts +3 -0
  25. package/components/popover/popover-trigger.component.d.ts +3 -0
  26. package/components/popover/popover-trigger.directive.d.ts +3 -0
  27. package/components/popover/popover.component.d.ts +3 -0
  28. package/components/popover/popover.module.d.ts +8 -0
  29. package/components/shared/pipes/pipes.module.d.ts +6 -0
  30. package/components/shared/pipes/translate.pipe.d.ts +3 -0
  31. package/components/shared/pipes/trusthtml.pipe.d.ts +3 -0
  32. package/components/shared/translation.service.d.ts +3 -0
  33. package/components/table/table.component.d.ts +3 -0
  34. package/components/table/table.module.d.ts +12 -0
  35. package/elements/flywheel-io-vision-elements.d.ts +1 -0
  36. package/elements/package.json +0 -1
  37. package/esm2015/components/button/button.component.js +29 -21
  38. package/esm2015/components/button/button.module.js +27 -18
  39. package/esm2015/components/button-group/button-group.component.js +24 -20
  40. package/esm2015/components/button-group/button-group.module.js +19 -14
  41. package/esm2015/components/dialog/choice-dialog.component.js +41 -15
  42. package/esm2015/components/dialog/confirm-dialog.component.js +33 -16
  43. package/esm2015/components/dialog/dialog.module.js +58 -31
  44. package/esm2015/components/dialog/dialog.service.js +8 -8
  45. package/esm2015/components/dialog/error-dialog.component.js +30 -17
  46. package/esm2015/components/dialog/portal-dialog.component.js +43 -18
  47. package/esm2015/components/icon/icon.component.js +19 -0
  48. package/esm2015/components/icon/icon.module.js +26 -0
  49. package/esm2015/components/notification/notification/notification.component.js +31 -26
  50. package/esm2015/components/notification/notification-container/notification-container.component.js +25 -21
  51. package/esm2015/components/notification/notification.module.js +45 -26
  52. package/esm2015/components/notification/notification.service.js +9 -7
  53. package/esm2015/components/popover/popover-trigger.component.js +32 -25
  54. package/esm2015/components/popover/popover-trigger.directive.js +24 -23
  55. package/esm2015/components/popover/popover.component.js +25 -13
  56. package/esm2015/components/popover/popover.module.js +38 -25
  57. package/esm2015/components/shared/pipes/pipes.module.js +25 -13
  58. package/esm2015/components/shared/pipes/translate.pipe.js +12 -13
  59. package/esm2015/components/shared/pipes/trusthtml.pipe.js +12 -11
  60. package/esm2015/components/shared/translation.service.js +7 -4
  61. package/esm2015/components/table/table.component.js +45 -26
  62. package/esm2015/components/table/table.module.js +45 -24
  63. package/esm2015/elements/elements.js +19 -14
  64. package/esm2015/flywheel-io-vision.js +1 -5
  65. package/esm2015/public-api.js +3 -1
  66. package/fesm2015/flywheel-io-vision-elements.js +18 -13
  67. package/fesm2015/flywheel-io-vision-elements.js.map +1 -1
  68. package/fesm2015/flywheel-io-vision.js +775 -524
  69. package/fesm2015/flywheel-io-vision.js.map +1 -1
  70. package/flywheel-io-vision.d.ts +1 -4
  71. package/package.json +11 -12
  72. package/public-api.d.ts +2 -0
  73. package/scss/atoms/cards.scss +12 -0
  74. package/scss/atoms/grid.scss +21 -0
  75. package/scss/atoms/typography.scss +16 -0
  76. package/scss/icons/_icon-font-face.scss +10 -0
  77. package/scss/icons/_icon-glyphs.scss +370 -0
  78. package/scss/icons/icons.scss +3 -0
  79. package/styles.css +118 -108
  80. package/styles.scss +3 -3
  81. package/bundles/flywheel-io-vision-elements.umd.min.js +0 -2
  82. package/bundles/flywheel-io-vision-elements.umd.min.js.map +0 -1
  83. package/bundles/flywheel-io-vision.umd.min.js +0 -2
  84. package/bundles/flywheel-io-vision.umd.min.js.map +0 -1
  85. package/elements/flywheel-io-vision-elements.metadata.json +0 -1
  86. package/flywheel-io-vision.metadata.json +0 -1
@@ -0,0 +1,370 @@
1
+ @mixin icon-glyphs {
2
+ .vision-icon, [class^="icon-"], [class*=" icon-"] {
3
+ /* use !important to prevent issues with browser extensions that change fonts */
4
+ font-family: 'Flywheel-Vision-Icons' !important;
5
+ speak: never;
6
+ font-style: normal;
7
+ font-weight: normal;
8
+ font-variant: normal;
9
+ text-transform: none;
10
+ line-height: 1;
11
+
12
+ /* Enable Ligatures ================ */
13
+ letter-spacing: 0;
14
+ -webkit-font-feature-settings: "liga";
15
+ -moz-font-feature-settings: "liga=1";
16
+ -moz-font-feature-settings: "liga";
17
+ -ms-font-feature-settings: "liga" 1;
18
+ font-feature-settings: "liga";
19
+ -webkit-font-variant-ligatures: discretionary-ligatures;
20
+ font-variant-ligatures: discretionary-ligatures;
21
+
22
+ /* Better Font Rendering =========== */
23
+ -webkit-font-smoothing: antialiased;
24
+ -moz-osx-font-smoothing: grayscale;
25
+ }
26
+
27
+ .icon-laptop-health-medical-cross:before {
28
+ content: "\e971";
29
+ }
30
+ .icon-radiology-scan-circle:before {
31
+ content: "\e974";
32
+ }
33
+ .icon-money-coin:before {
34
+ content: "\e965";
35
+ }
36
+ .icon-brain:before {
37
+ content: "\e972";
38
+ }
39
+ .icon-dna-hospital-medical:before {
40
+ content: "\e973";
41
+ }
42
+ .icon-lung:before {
43
+ content: "\e975";
44
+ }
45
+ .icon-lungs:before {
46
+ content: "\e976";
47
+ }
48
+ .icon-protective-mask:before {
49
+ content: "\e977";
50
+ }
51
+ .icon-radiology-scan:before {
52
+ content: "\e978";
53
+ }
54
+ .icon-stomach:before {
55
+ content: "\e979";
56
+ }
57
+ .icon-cash-banknotes:before {
58
+ content: "\e964";
59
+ }
60
+ .icon-money-dollar:before {
61
+ content: "\e966";
62
+ }
63
+ .icon-money:before {
64
+ content: "\e967";
65
+ }
66
+ .icon-cloud-storage-checkmark:before {
67
+ content: "\e968";
68
+ }
69
+ .icon-modalities:before {
70
+ content: "\e970";
71
+ }
72
+ .icon-search-loop:before {
73
+ content: "\e936";
74
+ }
75
+ .icon-question-circle:before {
76
+ content: "\e921";
77
+ }
78
+ .icon-earth-globe-fail:before {
79
+ content: "\e935";
80
+ }
81
+ .icon-user-setting-gear:before {
82
+ content: "\e909";
83
+ }
84
+ .icon-user-delete-cross:before {
85
+ content: "\e95b";
86
+ }
87
+ .icon-apply-copy-duplicate:before {
88
+ content: "\e95c";
89
+ }
90
+ .icon-arrow-down:before {
91
+ content: "\e95d";
92
+ }
93
+ .icon-arrow-up:before {
94
+ content: "\e95e";
95
+ }
96
+ .icon-grid-layout:before {
97
+ content: "\e95f";
98
+ }
99
+ .icon-folder-blank:before {
100
+ content: "\e960";
101
+ }
102
+ .icon-folder-group:before {
103
+ content: "\e961";
104
+ }
105
+ .icon-file-text:before {
106
+ content: "\e962";
107
+ }
108
+ .icon-edit-boxed:before {
109
+ content: "\e922";
110
+ }
111
+ .icon-chart-trend-square:before {
112
+ content: "\e900";
113
+ }
114
+ .icon-layout-grid:before {
115
+ content: "\e901";
116
+ }
117
+ .icon-files-library-content:before {
118
+ content: "\e902";
119
+ }
120
+ .icon-user-lock:before {
121
+ content: "\e903";
122
+ }
123
+ .icon-lock:before {
124
+ content: "\e904";
125
+ }
126
+ .icon-add-user:before {
127
+ content: "\e905";
128
+ }
129
+ .icon-user-checked:before {
130
+ content: "\e906";
131
+ }
132
+ .icon-user-group:before {
133
+ content: "\e907";
134
+ }
135
+ .icon-user-key:before {
136
+ content: "\e908";
137
+ }
138
+ .icon-thumbs-up-like:before {
139
+ content: "\e90a";
140
+ }
141
+ .icon-apple:before {
142
+ content: "\e90b";
143
+ }
144
+ .icon-gitlab:before {
145
+ content: "\e90c";
146
+ }
147
+ .icon-linux:before {
148
+ content: "\e90d";
149
+ }
150
+ .icon-add-server:before {
151
+ content: "\e90e";
152
+ }
153
+ .icon-server-checkmark:before {
154
+ content: "\e90f";
155
+ }
156
+ .icon-server-upload:before {
157
+ content: "\e910";
158
+ }
159
+ .icon-server:before {
160
+ content: "\e911";
161
+ }
162
+ .icon-lock-unlock:before {
163
+ content: "\e912";
164
+ }
165
+ .icon-data-tree:before {
166
+ content: "\e913";
167
+ }
168
+ .icon-add-circle:before {
169
+ content: "\e914";
170
+ }
171
+ .icon-bell-notification:before {
172
+ content: "\e915";
173
+ }
174
+ .icon-bookmark:before {
175
+ content: "\e916";
176
+ }
177
+ .icon-chart-square:before {
178
+ content: "\e917";
179
+ }
180
+ .icon-checklist:before {
181
+ content: "\e918";
182
+ }
183
+ .icon-clock-history:before {
184
+ content: "\e919";
185
+ }
186
+ .icon-clock-loading:before {
187
+ content: "\e91a";
188
+ }
189
+ .icon-close-circled:before {
190
+ content: "\e91b";
191
+ }
192
+ .icon-close:before {
193
+ content: "\e91c";
194
+ }
195
+ .icon-copy-item:before {
196
+ content: "\e91d";
197
+ }
198
+ .icon-done-check:before {
199
+ content: "\e91e";
200
+ }
201
+ .icon-download-status:before {
202
+ content: "\e91f";
203
+ }
204
+ .icon-download:before {
205
+ content: "\e920";
206
+ }
207
+ .icon-edit:before {
208
+ content: "\e923";
209
+ }
210
+ .icon-email:before {
211
+ content: "\e924";
212
+ }
213
+ .icon-file-download:before {
214
+ content: "\e925";
215
+ }
216
+ .icon-files-library:before {
217
+ content: "\e926";
218
+ }
219
+ .icon-files:before {
220
+ content: "\e927";
221
+ }
222
+ .icon-filter:before {
223
+ content: "\e928";
224
+ }
225
+ .icon-flag:before {
226
+ content: "\e929";
227
+ }
228
+ .icon-information-circle:before {
229
+ content: "\e92a";
230
+ }
231
+ .icon-key:before {
232
+ content: "\e92b";
233
+ }
234
+ .icon-keychain:before {
235
+ content: "\e92c";
236
+ }
237
+ .icon-label-tag:before {
238
+ content: "\e92d";
239
+ }
240
+ .icon-link:before {
241
+ content: "\e92e";
242
+ }
243
+ .icon-loading-status-checkmark:before {
244
+ content: "\e92f";
245
+ }
246
+ .icon-logout:before {
247
+ content: "\e930";
248
+ }
249
+ .icon-menu-horizontal:before {
250
+ content: "\e931";
251
+ }
252
+ .icon-menu-vertical:before {
253
+ content: "\e932";
254
+ }
255
+ .icon-open:before {
256
+ content: "\e933";
257
+ }
258
+ .icon-pie-chart:before {
259
+ content: "\e934";
260
+ }
261
+ .icon-search:before {
262
+ content: "\e937";
263
+ }
264
+ .icon-setting-gear:before {
265
+ content: "\e938";
266
+ }
267
+ .icon-settings-adjust:before {
268
+ content: "\e939";
269
+ }
270
+ .icon-settings-gear-square:before {
271
+ content: "\e93a";
272
+ }
273
+ .icon-settings-gear:before {
274
+ content: "\e93b";
275
+ }
276
+ .icon-settings-select:before {
277
+ content: "\e93c";
278
+ }
279
+ .icon-share:before {
280
+ content: "\e93d";
281
+ }
282
+ .icon-show-visible:before {
283
+ content: "\e93e";
284
+ }
285
+ .icon-star:before {
286
+ content: "\e93f";
287
+ }
288
+ .icon-substract-group:before {
289
+ content: "\e940";
290
+ }
291
+ .icon-switch:before {
292
+ content: "\e941";
293
+ }
294
+ .icon-trash-delete:before {
295
+ content: "\e942";
296
+ }
297
+ .icon-upload:before {
298
+ content: "\e943";
299
+ }
300
+ .icon-user:before {
301
+ content: "\e944";
302
+ }
303
+ .icon-warning-circle:before {
304
+ content: "\e945";
305
+ }
306
+ .icon-warning:before {
307
+ content: "\e946";
308
+ }
309
+ .icon-icon-placeholder:before {
310
+ content: "\e947";
311
+ }
312
+ .icon-network-storage-alert:before {
313
+ content: "\e948";
314
+ }
315
+ .icon-folder-add:before {
316
+ content: "\e949";
317
+ }
318
+ .icon-folder-checked:before {
319
+ content: "\e94a";
320
+ }
321
+ .icon-folder-open:before {
322
+ content: "\e94b";
323
+ }
324
+ .icon-folder-share:before {
325
+ content: "\e94c";
326
+ }
327
+ .icon-document-file-blank:before {
328
+ content: "\e94d";
329
+ }
330
+ .icon-document-file-download:before {
331
+ content: "\e94e";
332
+ }
333
+ .icon-document-file-tar:before {
334
+ content: "\e94f";
335
+ }
336
+ .icon-document-file-zip:before {
337
+ content: "\e950";
338
+ }
339
+ .icon-document-visible:before {
340
+ content: "\e951";
341
+ }
342
+ .icon-documents-files:before {
343
+ content: "\e952";
344
+ }
345
+ .icon-arrow-back:before {
346
+ content: "\e953";
347
+ }
348
+ .icon-arrow-forward:before {
349
+ content: "\e954";
350
+ }
351
+ .icon-chevron-back:before {
352
+ content: "\e955";
353
+ }
354
+ .icon-chevron-down:before {
355
+ content: "\e956";
356
+ }
357
+ .icon-chevron-forward:before {
358
+ content: "\e957";
359
+ }
360
+ .icon-chevron-up:before {
361
+ content: "\e958";
362
+ }
363
+ .icon-embed-circle:before {
364
+ content: "\e959";
365
+ }
366
+ .icon-rotate-refresh:before {
367
+ content: "\e95a";
368
+ }
369
+ }
370
+
@@ -0,0 +1,3 @@
1
+ @use './icon-font-face';
2
+ @use './icon-glyphs' as glyphs;
3
+ @include glyphs.icon-glyphs;