@gravitee/ui-particles-angular 12.22.2 → 13.0.0

package/lib/gio-form-cron/gio-form-cron.adapter.d.ts

@@ -14,5 +14,5 @@ export declare const CRON_DISPLAY_MODES: readonly ["secondly", "minutely", "hour
 export type CronDisplayMode = (typeof CRON_DISPLAY_MODES)[number];
 export declare const getDefaultCronDisplay: (mode: CronDisplayMode) => CronDisplay;
 export declare const parseCronExpression: (cronExpression: string) => CronDisplay;
-export declare const toCronExpression: (cronDisplay: Omit<CronDisplay, 'cronDescription'>) => string;
+export declare const toCronExpression: (cronDisplay: Omit<CronDisplay, "cronDescription">) => string;
 export declare const toCronDescription: (cronExpression: string) => string;

package/lib/oem-theme/oem-theme.service.d.ts

@@ -1,15 +1,5 @@
-import { Args } from '@storybook/angular';
-export declare const OEM_THEME_ARG_TYPES: {
-    menuBackground: {
-        control: string;
-    };
-    menuActive: {
-        control: string;
-    };
-    logo: {
-        control: string;
-    };
-};
+import { Args, ArgTypes } from '@storybook/angular';
+export declare const OEM_THEME_ARG_TYPES: ArgTypes;
 export declare const OEM_DEFAULT_LOGO = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeIAAAHiCAYAAAA06c+jAAA3zElEQVR42u2d8ZGlqhKHb00MRmEchmIuRmEqJmIW/r81771bnn0Mo4DSQAPfV2XN7N6756hA/+imaf75BwAAAACgJ76/v780XrQMAAA0L7ItTRZobQAAUCNQD//t8N9rPK/JuObzWs5rta7t4WX+28W4Pt/z+d7PvQzn9ZX6XQAAADwWmoD/f7DEdTYE9SOO+3kd/73+KLsO4/42S8RnS7Sd7wSRBgAAUcG98GY/XuWqUGCPTIK93Qj1IDW5AQCAxoXX492aXu3Ho9XoyWr0qj8i/Vig6aEAAB2J7vnfPuFkM4yM4MpfH4H+eNC34owwAwC0K7ymp4uXq1Ocf7UfIW0AgMqE11rTNcPLiG49oe1PWHvAYwYAqMTrNRKpPiFmxK0drxlhBgBQ6PV+Qs2s7fYpzKMrjM3oAQAQEGCH14vwcn2Eef14y3fCzIgCAHjv+Q5GVvOO8HB51pg/26bG0MkdAAACfC++K+LLFSHKn4xsRBkA4KH4EnLmkr4uRRlBBoDuBPjCCOL5cpXwlH8leyHKANCF92tUs0J8fyYcmQcuXJ2gZJ+i5LruTm7arQtR/r8oD3jKANC69zsYhTV6Elf7cISrk4yGlJOgm8nQ1XGM5mEW9oEWvSR6TXjJANCa9zs3uu5req/BJxD5xDLldTdJCrhH+4jHxRLqbtaTGeUAUIv3Oza03ejxaUKSXuwL0Xx1FnCIgHuE2j6DeW8odD2Z7wIvGQA0e79m1vNRqeh+wsiPz9f11b6uoT09JUQfPYd1fnPtZUf3s18MhK0BQJsAD0alq1pP/pmu9pqGChWnA4V75BfivFcyaTustWQyrgGguADXFn7ezapLvsMDYkK19JWfIVzfe7Oqp22VrSVPV88OAJBagGtIvtpd5Q5DPTp6QDGvearo+Mr97GdM2gBA3qsx/jwp91Z+FGpAYKua3D3xmPfa1pFpcQBoWYDNk3eCt+5gHKv3nrWfwPVXkMm0BoDHAmwYO60C7KwZjOfbthg7vGWNW6YOPGQACDZyyj3gzbXWi/jiJRvVwjSK8mFPHumrAPDPRYECbQK8PU20gn4jODf/j7bTvPCQAeD34FcmwLsr2YqWgyfe8o0oaxLkH5NhWg+gIwNlnYCkJeFqZI0XUkV9jL/TVIDm77Ynn3cPAG15wIMSAf7U8OX4OSjlJWspSrNfZf7TcgBtesFL4fWy3ZXxTItBQVHWsETzo1IXYwKgLS94Ljzr/1UKEAEGbRNVRV7yau9BprUAKhRgYx14K5iQcrn2SyuBcjH+Ms7SLinIrB8DVOwBl1wH/jf87DN2ANrF2fjzVHg8TXjHAJUYjcKz+H/3/V6JL60EjYy1kjsNVrsgCC0CoM8LLhWG3swZOyIMHXjIQ6HEx+PqlCdaCKCgYbCyoYsJMEYBOh2Hnz3JB9nVAP16wVOBMPTG9iOAX/2/xJLQ33KZjEGAjF6wMRNfSwswAGPy17jM7SHveMcA7XvBG6fGAPjF2DoFai6x95gxCtCWF8waMED8GF7wjgHwgqMGMzNsgPdecqFJ9MrkGUBwIGecUbM1AiCRGJ9/l3OLId4xQMzgNQZtLi/YWQmLQQwQP7aN36cSY5txDPDMC55zJmIhugBFxvycO+GS8Q3gF+EhU+jqV9gKLxigiHc8ZFp+OuwStLQEwD+/TkrKFa5a7owCABQT5FznIZPIBXAzCJdM4akBAQZQbQvmTBGx0XACsAXQtSecIxR9kD0JoN8mZNrudBCqBgbc/wdbjlD0ejXQAUC3IGdcrloRY+h1gM25krEQYIB6vePzz2uOZStsBfTiBX9lGFR4wQB4x6+XsLAb0LIIp66qQyUdgIY940zeMevG0KwIp57NrrxtgPZtSW57ghhDCwKcej2YjGiAzjxk41pZNwbwz1wXzh8FgISCPBtbkpLsN8a+QM0inHI9eKY6DkDfQmz8OXU9gglbA7XNUlMOCiriAMDd5H9h8g+EidIeXbgiwADgEeMpYaiaIxVBvRCnHAC/thQwEADgSpATR+U4NALUDoA5dSgaAOChXVoSZlTjEEAXIsxePgCItU9TQieB7U1QPPzzlXDGuRD+AQAhWzUkyl1hexOU69jn76k200+8aQCQslmGIK+JigqNOA5QwhNeU1Wy4U0DQEIHYklV4Q8hhpwinCIbcbNnrwAAiezZROEPQIQv9uYR2gGAjPYsVc0DxBiyiPCRYn+wHUICAEhl1xJXAZyxZyAtwqk6KzNHACgtxqlyXhBjSOIJJ6kXzdsGAAVivCDG0IsnvJlHF/K2AUCDvTt/nxNkUyPGoMoT3q46PwCAIu94TlkrH+BJmGajUDoA9GT3jL8bUxUqwv5BaHhmS1kzmo4IABUI85jgNLkJhwRKiPDCGwaAGr3jRHuN2S0Czk64si4CAJD8wAhqU0MeEaaTAUALYnz+vqc6KII3TSdLUQR9vgrzAABUbCelk1gPzjPuvGMlTNXHEwaAVsVYurbCTl0FhHhO7QnTuQAAz9hb5Ah72akIT5RyAwBQ4RmvvN3+RHgkOxoA4L0Yn78jxvBKhIcUxxjiCQNAp2K8pzibnbfcbjhFem0DTxgAenduvoTFmOpbjXecjexoAAA5IT5/H1KJMW+6LW9Ycq/wwowNACBZBS72GDcYOplTiDBvGADghxiPwnuMv8zPh3pFeOIUJQCAKsV4xdbWL8KSGdJsOgcA8Njd8/eJTGqQzpDe8YQBAIKdIOklQXaoVNoRVmqhAgAU9YwXydOasMOVdIDzp+RMDBEGAHhvjyWdIpYHK2n0ib1sAACq7PNGGcx+RFhyH9tsh1kAAOCdjRa0zQtvtI9ZF1l6AADyjtIhtF48YaN1NvLCvjUAANV2eiSJtt3GnaQruQAAgJytTpBMu/FmdYU7dukMaQQZAEBejM9rkT58B5tdtnE3jt4CAMB281bLeMMzGdIAAFV6xlLRTPYXF2zEkeQsAICqnalRcn8xdjy/EO/SmXc0IgBAdls+U4+6vkaTXOindikAQEF7fv55FdpfzJamTA03MXsqOglSFzkodX9X36vlPfXSZiFtEHMx+rP2g50tTXU0mtTiPvVKIXoW//Tf8Qb7aXN49o7Pn6OAR/wj+Za3m6ahVsmzhSHICI0X16DFOLnuUdoYX0wKxzNCM5/XYvw+nf/9x7/N8d5u3smgxTAZ7y6qvW4+R+oaru4J457cxs8cmah7RjqxLlzkva9G5z7sJDdFk7PDuPZPO0t8h/Hn8TQU24PIzH7e42y+sxT972KsmG22le7znj4VnPVqfM520faS135+x/rZq4ogZ+knKyFqnQ0jFZImZPEuXHRo2vYVUNp0kfoO43s2gYL1x/neRuMZviTfi2PSumtYt3YY2sfbTwQLQjzZZTEjxlkmbLtk1S3earqByz6zfB7MXbio6AkoN4N1k+hzxiQklbFfpTM8PeG9XVHyWJQQX3jEvjXDp//N620RWSs2ySZEXXmDkNYeZ0B3DevtAWtJk5AIL4KG29UvxTwsz5jZFfWlaI84UIhTX+y8KDPGCVFXGqKgFmm6CVG2cH9AduXrcLn12VtgmHIz1n9nK2lr9XzOYd93zHu0PM7p4rt2BWNZTIhdEZHz/X/a4O3PNXA5guWudH1mEJhsHbRRvMFdCEmrape1ZPjHs1Sxv83mtgTsCAgpTyFZyEb28hxgULbYbHTPUkJTHvH5/24p1gWtScN42qEDz7hInxklI6LwfBCMbFVSOUPdS052HOGqWUCEfQI8vi0Gcb67yRPheX3YuVWlSG1o2iGgUmvEc4qCHh7vjLXIMmMehyyDGEus/0y8fPEJ0lwq/O9YqthsYy8owru5deVNgYeLf7ukFOOb59laypp2CbE9MYm819BSjBt2JmnfQQ8KDFSJGdDCS886KJJtjwlYqnjsjQRsz/obLr4IV37FPIfhtR4pEkw0Zk1b7zDlGnGSLSuWMK+sFxeJxhEhzThQJfYMcz5l2onSmGvyk/I7PX1tzfQexb6/p6xpx4QwmRga7/eu3+zYHPUO2ow2vA9bkSWtr52WnGtlLi884jPX0rXIPWIcHErzZE33tI84i1eqdW99p9E49hZn8no40EFn9GJPuW/vybr0k7VFh9f4Yy014ylOo2+9WOB9qVgjzrCPOOd2uu2u/2Pkk0YjJIrp4Kg9nOE+DknzRrN5NlPqfXuuTO3ILOn9brac8WCGr4DJRlDoPSRrWsMasUPAxNaIMwrxEjt5glfjZSZxK93gFIn/20YJioQZo42RZ6nieLPnNqCvzYXf5eZKRnvwWdq3L1W5RvwggjdhJZKPldg8IrLcE71Y9omVabu7rOPoxC1XNa83Imxch8ZSeFLvsvWsaQ1rxJ5oDdnTCfuPZxLEIUARM0uJCloswOuLZoyR23023xruwzXFovugI8KdQREAT2iaNeI0z7R9c+qPpn70dCmTZQRjVhlbUH+h4xcX4+jErcB1oNeC6TDeasJUDq/YKTA9ZU0bn7kXzJp2eeXYozxesYh2dO3ACW5XYpO2jnYcY8M/AQPs1aCRvMeCY2IL8YipNZ1PiB33sGAZikfjHm9n6jm0MArMaEiM0NGWX77EqkhD/TqM5FkCURGeCvBonaH+m6zpo8WsaUVrxF+sEauwQRv5RWW9Yc6a1NWezkMhAo3rJJ3R7BMALWFE4x0Mb8o3Umu6SLLWIbG/HZJE4x7lGHXVXgEFFZ5cQ65BB9GhIue+PU/2/BpzXzHips1r9Amxow26qTWd2ibERC4gazTusVPXo1e8SS2y0+GraNstQEAWacMWMPEblQrxYzGl1nT2fcQrRYVURZH+sMwpM5N8lHaOCKtt5+DM34BTkESyGh3CNlQ0Rm4POKfWdPZkrSFlf4Vn/cozkWepM5E3TAUtxQPDMShuMxRddXsF7+fQtm7quN/xbcIWtabTCWGA0ad0YtnxE1sYqt0DgwIzQqkn3cegWB/0iehB4TGcKoXYs6Z9+U6oNZ3nGETPbg+SR8v3rRmv+P0s9lWxbgRZ/aDwCqwv01ogJC26LpnxHXqF+E6MqTWd5BhOX39lK6WesbPhFbtfUPRsBQGuLgqyug5QT7m3N0U1p8zv7lWWd++1pi9Otoq6jO8cHEae41f1jJvpmwMh0s5U8IarGxh3SS2zq9KV1D7MioX4lUfsiEQ0lTXtWyNO5ETsOAjViDFeccpZCp29una/Sx467upTS7VzjR7x2zXiECHWkKjlmJA/zja+eT/L+e5GgWs6P2/z5Kywb1jR+HGMgb69YqEZyog3XLUYb98FTtHyhMA3bRWQQs+6fSnERbf8JRDi7WaCJ3WxjbJu+7NKRWCZneAN99QHxPdgaq825bjvybX9yyPE45M9yErCho8OBxGa3EfVJ6aMZfu605oQr1LeMN2s6n6w+LalSRs2z6A8tPWtkIlDQLLW3faaUcFeYpFSowWFeLPX6bFLbWtP1W1s7bkTmXnSvaofHM6tHynb2VWgX4sQB6xpB0WG3qwvZ3w2sXYQKN7wpHbBbBajwR514xWvrQgxcXoILqyRuEbwpj1hy5OotUQ+61zKiwso3fk4MuGoab6cdufNz911lCdOQZW2p++IrIQ3TDdqQ4RLlV+0vnvRuK3n4p6nt5NSX5a4gtB0dM3vkH3EEX1lIk8Fr7iJ+uGCRbjxhtsT4yV3WbmQUprKxs3rU3201pv2PNv2sk03Xx36l9fq29/OiK5Oi2LyCYonOsa8gCFwCwCZ0njEWbITfecdK1knvj3VJ3B9WDwELPz+NymPIyTp62Hy15fRBrvLIGOXuvOK56raXbD4NlW02veIj1yF1kNPhVKwx3aR8Npd2cm5nzNkb/SbcR7iESewXySP1muDtsiEvbraXWBrAd5wPx7xkXO/nsPjLOYVB1TT2gQNT/a9kQGToOHl+0p66IMjRD1hn6q0P1MXS6XdhgHgrUec9eixgDXAIgMtYM/j9PLzZi1ZoK5lgZfecDIhtkLUR1NrhtifvRsHMTYEQLfp0yPO7HkeGurLBszWt4jPHkquiQfkBkRNflKF3gPvu85M2o5tkGdy2tZWJkdVn2BvmP16eMSF7iNriDpgYvDHLCJR0suOfMa7CUHUulvK0HRgnXR2ddRnh4ZIr3itos0jtywdFFHv1yMuECrdSi2NBBr6ReB77ibGORPkRLcDZVwj9iWZ7dipKu3REpm0NdTwkLvExmk6OB5xBoEYS0RmAkV4y2B41gztPadYgsohxIEhzYXRXaVX3F4Ok2BWGud6duwRK7mfSyOb4HzkwSHCorNuTzhO/BmN3+eUGai5tmcZYrzXcHAIuMefJ0oTfCqTygeUejiEGI+4gBgvnkzJ4WowvzQAnwnrETIhlVjrPH9OIaVkY/bfPhDhVagNt8xCPFZlmKE/p1GgrjR78zr3iEsW0/CI8WHXMA4tl3gxRlbP94iPg8CSs5udwBXxjFtKbyLXGvHDSRtbLiuwQwETueBlVFV6JZQWvrMvD49Y6b05j8ML/OyPAB8eER5T7xgIeMb1zWTgvPfF84xi4zynEFt9ZPCFqKEaWzRHJhbr290jlaRFN+nXI1Zyr3PgIPwctzed12hc0/k5S+C42FLvFngQijdFcz2fQ+wZJcd5qRKejrDmih2rxzMWSNrSsX0tMPs05MIbxiPWNEDHyLDVqxBXpjOZJbyBV4erSxutnB7xRR9ZXSFqqEaMF4m8Ji0Ps8YOUmaRfXvEWtrfSqqaIyM9Pg9xzCXAdltkmnDsKbaB5V4jvrkHV5ESHIt6hHj6buF4RIH6nSQ59OkRH1qzTi+2GS2CgryZa7Clzwc+f5+FBXn/ePqJ22i7OMkrZzGWOff+bEjSnjF9v+wZ1UJp4FSm6a/TLzVs/7jYjvMxvOtDUTbXk8cLof8q+YzWnyfj+Y4XY/mzpjxkuv+9oEes8gAREJ1Q6Q9PB3REKmnBXUhvsq6xhgFrPcMnYWk5r9W4FiPJacy5BiwhyOff2QlZq+cZhwL3PV70pSHX+zUiJtNVn8amVSPEsecjlC3o4ilWz95haG7Q3v05wNtsqp9rCK23/o4ha3/aqlteFVro5rhDZqLVnrIVWuyiZmF48owlxZj7gO60zOpsa+wsAgDwiAEU9OMjIns6f3g64AzV4Lg6AACAAjGOzncqcdPTd2unVwAAQHdCfP6sR9Mkw9KEtAAAQJFnvFeTPe0535SSlgAAUKNXrN/BlHThSfIAAABlQjypL+7x8PQWwtIAAFCbKO/qa09LxdEBAAA0ecXq85+scmBkSwMAQFNCfP6MCU+nPZNaqED2zNowAAAoFuSYZOS0x2B6zgANDksjxAAAoNEjFsqeTnvyVmQ1rT3pzQEAAMg4nLO6KltC1bQWhBgAACoQ5EFdLpTQtiUOygYAgFq84i1mG1OyZdjYBWzWhwEAoBJBXtQkJhuL12PE+nCeiiMAAABymvd6KTaJ4xm7bQkhBgCAigQ5ahtTqtnBwrYlAADoyCteI9aJxxQ3FrM+jAADAEBtQjwXT1AWWh/+W/ILQQYAgIqEOGadeJVO2KKsJQAA9CjKe9H9xFLrwzQlAABU6hWvRfVPYGMzpy0BAEDNgqxinTimvvRKWBoAACr2iGNypOJKOwudzcj6MAAA1C7Ke5FiVkLp26OIWw4AAFDOK16LnE9s3MAWW1+a5gQAgNpEWOhYxDiH9LyBnUQtAADoWIzzL9EKLVJTXxoAAFoQ5EGiqNVbIY6ZBUwkagEAQO1e8flzy5qwJVDI4/gc9EAzAgBAA4KcN2FLIlOMZgMAgIY84rnICYQRiVrvYuIAAAA6hXgskbA1FKsmAgAAoEuQhwjn9JkmSiVqIcQAANCCRyx17sIbIaaiFgAAIMb/F+I8eVMCGdM7AgwAAA16xHPETqLh0ZeeP1+74OaN04wAANCIGOddso3JmEaEAQCgJSE+f0ZlTj8S4siMaUpbAgBAq55xVOb0E/d7JGMaAADgl1e8Ja2vIRQHH2kyAABo0BtOnzlNxjQAAMC1CJ+/z0lrTgvUmN5I1AIAgIY94inmMCRTa31fuJExDQAA8MtRzbOFKSYrjD3EAADQsCBH7yoKcbtjClvPiHBXIZpuJl1Xz9zae2j1GXtoO8jel9Ic/iC0YXkyb5Zmg1aEKce/K/mMud4NbQe124TzZ9QWppAvmjjsAQJCM6N1DS0NNrsPG888nZGf+VyK+fw+fQ7/lhC6EuIb8Hzqn7H1tgM1E7w1ySlMAgvRf4ta03mbnw0uRpsfdn5AKwJ8Guf5nP3uD7YobOe/G7QZdev5hnO8r+d9H4FrX+YzjnefT9tBw0K8xAixNxwTuUeKztrvbLDqjHnLiE+nQT4iJqWfn6spVqWFysgDWSLWuexn3T7LUiWesfW2A5XOSJq9xBJKz/pKN51wfV2+TbcAj5FG3Le1byjhYRnt9hnfKZ7vT25B7qHtQK0NnMSPQ7RmyxTzgFAhPmoWYsuQL4nEyZ4NzyU8rNNw7ILPcvjqCaR8xp7aDpoSYnculSHEW2xaNp20X4+4pmcxDjjZHqwfrkaSj5n4sz4YO2vq6NELofqEmBcrOctMcFofeJ1bqrrzrbcdVGEDx4joyxTyRdHFPGiu5jtj1aFpa1Z7BBjeKTQr3EoS8glVkuTGhxGuH8lJd3trHYlQPgEU3UnRettBNTZwiBViZ+Z0TDEPOiah6YZCS+tnS8vTghBWTdrdl7ghOYG11oM3z3dPDgEPKnxhJEd5k1Nin7H1toPqImrRha9+9B0rmzKNykPrHvGivf0Di7bv539/VXnpxtAvOYTKuo8t5IDyG3H99dy+e/NkkW60HTQmwlHLuM5+KRH3pkN25RFXE5q21hWPkMx/yepMnlDqJtw+i2MdeErRJwLsx+uJWg9tB30K8S+P2BhIVNWCUI+4iqxpyzDvrtJz0qHGC6HapYXKGsOzS4RThFItz9kllo9tRA9tB9UK8foteUqhpBADHnFl9/1ru02KZ7DG2J1Bn954csZnDyEimDpT22FHdtoOEOKbMpcCBx7vLdUahmCPWL0QB/TtLfWe14t7GX0JQC8/fyt5KlpAhb7lpTfcfNtBlXZwSSXEM0IMAZ7BUss+Yk9Y88i9pBIw1panCUbnzyln2DZQjLe7JCraDhqwg6/1MtkH0/m66oDqs6YD66dn33JnraduLoF5+JmblgmyFcpdn27z6antoE47mORchmQKDz0JsbrQtLElb3eFNQsL1fE2uhDgDc8lPbSrbVG0HTRkB2WXcgO2PcSdsQitdUT1QhwwuSy63c4z5o4nnqzDG/6q3NA133ZQrTf8lUSIJc5YRIi784iPCpK1Nq0HlHj2xs6uNdUAz2yuPYu31baDZsQ45gSmMcTAPt4XhRDjEWvpAwEZrirKsXq2QTgFx7NOddRafrGHtoNm7GD0UYh3BT1WPGJ44BGrXBvzRHjUZPgHzKxHn0G/8xprHY89tR1Ubwej6m786B9CZxHjEffpER+aqwvdiJRGz/0uKenS+wuoDV/9ASytth0gxLdV5pIXsYZuPGJFyVq3BlJTX/WMvdV1JOGNN1b9FpqW2w6aE+JDxCMOmIUixHDnEasT4oCtBapqonsyhPe7RC3H+nAL2dLNth00ZQejDklyHfrwWogJw3Q1E1wqEOK5hgpwAd7t4Dgzd23pNKAe2g6asofRxwbffTAeMYQYnhpC00sNIhWw3nTrBRrj9WgpX6OHtoO67aAnR+P9GjEeMTzogKs181eTNe3x2tVmEzvWRSfHGvF2NxYbjLg00XbQlC0cxEPTsclaCHFXnVD1GrEjbKv5qMZbY351z47xWm22bi9tB3jEl31DyiOG9jugT4gx5lH3/XQLU5FtM6cBirp6bjtoxh7KC3GkRzzTLF16xKr2EQfsidd6MMXXE6/KM15zCPF6tv3+4jqu+kovbQd4xCmFmNA0HnEVoWmteztD1hmN9+8ar8nGokAFvl/t0FvbAR7xbdY0QgwvPWLN25eWGmoAB2TevkrWSizEWyohbr3tAI84aWUthBiPWNk93hZZUGrMg6tklcou9py+9UqIbyYYzbYdNGUPx5tICAU9ILtHfCjdR+w0jrVX1nr6b4S9geE0QlfX1X/bQzziHtoOmhPiJFnTKwU9IMDwLJpPXzrv8S5spCpc+OY4vdKFJJ5+rkuIbyYazbYdNGUP1RX0WOl0XQlxLecRbzVEbxzJPpf3WtvJP0884tbbDtqwg54zs6OFmGMQ4akHcHzXdx6xttDm9LQerWfMbsr6zW73lTuPuIe2g2YcErnziBFieNER1XvEIUZSUYb3+lR0POuTqhKFnnrErbcd4BH7hHh5+aFq68BCNuOzKh0wu/JJw906U9A9+kKjpZ/zpg28e4J7aDuoXoinl3p5PVH2hIOChJg14u49YlVrYp7JZfEM3IDJr/f+AsK4g5K2eJo13XzbQRMOSYwQD286FkIMVZxHXJPX4vBmH0WYHCEyLWVHd/uoxpCKUz20HXQpxLtPiOeID6bj9dMB1xoy5wNyH4qsN6a4L8dnjaXb5alH3FvbQbV2UFYvpT6Yztd+B/QV5Vc6YO48qy13LeCA9aXt5ec6n1GZ1xC0RtxL20GfQvyr3wosPqtZj4IsHVF9Za2LQbOUzvgPEJfH64vWqUVz6RC1dTjFFFN3oPW2g+rtYFRy85uZXtDiM15xNzPBKjzii/u/K1gzp/aurJOTNslzvS0xLvaMF7bkeFJruse2g6rtoGxOlcC+qIPZYLcecTVbNjwTzdn26BKIk8uQb0Lf4ap/O9vGJNEzTp7Sf4/zCVpuO2jKDr6vRCm0QZlKMn3OBI8aPOLAdR3RvbeWER8chlxkaScwm3OxzzWW+t6A9/vKI+6h7aCZyODr08ekzlckW7DvDlhNEQNPSGn7LLO8fR5rndTnIR5ShxkErhd/nnG8ut83z3j++U6sjotnf51h32rbQT02UOLY4Ns+4ykiH3LNNFM3ndApxCUuYYO+m2uPT57L+o4xYNY8JTQUi2c5abk6E/jhM35E/3AI1Ra7RtxD20F1dvCtVi4hXxIlxMwMu+iIzspaV4e9Kx1IS8BugDk09Ggt8aye6FKSetAX738OeMbl6b2cz7g47IWZN7ILesTNth1UZQOHJFopcBQiZxL3HZreTsNX4hojDPv8INNxOT28yTr4fjo/Zw0cnJu5yyBltm9g8tRHXD7PODuecQmwEZuZvPmm1nTvbQdVCPEhnk8lcSYxHnHXHnHJa3m7zml4d1vue80kwiEJR5LXaq/RSnrEPbQdVBGWlj2L+KJjcwITvPGIS16v95Ja64hzxCzXziK/9BJzG/ILQZ4jQmq+UPBkh8cTe8RNtx2otoGTViHeaaZuOuHiMVxVeMT2cxkhp0VQrLYrgSowg0/1jLu9P/ni2lLVJW+57UC1LYwpbzmEGNk0XwAthWXUhaYlJxqGUZ8erB1erbWq9qIMT/LpM+7nv5l8iXk3HrF49Ky3toPizkiacxmEzlgkk7CPzjgaiS8ariHFgLPWVz/PvJzXalx2gtNXBQJsb1n6PON884y3iXEBNaPt9hpzPF+LbQdqhHj9lixvefEFUYvQdF5oMAIQcnbul0vstD/j2/dC20GnQrx9Sx74cOPtRJW5pBP3J1AlL03P2UObttpHGdnwoH9tMcto3v4mUTGETg2tz4iBtoNu+1FUMQ9vaFqihiYdHgAAGhbiqKixNwIjkBXLXmIAAGhRgCXyqNzLt9Ym/DUmNZsmAwCA1oQ44GQz386iIeiLzp9Re4lJfgAAgEY94iXJHuKLL0pTvgsAAKBeb/gr2R7iCyEeI8oXchwiAAC0KshvM6afHYwUecQTmdMAANCiR5zmHGLHF3McIgAAIMQyGdPhQiwQB+cUJgAAaFGI5yz5U4YQL2ROAwAAQiySMT28+cKJmtMAAAB/9THtYQ8XQhwdCwcAAECI/13qfX7ASGR2GJnTAADQkghHOadvRFjkzEWEGAAAKhdgkeXaxx6xUM3pgSYEAIDahTiyxvSf05t+7RHn/WIAAACdQrwV2dIb6YrPCDEAADQiyHuRpdrIhK2VpgMAgJq94fPnGFv2uZQ7vtGMAABQsxCfV5m6GgKlLg8qbAEAQANCvMSWtox1yWcqbAEAQMdCXCYyLFRhi8IeAABQsxjHHAu8RkeFjdnATmEPAADoyRs+f5bdPSSxf4rCHgAAULEQLxEecdzyrKnirBMDAECnglzWERVK3V5oSgAAqFCEh9ilWembOdhPDAAAHQiwxPqwXLKywElMf91zwtMAAFCREC+xy7JiNyRw8gTrxAAAUJsg60hUllonpsIWAABUJML6lmRjbwoRBgCAioQ4Jgo8fxzZFDe2xtbbRJABAECxAH8J6F265djIhet0MwQAAABBMY7YtrSnEmCJutNsYwIAgBq84WitS+p0Rs4SKHcJAADahXjRuj4cez7xnzPzmuxpAADQLMhbhM6lq5shVGlkRYgBAECxNxwVlk6ucecXxGxjIjwNAACahXhWUdbSIcKx5S6psgUAAJqFeFO9/FrFjAEAAOCdxkVFfHPPGGJi6DsiDAAAmrxhgTMV8udAEZ4GAIBWhLhKXYvcZ0V4GgAANInxGJuInE3TJMPTCDEAACjxhkXC0tl1LaLKFsU9AABAkyDHhKXnYnpW3cI2ZJth2ldL93T1WaUuTfddsi21v3tQ7w3HRHiPIvUxhKpsHRT3AGhzEsabgMr6bUzO01q9O08XaNIQjxfXl7J7Gl56lcPN85W4BiX3PVwlqkiLsqNvlbqYcLRjt+rUMYFTKo4sx0VBiRDPfrbv5/rfn8fcbW2EESejzx1vyq0an7VYn1XqCtp9kPG+9/NazyWrwe4bAu05XPStkteI/WrCZk3V1sUQjK2PdInmhPiqrUdlA21/4hULnT4mfa0PhDj3fe+n+IutqUZWPUpxTYz8JmzW2kSuU6Rbz57i9oT4uJtwFfaIXx9AEjloD+H/9sgjDrzvt/cYIsiTUDsOL3ZqHAmfGY+4frsVO7krv/tHaP/VTnfoR4gVecRHRiEu6hErue8FjxgU2qv5u5V6GBKzCmaWzXRwFR6xtdUk2iM2Pnd1hGHXjD/XJ0LguW+Je9kCbMAS2ZZ3HvEq9BxPf7Lro357FRXN1RSWlliDKleVBJr2iH1C/GSN2CFoS+Gx99YjTrGGO3vCx6+XohwT/hHbAS9tVUxERM/ShMfYPXooBlL7QqzIIz4iPeLjbiKpqajERdb0n0z3vUpFwAI84omCHpDZedzU9QPjwfaSa0igVoj/aPWIXzzf6lqr1WagPUZH9L5tkXKsvx1P93EbQny4hB2BhMjoyqO9w+pC0+fvyzfnFPfewUfXNrVG14jXnM/2coK05th6cSHGy9tEswceMdnL8LR/xiRpHVlPWnpphEVmGXSZpjxijWvEb7OmF5Ul7p4J8ZH6vi0x3mJrCIR4xAAP+tOecreChgeMyULb6CJNeMTNZU2HCJrmgVnSk3ckxQQlbuERg/CkdGomSSvhQzK7xSPO4RFLZk3X5BEfOe/b89526TViRiIE9MWt6boXQklbK4MKjziDR3ykSNbCI348Qff2CzxiEHYU/jS9fOrZKvHY9YdmPOJWs6YP1oiD7+NORIMOVMcjhoSRmSdJWvVsXzsHTHQ5PAZWtR4xWdN4xKEhwTWkKAkeMQjYgtgtS0tNIiw186B8XDseMVnT5dul2H2HbqEKEGM8YoixA/1FaiOTtg684qo94l6yptVHcDTct2cysOERQ4ZxEOsN15u7FJudhleMR5zQIxbPmq6xoEcuIXZ4JNuDz8Ajhrf9f47dzVNt5TaBh6fABx5xKo/4YI0476Hmd2vEvneHRwwC3vD+LXDcYbV9TOAF4BXX7xF3kTVdkUdcJNv7RoiXB22JRwwlvOH6HUJeQpceMVnTlXjEue7bMUHziigeMUTagGhvmLCAERaga1XrEf8Q4gJXioIex90pRpqO3iudNe3xSoInaE9OX+LYQxA63KEtR1AgbRyvuC6P+MpYDnYbpq7o5KnqJOkRL5oNUkmP2DCIW2SiFh4x5PaGHx/XWYNXfLBW3K1H/Kmg9LmmzL8vibOmt/O5p8Q/x6cG4eY84ixrxAHlLecn799hR+ZM739A7LvyhtvbQotX3L1HrO2SzJrOdW1vx0Buj9gQ4TsvNnhyHeAR57qwQfWI8FekHWqzqJSAV3ywXlO1R6zteps1vdQkxCVOjbKWBdZYbzjAI851TdgfvOEWjHSsN7EwEKrwiP80LMQteMTHVXnJBNfdu9peiLAKjxj704XT96fppVAhr5i1Yjzi7KHpAHHJIsRPhSCkxGWCvjA5quodn7Xup8+hwCOeGelV2KBFyuFrbtIl6RU3FzJozyO+S6iZjJ85ryVx1rSZrJXyGt+MO0d5yfUUt1Hg+rStr6zt4+IbAR7xnOn94wToD0lLOHtj85EPoVkt2xXq84gHx8D5SvjnVPuIf82glRuo1WN8Yq8QA/e6ApbHyI6EjLE/QhGrpZcXJXEcVb0nYfTpEf+YZea8jFBp8spaF/1cU0GP0iH115PnAI+YJCpE+EsoP2XowRs2B1R0BiNiXJVHrK2y1tt9xItrYqitPxYW4l1qXTWkstZLp4CqWu1oyya17Nl8mwsuqG90P7UecQ21piVD02sF7bJmTIJbJA/5eFJZCxHt0hP+chSNeVxFq7eXKLEVgQ32dXjER4l1fenTl0pVqEroEe+naK4vf26+/bZS7S3pEUOTgryzNvzCOJ6/zwKhL8rO6fOIaziPWHSNWHsfTLF9ybEMIVqSNtQjhm4n/4uAjnx1+xKlZjKEoPCIX3jEXYSmffctkAg3uxIqhdsy+jxi7ERz9kZiF06fkVVhr5jtTHjEJTzio4Ykj4B9xNHrqSEh6hweMeO/S0duJddI7qVu35krDkFWj7hI+DBR1nR1HrHDYEVtA7Ta/DLkp80jhqZEePoWrB/eff8ReqEkbunxiJvLmr7wiC89S8UTpCtPXmw/vmOdLroSHh4x3PSHXcqBQ4Tl9jlSh1qvR3xo9YiF+mm1a8SZIlvRQolHDFZ/XiSXNOk7bk+Kilt1tmMvWdNHLf3OlTUtuMVoSrEOh0cMAZN9knyVzXKYHeMRh3jEb7Oml9Y8Ysmx4hjDc2ypTjxi8EReHkdP6TP3L3lnTxgesTaPOLegJfSIU60Rf3nW7l73ATxiEN5lw7nSEeEtjkqsO2xUfdZ0g5W1RCcQAdmsKx4xRPRhiT3DO280YBALhR4YnGU94u6ypivyiHMIsWt/52NvBI8YBHWBvvLQq/rDzKcZj5is6fLtsuTw5C3vZRdMksMj7tuuzCTzlmmAJXIxnhB1OY+4u6zpQsc7ihQikW6T0PKXod/75Dxibe8fRMawREj66OKs4UQNsROixiNO5BFL1pperv5fZe2S1ZMPWGZ6NC49BplDH9q2LZtUPWl41wASiVtkUeMRSx6DuNxU6JkLXUPg/Wdd2w5IsNkFPeKl0Lvn+MX041ciJE09aYEGWVgbqN4jbjVrWsPlPFghpMRlQWO6PHz/EiFKyWsn1FnEljy92DMs0ChSg29i0GTziJvLmhYsxZpViD0ecfIcCqMNXpe/DPCIiwoxoz5Zv9nYM6xrZiQRomaxvtwstsWsaS2e2RR430uJ0pwBOyG2wImERo94w5Yk6y+LVPtg82UbZmWtoFqP+A8ecVohvnqvAft6syzZBBhXp2cunD0r6hEz4rNNnF/tGUaE5RtIKiy18EaTt9V0cX0VHNjDxf28GqTnv5sUXaHe5NV9j0r6xvhgnVjTux8x8uKTNVE7jxCnaaxZKETNlqYOB/mNp/jV0rPV6gVx73C+043IZx0zplUoyYJMuj7DXt2KsMbnr7UdEOEktn2WCknzVtM3mlToglkTXho0NKkyDDr9rz4RlloXJku65kaj4SCHUFBSkUkg/LLnos4VYyVv4y0592ECAGIMSdprY3sqDUgDAiDIULdDNdPmmRtQ+LjE4KICAAAgZsulkrNW3mZhQZZuTMQYAC8ZknvCUnWkKaqiwSs+/7wS3gAAqEKEJWuGs1VJkVf8JdiwE1mqAADJ7PaG49SoZyy4XnxQoxQAIInTtLCU2H4jS60X73jFAAAy9vn8OUsftoF9VugVn3+WWi+m8hYAQLyDJHmiEqcq1TDrOn/fSIsHAFAhxKOgCM+82XpCIJINvxACAQB4JcKSZ0hzhG2FYjxJz8IQYwCAYBssuU2JpcKKO8QiKMbUpAYACBDh8/dNMHmWY2sr7xirpBjTGQAAstrdEbvbRqfYJfcY0ykAALKIMOcLtxImEV6r2DmtCQDg0tYu0omyOD5tdRTJ5C3EGADgnyQFldg62vhsTVqMqb4FAIiwrAiTIU3o5Pk5xoROAKBjmzoTbYQ3HWeVFmM6DgB06AlLRhk51rDDjrThGQMAqPCE2aaEGCPGAAAPRFjaE6Z6YcedSnJbE2IMAHjCiDC86FSSRclZMwaA1kX44FAdEOtYiU5rwjMGADzhgL3COCxgdzJpMd6tg7HpbACACFOwAzye8ZRAjNkTBwBV2sUExTp+LN/xpuGu06UQY9LyAaBG27hIizBvFbxCnCgMc5yhb2aBAKDaFhq/r4gwtBaOOTjPGAB6FeH/LdNh/+BNx0whxuyZAwDNTsiWSoQB3nZMaTH+e9g1ggwAimyddIGjf3NkrjxugEezw0SeMYdeA4AmL3hMIMIUN4IqPOMNMQaAwrZtSmDb9guxx8aBWs94Y68xABTyhFPZNMQXqvOM2d4EAFnsmPH7mjrKhyBDys6cIpTz9xQSe8AAAAh7whueMLTQmVOJMUlcAJDKbqVIyvpROxoxhqzhnQQHRZinkrBuDAAitur8XfoIw0sR5q1DCTEeEs0wd3PdmA4OABEivKSO4AEUC/UkFuODdWMAiHQUttQ5LQAqxPj8c6oOT+gHAJ46CFMiB+GPWaoXmwQaxXhN1PE3tjgBgM8WJdxm+evwGmwRaB4ES8JBQKgaAO7sT8pQ9N+z1QFqGRgpZ6QrSVwAYEXjUoaiOcYQqp2dptpr/Gt2yuAA6FqEl4S2ZuVtQ7VCfP4+JJylUo0LoG8BHhOGov+cAk/0DZrwjIfEg+XHwREMGIAuRDhVgQ62J0GbgyZD+IhELoD2J/U5JvYkZUHzA2pOOIA+5TFZOwbACyYpC+BqRnv+PiZeN97xjgGaEuAxYY0CDpyBPgU5Q3jpx9oxgwsAL5ikT2BwXSRTJV43Zu0YoG4vOPVk/e96MLYBeh9wU4YZ78ZpTgC6J+nG70sGm0ANe4CL/capZ7+ffYGD/f0AoGZSvmewAzOTcgBLjDPUqXYmczEYAcoIsJEzsmYa+yPjHsDhGRuz4iPDoNzY6gSgYvKdY7xTox7g4Sw51wz5M0AHBBkgz/g2Jtx7pjE+3U38AcA/WOdMA/X4rBshyABJPeAxUz4I5W8BBAdvzoG72zVmGbwAIpPqMWOU689VHghjGSB+IC8ZB/FGOAtAZNwOGdeBL7cqMnYBZAd4Tu/4x6BGkAEeCfAnEWvPOF4XvGCANr3jy8MkGOAAtx7wnFmAN7YlAWQc8NbhEVsJQcZDBrj0gHML8G1xDsYlQF4DMGce+HjIwGS4rAdM2VoATQYhc2UeZ1IXogwIcJ6thld2gFYCKCjElndcwjBcCjKtBI1Fn74KZEH/qo7FGANQPlvPWLP6zkOe7UpdGAyoWYDPP3/2AZcQ4J1ytAB1zt5LJHOZhmMxBRkDAjVNaI2/mwqOo8NOxmIMAdQpyFOBcLVpSFbWkaEmAS64/nt5XrB5j4wbgLqNy1zQqFyGrfGSQdH4+CocfmZPMEDrBsdKNCkpyLu9H5kZP5QQX8v73RSMC8rKAnQ0+x8VGB6nl4wRglTie/79dE4IdwUCPDMZBehXkCclgvx3LRlRhoTe73hGhDT0+R+1oenrABitSYFnYIeupwtDiqECp/DeiO8n9HxoEeDPhBMvGAA0C7K5DWq6Sa7BgCG+vnXfQ1F/Xuw99rQiAFx6mgoF2RblIcQgQx/Cq9jzNStiDfRTAHhk6M5LoyDb4evxicGGZrzeT/+cFa35ej1g+iUAPBJiy0PWauwOI/t6uvGWMIAV9z/L69WS7ezqj4vtAdP3AEDSQ9YqyLa3PF95yyEGH9QI73D2uUVpyPnX0snV89HSAPDaSN4ZE6MC0R/l12GsLc92ERGEWY/oWsL7CTfvFfSxnWMJAaCkcf1U6qrBYJrCvBrCPDiEAYFOJ7pfRqh5qUh4vWdx01cAIJuhtf5uriBsfefRbJbXPISKTI9G9+odBExmzDDzZ433qKyvfNZ/x6voEQCAClE2kmmOCkXZFufVSAIbfQb3TqBqFOy3z3EK7tiA6P4KP7smaAAAKgz3hUGeKws3hoS1rwR6CBVan1iXvB60tSm2Zmh5q1xwOcITAJoVZe1bTqRFerGEejS3syhvu+FGaE2x3RsS3KCDSAAAWghZfzyvWteSJYR6N8RsNQRuNoR7sgTcFPLREErXn8eLazIykmfju02BbV1kfVXbWPsFgK6EeVB2Eo52Ibev3fpp/37w3oJKT053ywaMWgBoVowdx9PtiEM2Ye9afK9OP0J8AaB7LxlR5koovrPd51rIbgcASC3UY6drylxyh4Jw6AIAwNvwtXWNlZU+5Cp0TGZIn2KkAQA8EOSL/zYYW6Lwlvv2euerbGcEFwCgTAh7xVtu+vqUIp085xQjxAAACDOXYA3wyS6wgeACANQlzINRxGL7Zo+t9lDz5KtshQgDANQpyKYXNRleM+vMZb3dEVEFAGhUeG9E+C4BbLTEmbB2fOEQs5zn9OSISXowAED7XnHosX6TFdrGg74/NtL0coeQ948AAwAgzLHn7s7G2bubccBDa0K7WSdLTZ8DJ568Y3odAAAk86CtfztaYj07TjzaEx3WYB8CsQecBDXdebWud4CXCwAAarzpN+JzcaShfYThk+vqGMUhxbNe/b/0DgAAKCLMoSJdylt8e094uQAA0IwH7fMan4j4m4uWAAAASOCFA0Bd/Adn4AQsSCOkjAAAAABJRU5ErkJggg==";
 export interface OemTheme {
     menuBackground: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravitee/ui-particles-angular",
-  "version": "12.22.2",
+  "version": "13.0.0",
   "description": "Gravitee.io - UI Particles Angular",
   "repository": {
     "type": "git",
@@ -15,16 +15,16 @@
     "tslib": "^2.6.2"
   },
   "peerDependencies": {
-    "@angular/animations": "^16.0.0 || ^17.0.0",
-    "@angular/cdk": "^16.0.0 || ^17.0.0",
-    "@angular/common": "^16.0.0 || ^17.0.0",
-    "@angular/core": "^16.0.0 || ^17.0.0",
-    "@angular/forms": "^16.0.0 || ^17.0.0",
-    "@angular/material": "^16.0.0 || ^17.0.0",
+    "@angular/animations": "^18.0.0",
+    "@angular/cdk": "^18.0.0",
+    "@angular/common": "^18.0.0",
+    "@angular/core": "^18.0.0",
+    "@angular/forms": "^18.0.0",
+    "@angular/material": "^18.0.0",
     "@asciidoctor/core": "^3.0.0",
     "@ngx-formly/core": "^6.2.2",
     "@ngx-formly/material": "^6.2.2",
-    "ngx-file-helpers": "^10.0.0 || ^11.0.0",
+    "ngx-file-helpers": "^11.0.0 || ^12.0.0",
     "prismjs": "^1.29.0"
   },
   "peerDependenciesMeta": {

package/src/lib/gio-badge/gio-badge.scss

@@ -33,10 +33,10 @@
     border-radius: 16px;
     margin-right: 4px;
     margin-left: 4px;
-    background-color: mat.get-color-from-palette(palettes.$mat-primary-palette, lighter);
-    color: mat.get-color-from-palette(palettes.$mat-primary-palette, lighter-contrast);
-    font-size: mat.font-size(theme.$mat-typography, caption);
-    font-weight: mat.font-weight(theme.$mat-typography, caption);
+    background-color: mat.m2-get-color-from-palette(palettes.$mat-primary-palette, lighter);
+    color: mat.m2-get-color-from-palette(palettes.$mat-primary-palette, lighter-contrast);
+    font-size: mat.m2-font-size(theme.$mat-typography, caption);
+    font-weight: mat.m2-font-weight(theme.$mat-typography, caption);
     line-height: 16px;
     text-align: center;
     text-transform: capitalize;
@@ -76,43 +76,43 @@
   .gio-badge-accent {
     @extend %gio-badge-base;
 
-    background-color: mat.get-color-from-palette(palettes.$mat-accent-palette, lighter);
-    color: mat.get-color-from-palette(palettes.$mat-accent-palette, lighter-contrast);
+    background-color: mat.m2-get-color-from-palette(palettes.$mat-accent-palette, lighter);
+    color: mat.m2-get-color-from-palette(palettes.$mat-accent-palette, lighter-contrast);
   }
 
   .gio-badge-neutral {
     @extend %gio-badge-base;
 
-    background-color: mat.get-color-from-palette(palettes.$mat-dove-palette, darker10);
-    color: mat.get-color-from-palette(palettes.$mat-dove-palette, darker10-contrast);
+    background-color: mat.m2-get-color-from-palette(palettes.$mat-dove-palette, darker10);
+    color: mat.m2-get-color-from-palette(palettes.$mat-dove-palette, darker10-contrast);
   }
 
   .gio-badge-white {
     @extend %gio-badge-base;
 
-    background-color: mat.get-color-from-palette(palettes.$mat-basic-palette, white);
-    color: mat.get-color-from-palette(palettes.$mat-basic-palette, white-contrast);
+    background-color: mat.m2-get-color-from-palette(palettes.$mat-basic-palette, white);
+    color: mat.m2-get-color-from-palette(palettes.$mat-basic-palette, white-contrast);
   }
 
   .gio-badge-success {
     @extend %gio-badge-base;
 
-    background-color: mat.get-color-from-palette(palettes.$mat-success-palette, lighter);
-    color: mat.get-color-from-palette(palettes.$mat-success-palette, lighter-contrast);
+    background-color: mat.m2-get-color-from-palette(palettes.$mat-success-palette, lighter);
+    color: mat.m2-get-color-from-palette(palettes.$mat-success-palette, lighter-contrast);
   }
 
   .gio-badge-error {
     @extend %gio-badge-base;
 
-    background-color: mat.get-color-from-palette(palettes.$mat-error-palette, lighter);
-    color: mat.get-color-from-palette(palettes.$mat-error-palette, lighter-contrast);
+    background-color: mat.m2-get-color-from-palette(palettes.$mat-error-palette, lighter);
+    color: mat.m2-get-color-from-palette(palettes.$mat-error-palette, lighter-contrast);
   }
 
   .gio-badge-warning {
     @extend %gio-badge-base;
 
-    background-color: mat.get-color-from-palette(palettes.$mat-warning-palette, lighter);
-    color: mat.get-color-from-palette(palettes.$mat-warning-palette, lighter-contrast);
+    background-color: mat.m2-get-color-from-palette(palettes.$mat-warning-palette, lighter);
+    color: mat.m2-get-color-from-palette(palettes.$mat-warning-palette, lighter-contrast);
   }
 }
 

package/src/lib/gio-button-toggle-group/gio-button-toggle-group.scss

@@ -24,11 +24,11 @@ $typography: map.get(theme.$mat-theme, typography);
   width: fit-content;
   height: 44px;
   padding: 4px;
-  border: solid 1px mat.get-color-from-palette(palettes.$mat-dove-palette, 'darker20');
+  border: solid 1px mat.m2-get-color-from-palette(palettes.$mat-dove-palette, 'darker20');
   margin-bottom: 16px;
 
   .mat-button-toggle {
-    @include mat.typography-level($typography, subtitle-2);
+    @include mat.m2-typography-level($typography, subtitle-2);
 
     display: flex;
     flex-direction: row;
@@ -37,13 +37,13 @@ $typography: map.get(theme.$mat-theme, typography);
   }
 
   .mat-button-toggle.mat-button-toggle-checked:not(.mat-button-toggle-disabled) {
-    background-color: mat.get-color-from-palette(palettes.$mat-accent-palette, 'darker20');
-    color: mat.get-color-from-palette(palettes.$mat-accent-palette, default-contrast);
+    background-color: mat.m2-get-color-from-palette(palettes.$mat-accent-palette, 'darker20');
+    color: mat.m2-get-color-from-palette(palettes.$mat-accent-palette, default-contrast);
   }
 
   .mat-button-toggle.mat-button-toggle-checked.mat-button-toggle-disabled {
-    background-color: mat.get-color-from-palette(palettes.$mat-dove-palette, 'darker20');
-    color: mat.get-color-from-palette(palettes.$mat-dove-palette, darker20-contrast, 0.4);
+    background-color: mat.m2-get-color-from-palette(palettes.$mat-dove-palette, 'darker20');
+    color: mat.m2-get-color-from-palette(palettes.$mat-dove-palette, darker20-contrast, 0.4);
   }
 
   .mat-button-toggle.mat-button-toggle + .mat-button-toggle {

package/src/lib/gio-description-list/gio-description-list.scss

@@ -30,20 +30,20 @@ $typography: map.get(theme.$mat-theme, typography);
     dt {
       flex: 1 1 30%;
       padding: 6px 8px;
-      color: mat.get-color-from-palette(palettes.$mat-space-palette, 'lighter40');
-      @include mat.typography-level($typography, body-1);
+      color: mat.m2-get-color-from-palette(palettes.$mat-space-palette, 'lighter40');
+      @include mat.m2-typography-level($typography, body-1);
     }
 
     dd {
       flex: 1 1 70%;
       padding: 6px 8px;
       margin: 0;
-      @include mat.typography-level($typography, subtitle-2);
+      @include mat.m2-typography-level($typography, subtitle-2);
     }
 
     dd ~ dd,
     dd ~ dt {
-      border-top: 1px solid mat.get-color-from-palette($foreground, divider);
+      border-top: 1px solid mat.m2-get-color-from-palette($foreground, divider);
     }
   }
 }

package/src/lib/gio-method-badge/gio-method-badge.scss

@@ -33,8 +33,8 @@
     border-radius: 6px;
     margin-right: 4px;
     margin-left: 4px;
-    font-size: mat.font-size(theme.$mat-typography, caption);
-    font-weight: mat.font-weight(theme.$mat-typography, caption);
+    font-size: mat.m2-font-size(theme.$mat-typography, caption);
+    font-weight: mat.m2-font-weight(theme.$mat-typography, caption);
     line-height: 16px;
     text-align: center;
     text-transform: uppercase;
@@ -49,70 +49,70 @@
   .gio-method-badge-post {
     @extend %gio-method-badge-base;
 
-    background-color: mat.get-color-from-palette(palettes.$mat-method-palette, post);
-    color: mat.get-color-from-palette(palettes.$mat-method-palette, post-contrast);
+    background-color: mat.m2-get-color-from-palette(palettes.$mat-method-palette, post);
+    color: mat.m2-get-color-from-palette(palettes.$mat-method-palette, post-contrast);
   }
 
   .gio-method-badge-get {
     @extend %gio-method-badge-base;
 
-    background-color: mat.get-color-from-palette(palettes.$mat-method-palette, get);
-    color: mat.get-color-from-palette(palettes.$mat-method-palette, get-contrast);
+    background-color: mat.m2-get-color-from-palette(palettes.$mat-method-palette, get);
+    color: mat.m2-get-color-from-palette(palettes.$mat-method-palette, get-contrast);
   }
 
   .gio-method-badge-patch {
     @extend %gio-method-badge-base;
 
-    background-color: mat.get-color-from-palette(palettes.$mat-method-palette, patch);
-    color: mat.get-color-from-palette(palettes.$mat-method-palette, patch-contrast);
+    background-color: mat.m2-get-color-from-palette(palettes.$mat-method-palette, patch);
+    color: mat.m2-get-color-from-palette(palettes.$mat-method-palette, patch-contrast);
   }
 
   .gio-method-badge-put {
     @extend %gio-method-badge-base;
 
-    background-color: mat.get-color-from-palette(palettes.$mat-method-palette, put);
-    color: mat.get-color-from-palette(palettes.$mat-method-palette, put-contrast);
+    background-color: mat.m2-get-color-from-palette(palettes.$mat-method-palette, put);
+    color: mat.m2-get-color-from-palette(palettes.$mat-method-palette, put-contrast);
   }
 
   .gio-method-badge-delete {
     @extend %gio-method-badge-base;
 
-    background-color: mat.get-color-from-palette(palettes.$mat-method-palette, delete);
-    color: mat.get-color-from-palette(palettes.$mat-method-palette, delete-contrast);
+    background-color: mat.m2-get-color-from-palette(palettes.$mat-method-palette, delete);
+    color: mat.m2-get-color-from-palette(palettes.$mat-method-palette, delete-contrast);
   }
 
   .gio-method-badge-options {
     @extend %gio-method-badge-base;
 
-    background-color: mat.get-color-from-palette(palettes.$mat-method-palette, option);
-    color: mat.get-color-from-palette(palettes.$mat-method-palette, option-contrast);
+    background-color: mat.m2-get-color-from-palette(palettes.$mat-method-palette, option);
+    color: mat.m2-get-color-from-palette(palettes.$mat-method-palette, option-contrast);
   }
 
   .gio-method-badge-trace {
     @extend %gio-method-badge-base;
 
-    background-color: mat.get-color-from-palette(palettes.$mat-method-palette, trace);
-    color: mat.get-color-from-palette(palettes.$mat-method-palette, trace-contrast);
+    background-color: mat.m2-get-color-from-palette(palettes.$mat-method-palette, trace);
+    color: mat.m2-get-color-from-palette(palettes.$mat-method-palette, trace-contrast);
   }
 
   .gio-method-badge-head {
     @extend %gio-method-badge-base;
 
-    background-color: mat.get-color-from-palette(palettes.$mat-method-palette, head);
-    color: mat.get-color-from-palette(palettes.$mat-method-palette, head-contrast);
+    background-color: mat.m2-get-color-from-palette(palettes.$mat-method-palette, head);
+    color: mat.m2-get-color-from-palette(palettes.$mat-method-palette, head-contrast);
   }
 
   .gio-method-badge-connect {
     @extend %gio-method-badge-base;
 
-    background-color: mat.get-color-from-palette(palettes.$mat-method-palette, connect);
-    color: mat.get-color-from-palette(palettes.$mat-method-palette, connect-contrast);
+    background-color: mat.m2-get-color-from-palette(palettes.$mat-method-palette, connect);
+    color: mat.m2-get-color-from-palette(palettes.$mat-method-palette, connect-contrast);
   }
 
   .gio-method-badge-other {
     @extend %gio-method-badge-base;
 
-    background-color: mat.get-color-from-palette(palettes.$mat-method-palette, other);
-    color: mat.get-color-from-palette(palettes.$mat-method-palette, other-contrast);
+    background-color: mat.m2-get-color-from-palette(palettes.$mat-method-palette, other);
+    color: mat.m2-get-color-from-palette(palettes.$mat-method-palette, other-contrast);
   }
 }

package/src/lib/gio-table-light/gio-table-light.scss

@@ -36,17 +36,17 @@ $typography: map.get(theme.$mat-theme, typography);
     }
 
     thead {
-      @include mat.typography-level($typography, 'subtitle-2');
+      @include mat.m2-typography-level($typography, 'subtitle-2');
 
-      background-color: mat.get-color-from-palette(palettes.$mat-dove-palette, default);
+      background-color: mat.m2-get-color-from-palette(palettes.$mat-dove-palette, default);
       text-align: left;
       text-transform: uppercase;
     }
 
     tbody {
-      @include mat.typography-level($typography, 'body-2');
+      @include mat.m2-typography-level($typography, 'body-2');
 
-      background-color: mat.get-color-from-palette(palettes.$mat-basic-palette, white);
+      background-color: mat.m2-get-color-from-palette(palettes.$mat-basic-palette, white);
 
       & > tr:last-child > td {
         border-bottom: 0;
@@ -57,12 +57,12 @@ $typography: map.get(theme.$mat-theme, typography);
       border-color: map.get(palettes.$mat-dove-palette, darker10);
 
       thead {
-        background-color: mat.get-color-from-palette(palettes.$mat-dove-palette, default, 0.6);
-        color: mat.get-color-from-palette(palettes.$mat-dove-palette, 'darker20');
+        background-color: mat.m2-get-color-from-palette(palettes.$mat-dove-palette, default, 0.6);
+        color: mat.m2-get-color-from-palette(palettes.$mat-dove-palette, 'darker20');
       }
 
       tbody {
-        color: mat.get-color-from-palette(palettes.$mat-dove-palette, 'darker20');
+        color: mat.m2-get-color-from-palette(palettes.$mat-dove-palette, 'darker20');
       }
     }
   }

package/src/scss/gio-mat-palettes.scss

@@ -22,7 +22,7 @@
  */
 
 // Primary
-$mat-primary-palette: mat.define-palette(
+$mat-primary-palette: mat.m2-define-palette(
   (
     // Keep sync GIO color token with Material color token
     darker80: #001f1f,
@@ -72,7 +72,7 @@ $mat-primary-palette: mat.define-palette(
 );
 
 // Accent
-$mat-accent-palette: mat.define-palette(
+$mat-accent-palette: mat.m2-define-palette(
   (
     darker80: #1b162f,
     900: #1b162f,
@@ -121,7 +121,7 @@ $mat-accent-palette: mat.define-palette(
 );
 
 // Success color
-$mat-success-palette: mat.define-palette(
+$mat-success-palette: mat.m2-define-palette(
   (
     darker80: #002c1c,
     darker60: #056946,
@@ -150,7 +150,7 @@ $mat-success-palette: mat.define-palette(
 );
 
 // Warning color
-$mat-warning-palette: mat.define-palette(
+$mat-warning-palette: mat.m2-define-palette(
   (
     darker80: #2c0c01,
     darker60: #551c07,
@@ -179,7 +179,7 @@ $mat-warning-palette: mat.define-palette(
 );
 
 // Error color
-$mat-error-palette: mat.define-palette(
+$mat-error-palette: mat.m2-define-palette(
   (
     darker80: #2c0015,
     900: #2c0015,
@@ -228,7 +228,7 @@ $mat-error-palette: mat.define-palette(
 );
 
 // Basic color
-$mat-basic-palette: mat.define-palette(
+$mat-basic-palette: mat.m2-define-palette(
   (
     black: #000,
     white: #fff,
@@ -248,7 +248,7 @@ $mat-basic-palette: mat.define-palette(
 );
 
 // Space color
-$mat-space-palette: mat.define-palette(
+$mat-space-palette: mat.m2-define-palette(
   (
     default: #100c27,
     lighter10: #1c1e39,
@@ -277,7 +277,7 @@ $mat-space-palette: mat.define-palette(
 );
 
 // Space color
-$mat-dove-palette: mat.define-palette(
+$mat-dove-palette: mat.m2-define-palette(
   (
     darker80: #313133,
     darker70: #49494c,
@@ -306,7 +306,7 @@ $mat-dove-palette: mat.define-palette(
 );
 
 // Cyan color
-$mat-cyan-palette: mat.define-palette(
+$mat-cyan-palette: mat.m2-define-palette(
   (
     default: #006fb9,
     lighter20: #389adb,
@@ -327,7 +327,7 @@ $mat-cyan-palette: mat.define-palette(
 );
 
 // Blue palette
-$mat-blue-palette: mat.define-palette(
+$mat-blue-palette: mat.m2-define-palette(
   (
     default: #313fbf,
     lighter20: #6978ff,
@@ -348,29 +348,29 @@ $mat-blue-palette: mat.define-palette(
 );
 
 // Method color
-$mat-method-palette: mat.define-palette(
+$mat-method-palette: mat.m2-define-palette(
   (
-    patch: mat.get-color-from-palette($mat-accent-palette, lighter80),
-    post: mat.get-color-from-palette($mat-warning-palette, lighter80),
-    put: mat.get-color-from-palette($mat-dove-palette, darker10),
-    get: mat.get-color-from-palette($mat-primary-palette, lighter80),
-    delete: mat.get-color-from-palette($mat-error-palette, lighter80),
-    option: mat.get-color-from-palette($mat-success-palette, lighter80),
-    trace: mat.get-color-from-palette($mat-cyan-palette, lighter80),
-    head: mat.get-color-from-palette($mat-blue-palette, lighter80),
-    connect: mat.get-color-from-palette($mat-blue-palette, lighter80),
-    other: mat.get-color-from-palette($mat-blue-palette, lighter80),
+    patch: mat.m2-get-color-from-palette($mat-accent-palette, lighter80),
+    post: mat.m2-get-color-from-palette($mat-warning-palette, lighter80),
+    put: mat.m2-get-color-from-palette($mat-dove-palette, darker10),
+    get: mat.m2-get-color-from-palette($mat-primary-palette, lighter80),
+    delete: mat.m2-get-color-from-palette($mat-error-palette, lighter80),
+    option: mat.m2-get-color-from-palette($mat-success-palette, lighter80),
+    trace: mat.m2-get-color-from-palette($mat-cyan-palette, lighter80),
+    head: mat.m2-get-color-from-palette($mat-blue-palette, lighter80),
+    connect: mat.m2-get-color-from-palette($mat-blue-palette, lighter80),
+    other: mat.m2-get-color-from-palette($mat-blue-palette, lighter80),
     contrast: (
-      patch: mat.get-color-from-palette($mat-accent-palette, darker40),
-      post: mat.get-color-from-palette($mat-warning-palette, darker20),
-      put: mat.get-color-from-palette($mat-dove-palette, lighter70),
-      get: mat.get-color-from-palette($mat-primary-palette, darker60),
-      delete: mat.get-color-from-palette($mat-error-palette, darker20),
-      option: mat.get-color-from-palette($mat-success-palette, darker60),
-      trace: mat.get-color-from-palette($mat-cyan-palette, default),
-      head: mat.get-color-from-palette($mat-blue-palette, default),
-      connect: mat.get-color-from-palette($mat-blue-palette, default),
-      other: mat.get-color-from-palette($mat-blue-palette, default),
+      patch: mat.m2-get-color-from-palette($mat-accent-palette, darker40),
+      post: mat.m2-get-color-from-palette($mat-warning-palette, darker20),
+      put: mat.m2-get-color-from-palette($mat-dove-palette, lighter70),
+      get: mat.m2-get-color-from-palette($mat-primary-palette, darker60),
+      delete: mat.m2-get-color-from-palette($mat-error-palette, darker20),
+      option: mat.m2-get-color-from-palette($mat-success-palette, darker60),
+      trace: mat.m2-get-color-from-palette($mat-cyan-palette, default),
+      head: mat.m2-get-color-from-palette($mat-blue-palette, default),
+      connect: mat.m2-get-color-from-palette($mat-blue-palette, default),
+      other: mat.m2-get-color-from-palette($mat-blue-palette, default),
     ),
   ),
   patch,

package/src/scss/gio-mat-theme-variable.scss

@@ -19,25 +19,25 @@
 @use './gio-mat-palettes' as palettes;
 
 // Config mat Typography
-$mat-typography: mat.define-typography-config(
+$mat-typography: mat.m2-define-typography-config(
   $font-family: '"Golos UI", Roboto, "Helvetica Neue", sans-serif',
-  $headline-1: mat.define-typography-level(112px, 112px, 400, $letter-spacing: -0.05em),
-  $headline-2: mat.define-typography-level(56px, 56px, 400, $letter-spacing: -0.02em),
-  $headline-3: mat.define-typography-level(45px, 48px, 400, $letter-spacing: -0.005em),
-  $headline-4: mat.define-typography-level(60px, 66px, 600, $letter-spacing: -0.5px),
-  $headline-5: mat.define-typography-level(34px, 44px, 600),
-  $headline-6: mat.define-typography-level(26px, 36px, 600),
-  $subtitle-1: mat.define-typography-level(18px, 24px, 600, $letter-spacing: 0.4px),
-  $subtitle-2: mat.define-typography-level(14px, 20px, 500, $letter-spacing: 0.4px),
-  $body-1: mat.define-typography-level(14px, 22px, 500, $letter-spacing: 0.4px),
-  $body-2: mat.define-typography-level(14px, 22px, 400, $letter-spacing: 0.4px),
-  $caption: mat.define-typography-level(12px, 16px, 400),
-  $button: mat.define-typography-level(14px, 14px, 500),
-  $overline: mat.define-typography-level(inherit, 1.125, 400),
+  $headline-1: mat.m2-define-typography-level(112px, 112px, 400, $letter-spacing: -0.05em),
+  $headline-2: mat.m2-define-typography-level(56px, 56px, 400, $letter-spacing: -0.02em),
+  $headline-3: mat.m2-define-typography-level(45px, 48px, 400, $letter-spacing: -0.005em),
+  $headline-4: mat.m2-define-typography-level(60px, 66px, 600, $letter-spacing: -0.5px),
+  $headline-5: mat.m2-define-typography-level(34px, 44px, 600),
+  $headline-6: mat.m2-define-typography-level(26px, 36px, 600),
+  $subtitle-1: mat.m2-define-typography-level(18px, 24px, 600, $letter-spacing: 0.4px),
+  $subtitle-2: mat.m2-define-typography-level(14px, 20px, 500, $letter-spacing: 0.4px),
+  $body-1: mat.m2-define-typography-level(14px, 22px, 500, $letter-spacing: 0.4px),
+  $body-2: mat.m2-define-typography-level(14px, 22px, 400, $letter-spacing: 0.4px),
+  $caption: mat.m2-define-typography-level(12px, 16px, 400),
+  $button: mat.m2-define-typography-level(14px, 14px, 500),
+  $overline: mat.m2-define-typography-level(inherit, 1.125, 400),
 );
 
 // Mat default light theme
-$mat-theme-default: mat.define-light-theme(
+$mat-theme-default: mat.m2-define-light-theme(
   (
     color: (
       primary: palettes.$mat-primary-palette,
@@ -50,7 +50,7 @@ $mat-theme-default: mat.define-light-theme(
 );
 
 // Mat default dark theme
-$mat-theme-dark: mat.define-dark-theme(
+$mat-theme-dark: mat.m2-define-dark-theme(
   (
     color: (
       primary: palettes.$mat-primary-palette,
@@ -69,8 +69,8 @@ $mat-foreground: map.get($mat-theme-default, foreground);
 $gio-background: map.merge(
   $mat-background,
   (
-    background: mat.get-color-from-palette(palettes.$mat-dove-palette, default),
-    tooltip: mat.get-color-from-palette(palettes.$mat-space-palette, default),
+    background: mat.m2-get-color-from-palette(palettes.$mat-dove-palette, default),
+    tooltip: mat.m2-get-color-from-palette(palettes.$mat-space-palette, default),
   )
 );
 
@@ -78,8 +78,8 @@ $gio-background: map.merge(
 $gio-foreground: map.merge(
   $mat-foreground,
   (
-    text: mat.get-color-from-palette(palettes.$mat-space-palette, default),
-    slider-min: mat.get-color-from-palette(palettes.$mat-space-palette, default),
+    text: mat.m2-get-color-from-palette(palettes.$mat-space-palette, default),
+    slider-min: mat.m2-get-color-from-palette(palettes.$mat-space-palette, default),
   )
 );
 $gio-background-foreground: (

package/src/scss/gio-oem-palette.scss

@@ -15,7 +15,7 @@
  */
 @use '@angular/material' as mat;
 
-$mat-oem-palette: mat.define-palette(
+$mat-oem-palette: mat.m2-define-palette(
   (
     // mat-space-palette lighter10
     background: var(--gio-oem-palette--background, #1c1e39),

package/src/scss/mat-override/mat-list.scss

@@ -26,7 +26,7 @@ $background: map.get(theme.$mat-theme, background);
      */
   .mat-mdc-list-item {
     &:hover {
-      background-color: mat.get-color-from-palette($background, hover);
+      background-color: mat.m2-get-color-from-palette($background, hover);
     }
   }
 }

package/src/scss/mat-override/mat-option.scss

@@ -21,6 +21,6 @@
 @mixin mat-option() {
   .mat-typography .mat-mdc-option {
     min-height: 40px;
-    @include mat.typography-level(theme.$mat-typography, 'body-2');
+    @include mat.m2-typography-level(theme.$mat-typography, 'body-2');
   }
 }

package/src/scss/mat-override/mat-table.scss

@@ -23,7 +23,7 @@ $background: map.get(theme.$mat-theme, background);
 @mixin mat-table() {
   .mat-mdc-table {
     tbody tr.mat-mdc-row:hover {
-      background-color: mat.get-color-from-palette($background, hover);
+      background-color: mat.m2-get-color-from-palette($background, hover);
     }
   }
 }