@testgorilla/tgo-ui 1.13.33 → 1.13.35

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 (113) hide show
  1. package/components/accordion/accordion.component.d.ts +20 -2
  2. package/components/accordion/accordion.model.d.ts +1 -0
  3. package/components/alert-banner/alert-banner.component.d.ts +15 -12
  4. package/components/button/button.component.d.ts +15 -1
  5. package/components/checkbox/checkbox.component.d.ts +15 -1
  6. package/components/checkbox/checkbox.component.module.d.ts +2 -1
  7. package/components/datepicker/datepicker.component.d.ts +2 -1
  8. package/components/dialog/dialog.service.d.ts +2 -1
  9. package/components/empty-state/empty-state.component.d.ts +37 -3
  10. package/components/empty-state/empty-state.model.d.ts +3 -0
  11. package/components/field/field.component.d.ts +16 -1
  12. package/components/file-upload/file-upload.component.d.ts +15 -1
  13. package/components/icon/icon.config.d.ts +1 -1
  14. package/components/logo/logo.component.d.ts +10 -1
  15. package/components/navbar/navbar.component.d.ts +10 -2
  16. package/components/navbar/navbar.component.module.d.ts +2 -1
  17. package/components/overflow-menu/overflow-menu.component.d.ts +15 -1
  18. package/components/page-header/page-header.component.module.d.ts +1 -1
  19. package/components/progress-bar/progress-bar.component.d.ts +4 -2
  20. package/components/radio-button/radio-button.component.d.ts +15 -1
  21. package/components/radio-button/radio-button.component.module.d.ts +2 -1
  22. package/components/rating/rating.component.d.ts +15 -1
  23. package/components/rating/rating.component.module.d.ts +2 -1
  24. package/components/segmented-bar/segmented-bar.component.d.ts +15 -1
  25. package/components/segmented-bar/segmented-bar.component.module.d.ts +2 -1
  26. package/components/segmented-button/segmented-button.component.d.ts +23 -0
  27. package/components/segmented-button/segmented-button.component.module.d.ts +10 -0
  28. package/components/segmented-button/segmented-button.model.d.ts +6 -0
  29. package/components/stepper/stepper.component.d.ts +15 -1
  30. package/components/stepper/stepper.component.module.d.ts +2 -1
  31. package/components/table/sentence-case.pipe.d.ts +7 -0
  32. package/components/table/table.component.d.ts +2 -1
  33. package/components/table/table.component.module.d.ts +11 -10
  34. package/components/tag/tag.component.d.ts +15 -1
  35. package/components/tag/tag.component.module.d.ts +2 -1
  36. package/components/toggle/toggle.component.d.ts +15 -1
  37. package/components/toggle/toggle.component.module.d.ts +2 -1
  38. package/esm2022/assets/i18n/es.json +73 -1
  39. package/esm2022/components/accordion/accordion.component.mjs +15 -3
  40. package/esm2022/components/accordion/accordion.model.mjs +2 -0
  41. package/esm2022/components/alert-banner/alert-banner.component.mjs +16 -13
  42. package/esm2022/components/autocomplete/autocomplete.component.mjs +1 -1
  43. package/esm2022/components/avatar/avatar.component.mjs +2 -2
  44. package/esm2022/components/banner-action/banner-action.component.mjs +1 -1
  45. package/esm2022/components/button/button.component.mjs +14 -3
  46. package/esm2022/components/checkbox/checkbox.component.mjs +15 -4
  47. package/esm2022/components/checkbox/checkbox.component.module.mjs +5 -4
  48. package/esm2022/components/datepicker/datepicker.component.mjs +6 -3
  49. package/esm2022/components/dialog/dialog.component.mjs +2 -2
  50. package/esm2022/components/dialog/dialog.service.mjs +3 -3
  51. package/esm2022/components/dropdown/dropdown.component.mjs +1 -1
  52. package/esm2022/components/empty-state/empty-state.component.mjs +63 -5
  53. package/esm2022/components/empty-state/empty-state.model.mjs +2 -0
  54. package/esm2022/components/field/field.component.mjs +16 -4
  55. package/esm2022/components/file-upload/file-upload.component.mjs +15 -4
  56. package/esm2022/components/icon/icon.config.mjs +3 -1
  57. package/esm2022/components/logo/logo.component.mjs +14 -3
  58. package/esm2022/components/navbar/navbar.component.mjs +15 -4
  59. package/esm2022/components/navbar/navbar.component.module.mjs +7 -3
  60. package/esm2022/components/overflow-menu/overflow-menu.component.mjs +14 -3
  61. package/esm2022/components/page-header/page-header.component.mjs +1 -1
  62. package/esm2022/components/page-header/page-header.component.module.mjs +3 -2
  63. package/esm2022/components/progress-bar/progress-bar.component.mjs +8 -11
  64. package/esm2022/components/radio-button/radio-button.component.mjs +14 -3
  65. package/esm2022/components/radio-button/radio-button.component.module.mjs +5 -4
  66. package/esm2022/components/rating/rating.component.mjs +14 -3
  67. package/esm2022/components/rating/rating.component.module.mjs +5 -4
  68. package/esm2022/components/segmented-bar/segmented-bar.component.mjs +14 -3
  69. package/esm2022/components/segmented-bar/segmented-bar.component.module.mjs +5 -4
  70. package/esm2022/components/segmented-button/segmented-button.component.mjs +53 -0
  71. package/esm2022/components/segmented-button/segmented-button.component.module.mjs +32 -0
  72. package/esm2022/components/segmented-button/segmented-button.model.mjs +2 -0
  73. package/esm2022/components/side-sheet/side-sheet.component.mjs +1 -1
  74. package/esm2022/components/slider/slider.component.mjs +3 -3
  75. package/esm2022/components/snackbar/snackbar.component.mjs +3 -3
  76. package/esm2022/components/stepper/stepper.component.mjs +14 -3
  77. package/esm2022/components/stepper/stepper.component.module.mjs +7 -3
  78. package/esm2022/components/table/sentence-case.pipe.mjs +19 -0
  79. package/esm2022/components/table/table.component.mjs +10 -3
  80. package/esm2022/components/table/table.component.module.mjs +4 -3
  81. package/esm2022/components/tabs/tabs.component.mjs +3 -3
  82. package/esm2022/components/tag/tag.component.mjs +14 -3
  83. package/esm2022/components/tag/tag.component.module.mjs +5 -4
  84. package/esm2022/components/toggle/toggle.component.mjs +15 -4
  85. package/esm2022/components/toggle/toggle.component.module.mjs +5 -4
  86. package/esm2022/components/tooltip/tooltip.component.mjs +3 -3
  87. package/esm2022/public-api.mjs +7 -1
  88. package/esm2022/utils/alert-bar.model.mjs +1 -1
  89. package/esm2022/utils/alert-bars.utils.mjs +3 -3
  90. package/fesm2022/testgorilla-tgo-ui.mjs +652 -247
  91. package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
  92. package/package.json +1 -1
  93. package/public-api.d.ts +5 -0
  94. package/src/assets/i18n/da-dk.json +77 -0
  95. package/src/assets/i18n/de.json +77 -0
  96. package/src/assets/i18n/es.json +74 -2
  97. package/src/assets/i18n/fr.json +77 -0
  98. package/src/assets/i18n/it-it.json +77 -0
  99. package/src/assets/i18n/ja-jp.json +77 -0
  100. package/src/assets/i18n/nb-no.json +77 -0
  101. package/src/assets/i18n/nl.json +77 -0
  102. package/src/assets/i18n/pl-pl.json +77 -0
  103. package/src/assets/i18n/pt-br.json +77 -0
  104. package/src/assets/i18n/sv-se.json +77 -0
  105. package/src/assets/icons/rebrand/Disconnected-in-line.svg +12 -0
  106. package/src/assets/icons/rebrand/Empty-search-in-line.svg +12 -0
  107. package/src/assets/icons/rebrand/Lost-found-404-in-line.svg +12 -0
  108. package/src/assets/icons/rebrand/Premium-circle-in-line.svg +5 -0
  109. package/src/theme/_tooltip.scss +103 -60
  110. package/src/theme/_typography.scss +2 -2
  111. package/src/theme/theme.scss +1 -1
  112. package/utils/alert-bar.model.d.ts +1 -0
  113. package/utils/alert-bars.utils.d.ts +2 -1
@@ -0,0 +1,77 @@
1
+ {
2
+ "SNACKBAR": {
3
+ "DISMISS": "Odrzuć"
4
+ },
5
+ "AUTOCOMPLETE": {
6
+ "SELECTED_AMOUNT": "Wybrano ({{numberSelected}})",
7
+ "SELECTED": "Wybrano",
8
+ "SUGGESTED": "Sugerowane",
9
+ "ALL_ITEMS": "Wszystkie",
10
+ "NO_RESULTS_FOUND": "Nie znaleziono żadnych wyników."
11
+ },
12
+ "STEPPER": {
13
+ "FINAL_STEP": "Ostatni krok"
14
+ },
15
+ "SLIDER": {
16
+ "MAX_LESS_THAN_MIN": "Wartość maksymalna ({{max}}) nie może być mniejsza niż wartość minimalna ({{min}}).",
17
+ "MIN_MORE_THAN_MAX": "Wartość minimalna ({{min}}) nie może być większa niż wartość maksymalna ({{max}})."
18
+ },
19
+ "DATEPICKER": {
20
+ "START_DATE": "Data rozpoczęcia",
21
+ "END_DATE": "Data zakończenia"
22
+ },
23
+ "COMMON": {
24
+ "APPLY": "Zastosuj",
25
+ "VALIDATE": "Zatwierdź",
26
+ "YES": "Tak",
27
+ "NO": "Nie",
28
+ "CONTINUE": "Kontynuuj",
29
+ "NEXT": "Następny",
30
+ "CLOSE": "Zamknij",
31
+ "THANK_YOU": "Dziękujemy",
32
+ "CANCEL": "Anuluj",
33
+ "CONFIRM": "Potwierdź",
34
+ "SUBMIT": "Prześlij",
35
+ "EMAIL": "E-mail",
36
+ "OK": "OK",
37
+ "REMOVE": "Usuń",
38
+ "TEST": "test",
39
+ "MAYBE": "Być może",
40
+ "BACK": "Powrót",
41
+ "SAVE": "Zapisz",
42
+ "SAVING": "Zapisywanie",
43
+ "DELETE": "Usuń",
44
+ "SELECT": "Wybierz",
45
+ "SEND": "Wyślij",
46
+ "N\/A": "Nie dotyczy",
47
+ "EDIT": "Edytuj",
48
+ "SKIP": "Pomiń",
49
+ "SEARCH": "Szukaj",
50
+ "ROLE": "Stanowisko",
51
+ "ALL": "Wszystkie",
52
+ "OR_DIVIDER": "lub",
53
+ "ADD": "Dodaj",
54
+ "NO_RESULTS": "Brak wyników",
55
+ "MAX": "Max",
56
+ "MIN": "Min",
57
+ "CLEAR": "Wyczyść"
58
+ },
59
+ "DIALOG": {
60
+ "CLOSE_LABEL": "Zamknij okno dialogowe"
61
+ },
62
+ "FIELD": {
63
+ "VIEW_PASSWORD": "Wyświetl hasło"
64
+ },
65
+ "FILE_UPLOAD": {
66
+ "DRAG_AND_DROP_OR": "Przeciągnij i upuść lub",
67
+ "BROWSE": "Przeglądaj",
68
+ "YOUR_FILES": "Twoje pliki",
69
+ "MAX_SIZE": "Maksymalny rozmiar pliku w MB.",
70
+ "UPLOADING": "Przesyłanie",
71
+ "SUPPORTED_FILE_TYPES": "Obsługiwane formaty plików:",
72
+ "CHANGE": "Zmień"
73
+ },
74
+ "NAVBAR": {
75
+ "LOG_OUT": "Wyloguj się"
76
+ }
77
+ }
@@ -0,0 +1,77 @@
1
+ {
2
+ "SNACKBAR": {
3
+ "DISMISS": "Dispensar"
4
+ },
5
+ "AUTOCOMPLETE": {
6
+ "SELECTED_AMOUNT": "({{numberSelected}}) selecionado(s)",
7
+ "SELECTED": "Selecionado",
8
+ "SUGGESTED": "Sugerido",
9
+ "ALL_ITEMS": "Todos os itens",
10
+ "NO_RESULTS_FOUND": "Não foram encontrados resultados."
11
+ },
12
+ "STEPPER": {
13
+ "FINAL_STEP": "Etapa final"
14
+ },
15
+ "SLIDER": {
16
+ "MAX_LESS_THAN_MIN": "O valor máximo ({{max}}) não pode ser inferior ao valor mínimo atual ({{min}})",
17
+ "MIN_MORE_THAN_MAX": "O valor mínimo ({{min}}) não pode ser maior que o valor máximo atual ({{max}})"
18
+ },
19
+ "DATEPICKER": {
20
+ "START_DATE": "Data de início",
21
+ "END_DATE": "Data final"
22
+ },
23
+ "COMMON": {
24
+ "APPLY": "Aplicar",
25
+ "VALIDATE": "Validar",
26
+ "YES": "Sim",
27
+ "NO": "Não",
28
+ "CONTINUE": "Continuar",
29
+ "NEXT": "Próximo",
30
+ "CLOSE": "Fechar",
31
+ "THANK_YOU": "Obrigado(a)",
32
+ "CANCEL": "Cancelar",
33
+ "CONFIRM": "Confirmar",
34
+ "SUBMIT": "Enviar",
35
+ "EMAIL": "E-mail",
36
+ "OK": "OK",
37
+ "REMOVE": "Remover",
38
+ "TEST": "teste",
39
+ "MAYBE": "Talvez",
40
+ "BACK": "Voltar",
41
+ "SAVE": "Salvar",
42
+ "SAVING": "Salvando",
43
+ "DELETE": "Excluir",
44
+ "SELECT": "Selecionar",
45
+ "SEND": "Enviar",
46
+ "N\/A": "N\/D",
47
+ "EDIT": "Editar",
48
+ "SKIP": "Pular",
49
+ "SEARCH": "Pesquisar",
50
+ "ROLE": "Cargo",
51
+ "ALL": "Tudo",
52
+ "OR_DIVIDER": "ou",
53
+ "ADD": "Adicionar",
54
+ "NO_RESULTS": "Nenhum resultado",
55
+ "MAX": "Máx.",
56
+ "MIN": "Mín.",
57
+ "CLEAR": "Limpar"
58
+ },
59
+ "DIALOG": {
60
+ "CLOSE_LABEL": "Fechar diálogo"
61
+ },
62
+ "FIELD": {
63
+ "VIEW_PASSWORD": "Exibir senha"
64
+ },
65
+ "FILE_UPLOAD": {
66
+ "DRAG_AND_DROP_OR": "Arrastar e soltar ou",
67
+ "BROWSE": "Navegar",
68
+ "YOUR_FILES": "Seus arquivos",
69
+ "MAX_SIZE": "Tamanho máx. do arquivo em MB.",
70
+ "UPLOADING": "Enviando",
71
+ "SUPPORTED_FILE_TYPES": "Tipos de arquivo suportados:",
72
+ "CHANGE": "Alterar"
73
+ },
74
+ "NAVBAR": {
75
+ "LOG_OUT": "Fazer logout"
76
+ }
77
+ }
@@ -0,0 +1,77 @@
1
+ {
2
+ "SNACKBAR": {
3
+ "DISMISS": "Avfärda"
4
+ },
5
+ "AUTOCOMPLETE": {
6
+ "SELECTED_AMOUNT": "Valda ({{numberSelected}})",
7
+ "SELECTED": "Utvalda",
8
+ "SUGGESTED": "Föreslagna",
9
+ "ALL_ITEMS": "Alla föremål",
10
+ "NO_RESULTS_FOUND": "Inga resultat hittades."
11
+ },
12
+ "STEPPER": {
13
+ "FINAL_STEP": "Sista steget"
14
+ },
15
+ "SLIDER": {
16
+ "MAX_LESS_THAN_MIN": "Maxvärde ({{max}}) kan inte vara mindre än aktuellt minvärde ({{min}})",
17
+ "MIN_MORE_THAN_MAX": "Minvärde ({{min}}) kan inte vara mer än aktuellt maxvärde ({{max}})"
18
+ },
19
+ "DATEPICKER": {
20
+ "START_DATE": "Startdatum",
21
+ "END_DATE": "Slutdatum"
22
+ },
23
+ "COMMON": {
24
+ "APPLY": "Tillämpa",
25
+ "VALIDATE": "Validera",
26
+ "YES": "Ja",
27
+ "NO": "Nej",
28
+ "CONTINUE": "Fortsätt",
29
+ "NEXT": "Nästa",
30
+ "CLOSE": "Nära",
31
+ "THANK_YOU": "Tack",
32
+ "CANCEL": "Avbryt",
33
+ "CONFIRM": "Bekräfta",
34
+ "SUBMIT": "Skicka in",
35
+ "EMAIL": "E-post",
36
+ "OK": "OK",
37
+ "REMOVE": "Ta bort",
38
+ "TEST": "test",
39
+ "MAYBE": "Kanske",
40
+ "BACK": "Tillbaka",
41
+ "SAVE": "Spara",
42
+ "SAVING": "Sparar",
43
+ "DELETE": "Radera",
44
+ "SELECT": "Välj",
45
+ "SEND": "Skicka",
46
+ "N\/A": "N\/A",
47
+ "EDIT": "Redigera",
48
+ "SKIP": "Hoppa över",
49
+ "SEARCH": "Sök",
50
+ "ROLE": "Roll",
51
+ "ALL": "Alla",
52
+ "OR_DIVIDER": "eller",
53
+ "ADD": "Lägg till",
54
+ "NO_RESULTS": "Inga resultat",
55
+ "MAX": "Max",
56
+ "MIN": "Min",
57
+ "CLEAR": "Rensa"
58
+ },
59
+ "DIALOG": {
60
+ "CLOSE_LABEL": "Stäng dialogrutan"
61
+ },
62
+ "FIELD": {
63
+ "VIEW_PASSWORD": "Visa lösenord"
64
+ },
65
+ "FILE_UPLOAD": {
66
+ "DRAG_AND_DROP_OR": "Dra och släpp eller",
67
+ "BROWSE": "Bläddra",
68
+ "YOUR_FILES": "Dina filer",
69
+ "MAX_SIZE": "MB maximal filstorlek.",
70
+ "UPLOADING": "Uppladdning",
71
+ "SUPPORTED_FILE_TYPES": "Filtyper som stöds:",
72
+ "CHANGE": "Förändring"
73
+ },
74
+ "NAVBAR": {
75
+ "LOG_OUT": "Logga ut"
76
+ }
77
+ }
@@ -0,0 +1,12 @@
1
+ <svg width="160" height="143" viewBox="0 0 160 143" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_1898_13467)">
3
+ <path fill-rule="evenodd" clip-rule="evenodd"
4
+ d="M104.141 0.698883L86.4978 4.5918L86.4756 4.59675L82.3836 5.52308L77.8375 6.51443L77.8255 6.51708L54.0633 11.7725L53.8486 12.0399L30.3924 6.84186L25.8187 8.9474L22.567 15.0459L19.9994 6.71669L16.9231 3.87914L5.22585 1.28387L0.161621 5.34765V127.045L3.4235 131.108L22.0613 135.239L25.8956 134.129L28.166 131.873L30.097 135.508L32.8728 137.618L53.4782 142.182L55.0333 140.933L55.861 141.598L105.33 130.659L127.534 135.564L132.106 133.457L135.493 127.1L138.941 136.179L141.936 138.766L154.779 141.599L159.838 137.534V15.837L156.575 11.7726L106.521 0.699439L105.331 1.6548L104.141 0.698883ZM100.875 105.416V9.9449L88.3137 12.7165L84.2056 13.6465L84.1734 13.6536L79.6233 14.6458L79.6113 14.6485L59.1248 19.1795V132.35L100.875 123.118V114.082C100.67 114.087 100.464 114.09 100.259 114.09V114.068C98.5297 114.068 96.8 113.895 95.1351 113.528C94.7676 113.441 94.4216 113.354 94.0757 113.268L96.3243 104.92C96.4308 104.949 96.5374 104.974 96.642 104.998L96.6421 104.998L96.6421 104.998L96.6422 104.998L96.6423 104.998C96.7711 105.028 96.8969 105.057 97.0162 105.093C98.2382 105.364 99.5398 105.471 100.875 105.416ZM109.784 123.117V112.278C110.296 112.082 110.805 111.872 111.308 111.646L109.784 108.233V9.94789L151.513 19.1793V132.353L145.925 131.12L140.021 115.575L132.456 115.095L126.245 126.754L109.784 123.117ZM8.48682 123.703V10.535L12.7567 11.4824L17.5571 27.0549L25.2081 27.7872L31.6776 15.6538L50.2157 19.762V34.2833C47.3253 35.0795 44.5666 36.3127 42.0973 37.9401L46.854 45.1636V45.1852C47.9035 44.4877 49.0333 43.8936 50.2157 43.4094V132.932L36.5478 129.905L32.8866 123.015L26.2772 122.015L21.6422 126.619L8.48682 123.703ZM78.2486 100.94C80.4973 104.682 83.5676 107.861 87.1351 110.154V110.175L91.8054 102.887C89.3622 101.308 87.2216 99.0805 85.6432 96.4636C85.1027 95.5985 84.627 94.6469 84.2162 93.6736L76.2595 97.0475C76.8432 98.3884 77.5135 99.7077 78.2486 100.94ZM112.281 101.027L117.6 107.84C118.227 107.342 118.832 106.845 119.416 106.304C122.789 103.211 125.6 99.3184 127.784 94.755L119.978 91.0351C118.27 94.6036 116.13 97.5882 113.578 99.9239C113.168 100.313 112.735 100.681 112.281 101.027ZM32.7784 95.1443C33.0811 96.8529 33.2541 98.5182 33.2757 100.097V100.119L41.9243 99.9456C41.9027 97.9558 41.6865 95.8364 41.3189 93.6953C40.7784 90.6026 40.0216 87.6829 39.1351 84.4604L30.7892 86.7313C31.6108 89.7158 32.3243 92.4409 32.7784 95.1443ZM73.4703 81.411C73.4703 84.6334 73.7081 87.4666 74.1838 90.0835H74.2054L82.7027 88.5047C82.3135 86.4285 82.1189 84.0927 82.1189 81.411C82.1189 79.0968 82.2486 76.7178 82.3784 74.9228L73.7513 74.3172C73.6216 76.2637 73.4703 78.8373 73.4703 81.411ZM122.032 85.758L130.292 88.3317V88.3101C130.638 87.2071 130.941 86.1041 131.222 84.9795C132.108 81.3461 132.692 77.3883 133.038 72.9114L124.411 72.2626C124.108 76.2637 123.589 79.7673 122.811 82.9681C122.573 83.8981 122.313 84.8281 122.032 85.758ZM28.2595 76.1339C28.4757 77.4748 28.7784 78.8806 29.1459 80.481H29.1676L37.5784 78.4913C37.2757 77.2369 37.0162 75.9825 36.8 74.7065C36.4541 72.6303 36.2811 70.4892 36.2811 68.3913C36.2811 67.3316 36.3243 66.2935 36.4108 65.2554L27.7838 64.52C27.6757 65.796 27.6108 67.0937 27.6108 68.3913C27.6108 70.9866 27.827 73.5819 28.2595 76.1339ZM74.227 68.0669L82.854 68.6076C82.9622 66.7909 83.027 65.1256 83.027 63.5252C83.027 59.4376 82.6594 55.9124 81.9027 52.7115L73.4919 54.6796C74.0757 57.21 74.3784 60.1081 74.3784 63.5252C74.3784 64.9526 74.3351 66.4449 74.227 68.0669ZM28.9081 57.5993L37.2973 59.7188C38.4 55.3284 40.3243 51.5653 42.9838 48.5591L36.4973 42.8278C32.9081 46.8722 30.3568 51.8464 28.9081 57.5993ZM69.3405 46.3531C70.2486 47.348 71.0703 48.4942 71.7189 49.7702H71.7405L79.4162 45.7908C78.4 43.8227 77.1459 42.0276 75.6973 40.4705C73.0594 37.6373 69.7946 35.6043 65.9459 34.3932L63.3513 42.6548C65.7297 43.3902 67.7622 44.6445 69.3405 46.3531ZM30.5513 110.716L37.5999 115.712V115.734C39.3297 113.29 40.5621 110.435 41.254 107.234L32.7999 105.396C32.3675 107.429 31.6108 109.224 30.5513 110.716ZM133.362 66.2502L133.341 66.2497C133.427 63.6762 133.427 61.1244 133.427 58.5725H124.778C124.778 61.0597 124.778 63.5468 124.714 66.0339L133.341 66.2497L133.341 66.2502H133.362ZM125.999 40.2963L117.268 30.2454L123.553 24.7859L132.282 34.8352L142.329 26.104L147.79 32.3878L137.742 41.1204L146.472 51.1712L140.187 56.6307L131.458 46.5815L121.412 55.3127L115.95 49.029L125.999 40.2963Z"
5
+ fill="#242424" />
6
+ </g>
7
+ <defs>
8
+ <clipPath id="clip0_1898_13467">
9
+ <rect width="160" height="141.789" fill="white" transform="translate(0 0.546509)" />
10
+ </clipPath>
11
+ </defs>
12
+ </svg>
@@ -0,0 +1,12 @@
1
+ <svg width="160" height="125" viewBox="0 0 160 125" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_1898_13444)">
3
+ <path fill-rule="evenodd" clip-rule="evenodd"
4
+ d="M60.6925 7.23539H95.1851C95.7595 7.52658 96.5248 7.99526 97.3183 8.71157C98.9695 10.2022 100.936 12.9325 101.361 17.9275L107.679 17.3898C107.307 13.0246 105.998 9.71259 104.348 7.23539H107.895C113.789 7.23539 118.927 11.2213 120.405 16.9151L121.068 20.7252H89.0667V27.0657H120.286L109.884 53.6787H98.7315V60.0193H110.119L123.577 86.0566L122.42 85.9356L119.1 117.662H39.3374V124.003H121.956L125.109 121.163L128.726 86.5954L125.582 86.2664L129.717 84.1287L115.523 56.6672L127.882 25.0496C128.191 24.2603 128.168 23.3889 127.835 22.6267L126.63 15.7074L126.582 15.4804C124.435 6.91176 116.736 0.894831 107.895 0.894831H96.4629C96.336 0.850278 96.2278 0.815075 96.1407 0.788108C96.0878 0.771729 96.0426 0.758363 96.0056 0.747765L95.9563 0.733903L95.9363 0.728465L95.9276 0.726109L95.9235 0.72502C95.9227 0.724821 95.922 0.724624 95.8762 0.894831H49.3092C40.4677 0.894831 32.7688 6.91176 30.6218 15.4804L30.6173 15.4988L29.3661 20.6217L31.8976 21.2399L29.2517 24.8502L39.2655 56.5552L24.9986 84.1274L25.5449 85.0252L24.675 86.0261L29.6366 121.275L35.9153 120.391L31.4622 88.7546H118.093V82.4141H114.699V82.4139H33.0243L44.6121 60.0193H55.2729V53.6787H45.0062L36.6008 27.0657H65.8425V20.7252H55.1114C55.7071 16.9189 57.262 14.2396 58.7279 12.4566C59.6091 11.3848 60.4688 10.6258 61.0884 10.1462C61.3974 9.90711 61.6434 9.74 61.7979 9.64051C61.875 9.59084 61.9289 9.55832 61.9558 9.54236L61.9755 9.53088L61.9692 9.5344L61.9619 9.53845L61.9572 9.54105L61.9545 9.54249C61.9532 9.5432 61.9519 9.54393 60.6925 7.23539ZM54.8867 7.23539H49.3092C43.3819 7.23539 38.2183 11.2669 36.7744 17.0129L35.8678 20.7252H48.7123C49.3704 15.1655 51.6044 11.1369 53.8302 8.42976C54.1856 7.99749 54.54 7.59978 54.8867 7.23539ZM30.3997 39.9002L23.2042 23.7958L17.4152 26.3823L20.622 33.5596H10.5438L17.907 45.0277L2.46874 48.8588C1.09008 49.2009 0.107271 50.4183 0.0635288 51.8381C0.0197869 53.2579 0.92579 54.5335 2.28077 54.9599L19.1904 60.2804L15.0542 64.8563C14.2368 65.7606 14.0102 67.0535 14.4715 68.1818C14.9328 69.3102 16.0001 70.0741 17.217 70.1468L30.6604 70.9501L31.0385 64.6208L24.1843 64.2113L27.2084 60.8657C27.9325 60.0646 28.1991 58.95 27.9158 57.908C27.6324 56.8659 26.8382 56.0398 25.8081 55.7157L14.9414 52.2965L26.8062 49.3522L25.279 43.1982L24.4064 43.4148L22.1498 39.9002H30.3997ZM135.005 63.1852L131.677 57.3334L134.432 55.7661L133.681 52.6861L144.932 49.9425L131.47 45.7354L131.183 46.0107L130.682 45.4893L129.964 45.2648L130.087 44.8704L126.788 41.4407L134.798 33.7375L129.273 30.4089L132.545 24.9779L141.612 30.4405L142.173 35.441L136.683 40.7216L157.713 47.2937C159.073 47.7184 159.982 48.9973 159.936 50.4206C159.891 51.8439 158.902 53.0623 157.519 53.3996L139.265 57.8508L144.008 66.1907L140.592 70.8587L133.458 69.3385L136.977 76.3766L131.306 79.2122L124.841 66.2829L128.337 61.7644L135.005 63.1852ZM38.3687 94.2443H98.0806V100.585H45.2841L45.7836 106.333H109.775L110.059 100.585H102.539V94.2443H116.721L115.809 112.674H39.9701L38.3687 94.2443ZM85.1422 13.8241H69.3632V24.0894H75.7038V20.1647H78.8016V24.2348H85.1422V13.8241ZM70.9846 43.3789C69.5585 45.1615 68.6733 47.8941 68.6733 51.4186H62.3327C62.3327 46.927 63.4515 42.6454 66.0335 39.4179C68.6917 36.0952 72.6434 34.22 77.5272 34.22C80.4054 34.22 84.0539 35.6172 86.7798 38.123C89.6524 40.7637 91.7021 44.8447 90.6557 50.0388C90.0278 53.1756 88.6897 55.3373 86.871 56.8761C85.4403 58.0867 83.7617 58.8278 82.5884 59.3458C82.4119 59.4238 82.2468 59.4967 82.0957 59.5653C80.7707 60.1676 80.1047 60.5875 79.649 61.1902C79.2283 61.7466 78.6935 62.8702 78.6935 65.4469H72.3529C72.3529 62.0115 73.0706 59.3775 74.5914 57.3662C76.0771 55.4012 78.0413 54.4434 79.4719 53.7931C79.6921 53.693 79.8991 53.6 80.0946 53.5122L80.1039 53.508L80.1049 53.5075C81.3239 52.9598 82.0904 52.6154 82.7754 52.0358C83.3987 51.5084 84.0643 50.6648 84.4387 48.7928L84.4397 48.7879C84.9759 46.1286 84.0198 44.1984 82.4888 42.7909C80.8106 41.2483 78.6572 40.5606 77.5272 40.5606C74.395 40.5606 72.3345 41.6915 70.9846 43.3789ZM75.5234 74.7074C77.3086 74.7074 78.7558 73.2603 78.7558 71.4751C78.7558 69.6899 77.3086 68.2428 75.5234 68.2428C73.7383 68.2428 72.2911 69.6899 72.2911 71.4751C72.2911 73.2603 73.7383 74.7074 75.5234 74.7074Z"
5
+ fill="#242424" />
6
+ </g>
7
+ <defs>
8
+ <clipPath id="clip0_1898_13444">
9
+ <rect width="160" height="123.248" fill="white" transform="translate(0 0.816589)" />
10
+ </clipPath>
11
+ </defs>
12
+ </svg>
@@ -0,0 +1,12 @@
1
+ <svg width="160" height="133" viewBox="0 0 160 133" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_1898_13466)">
3
+ <path fill-rule="evenodd" clip-rule="evenodd"
4
+ d="M101.156 9.5944C105.396 3.88258 112.2 0.153809 119.889 0.153809C131.005 0.153809 140.271 6.98683 142.593 16.274L142.818 17.1722H144.555C149.212 17.1722 153.192 18.9032 155.969 22.0381C158.7 25.1206 160 29.2515 160 33.6537V37.5426H139.259V30.1352H152.121C151.74 28.8317 151.147 27.7658 150.424 26.9498C149.178 25.5431 147.288 24.5796 144.555 24.5796H140.852V20.5271L136.305 21.6637L135.407 18.0706C134.025 12.543 128.106 7.56122 119.889 7.56122C114.652 7.56122 110.012 10.0917 107.104 14.0095L104.896 16.9834L98.9483 12.5683L101.156 9.5944ZM135.741 30.1352H119.203C113.053 21.9483 103.325 16.5813 92.2909 16.3765L92.2856 16.3764C82.765 16.2135 74.0907 19.9094 67.7503 26.0342C63.2045 22.4705 57.5104 20.3133 51.2761 20.1914L51.2713 20.1913C36.7641 19.9264 24.6646 30.9171 23.3076 45.1231C10.3014 47.1514 0.236703 58.2483 0.000555225 71.8858L0 71.9179V71.95C0 72.6359 0.020789 73.3218 0.0623387 74.0073L0.273227 77.487H40.0741V70.0796H7.5319C8.64796 60.1637 16.918 52.5019 26.997 52.2076L30.5926 52.1027V47.3741C30.8132 36.2497 40.0059 27.3955 51.1338 27.5975C56.7455 27.7079 61.7254 30.0519 65.3072 33.7901L68.1846 36.7932L70.8354 33.5883C75.9046 27.4596 83.5861 23.6369 92.1562 23.7827C107.065 24.0609 118.925 36.3384 118.668 51.2349C118.666 51.2922 118.664 51.3457 118.662 51.3958L118.658 51.5141L118.653 51.7006C118.644 51.9773 118.64 52.1224 118.617 52.3217L118.074 57.0254L122.77 56.4195C123.762 56.2916 124.712 56.2305 125.699 56.2458C134.07 56.3936 140.978 62.2699 142.783 70.0796H91.5V77.487H150.708L150.648 73.7241C150.432 60.2174 139.63 49.1879 126.027 48.8438C125.808 44.8614 124.91 41.0558 123.444 37.5426H135.741V30.1352ZM87.1367 61.1031C87.8535 59.5603 87.4271 57.7277 86.103 56.6598C84.7788 55.5918 82.8975 55.5632 81.5415 56.5903L47.4859 82.3866C46.5122 83.1242 45.9648 84.2944 46.0227 85.5145C46.0806 86.7347 46.7364 87.8478 47.7756 88.4898L60.6058 96.4165L46.5152 122.642C45.7011 124.157 46.0373 126.033 47.327 127.171C48.6167 128.31 50.5203 128.41 51.9227 127.414L94.3116 97.3028C95.352 96.5638 95.9386 95.3412 95.8641 94.0672C95.7896 92.7932 95.0644 91.6473 93.945 91.0345L77.4309 81.9956L87.1367 61.1031ZM67.4652 91.9473L56.2662 85.0284L74.1461 71.4847L69.2522 82.0193C68.4303 83.7885 69.1216 85.8919 70.8329 86.8286L85.1974 94.691L60.5252 112.217L68.7811 96.8512C69.7082 95.1258 69.1315 92.9768 67.4652 91.9473ZM13.5186 103.095L29.8676 86.7465L24.6297 81.5086L8.2808 97.8576L13.5186 103.095ZM126.164 88.5983L109.815 104.947L104.577 99.7094L120.926 83.3604L126.164 88.5983ZM83.8888 130.873L96.534 118.228L91.2962 112.99L78.651 125.635L83.8888 130.873ZM152.09 88.5983L139.445 101.243L134.207 96.0057L146.852 83.3604L152.09 88.5983ZM13.5186 132.725L26.1639 120.08L20.926 114.842L8.2808 127.487L13.5186 132.725ZM129.867 112.672L120.926 121.614L115.688 116.376L124.63 107.434L129.867 112.672ZM37.5926 108.651L46.5341 99.7094L41.2963 94.4716L32.3548 103.413L37.5926 108.651Z"
5
+ fill="#242424" />
6
+ </g>
7
+ <defs>
8
+ <clipPath id="clip0_1898_13466">
9
+ <rect width="160" height="132.574" fill="white" transform="translate(0 0.153809)" />
10
+ </clipPath>
11
+ </defs>
12
+ </svg>
@@ -0,0 +1,5 @@
1
+ <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M16.5 8.5C16.5 12.9183 12.9183 16.5 8.5 16.5C4.08172 16.5 0.5 12.9183 0.5 8.5C0.5 4.08172 4.08172 0.5 8.5 0.5C12.9183 0.5 16.5 4.08172 16.5 8.5Z" fill="white"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 15.5C12.366 15.5 15.5 12.366 15.5 8.5C15.5 4.63401 12.366 1.5 8.5 1.5C4.63401 1.5 1.5 4.63401 1.5 8.5C1.5 12.366 4.63401 15.5 8.5 15.5ZM8.5 16.5C12.9183 16.5 16.5 12.9183 16.5 8.5C16.5 4.08172 12.9183 0.5 8.5 0.5C4.08172 0.5 0.5 4.08172 0.5 8.5C0.5 12.9183 4.08172 16.5 8.5 16.5Z" fill="#D07D00"/>
4
+ <path d="M7.25404 7.5013L8.43181 5.16797H8.56515L9.74293 7.5013H7.25404ZM8.16515 12.768L4.33181 8.16797H8.16515V12.768ZM8.83181 12.768V8.16797H12.6651L8.83181 12.768ZM10.4763 7.5013L9.3207 5.16797H11.6096L12.7763 7.5013H10.4763ZM4.2207 7.5013L5.38737 5.16797H7.67626L6.5207 7.5013H4.2207Z" fill="#D07D00"/>
5
+ </svg>
@@ -1,53 +1,35 @@
1
1
  @use "./variables" as *;
2
2
 
3
- .mat-mdc-tooltip {
4
- background-color: $tgo-petrol-60w;
5
- font-weight: 600;
6
- font-size: 12px;
3
+ @mixin rebranded-tooltip {
4
+ background-color: $black;
5
+ border: 1px solid $tgo-white;
7
6
  border-radius: 4px;
8
- overflow: visible;
9
- max-width: 248px;
10
- padding: 6px 2px;
11
7
  --mdc-plain-tooltip-container-color: none;
12
- --mdc-plain-tooltip-supporting-text-color: $tgo-black;
8
+ color: $tgo-white;
9
+ --mdc-plain-tooltip-supporting-text-color: $tgo-white !important;
13
10
  }
14
11
 
15
- .mat-mdc-tooltip {
16
- &.light, &.dark {
17
- background-color: $black;
18
- border: 1px solid $tgo-white;
19
- border-radius: 4px;
20
- --mdc-plain-tooltip-container-color: none;
21
- color: $tgo-white;
22
- --mdc-plain-tooltip-supporting-text-color: $tgo-white !important;
23
- }
24
- }
25
-
26
- .mat-mdc-tooltip-panel-right .mdc-tooltip--shown {
27
- &.light, &.dark {
28
- margin-left: 5px;
29
- &:after {
30
- content: "";
31
- position: absolute;
32
- left: -8px;
33
- top: calc(50% - 7px);
34
- height: 15px;
35
- width: 15px;
36
- border-top: 1px solid $tgo-white;
37
- border-right: 1px solid $tgo-white;
38
- background: $black;
39
- z-index: 10;
40
- border-top-right-radius: 4px;
41
- transform: rotate(-135deg);
42
- transition: all 1s;
43
- }
12
+ @mixin rebranded-tooltip-right {
13
+ margin-left: 5px;
14
+ &:after {
15
+ content: "";
16
+ position: absolute;
17
+ left: -8px;
18
+ top: calc(50% - 7px);
19
+ height: 15px;
20
+ width: 15px;
21
+ border-top: 1px solid $tgo-white;
22
+ border-right: 1px solid $tgo-white;
23
+ background: $black;
24
+ z-index: 10;
25
+ border-top-right-radius: 4px;
26
+ transform: rotate(-135deg);
27
+ transition: all 1s;
44
28
  }
45
29
  }
46
30
 
47
-
48
- .mat-mdc-tooltip-panel-left .mdc-tooltip--shown {
49
- &.light, &.dark {
50
- margin-right: 5px;
31
+ @mixin rebranded-tooltip-left {
32
+ margin-right: 5px;
51
33
  &:after {
52
34
  content: "";
53
35
  position: absolute;
@@ -62,12 +44,10 @@
62
44
  border-top-right-radius: 4px;
63
45
  transform: rotate(45deg);
64
46
  }
65
- }
66
47
  }
67
48
 
68
- .mat-mdc-tooltip-panel-below .mdc-tooltip--shown {
69
- &.light, &.dark {
70
- margin-top: 5px;
49
+ @mixin rebranded-tooltip-below {
50
+ margin-top: 5px;
71
51
  &:after {
72
52
  content: "";
73
53
  position: absolute;
@@ -82,25 +62,88 @@
82
62
  border-top-right-radius: 4px;
83
63
  transform: rotate(-45deg);
84
64
  }
65
+ }
66
+
67
+ @mixin rebranded-tooltip-above {
68
+ margin-bottom: 5px;
69
+ &:after {
70
+ content: "";
71
+ position: absolute;
72
+ right: calc(50% - 7px);
73
+ bottom: -8px;
74
+ height: 15px;
75
+ width: 15px;
76
+ border-top: 1px solid $tgo-white;
77
+ border-right: 1px solid $tgo-white;
78
+ background: $black;
79
+ z-index: 10;
80
+ border-top-right-radius: 4px;
81
+ transform: rotate(135deg);
82
+ }
83
+
84
+ }
85
+
86
+ .mat-mdc-tooltip {
87
+ background-color: $tgo-petrol-60w;
88
+ font-weight: 600;
89
+ font-size: 12px;
90
+ border-radius: 4px;
91
+ overflow: visible;
92
+ max-width: 248px;
93
+ padding: 6px 2px;
94
+ --mdc-plain-tooltip-container-color: none;
95
+ --mdc-plain-tooltip-supporting-text-color: $tgo-black;
96
+ }
97
+
98
+ body {
99
+ &[theme="dark"], &[theme="light"] {
100
+ .mat-mdc-tooltip {
101
+ @include rebranded-tooltip()
102
+ }
103
+ .mat-mdc-tooltip-panel-right .mdc-tooltip--shown {
104
+ @include rebranded-tooltip-right()
105
+ }
106
+ .mat-mdc-tooltip-panel-left .mdc-tooltip--shown {
107
+ @include rebranded-tooltip-left()
108
+ }
109
+
110
+ .mat-mdc-tooltip-panel-below .mdc-tooltip--shown {
111
+ @include rebranded-tooltip-below()
112
+ }
113
+
114
+ .mat-mdc-tooltip-panel-above .mdc-tooltip--shown {
115
+ @include rebranded-tooltip-above()
116
+ }
117
+ }
118
+ }
119
+
120
+ .mat-mdc-tooltip {
121
+ &.light, &.dark {
122
+ @include rebranded-tooltip()
123
+ }
124
+ }
125
+
126
+ .mat-mdc-tooltip-panel-right .mdc-tooltip--shown {
127
+ &.light, &.dark {
128
+ @include rebranded-tooltip-right()
129
+ }
130
+ }
131
+
132
+
133
+ .mat-mdc-tooltip-panel-left .mdc-tooltip--shown {
134
+ &.light, &.dark {
135
+ @include rebranded-tooltip-left()
136
+ }
137
+ }
138
+
139
+ .mat-mdc-tooltip-panel-below .mdc-tooltip--shown {
140
+ &.light, &.dark {
141
+ @include rebranded-tooltip-below()
85
142
  }
86
143
  }
87
144
 
88
145
  .mat-mdc-tooltip-panel-above .mdc-tooltip--shown {
89
146
  &.light, &.dark {
90
- margin-bottom: 5px;
91
- &:after {
92
- content: "";
93
- position: absolute;
94
- right: calc(50% - 7px);
95
- bottom: -8px;
96
- height: 15px;
97
- width: 15px;
98
- border-top: 1px solid $tgo-white;
99
- border-right: 1px solid $tgo-white;
100
- background: $black;
101
- z-index: 10;
102
- border-top-right-radius: 4px;
103
- transform: rotate(135deg);
104
- }
147
+ @include rebranded-tooltip-above()
105
148
  }
106
149
  }
@@ -161,8 +161,8 @@ caption,
161
161
  h1,
162
162
  .h1 {
163
163
  color: $black;
164
- font-size: 40px;
165
- line-height: 52px;
164
+ font-size: 32px;
165
+ line-height: 48px;
166
166
  font-weight: 400;
167
167
 
168
168
  &.black {
@@ -16,7 +16,7 @@
16
16
 
17
17
  *[theme="dark"], *[theme="light"] {
18
18
  * {
19
- font-family: "ModernGothic-Regular", sans-serif !important;
19
+ font-family: "ModernGothic-Regular", sans-serif;
20
20
  };
21
21
  }
22
22
 
@@ -1 +1,2 @@
1
1
  export type AlertBarType = 'success' | 'error' | 'info' | 'warning';
2
+ export type AlertVariant = 'banner' | 'callout';
@@ -1,6 +1,7 @@
1
1
  import { IconName } from '../components/icon/icon.model';
2
+ import { AlertVariant } from './alert-bar.model';
2
3
  export declare const alertBarsUtil: {
3
4
  setIcon: (alertType: string) => IconName;
4
5
  setPosition: (fixed: boolean) => string;
5
- setCssClass: (fullWidth: boolean, type: string, position: string) => string;
6
+ setCssClass: (fullWidth: boolean, type: string, position: string, variant?: AlertVariant) => string;
6
7
  };