@symphony-talent/component-library 3.1.0 → 3.3.1

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 (163) hide show
  1. package/esm2020/lib/atoms/atoms.module.mjs +7 -3
  2. package/esm2020/lib/atoms/button/button.component.mjs +3 -3
  3. package/esm2020/lib/atoms/filter-area/filter-area.component.mjs +1 -1
  4. package/esm2020/lib/atoms/grid/framework/contact-activity-score/contact-activity-score.component.mjs +1 -1
  5. package/esm2020/lib/atoms/grid/grid.component.mjs +7 -6
  6. package/esm2020/lib/atoms/grid/grid.model.mjs +1 -1
  7. package/esm2020/lib/atoms/h1/h1.component.mjs +1 -1
  8. package/esm2020/lib/atoms/h3/h3.component.mjs +1 -1
  9. package/esm2020/lib/atoms/h4/h4.component.mjs +1 -1
  10. package/esm2020/lib/atoms/icon/icon.component.mjs +5 -3
  11. package/esm2020/lib/atoms/icon/icon.enum.mjs +15 -1
  12. package/esm2020/lib/atoms/input-radio/input-radio.component.mjs +1 -1
  13. package/esm2020/lib/atoms/input-text/input-text.component.mjs +5 -3
  14. package/esm2020/lib/atoms/paragraph/paragraph.component.mjs +1 -1
  15. package/esm2020/lib/atoms/pill/pill.component.mjs +2 -2
  16. package/esm2020/lib/atoms/sfx-loader/sfx-loader.component.mjs +1 -1
  17. package/esm2020/lib/atoms/sfx-page-loader/sfx-page-loader.component.mjs +1 -1
  18. package/esm2020/lib/atoms/sfx-progress-bar/sfx-progress-bar.component.mjs +1 -1
  19. package/esm2020/lib/atoms/task-icon/task-icon.component.mjs +1 -1
  20. package/esm2020/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.mjs +17 -0
  21. package/esm2020/lib/atoms/tooltip-wrapper/tooltip-wrapper.module.mjs +20 -0
  22. package/esm2020/lib/atoms/two-column-filter-area/two-column-filter-area.component.mjs +1 -1
  23. package/esm2020/lib/design-guide/icon-explorer/icon-explorer.component.mjs +1 -1
  24. package/esm2020/lib/design-guide/icon-explorer/icon-explorer.helper.mjs +85 -1
  25. package/esm2020/lib/design-guide/typography/typography.component.mjs +1 -1
  26. package/esm2020/lib/molecules/breadcrumb/breadcrumb.component.mjs +1 -1
  27. package/esm2020/lib/molecules/card/card.component.mjs +1 -1
  28. package/esm2020/lib/molecules/h5-with-icon/h5-with-icon.component.mjs +25 -0
  29. package/esm2020/lib/molecules/h5-with-icon/h5-with-icon.model.mjs +2 -0
  30. package/esm2020/lib/molecules/h5-with-icon/h5-with-icon.module.mjs +37 -0
  31. package/esm2020/lib/molecules/icon-swatch/icon-swatch.component.mjs +1 -1
  32. package/esm2020/lib/molecules/molecules.module.mjs +6 -2
  33. package/esm2020/lib/molecules/note/note.component.mjs +1 -1
  34. package/esm2020/lib/molecules/pills/pills.component.mjs +3 -3
  35. package/esm2020/lib/molecules/task/task.component.mjs +1 -1
  36. package/esm2020/lib/organisms/note-list/note-list.component.mjs +1 -1
  37. package/esm2020/lib/organisms/task-list/task-list.component.mjs +1 -1
  38. package/esm2020/lib/pages/events-settings-page/events-settings-page.component.mjs +7 -9
  39. package/esm2020/lib/pages/events-settings-page/events-settings-page.model.mjs +1 -1
  40. package/esm2020/lib/pages/modals/advertise-modal/advertise-modal.component.mjs +60 -0
  41. package/esm2020/lib/pages/modals/advertise-modal/advertise-modal.model.mjs +2 -0
  42. package/esm2020/lib/pages/modals/advertise-modal/advertise-modal.module.mjs +62 -0
  43. package/esm2020/lib/pages/setting-list-page/setting-list-page.component.mjs +2 -2
  44. package/esm2020/lib/templates/admin-list/admin-list.component.mjs +1 -1
  45. package/esm2020/lib/templates/modal-templates/two-column-body-template/two-column-body-template.component.mjs +12 -0
  46. package/esm2020/lib/templates/modal-templates/two-column-body-template/two-column-body-template.module.mjs +18 -0
  47. package/esm2020/lib/templates/modal-templates/two-column-modal-template/two-column-modal-template.component.mjs +12 -0
  48. package/esm2020/lib/templates/modal-templates/two-column-modal-template/two-column-modal-template.module.mjs +18 -0
  49. package/esm2020/lib/templates/placeholder/placeholder.component.mjs +1 -1
  50. package/esm2020/lib/templates/setting-list-template/setting-list-template.component.mjs +3 -3
  51. package/esm2020/projects/component-library/lib/atoms/atoms.module.mjs +7 -3
  52. package/esm2020/projects/component-library/lib/atoms/button/button.component.mjs +3 -3
  53. package/esm2020/projects/component-library/lib/atoms/filter-area/filter-area.component.mjs +1 -1
  54. package/esm2020/projects/component-library/lib/atoms/grid/framework/contact-activity-score/contact-activity-score.component.mjs +1 -1
  55. package/esm2020/projects/component-library/lib/atoms/grid/grid.component.mjs +7 -6
  56. package/esm2020/projects/component-library/lib/atoms/grid/grid.model.mjs +1 -1
  57. package/esm2020/projects/component-library/lib/atoms/h1/h1.component.mjs +1 -1
  58. package/esm2020/projects/component-library/lib/atoms/h3/h3.component.mjs +1 -1
  59. package/esm2020/projects/component-library/lib/atoms/h4/h4.component.mjs +1 -1
  60. package/esm2020/projects/component-library/lib/atoms/icon/icon.component.mjs +5 -3
  61. package/esm2020/projects/component-library/lib/atoms/icon/icon.enum.mjs +15 -1
  62. package/esm2020/projects/component-library/lib/atoms/input-radio/input-radio.component.mjs +1 -1
  63. package/esm2020/projects/component-library/lib/atoms/input-text/input-text.component.mjs +5 -3
  64. package/esm2020/projects/component-library/lib/atoms/paragraph/paragraph.component.mjs +1 -1
  65. package/esm2020/projects/component-library/lib/atoms/pill/pill.component.mjs +2 -2
  66. package/esm2020/projects/component-library/lib/atoms/sfx-loader/sfx-loader.component.mjs +1 -1
  67. package/esm2020/projects/component-library/lib/atoms/sfx-page-loader/sfx-page-loader.component.mjs +1 -1
  68. package/esm2020/projects/component-library/lib/atoms/sfx-progress-bar/sfx-progress-bar.component.mjs +1 -1
  69. package/esm2020/projects/component-library/lib/atoms/task-icon/task-icon.component.mjs +1 -1
  70. package/esm2020/projects/component-library/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.mjs +17 -0
  71. package/esm2020/projects/component-library/lib/atoms/tooltip-wrapper/tooltip-wrapper.module.mjs +20 -0
  72. package/esm2020/projects/component-library/lib/atoms/two-column-filter-area/two-column-filter-area.component.mjs +1 -1
  73. package/esm2020/projects/component-library/lib/design-guide/icon-explorer/icon-explorer.component.mjs +1 -1
  74. package/esm2020/projects/component-library/lib/design-guide/icon-explorer/icon-explorer.helper.mjs +85 -1
  75. package/esm2020/projects/component-library/lib/design-guide/typography/typography.component.mjs +1 -1
  76. package/esm2020/projects/component-library/lib/molecules/breadcrumb/breadcrumb.component.mjs +1 -1
  77. package/esm2020/projects/component-library/lib/molecules/card/card.component.mjs +1 -1
  78. package/esm2020/projects/component-library/lib/molecules/h5-with-icon/h5-with-icon.component.mjs +25 -0
  79. package/esm2020/projects/component-library/lib/molecules/h5-with-icon/h5-with-icon.model.mjs +2 -0
  80. package/esm2020/projects/component-library/lib/molecules/h5-with-icon/h5-with-icon.module.mjs +37 -0
  81. package/esm2020/projects/component-library/lib/molecules/icon-swatch/icon-swatch.component.mjs +1 -1
  82. package/esm2020/projects/component-library/lib/molecules/molecules.module.mjs +6 -2
  83. package/esm2020/projects/component-library/lib/molecules/note/note.component.mjs +1 -1
  84. package/esm2020/projects/component-library/lib/molecules/pills/pills.component.mjs +3 -3
  85. package/esm2020/projects/component-library/lib/molecules/task/task.component.mjs +1 -1
  86. package/esm2020/projects/component-library/lib/organisms/note-list/note-list.component.mjs +1 -1
  87. package/esm2020/projects/component-library/lib/organisms/task-list/task-list.component.mjs +1 -1
  88. package/esm2020/projects/component-library/lib/pages/events-settings-page/events-settings-page.component.mjs +7 -9
  89. package/esm2020/projects/component-library/lib/pages/events-settings-page/events-settings-page.model.mjs +1 -1
  90. package/esm2020/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.component.mjs +60 -0
  91. package/esm2020/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.model.mjs +2 -0
  92. package/esm2020/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.module.mjs +62 -0
  93. package/esm2020/projects/component-library/lib/pages/setting-list-page/setting-list-page.component.mjs +2 -2
  94. package/esm2020/projects/component-library/lib/templates/admin-list/admin-list.component.mjs +1 -1
  95. package/esm2020/projects/component-library/lib/templates/modal-templates/two-column-body-template/two-column-body-template.component.mjs +12 -0
  96. package/esm2020/projects/component-library/lib/templates/modal-templates/two-column-body-template/two-column-body-template.module.mjs +18 -0
  97. package/esm2020/projects/component-library/lib/templates/modal-templates/two-column-modal-template/two-column-modal-template.component.mjs +12 -0
  98. package/esm2020/projects/component-library/lib/templates/modal-templates/two-column-modal-template/two-column-modal-template.module.mjs +18 -0
  99. package/esm2020/projects/component-library/lib/templates/placeholder/placeholder.component.mjs +1 -1
  100. package/esm2020/projects/component-library/lib/templates/setting-list-template/setting-list-template.component.mjs +3 -3
  101. package/esm2020/projects/component-library/public-api.mjs +8 -1
  102. package/esm2020/public-api.mjs +8 -1
  103. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +378 -51
  104. package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  105. package/fesm2015/symphony-talent-component-library.mjs +378 -51
  106. package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
  107. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +378 -51
  108. package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
  109. package/fesm2020/symphony-talent-component-library.mjs +378 -51
  110. package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
  111. package/lib/atoms/atoms.module.d.ts +2 -1
  112. package/lib/atoms/grid/grid.component.d.ts +3 -6
  113. package/lib/atoms/grid/grid.model.d.ts +2 -0
  114. package/lib/atoms/icon/icon.component.d.ts +2 -1
  115. package/lib/atoms/icon/icon.enum.d.ts +14 -0
  116. package/lib/atoms/input-text/input-text.component.d.ts +2 -1
  117. package/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.d.ts +8 -0
  118. package/lib/atoms/tooltip-wrapper/tooltip-wrapper.module.d.ts +9 -0
  119. package/lib/molecules/h5-with-icon/h5-with-icon.component.d.ts +8 -0
  120. package/lib/molecules/h5-with-icon/h5-with-icon.model.d.ts +9 -0
  121. package/lib/molecules/h5-with-icon/h5-with-icon.module.d.ts +12 -0
  122. package/lib/molecules/molecules.module.d.ts +2 -1
  123. package/lib/pages/events-settings-page/events-settings-page.component.d.ts +1 -1
  124. package/lib/pages/events-settings-page/events-settings-page.model.d.ts +0 -1
  125. package/lib/pages/modals/advertise-modal/advertise-modal.component.d.ts +15 -0
  126. package/lib/pages/modals/advertise-modal/advertise-modal.model.d.ts +37 -0
  127. package/lib/pages/modals/advertise-modal/advertise-modal.module.d.ts +18 -0
  128. package/lib/templates/modal-templates/two-column-body-template/two-column-body-template.component.d.ts +6 -0
  129. package/lib/templates/modal-templates/two-column-body-template/two-column-body-template.module.d.ts +8 -0
  130. package/lib/templates/modal-templates/two-column-modal-template/two-column-modal-template.component.d.ts +6 -0
  131. package/lib/templates/modal-templates/two-column-modal-template/two-column-modal-template.module.d.ts +8 -0
  132. package/package.json +1 -1
  133. package/projects/component-library/global-assets/iconography/library-fonts/library-icons.eot +0 -0
  134. package/projects/component-library/global-assets/iconography/library-fonts/library-icons.svg +31 -17
  135. package/projects/component-library/global-assets/iconography/library-fonts/library-icons.ttf +0 -0
  136. package/projects/component-library/global-assets/iconography/library-fonts/library-icons.woff +0 -0
  137. package/projects/component-library/global-assets/iconography/library-icons.css +97 -55
  138. package/projects/component-library/global-assets/iconography/{sfxiconsV1.json → sfx-icons-v2.json} +526 -75
  139. package/projects/component-library/global-assets/spacing.scss +290 -0
  140. package/projects/component-library/global.scss +230 -252
  141. package/projects/component-library/lib/atoms/atoms.module.d.ts +2 -1
  142. package/projects/component-library/lib/atoms/grid/grid.component.d.ts +3 -6
  143. package/projects/component-library/lib/atoms/grid/grid.model.d.ts +2 -0
  144. package/projects/component-library/lib/atoms/icon/icon.component.d.ts +2 -1
  145. package/projects/component-library/lib/atoms/icon/icon.enum.d.ts +14 -0
  146. package/projects/component-library/lib/atoms/input-text/input-text.component.d.ts +2 -1
  147. package/projects/component-library/lib/atoms/tooltip-wrapper/tooltip-wrapper.component.d.ts +8 -0
  148. package/projects/component-library/lib/atoms/tooltip-wrapper/tooltip-wrapper.module.d.ts +9 -0
  149. package/projects/component-library/lib/molecules/h5-with-icon/h5-with-icon.component.d.ts +8 -0
  150. package/projects/component-library/lib/molecules/h5-with-icon/h5-with-icon.model.d.ts +9 -0
  151. package/projects/component-library/lib/molecules/h5-with-icon/h5-with-icon.module.d.ts +12 -0
  152. package/projects/component-library/lib/molecules/molecules.module.d.ts +2 -1
  153. package/projects/component-library/lib/pages/events-settings-page/events-settings-page.component.d.ts +1 -1
  154. package/projects/component-library/lib/pages/events-settings-page/events-settings-page.model.d.ts +0 -1
  155. package/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.component.d.ts +15 -0
  156. package/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.model.d.ts +37 -0
  157. package/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.module.d.ts +18 -0
  158. package/projects/component-library/lib/templates/modal-templates/two-column-body-template/two-column-body-template.component.d.ts +6 -0
  159. package/projects/component-library/lib/templates/modal-templates/two-column-body-template/two-column-body-template.module.d.ts +8 -0
  160. package/projects/component-library/lib/templates/modal-templates/two-column-modal-template/two-column-modal-template.component.d.ts +6 -0
  161. package/projects/component-library/lib/templates/modal-templates/two-column-modal-template/two-column-modal-template.module.d.ts +8 -0
  162. package/projects/component-library/public-api.d.ts +7 -0
  163. package/public-api.d.ts +7 -0
@@ -104,21 +104,13 @@ $font-bold: "neuzeit_groteskbold", sans-serif;
104
104
  $font-black: "neuzeit_groteskblack", sans-serif;
105
105
  $font-cond-black: "neuzeit_grotesk_t_otBlkCn", sans-serif;
106
106
  $font-sfxicon: "sfxicons", sans-serif;
107
- // Spacing
108
- $space-0: 0px;
109
- $space-5: 0.3rem;
110
- $space-10: 0.625rem;
111
- $space-15: 0.9375rem;
112
- $space-20: 1.25rem;
113
- $space-25: 1.5625rem;
114
- $space-30: 1.875rem;
115
- $space-35: 2.1875rem;
116
- $space-40: 2.5rem;
117
- $space-50: 3.125rem;
118
- $space-75: 4.688rem;
107
+
119
108
  // Iconography
120
109
  @import "global-assets/iconography/library-icons.css";
121
110
  // End Iconography
111
+ // Spacing
112
+
113
+ @import "global-assets/spacing.scss";
122
114
  @import "node_modules/ag-grid-community/src/styles/ag-grid.scss";
123
115
  @import "node_modules/ag-grid-community/src/styles/ag-theme-alpine/sass/ag-theme-alpine-mixin.scss";
124
116
  .ag-theme-alpine {
@@ -272,246 +264,7 @@ body {
272
264
  }
273
265
  // End Background Color
274
266
  // End Color
275
-
276
- // Padding
277
- .sfx-p-0 {
278
- padding: $space-0;
279
- }
280
- .sfx-p-5 {
281
- padding: $space-5;
282
- }
283
- .sfx-p-10 {
284
- padding: $space-10;
285
- }
286
- .sfx-p-15 {
287
- padding: $space-15;
288
- }
289
- .sfx-p-20 {
290
- padding: $space-20;
291
- }
292
- // End Padding
293
- // Padding top
294
- .sfx-pt-0 {
295
- padding-top: $space-0;
296
- }
297
- .sfx-pt-5 {
298
- padding-top: $space-5;
299
- }
300
- .sfx-pt-10 {
301
- padding-top: $space-10;
302
- }
303
- .sfx-pt-15 {
304
- padding-top: $space-15;
305
- }
306
- .sfx-pt-20 {
307
- padding-top: $space-20;
308
- }
309
- .sfx-pt-25 {
310
- padding-top: $space-25;
311
- }
312
- .sfx-pt-30 {
313
- padding-top: $space-30;
314
- }
315
- .sfx-pt-40 {
316
- padding-top: $space-40;
317
- }
318
- .sfx-pt-50 {
319
- padding-top: $space-50;
320
- }
321
- // End Padding top
322
- // Padding bottom
323
- .sfx-pb-0 {
324
- padding-bottom: $space-0;
325
- }
326
- .sfx-pb-5 {
327
- padding-bottom: $space-5;
328
- }
329
- .sfx-pb-10 {
330
- padding-bottom: $space-10;
331
- }
332
- .sfx-pb-15 {
333
- padding-bottom: $space-15;
334
- }
335
- .sfx-pb-20 {
336
- padding-bottom: $space-20;
337
- }
338
- .sfx-pb-25 {
339
- padding-bottom: $space-25;
340
- }
341
- .sfx-pb-30 {
342
- padding-bottom: $space-30;
343
- }
344
- .sfx-pb-40 {
345
- padding-bottom: $space-40;
346
- }
347
- .sfx-pb-50 {
348
- padding-bottom: $space-50;
349
- }
350
- // End Padding bottom
351
- // Padding left
352
- .sfx-pl-0 {
353
- padding-left: $space-0;
354
- }
355
- .sfx-pl-5 {
356
- padding-left: $space-5;
357
- }
358
- .sfx-pl-10 {
359
- padding-left: $space-10;
360
- }
361
- .sfx-pl-15 {
362
- padding-left: $space-15;
363
- }
364
- .sfx-pl-20 {
365
- padding-left: $space-20;
366
- }
367
- .sfx-pl-25 {
368
- padding-left: $space-25;
369
- }
370
- .sfx-pl-30 {
371
- padding-left: $space-30;
372
- }
373
- // End Padding left
374
- // Padding right
375
- .sfx-pr-0 {
376
- padding-right: $space-0;
377
- }
378
- .sfx-pr-5 {
379
- padding-right: $space-5;
380
- }
381
- .sfx-pr-10 {
382
- padding-right: $space-10;
383
- }
384
- .sfx-pr-15 {
385
- padding-right: $space-15;
386
- }
387
- .sfx-pr-20 {
388
- padding-right: $space-20;
389
- }
390
- .sfx-pr-25 {
391
- padding-right: $space-25;
392
- }
393
- .sfx-pr-30 {
394
- padding-right: $space-30;
395
- }
396
- // End Padding right
397
- // Margin
398
- .sfx-m-0 {
399
- margin: $space-0;
400
- }
401
- .sfx-m-5 {
402
- margin: $space-5;
403
- }
404
- .sfx-m-10 {
405
- margin: $space-10;
406
- }
407
- .sfx-m-15 {
408
- margin: $space-15;
409
- }
410
- .sfx-m-20 {
411
- margin: $space-20;
412
- }
413
- .sfx-m-auto {
414
- margin: 0 auto;
415
- }
416
- // End Margin
417
- // Margin top
418
- .sfx-mt-0 {
419
- margin-top: $space-0;
420
- }
421
- .sfx-mt-5 {
422
- margin-top: $space-5;
423
- }
424
- .sfx-mt-10 {
425
- margin-top: $space-10;
426
- }
427
- .sfx-mt-15 {
428
- margin-top: $space-15;
429
- }
430
- .sfx-mt-20 {
431
- margin-top: $space-20;
432
- }
433
- .sfx-mt-25 {
434
- margin-top: $space-25;
435
- }
436
- .sfx-mt-30 {
437
- margin-top: $space-30;
438
- }
439
- .sfx-mt-40 {
440
- margin-top: $space-40;
441
- }
442
- // End Margin top
443
- // Margin bottom
444
- .sfx-mb-0 {
445
- margin-bottom: $space-0;
446
- }
447
- .sfx-mb-5 {
448
- margin-bottom: $space-5;
449
- }
450
- .sfx-mb-10 {
451
- margin-bottom: $space-10;
452
- }
453
- .sfx-mb-15 {
454
- margin-bottom: $space-15;
455
- }
456
- .sfx-mb-20 {
457
- margin-bottom: $space-20;
458
- }
459
- .sfx-mb-25 {
460
- margin-bottom: $space-25;
461
- }
462
- .sfx-mb-30 {
463
- margin-bottom: $space-30;
464
- }
465
- .sfx-mb-40 {
466
- margin-bottom: $space-40;
467
- }
468
- // End Padding bottom
469
- // Padding left
470
- .sfx-ml-0 {
471
- margin-left: $space-0;
472
- }
473
- .sfx-ml-5 {
474
- margin-left: $space-5;
475
- }
476
- .sfx-ml-10 {
477
- margin-left: $space-10;
478
- }
479
- .sfx-ml-15 {
480
- margin-left: $space-15;
481
- }
482
- .sfx-ml-20 {
483
- margin-left: $space-20;
484
- }
485
- .sfx-ml-auto {
486
- margin-left: auto;
487
- }
488
- // End Paddimargin
489
- // Padding right
490
- .sfx-mr-0 {
491
- margin-right: $space-0;
492
- }
493
- .sfx-mr-5 {
494
- margin-right: $space-5;
495
- }
496
- .sfx-mr-10 {
497
- margin-right: $space-10;
498
- }
499
- .sfx-mr-15 {
500
- margin-right: $space-15;
501
- }
502
- .sfx-mr-20 {
503
- margin-right: $space-20;
504
- }
505
- .sfx-mr-25 {
506
- margin-right: $space-25;
507
- }
508
- .sfx-mr-30 {
509
- margin-right: $space-30;
510
- }
511
- .sfx-mr-40 {
512
- margin-right: $space-40;
513
- }
514
- // End Padding right
267
+
515
268
  // End Spacing
516
269
  // Border
517
270
  .sfx-border-0 {
@@ -610,6 +363,231 @@ body {
610
363
  // End Helper Classes
611
364
  // End Utilities
612
365
  }
366
+ p {
367
+ font-size: $font-14;
368
+ font-family: $font-reg;
369
+ }
370
+ h5 {
371
+ font-size: $font-14;
372
+ font-family: $font-bold;
373
+ }
374
+ h4 {
375
+ font-size: $font-24;
376
+ font-family: $font-bold;
377
+ }
378
+ h3 {
379
+ font-size: $font-30;
380
+ font-family: $font-bold;
381
+ }
382
+ h2 {
383
+ font-size: $font-46;
384
+ font-family: $font-black;
385
+ }
386
+ h1 {
387
+ font-size: $font-56;
388
+ font-family: $font-black;
389
+ }
390
+ // End Typography
391
+ // Utilities
392
+ // Fonts
393
+ .sfx-font12 {
394
+ font-size: $font-12;
395
+ }
396
+ .sfx-font14 {
397
+ font-size: $font-14;
398
+ }
399
+ .sfx-font18 {
400
+ font-size: $font-18;
401
+ }
402
+ .sfx-font24 {
403
+ font-size: $font-24;
404
+ }
405
+ .sfx-font30 {
406
+ font-size: $font-30;
407
+ }
408
+ .sfx-font-40 {
409
+ font-size: $font-40;
410
+ }
411
+ .sfx-font46 {
412
+ font-size: $font-46;
413
+ }
414
+ .sfx-font56 {
415
+ font-size: $font-56;
416
+ }
417
+ .sfx-font400 {
418
+ font-weight: 400;
419
+ }
420
+ .sfx-font600 {
421
+ font-weight: 600;
422
+ }
423
+ .sfx-font700 {
424
+ font-weight: 600;
425
+ }
426
+ .sfx-font-light {
427
+ font-family: $font-light;
428
+ }
429
+ .sfx-font-bold {
430
+ font-family: $font-bold;
431
+ }
432
+ .sfx-font-black {
433
+ font-family: $font-black;
434
+ }
435
+ // End Fonts
436
+ // Color
437
+ .sfx-txt-white {
438
+ color: $color-white;
439
+ }
440
+ .sfx-txt-black {
441
+ color: $color-black;
442
+ }
443
+ .sfx-txt-mdm-black {
444
+ color: $color-mdm-black;
445
+ }
446
+ .sfx-txt-gray {
447
+ color: $color-gray;
448
+ }
449
+ .sfx-txt-light-gray {
450
+ color: $color-light-gray;
451
+ }
452
+ .sfx-txt-light-gray2 {
453
+ color: $color-light-gray2;
454
+ }
455
+ .sfx-txt-fuchsia {
456
+ color: $color-st-fuchsia;
457
+ }
458
+ .sfx-txt-purple {
459
+ color: $color-purple;
460
+ }
461
+ .sfx-txt-pink {
462
+ color: $color-pink;
463
+ }
464
+ .sfx-txt-turq {
465
+ color: $color-turquoise;
466
+ }
467
+ .sfx-txt-blue {
468
+ color: $color-blue;
469
+ }
470
+ .sfx-txt-green {
471
+ color: $color-green;
472
+ }
473
+ .sfx-txt-orange {
474
+ color: $color-orange;
475
+ }
476
+ .sfx-txt-yellow {
477
+ color: $color-yellow;
478
+ }
479
+ .sfx-txt-red {
480
+ color: $color-red;
481
+ }
482
+ .sfx-link {
483
+ color: $color-st-link;
484
+ }
485
+ // Background Color
486
+ .sfx-bg-black {
487
+ background: $color-black;
488
+ }
489
+ .sfx-bg-white {
490
+ background: $color-white;
491
+ }
492
+ // End Background Color
493
+ // End Color
494
+
495
+ // Border
496
+ .sfx-border-0 {
497
+ border: 0;
498
+ }
499
+ .sfx-border-top-0 {
500
+ border-top: 0;
501
+ }
502
+ .sfx-border-bottom-0 {
503
+ border-bottom: 0;
504
+ }
505
+ .sfx-border-left-0 {
506
+ border-left: 0;
507
+ }
508
+ .sfx-border-right-0 {
509
+ border-right: 0;
510
+ }
511
+ .sfx-border-gray-1 {
512
+ border: 1px solid $color-light-gray2;
513
+ }
514
+ .sfx-border-black-1 {
515
+ border: 1px solid $color-black;
516
+ }
517
+ .sfx-border-bottom-gray-1 {
518
+ border-bottom: 1px solid $color-light-gray2;
519
+ }
520
+ .sfx-border-bottom-black-1 {
521
+ border-bottom: 1px solid $color-black;
522
+ }
523
+ .sfx-border-bottom-mdm-black-1 {
524
+ border-bottom: 1px solid $color-mdm-black;
525
+ }
526
+ .sfx-border-bottom-black-5 {
527
+ border-bottom: 5px solid $color-black;
528
+ }
529
+ .sfx-border-bottom-white-5 {
530
+ border-bottom: 5px solid $color-white;
531
+ }
532
+ .sfx-border-top-gray-1 {
533
+ border-top: 1px solid $color-light-gray2;
534
+ }
535
+ .sfx-border-top-black-1 {
536
+ border-top: 1px solid $color-black;
537
+ }
538
+ .sfx-border-top-black-5 {
539
+ border-top: 5px solid $color-black;
540
+ }
541
+ .sfx-border-radius-0 {
542
+ border-radius: 0;
543
+ }
544
+ // End Border
545
+ // Display
546
+ .sfx-d-none {
547
+ display: none;
548
+ }
549
+ .sfx-d-block {
550
+ display: block;
551
+ }
552
+ .sfx-d-inline-block {
553
+ display: inline-block;
554
+ }
555
+ .sfx-d-flex {
556
+ display: flex;
557
+ }
558
+ .sfx-d-table {
559
+ display: table;
560
+ }
561
+ .sfx-d-grid {
562
+ display: grid;
563
+ }
564
+ // End Display
565
+ .sfx-wid-100 {
566
+ width: 100%;
567
+ }
568
+ .sfx-wid-100px {
569
+ width: 100px;
570
+ }
571
+ // Position
572
+ .sfx-position-relative {
573
+ position: relative;
574
+ }
575
+ .sfx-position-absolute {
576
+ position: absolute;
577
+ }
578
+ .sfx-position-fixed {
579
+ position: fixed;
580
+ }
581
+ .sfx-position-sticky {
582
+ position: sticky;
583
+ }
584
+ // End Position
585
+ // Helper Classes
586
+ .sfx-cursor-pointer {
587
+ cursor: pointer;
588
+ }
589
+ // End Helper Classes
590
+ // End Utilities
613
591
  }
614
592
  // Grid
615
593
  .ag-theme-alpine {
@@ -24,8 +24,9 @@ import * as i22 from "./toaster-alert/toaster-alert.module";
24
24
  import * as i23 from "./sfx-loader/sfx-loader.module";
25
25
  import * as i24 from "./sfx-page-loader/sfx-page-loader.module";
26
26
  import * as i25 from "./sfx-progress-bar/sfx-progress-bar.module";
27
+ import * as i26 from "./tooltip-wrapper/tooltip-wrapper.module";
27
28
  export declare class AtomsModule {
28
29
  static ɵfac: i0.ɵɵFactoryDeclaration<AtomsModule, never>;
29
- static ɵmod: i0.ɵɵNgModuleDeclaration<AtomsModule, never, never, [typeof i1.ButtonModule, typeof i2.ContextualMenuModule, typeof i3.AvatarModule, typeof i4.PillModule, typeof i5.H1Module, typeof i6.H2Module, typeof i7.H3Module, typeof i8.H4Module, typeof i9.H5Module, typeof i10.ParagraphModule, typeof i11.IconModule, typeof i12.IconWrapperModule, typeof i13.FilterAreaModule, typeof i14.TwoColumnFilterAreaModule, typeof i15.InputRadioModule, typeof i16.InputCheckboxModule, typeof i17.InputTextModule, typeof i18.InputDropdownModule, typeof i19.GridModule, typeof i20.ContactActivityScoreModule, typeof i21.RelevanceScoreModule, typeof i22.ToasterAlertModule, typeof i23.SfxLoaderModule, typeof i24.SfxPageLoaderModule, typeof i25.SfxProgressBarModule]>;
30
+ static ɵmod: i0.ɵɵNgModuleDeclaration<AtomsModule, never, never, [typeof i1.ButtonModule, typeof i2.ContextualMenuModule, typeof i3.AvatarModule, typeof i4.PillModule, typeof i5.H1Module, typeof i6.H2Module, typeof i7.H3Module, typeof i8.H4Module, typeof i9.H5Module, typeof i10.ParagraphModule, typeof i11.IconModule, typeof i12.IconWrapperModule, typeof i13.FilterAreaModule, typeof i14.TwoColumnFilterAreaModule, typeof i15.InputRadioModule, typeof i16.InputCheckboxModule, typeof i17.InputTextModule, typeof i18.InputDropdownModule, typeof i19.GridModule, typeof i20.ContactActivityScoreModule, typeof i21.RelevanceScoreModule, typeof i22.ToasterAlertModule, typeof i23.SfxLoaderModule, typeof i24.SfxPageLoaderModule, typeof i25.SfxProgressBarModule, typeof i26.TooltipWrapperModule]>;
30
31
  static ɵinj: i0.ɵɵInjectorDeclaration<AtomsModule>;
31
32
  }
@@ -2,18 +2,15 @@ import { ColDef } from 'ag-grid-community';
2
2
  import * as i0 from "@angular/core";
3
3
  export declare class GridComponent {
4
4
  columnDefs: ColDef[];
5
+ defaultColDef: any;
5
6
  rowData: any[];
7
+ onGridReadyFunction: any;
6
8
  getRowHeight: () => number;
7
9
  rowHeightPage: number;
8
10
  gridHeight: number;
9
11
  frameworkComponents: any;
10
12
  constructor();
11
- onGridReady(gridReadyEvent: {
12
- api: {
13
- sizeColumnsToFit: () => void;
14
- };
15
- }): void;
16
13
  getFrameworkComponents(): any;
17
14
  static ɵfac: i0.ɵɵFactoryDeclaration<GridComponent, never>;
18
- static ɵcmp: i0.ɵɵComponentDeclaration<GridComponent, "symphony-grid", never, { "columnDefs": "columnDefs"; "rowData": "rowData"; }, {}, never, never>;
15
+ static ɵcmp: i0.ɵɵComponentDeclaration<GridComponent, "symphony-grid", never, { "columnDefs": "columnDefs"; "defaultColDef": "defaultColDef"; "rowData": "rowData"; "onGridReadyFunction": "onGridReadyFunction"; }, {}, never, never>;
19
16
  }
@@ -1,5 +1,7 @@
1
1
  import { ColDef } from 'ag-grid-community';
2
2
  export interface GridModel {
3
3
  columnDefs: ColDef[];
4
+ defaultColumnDef: any;
4
5
  rowData: any[];
6
+ onGridReadyFunction: any;
5
7
  }
@@ -4,9 +4,10 @@ export declare class IconComponent {
4
4
  icon: string;
5
5
  isSecondary: boolean;
6
6
  size: string;
7
+ iconColor: string;
7
8
  clicked: EventEmitter<string>;
8
9
  constructor();
9
10
  onClick(): void;
10
11
  static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "symphony-icon", never, { "icon": "icon"; "isSecondary": "isSecondary"; "size": "size"; }, { "clicked": "clicked"; }, never, never>;
12
+ static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "symphony-icon", never, { "icon": "icon"; "isSecondary": "isSecondary"; "size": "size"; "iconColor": "iconColor"; }, { "clicked": "clicked"; }, never, never>;
12
13
  }
@@ -1,4 +1,18 @@
1
1
  export declare enum Icons {
2
+ ACCESS = "si-access",
3
+ CHATBOT = "si-chatbot",
4
+ CODETAG = "si-codetag",
5
+ CONFIRMATION = "si-confirmation",
6
+ FIELD = "si-field",
7
+ FLOW = "si-flow",
8
+ FORM = "si-form",
9
+ HIERARCHY = "si-hierarchy",
10
+ LIST = "si-list",
11
+ PASSWORD = "si-password",
12
+ REFERRAL = "si-referral",
13
+ TAG = "si-tag",
14
+ TEAM = "si-team",
15
+ WORKFLOW = "si-workflow",
2
16
  MOREOPTIONS = "si-more-options",
3
17
  ADD = "si-add",
4
18
  ACTIVITY = "si-activity",
@@ -6,6 +6,7 @@ export declare class InputTextComponent implements OnInit, OnDestroy {
6
6
  icon: string;
7
7
  label: string;
8
8
  isInverse: boolean;
9
+ noMargin: boolean;
9
10
  textChange: EventEmitter<string>;
10
11
  textChange$: Subject<string>;
11
12
  textChangeSubscription: Subscription;
@@ -14,5 +15,5 @@ export declare class InputTextComponent implements OnInit, OnDestroy {
14
15
  ngOnDestroy(): void;
15
16
  onTextChange(event: any): void;
16
17
  static ɵfac: i0.ɵɵFactoryDeclaration<InputTextComponent, never>;
17
- static ɵcmp: i0.ɵɵComponentDeclaration<InputTextComponent, "symphony-input-text", never, { "placeholder": "placeholder"; "icon": "icon"; "label": "label"; "isInverse": "isInverse"; }, { "textChange": "textChange"; }, never, never>;
18
+ static ɵcmp: i0.ɵɵComponentDeclaration<InputTextComponent, "symphony-input-text", never, { "placeholder": "placeholder"; "icon": "icon"; "label": "label"; "isInverse": "isInverse"; "noMargin": "noMargin"; }, { "textChange": "textChange"; }, never, never>;
18
19
  }
@@ -0,0 +1,8 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class TooltipWrapperComponent {
3
+ placement: string;
4
+ tooltipText: string;
5
+ constructor();
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<TooltipWrapperComponent, never>;
7
+ static ɵcmp: i0.ɵɵComponentDeclaration<TooltipWrapperComponent, "symphony-tooltip-wrapper", never, { "placement": "placement"; "tooltipText": "tooltipText"; }, {}, never, ["*"]>;
8
+ }
@@ -0,0 +1,9 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./tooltip-wrapper.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "ngx-bootstrap/tooltip";
5
+ export declare class TooltipWrapperModule {
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<TooltipWrapperModule, never>;
7
+ static ɵmod: i0.ɵɵNgModuleDeclaration<TooltipWrapperModule, [typeof i1.TooltipWrapperComponent], [typeof i2.CommonModule, typeof i3.TooltipModule], [typeof i1.TooltipWrapperComponent]>;
8
+ static ɵinj: i0.ɵɵInjectorDeclaration<TooltipWrapperModule>;
9
+ }
@@ -0,0 +1,8 @@
1
+ import { H5WithIconModel } from './h5-with-icon.model';
2
+ import * as i0 from "@angular/core";
3
+ export declare class H5WithIconComponent {
4
+ model: H5WithIconModel;
5
+ constructor();
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<H5WithIconComponent, never>;
7
+ static ɵcmp: i0.ɵɵComponentDeclaration<H5WithIconComponent, "symphony-h5-with-icon", never, { "model": "model"; }, {}, never, never>;
8
+ }
@@ -0,0 +1,9 @@
1
+ import { Icons } from '../../atoms/icon/icon.enum';
2
+ export interface H5WithIconModel {
3
+ text: string;
4
+ icon: Icons;
5
+ iconFirst: boolean;
6
+ iconColor?: string;
7
+ tooltipText?: string;
8
+ placement?: string;
9
+ }
@@ -0,0 +1,12 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./h5-with-icon.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "../../atoms/h5/h5.module";
5
+ import * as i4 from "../../atoms/icon/icon.module";
6
+ import * as i5 from "ngx-bootstrap/tooltip";
7
+ import * as i6 from "../../atoms/tooltip-wrapper/tooltip-wrapper.module";
8
+ export declare class H5WithIconModule {
9
+ static ɵfac: i0.ɵɵFactoryDeclaration<H5WithIconModule, never>;
10
+ static ɵmod: i0.ɵɵNgModuleDeclaration<H5WithIconModule, [typeof i1.H5WithIconComponent], [typeof i2.CommonModule, typeof i3.H5Module, typeof i4.IconModule, typeof i5.TooltipModule, typeof i6.TooltipWrapperModule], [typeof i1.H5WithIconComponent]>;
11
+ static ɵinj: i0.ɵɵInjectorDeclaration<H5WithIconModule>;
12
+ }
@@ -6,8 +6,9 @@ import * as i4 from "./pills/pills.module";
6
6
  import * as i5 from "./color-swatch/color-swatch.module";
7
7
  import * as i6 from "./icon-swatch/icon-swatch.module";
8
8
  import * as i7 from "./breadcrumb/breadcrumb.module";
9
+ import * as i8 from "./h5-with-icon/h5-with-icon.module";
9
10
  export declare class MoleculesModule {
10
11
  static ɵfac: i0.ɵɵFactoryDeclaration<MoleculesModule, never>;
11
- static ɵmod: i0.ɵɵNgModuleDeclaration<MoleculesModule, never, [typeof i1.CommonModule, typeof i2.AvatarModule, typeof i3.ContextualMenuModule, typeof i4.PillsModule, typeof i5.ColorSwatchModule, typeof i6.IconSwatchModule, typeof i7.BreadcrumbModule], [typeof i4.PillsModule, typeof i7.BreadcrumbModule]>;
12
+ static ɵmod: i0.ɵɵNgModuleDeclaration<MoleculesModule, never, [typeof i1.CommonModule, typeof i2.AvatarModule, typeof i3.ContextualMenuModule, typeof i4.PillsModule, typeof i5.ColorSwatchModule, typeof i6.IconSwatchModule, typeof i7.BreadcrumbModule, typeof i8.H5WithIconModule], [typeof i4.PillsModule, typeof i7.BreadcrumbModule]>;
12
13
  static ɵinj: i0.ɵɵInjectorDeclaration<MoleculesModule>;
13
14
  }
@@ -13,5 +13,5 @@ export declare class EventsSettingsPageComponent {
13
13
  gridActionsSelect(selection: string): void;
14
14
  onAddButtonClick(): void;
15
15
  static ɵfac: i0.ɵɵFactoryDeclaration<EventsSettingsPageComponent, never>;
16
- static ɵcmp: i0.ɵɵComponentDeclaration<EventsSettingsPageComponent, "symphony-events-settings-page", never, { "model": "model"; }, { "keywordSearchChange": "keywordSearchChange"; "gridActionsSelectedOption": "gridActionsSelectedOption"; "addButtonClicked": "addButtonClicked"; }, never, never>;
16
+ static ɵcmp: i0.ɵɵComponentDeclaration<EventsSettingsPageComponent, "symphony-events-settings-page", never, { "model": "model"; }, { "keywordSearchChange": "keywordSearchChange"; "gridActionsSelectedOption": "gridActionsSelectedOption"; "addButtonClicked": "addButtonClicked"; }, never, ["[filter-one]"]>;
17
17
  }
@@ -10,5 +10,4 @@ export interface EventsSettingsPageModel {
10
10
  grid: GridModel;
11
11
  gridTitle: string;
12
12
  overrideSettingTypeFilterPlaceholder: boolean;
13
- overrideGridPlaceholder: boolean;
14
13
  }
@@ -0,0 +1,15 @@
1
+ import { EventEmitter } from '@angular/core';
2
+ import { AdvertiseModalModel } from './advertise-modal.model';
3
+ import * as i0 from "@angular/core";
4
+ export declare class AdvertiseModalComponent {
5
+ model: Partial<AdvertiseModalModel>;
6
+ keywordSearchChange: EventEmitter<string>;
7
+ buttonClicked: EventEmitter<string>;
8
+ closeButtonClicked: EventEmitter<string>;
9
+ constructor();
10
+ keywordSearch(keyword: string): void;
11
+ onButtonClick(text: string): void;
12
+ onCloseButtonClick(): void;
13
+ static ɵfac: i0.ɵɵFactoryDeclaration<AdvertiseModalComponent, never>;
14
+ static ɵcmp: i0.ɵɵComponentDeclaration<AdvertiseModalComponent, "symphony-advertise-modal", never, { "model": "model"; }, { "keywordSearchChange": "keywordSearchChange"; "buttonClicked": "buttonClicked"; "closeButtonClicked": "closeButtonClicked"; }, never, never>;
15
+ }