@mgdis/mg-components 5.28.2 → 6.0.0

package/ide/intellij/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@mgdis/mg-components",
-  "version": "5.28.2",
+  "version": "6.0.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -25,10 +25,10 @@
             "properties": [
               {
                 "name": "button",
-                "description": "Define button properties\n\nType: `{ label?: string; disabled?: boolean; variant: \"flat\" | \"info\" | \"success\" | \"link\" | \"primary\" | \"secondary\" | \"danger\" | \"danger-alt\"; isIcon: boolean; }`",
+                "description": "Define button properties\n\nType: `{ label?: string; disabled?: boolean; variant: \"flat\" | \"info\" | \"success\" | \"link\" | \"danger\" | \"danger-alt\" | \"primary\" | \"secondary\"; isIcon: boolean; }`",
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-action-more--docs",
                 "value": {
-                  "type": "{ label?: string; disabled?: boolean; variant: \"flat\" | \"info\" | \"success\" | \"link\" | \"primary\" | \"secondary\" | \"danger\" | \"danger-alt\"; isIcon: boolean; }",
+                  "type": "{ label?: string; disabled?: boolean; variant: \"flat\" | \"info\" | \"success\" | \"link\" | \"danger\" | \"danger-alt\" | \"primary\" | \"secondary\"; isIcon: boolean; }",
                   "default": "{ variant: 'flat', isIcon: true }",
                   "required": false
                 }
@@ -44,24 +44,105 @@
               },
               {
                 "name": "icon",
-                "description": "Define displayed icon\n\nType: `{ icon: \"filter\" | \"copy\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-slash\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"list\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-slash\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"question-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tags\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"; }`",
+                "description": "Define displayed icon\n\nType: `{ icon: \"filter\" | \"copy\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-slash\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"list\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-slash\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tags\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"; }`",
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-action-more--docs",
                 "value": {
-                  "type": "{ icon: \"filter\" | \"copy\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-slash\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"list\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-slash\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"question-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tags\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"; }",
+                  "type": "{ icon: \"filter\" | \"copy\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-slash\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"list\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-slash\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tags\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"; }",
                   "required": false
                 }
               },
               {
                 "name": "items",
-                "description": "Define the menu-items elements\n\nType: `MgActionMoreItemType[]`",
+                "description": "Define the menu-items elements\n\nType: `(MgActionMoreItemType | MgActionMoreDividerType)[]`",
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-action-more--docs",
                 "value": {
-                  "type": "MgActionMoreItemType[]",
+                  "type": "(MgActionMoreItemType | MgActionMoreDividerType)[]",
                   "required": true
                 }
               }
             ],
             "events": []
+          },
+          "css": {
+            "properties": []
+          }
+        },
+        {
+          "name": "mg-alert",
+          "description": "Attributes:\n- `delay`: Add a delay to hide/close message when it passed\nValue is defined in seconds and must greater than 2 seconds\n- `variant`: Define variant\n- `variant-style`: Define variant style\n\nEvents:\n- `component-hide`: Emited event when alert is hidden\n- `component-show`: Emited event when alert is diplayed\n\nSlots:\n- ``: Alert content\n- `actions`: Actions content\n\n",
+          "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-alert--docs",
+          "attributes": [
+            {
+              "name": "delay",
+              "description": "Add a delay to hide/close message when it passed\nValue is defined in seconds and must greater than 2 seconds\n\nType: `number`",
+              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-alert--docs",
+              "value": {
+                "type": "number",
+                "required": false
+              }
+            },
+            {
+              "name": "variant",
+              "description": "Define variant\n\nType: `\"danger\" | \"info\" | \"success\" | \"warning\"`",
+              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-alert--docs",
+              "value": {
+                "type": "\"danger\" | \"info\" | \"success\" | \"warning\"",
+                "required": false
+              }
+            },
+            {
+              "name": "variant-style",
+              "description": "Define variant style\n\nType: `\"background\" | \"bar-left\"`",
+              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-alert--docs",
+              "value": {
+                "type": "\"background\" | \"bar-left\"",
+                "required": false
+              }
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "delay",
+                "description": "Add a delay to hide/close message when it passed\nValue is defined in seconds and must greater than 2 seconds\n\nType: `number`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-alert--docs",
+                "value": {
+                  "type": "number",
+                  "required": false
+                }
+              },
+              {
+                "name": "variant",
+                "description": "Define variant\n\nType: `\"danger\" | \"info\" | \"success\" | \"warning\"`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-alert--docs",
+                "value": {
+                  "type": "\"danger\" | \"info\" | \"success\" | \"warning\"",
+                  "required": false
+                }
+              },
+              {
+                "name": "variantStyle",
+                "description": "Define variant style\n\nType: `\"background\" | \"bar-left\"`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-alert--docs",
+                "value": {
+                  "type": "\"background\" | \"bar-left\"",
+                  "required": false
+                }
+              }
+            ],
+            "events": [
+              {
+                "name": "component-hide",
+                "description": "Emited event when alert is hidden"
+              },
+              {
+                "name": "component-show",
+                "description": "Emited event when alert is diplayed"
+              }
+            ]
+          },
+          "css": {
+            "properties": []
           }
         },
         {
@@ -148,11 +229,27 @@
               }
             ],
             "events": []
+          },
+          "css": {
+            "properties": [
+              {
+                "name": "--mg-c-badge-color-text",
+                "description": "Defines the font color of the badge when used with the `text-color` variant and without `outline`. The default value is `--mg-b-color-light`."
+              },
+              {
+                "name": "--mg-c-badge-font-size",
+                "description": "Defines the font size of the badge. The default value is `--mg-b-font-size-small`."
+              },
+              {
+                "name": "--mg-c-badge-size",
+                "description": "Defines the height and minimum width of the badge. The default value is `--mg-b-size-16`."
+              }
+            ]
           }
         },
         {
           "name": "mg-button",
-          "description": "Attributes:\n- `disable-on-click`: Option to set input disable on click, in order to prevent multi-click.\nParent component have to remove the attribute 'disabled' when the process ends.\n- `disabled`: Disable button\n- `form`: Define form id to attach button with.\nIf this attribute is not set, the `<button>` is associated with its ancestor `<form>` element.\n- `full-width`: Set button to full-width\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `is-icon`: Define if button is round.\nUsed for icon button.\n- `label`: aria-label\nIn case button text is not explicit enough\n- `type`: Define button type\n- `variant`: Define button variant\n\nEvents:\n- `disabled-change`: Emmited event when disabled change\n\nSlots:\n- ``: Button content\n\n",
+          "description": "Attributes:\n- `disable-on-click`: Option to set input disable on click, in order to prevent multi-click.\nParent component have to remove the attribute 'disabled' when the process ends.\n- `disabled`: Disable button\n- `form`: Define form id to attach button with.\nIf this attribute is not set, the `<button>` is associated with its ancestor `<form>` element.\n- `full-width`: Set button to full-width\n- `is-icon`: Define if button is round.\nUsed for icon button.\n- `label`: aria-label\nIn case button text is not explicit enough\n- `type`: Define button type\n- `variant`: Define button variant\n\nEvents:\n- `disabled-change`: Emmited event when disabled change\n\nSlots:\n- ``: Button content\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-button--docs",
           "attributes": [
             {
@@ -193,15 +290,6 @@
                 "required": false
               }
             },
-            {
-              "name": "identifier",
-              "description": "Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n\nType: `string`",
-              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-button--docs",
-              "value": {
-                "type": "string",
-                "required": false
-              }
-            },
             {
               "name": "is-icon",
               "description": "Define if button is round.\nUsed for icon button.\n\nType: `boolean`",
@@ -281,15 +369,6 @@
                   "required": false
                 }
               },
-              {
-                "name": "identifier",
-                "description": "Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n\nType: `string`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-button--docs",
-                "value": {
-                  "type": "string",
-                  "required": false
-                }
-              },
               {
                 "name": "isIcon",
                 "description": "Define if button is round.\nUsed for icon button.\n\nType: `boolean`",
@@ -335,127 +414,237 @@
                 "description": "Emmited event when disabled change"
               }
             ]
-          }
-        },
-        {
-          "name": "mg-card",
-          "description": "Attributes:\n- `variant`: Define variant prop\n- `variant-style`: Define variantStyle prop\n\nSlots:\n- ``: Card content\n\n",
-          "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-card--docs",
-          "attributes": [
-            {
-              "name": "variant",
-              "description": "Define variant prop\n\nType: `\"app\" | \"danger\" | \"info\" | \"success\" | \"warning\"`",
-              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-card--docs",
-              "value": {
-                "type": "\"app\" | \"danger\" | \"info\" | \"success\" | \"warning\"",
-                "required": false
-              }
-            },
-            {
-              "name": "variant-style",
-              "description": "Define variantStyle prop\n\nType: `\"bar-left\" | \"fill\"`",
-              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-card--docs",
-              "value": {
-                "type": "\"bar-left\" | \"fill\"",
-                "required": false
-              }
-            }
-          ],
-          "js": {
+          },
+          "css": {
             "properties": [
               {
-                "name": "variant",
-                "description": "Define variant prop\n\nType: `\"app\" | \"danger\" | \"info\" | \"success\" | \"warning\"`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-card--docs",
-                "value": {
-                  "type": "\"app\" | \"danger\" | \"info\" | \"success\" | \"warning\"",
-                  "required": false
-                }
+                "name": "--mg-c-button-border-bottom-width",
+                "description": "Defines the bottom border width of the button. Unset by default, fallback on `--mg-b-size-border`."
               },
               {
-                "name": "variantStyle",
-                "description": "Define variantStyle prop\n\nType: `\"bar-left\" | \"fill\"`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-card--docs",
-                "value": {
-                  "type": "\"bar-left\" | \"fill\"",
-                  "required": false
-                }
+                "name": "--mg-c-button-border-left-width",
+                "description": "Defines the left border width of the button. Unset by default, fallback on `--mg-b-size-border`."
+              },
+              {
+                "name": "--mg-c-button-border-radius",
+                "description": "Defines the border radius of the button. The default value is `--mg-b-size-radius`."
+              },
+              {
+                "name": "--mg-c-button-border-radius-bottom-left",
+                "description": "Defines the bottom left border radius of the button. Unset by default, fallback on `--mg-c-button-border-radius`."
+              },
+              {
+                "name": "--mg-c-button-border-radius-bottom-right",
+                "description": "Defines the bottom right border radius of the button. Unset by default, fallback on `--mg-c-button-border-radius`."
+              },
+              {
+                "name": "--mg-c-button-border-radius-top-left",
+                "description": "Defines the top left border radius of the button. Unset by default, fallback on `--mg-c-button-border-radius`."
+              },
+              {
+                "name": "--mg-c-button-border-radius-top-right",
+                "description": "Defines the top right border radius of the button. Unset by default, fallback on `--mg-c-button-border-radius`."
+              },
+              {
+                "name": "--mg-c-button-border-right-width",
+                "description": "Defines the right border width of the button. Unset by default, fallback on `--mg-b-size-border`."
+              },
+              {
+                "name": "--mg-c-button-border-top-width",
+                "description": "Defines the top border width of the button. Unset by default, fallback on `--mg-b-size-border`."
+              },
+              {
+                "name": "--mg-c-button-color-background-danger",
+                "description": "Defines the background color for the danger variant button."
+              },
+              {
+                "name": "--mg-c-button-color-background-danger-alt",
+                "description": "Defines the background color for the danger-alt variant button."
+              },
+              {
+                "name": "--mg-c-button-color-background-info",
+                "description": "Defines the background color for the info variant button."
+              },
+              {
+                "name": "--mg-c-button-color-background-primary",
+                "description": "Defines the background color for the primary variant button."
+              },
+              {
+                "name": "--mg-c-button-color-background-secondary",
+                "description": "Defines the background color for the secondary variant button."
+              },
+              {
+                "name": "--mg-c-button-color-background-success",
+                "description": "Defines the background color for the success variant button."
+              },
+              {
+                "name": "--mg-c-button-color-background-warning",
+                "description": "Defines the background color for the warning variant button."
+              },
+              {
+                "name": "--mg-c-button-color-border-danger",
+                "description": "Defines the border color for the danger variant button."
+              },
+              {
+                "name": "--mg-c-button-color-border-danger-alt",
+                "description": "Defines the border color for the danger-alt variant button."
+              },
+              {
+                "name": "--mg-c-button-color-border-info",
+                "description": "Defines the border color for the info variant button."
+              },
+              {
+                "name": "--mg-c-button-color-border-primary",
+                "description": "Defines the border color for the primary variant button."
+              },
+              {
+                "name": "--mg-c-button-color-border-secondary",
+                "description": "Defines the border color for the secondary variant button."
+              },
+              {
+                "name": "--mg-c-button-color-border-success",
+                "description": "Defines the border color for the success variant button."
+              },
+              {
+                "name": "--mg-c-button-color-border-warning",
+                "description": "Defines the border color for the warning variant button."
+              },
+              {
+                "name": "--mg-c-button-color-gradient-danger",
+                "description": "Defines the gradient color for the danger variant button."
+              },
+              {
+                "name": "--mg-c-button-color-gradient-danger-alt",
+                "description": "Defines the gradient color for the danger-alt variant button."
+              },
+              {
+                "name": "--mg-c-button-color-gradient-info",
+                "description": "Defines the gradient color for the info variant button."
+              },
+              {
+                "name": "--mg-c-button-color-gradient-primary",
+                "description": "Defines the gradient color for the primary variant button."
+              },
+              {
+                "name": "--mg-c-button-color-gradient-secondary",
+                "description": "Defines the gradient color for the secondary variant button."
+              },
+              {
+                "name": "--mg-c-button-color-gradient-success",
+                "description": "Defines the gradient color for the success variant button."
+              },
+              {
+                "name": "--mg-c-button-color-gradient-warning",
+                "description": "Defines the gradient color for the warning variant button."
+              },
+              {
+                "name": "--mg-c-button-color-text-danger",
+                "description": "Defines the font color for the danger variant button."
+              },
+              {
+                "name": "--mg-c-button-color-text-danger-alt",
+                "description": "Defines the font color for the danger-alt variant button."
+              },
+              {
+                "name": "--mg-c-button-color-text-info",
+                "description": "Defines the font color for the info variant button."
+              },
+              {
+                "name": "--mg-c-button-color-text-primary",
+                "description": "Defines the font color for the primary variant button."
+              },
+              {
+                "name": "--mg-c-button-color-text-secondary",
+                "description": "Defines the font color for the secondary variant button."
+              },
+              {
+                "name": "--mg-c-button-color-text-success",
+                "description": "Defines the font color for the success variant button."
+              },
+              {
+                "name": "--mg-c-button-color-text-warning",
+                "description": "Defines the font color for the warning variant button."
+              },
+              {
+                "name": "--mg-c-button-font-weight",
+                "description": "Defines the font weight of the button. Unset by default, fallback on `normal`."
+              },
+              {
+                "name": "--mg-c-button-icon-border-radius",
+                "description": "Defines the border radius of the button in icon mode. The default value is `--mg-b-size-min-height`."
               }
-            ],
-            "events": []
+            ]
           }
         },
         {
-          "name": "mg-character-left",
-          "description": "Attributes:\n- `characters`: Sets the characters to count\n- `identifier`: Sets an `id` attribute.\nNeeded by the input for accessibility `aria-decribedby`.\n- `maxlength`: Add maximum length\n\n",
-          "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-character-left--docs",
-          "attributes": [
-            {
-              "name": "characters",
-              "description": "Sets the characters to count\n\nType: `string`",
-              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-character-left--docs",
-              "value": {
-                "type": "string",
-                "default": "''",
-                "required": false
-              }
-            },
-            {
-              "name": "identifier",
-              "description": "Sets an `id` attribute.\nNeeded by the input for accessibility `aria-decribedby`.\n\nType: `string`",
-              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-character-left--docs",
-              "value": {
-                "type": "string",
-                "required": false
-              }
-            },
-            {
-              "name": "maxlength",
-              "description": "Add maximum length\n\nType: `number`",
-              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-character-left--docs",
-              "value": {
-                "type": "number",
-                "required": true
-              }
-            }
-          ],
+          "name": "mg-card",
+          "description": "Slots:\n- ``: Card content\n\n",
+          "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-card--docs",
+          "attributes": [],
           "js": {
+            "properties": [],
+            "events": []
+          },
+          "css": {
             "properties": [
               {
-                "name": "characters",
-                "description": "Sets the characters to count\n\nType: `string`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-character-left--docs",
-                "value": {
-                  "type": "string",
-                  "default": "''",
-                  "required": false
-                }
+                "name": "--mg-c-card-border",
+                "description": "Defines the border property for the card. Unset by default, fallback on `--mg-c-card-border-default`."
               },
               {
-                "name": "identifier",
-                "description": "Sets an `id` attribute.\nNeeded by the input for accessibility `aria-decribedby`.\n\nType: `string`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-character-left--docs",
-                "value": {
-                  "type": "string",
-                  "required": false
-                }
+                "name": "--mg-c-card-border-default",
+                "description": "Defines the default border property for the card. Default value: `var(--mg-b-size-border) solid color-mix(in srgb, var(--mg-b-color-dark), transparent 95%)`."
               },
               {
-                "name": "maxlength",
-                "description": "Add maximum length\n\nType: `number`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-character-left--docs",
-                "value": {
-                  "type": "number",
-                  "required": true
-                }
+                "name": "--mg-c-card-border-radius",
+                "description": "Defines the border radius property for the card. Unset by default, fallback on `--mg-c-card-border-radius-default`."
+              },
+              {
+                "name": "--mg-c-card-border-radius-default",
+                "description": "Defines the default border radius property for the card. Default value: `--mg-b-size-radius`."
+              },
+              {
+                "name": "--mg-c-card-box-shadow",
+                "description": "Defines the box shadow property for the card. Unset by default, fallback on `--mg-c-card-box-shadow-default`."
+              },
+              {
+                "name": "--mg-c-card-box-shadow-default",
+                "description": "Defines the default box shadow property for the card. Default value: `--mg-b-box-shadow`."
+              },
+              {
+                "name": "--mg-c-card-color-background",
+                "description": "Defines the background property for the card. Unset by default, fallback on `--mg-c-card-color-background-default`."
+              },
+              {
+                "name": "--mg-c-card-color-background-default",
+                "description": "Defines the default background property for the card. Default value: `--mg-b-color-light`."
+              },
+              {
+                "name": "--mg-c-card-max-width",
+                "description": "Defines the max-width property for the card. Unset by default."
+              },
+              {
+                "name": "--mg-c-card-overflow",
+                "description": "Defines the overflow property for the card. Unset by default, fallback on `--mg-c-card-overflow-default`."
+              },
+              {
+                "name": "--mg-c-card-overflow-default",
+                "description": "Defines the default overflow property for the card. Unset by default."
+              },
+              {
+                "name": "--mg-c-card-spacing",
+                "description": "Defines the padding property for the card. Unset by default, fallback on `--mg-c-card-spacing-default`."
+              },
+              {
+                "name": "--mg-c-card-spacing-default",
+                "description": "Defines the default padding property for the card. Default value: `--mg-b-size-16`."
               }
-            ],
-            "events": []
+            ]
           }
         },
         {
           "name": "mg-details",
-          "description": "Attributes:\n- `expanded`: Define if details are diplayed\n- `hide-summary`: Hide summary element\n- `toggle-closed`: Displayed title when details are closed\n- `toggle-opened`: Displayed title when details are opened\n\nEvents:\n- `expanded-change`: Emmited event when expanded change\n\n",
+          "description": "Attributes:\n- `expanded`: Define if details are diplayed\n- `hide-summary`: Hide summary element\n- `toggle-closed`: Displayed title when details are closed\n- `toggle-opened`: Displayed title when details are opened\n\nEvents:\n- `expanded-change`: Emmited event when expanded change\n\nSlots:\n- `details`: Details content\n- `summary`: Summary content\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-details--docs",
           "attributes": [
             {
@@ -544,20 +733,28 @@
                 "description": "Emmited event when expanded change"
               }
             ]
+          },
+          "css": {
+            "properties": [
+              {
+                "name": "--mg-c-details-spacing",
+                "description": "Defines the spacing between the summary and the details. Default value: `--mg-b-size-8`."
+              }
+            ]
           }
         },
         {
           "name": "mg-divider",
-          "description": "Attributes:\n- `size`: Define component size\n\n",
+          "description": "Attributes:\n- `full-width`: Define component size\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-divider--docs",
           "attributes": [
             {
-              "name": "size",
-              "description": "Define component size\n\nType: `\"full\" | \"regular\"`",
+              "name": "full-width",
+              "description": "Define component size\n\nType: `boolean`",
               "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-divider--docs",
               "value": {
-                "type": "\"full\" | \"regular\"",
-                "default": "'regular'",
+                "type": "boolean",
+                "default": "false",
                 "required": false
               }
             }
@@ -565,22 +762,38 @@
           "js": {
             "properties": [
               {
-                "name": "size",
-                "description": "Define component size\n\nType: `\"full\" | \"regular\"`",
+                "name": "fullWidth",
+                "description": "Define component size\n\nType: `boolean`",
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-divider--docs",
                 "value": {
-                  "type": "\"full\" | \"regular\"",
-                  "default": "'regular'",
+                  "type": "boolean",
+                  "default": "false",
                   "required": false
                 }
               }
             ],
             "events": []
+          },
+          "css": {
+            "properties": [
+              {
+                "name": "--mg-c-divider-color-background",
+                "description": "Defines the background color of the divider. The default value is `color-mix(in srgb, var(--mg-b-color-dark), transparent 85%)`."
+              },
+              {
+                "name": "--mg-c-divider-spacing-vertical",
+                "description": "Defines the vertical spacing of the divider. The default value is `--mg-b-size-40`."
+              },
+              {
+                "name": "--mg-c-divider-thickness",
+                "description": "Defines the thickness of the divider. The default value is `--mg-b-size-border`."
+              }
+            ]
           }
         },
         {
           "name": "mg-form",
-          "description": "Attributes:\n- `aria-role`: Define `<form/>` element aria role\nsee more about aria roles use case: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles\n- `disabled`: Define if form is disabled\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\nIf not set, it will be created.\n- `invalid`: Define form invalid state\n- `label-on-top`: Define if slotted mg-component's label are displayed on top\n- `name`: Input name\nIf not set the value equals the identifier\n- `readonly`: Define if form is readonly\n- `required-message`: Define when required message is display.\nWhen it is unset, component use it internal logic to manage \"required message\" help text display.\nWhen you set the prop to `default`, you override the component internal logique to torce it display \"required message\" help text.\nWhen you set the prop to `hide`, it will prevent the rendering of the message in the component's DOM.\nAs **this element is an accessibility requirement in the view**,\nyou **MUST*** re-implement this message on your own and display it when your form contains required inputs.\n- `valid`: Define form valid state\n\nMethods:\n- `displayError`: Display input error if it exists.\n\nEvents:\n- `form-submit`: Emitted event on form submit\n- `form-valid`: Emitted event on form validity check\nTells if form is valid or not\n\n",
+          "description": "Attributes:\n- `aria-role`: Define `<form/>` element aria role\nsee more about aria roles use case: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles\n- `disabled`: Define if form is disabled\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\nIf not set, it will be created.\n- `invalid`: Define form invalid state\n- `label-on-top`: Define if slotted mg-component's label are displayed on top\n- `name`: Input name\nIf not set the value equals the identifier\n- `readonly`: Define if form is readonly\n- `required-message`: Define when required message is display.\nWhen it is unset, component use it internal logic to manage \"required message\" help text display.\nWhen you set the prop to `default`, you override the component internal logique to torce it display \"required message\" help text.\nWhen you set the prop to `hide`, it will prevent the rendering of the message in the component's DOM.\nAs **this element is an accessibility requirement in the view**,\nyou **MUST*** re-implement this message on your own and display it when your form contains required inputs.\n- `valid`: Define form valid state\n\nMethods:\n- `displayError`: Display input error if it exists.\n\nEvents:\n- `form-submit`: Emitted event on form submit\n- `form-valid`: Emitted event on form validity check\nTells if form is valid or not\n\nSlots:\n- ``: Form content\n- `actions`: Actions content\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-form--docs",
           "attributes": [
             {
@@ -767,6 +980,14 @@
                 "description": "Emitted event on form validity check\nTells if form is valid or not"
               }
             ]
+          },
+          "css": {
+            "properties": [
+              {
+                "name": "--mg-c-form-inputs-title-width",
+                "description": "Defines the width of the input title. Fallback on `calc(28 * var(--mg-b-size-8))`."
+              }
+            ]
           }
         },
         {
@@ -776,20 +997,20 @@
           "attributes": [
             {
               "name": "icon",
-              "description": "Icon to display.\n\nType: `\"filter\" | \"copy\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-slash\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"list\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-slash\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"question-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tags\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"`",
+              "description": "Icon to display.\n\nType: `\"filter\" | \"copy\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-slash\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"list\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-slash\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tags\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"`",
               "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-icon--docs",
               "value": {
-                "type": "\"filter\" | \"copy\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-slash\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"list\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-slash\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"question-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tags\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"",
+                "type": "\"filter\" | \"copy\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-slash\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"list\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-slash\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tags\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"",
                 "required": true
               }
             },
             {
               "name": "size",
-              "description": "Define icon size\n\nType: `\"extra-large\" | \"large\" | \"medium\" | \"regular\" | \"small\"`",
+              "description": "Define icon size\n\nType: `\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xxlarge\"`",
               "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-icon--docs",
               "value": {
-                "type": "\"extra-large\" | \"large\" | \"medium\" | \"regular\" | \"small\"",
-                "default": "'regular'",
+                "type": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xxlarge\"",
+                "default": "'medium'",
                 "required": false
               }
             },
@@ -826,20 +1047,20 @@
             "properties": [
               {
                 "name": "icon",
-                "description": "Icon to display.\n\nType: `\"filter\" | \"copy\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-slash\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"list\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-slash\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"question-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tags\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"`",
+                "description": "Icon to display.\n\nType: `\"filter\" | \"copy\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-slash\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"list\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-slash\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tags\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"`",
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-icon--docs",
                 "value": {
-                  "type": "\"filter\" | \"copy\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-slash\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"list\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-slash\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"question-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tags\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"",
+                  "type": "\"filter\" | \"copy\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-slash\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"list\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-slash\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tags\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"",
                   "required": true
                 }
               },
               {
                 "name": "size",
-                "description": "Define icon size\n\nType: `\"extra-large\" | \"large\" | \"medium\" | \"regular\" | \"small\"`",
+                "description": "Define icon size\n\nType: `\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xxlarge\"`",
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-icon--docs",
                 "value": {
-                  "type": "\"extra-large\" | \"large\" | \"medium\" | \"regular\" | \"small\"",
-                  "default": "'regular'",
+                  "type": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xxlarge\"",
+                  "default": "'medium'",
                   "required": false
                 }
               },
@@ -873,11 +1094,19 @@
               }
             ],
             "events": []
+          },
+          "css": {
+            "properties": [
+              {
+                "name": "--mg-c-icon-border-radius",
+                "description": "Defines the border radius of icons. Default value is `50%`."
+              }
+            ]
           }
         },
         {
           "name": "mg-illustrated-message",
-          "description": "Attributes:\n- `direction`: Define component orientation\n- `size`: Define illustration size\n\n",
+          "description": "Attributes:\n- `direction`: Define component orientation\n- `size`: Define illustration size\n\nSlots:\n- `details`: Details content\n- `illustration`: Illustration content\n- `title`: Title content\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-illustrated-message--docs",
           "attributes": [
             {
@@ -892,11 +1121,11 @@
             },
             {
               "name": "size",
-              "description": "Define illustration size\n\nType: `\"regular\" | \"small\"`",
+              "description": "Define illustration size\n\nType: `\"medium\" | \"small\"`",
               "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-illustrated-message--docs",
               "value": {
-                "type": "\"regular\" | \"small\"",
-                "default": "'regular'",
+                "type": "\"medium\" | \"small\"",
+                "default": "'medium'",
                 "required": false
               }
             }
@@ -915,21 +1144,29 @@
               },
               {
                 "name": "size",
-                "description": "Define illustration size\n\nType: `\"regular\" | \"small\"`",
+                "description": "Define illustration size\n\nType: `\"medium\" | \"small\"`",
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-illustrated-message--docs",
                 "value": {
-                  "type": "\"regular\" | \"small\"",
-                  "default": "'regular'",
+                  "type": "\"medium\" | \"small\"",
+                  "default": "'medium'",
                   "required": false
                 }
               }
             ],
             "events": []
+          },
+          "css": {
+            "properties": [
+              {
+                "name": "--mg-c-illustrated-message-spacing-vertical",
+                "description": "Defines the vertical padding of the illustrated message. Default value: `--mg-b-size-40`."
+              }
+            ]
           }
         },
         {
           "name": "mg-input",
-          "description": "Attributes:\n- `error-message`: Define error message to display\n- `help-text`: Define help text to display\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `label`: Define input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `readonly-value`: Defines value to display in readonly mode\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n\nProperties:\n- `ariaDescribedbyIDs`: Define aria-describedby ids to link with\n\nSlots:\n- ``: Input content\n- `error`: error content\n- `help-text`: Help text content\n- `label`: Label content\n\n",
+          "description": "Attributes:\n- `error-message`: Define error message to display\n- `help-text`: Define help text to display\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `label`: Define input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n\nProperties:\n- `ariaDescribedbyIDs`: Define aria-describedby ids to link with\n\nSlots:\n- ``: Input content\n- `error`: error content\n- `help-text`: Help text content\n- `label`: Label content\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input--docs",
           "attributes": [
             {
@@ -987,15 +1224,6 @@
                 "required": false
               }
             },
-            {
-              "name": "readonly-value",
-              "description": "Defines value to display in readonly mode\n\nType: `string | string[]`",
-              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input--docs",
-              "value": {
-                "type": "string | string[]",
-                "required": false
-              }
-            },
             {
               "name": "required",
               "description": "Define if input is required\n\nType: `boolean`",
@@ -1092,15 +1320,6 @@
                   "required": false
                 }
               },
-              {
-                "name": "readonlyValue",
-                "description": "Defines value to display in readonly mode\n\nType: `string | string[]`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input--docs",
-                "value": {
-                  "type": "string | string[]",
-                  "required": false
-                }
-              },
               {
                 "name": "required",
                 "description": "Define if input is required\n\nType: `boolean`",
@@ -1132,11 +1351,47 @@
               }
             ],
             "events": []
+          },
+          "css": {
+            "properties": [
+              {
+                "name": "--mg-c-input-border-radius",
+                "description": "Defines the border radius of the input. Default value is `--mg-b-size-radius`."
+              },
+              {
+                "name": "--mg-c-input-border-width",
+                "description": "Defines the width of the input border. Default value is `--mg-b-size-border`."
+              },
+              {
+                "name": "--mg-c-input-check-size",
+                "description": "Defines the size of the input check. Default value is `--mg-b-size-16`."
+              },
+              {
+                "name": "--mg-c-input-color-border",
+                "description": "Defines the color of the input border. Default value is `rgb(181, 194, 201)`."
+              },
+              {
+                "name": "--mg-c-input-color-box-shadow-focus",
+                "description": "Defines the shadow color of the input when focused. Default value is `rgba(0, 221, 255, 0.5)`."
+              },
+              {
+                "name": "--mg-c-input-error-color-background",
+                "description": "Defines the background color of the input error message. Default value is `color-mix(in srgb, var(--mg-b-color-danger), white 95%)`."
+              },
+              {
+                "name": "--mg-c-input-placeholder-color-text",
+                "description": "Defines the color of the placeholder text. Default value is `rgb(181, 194, 201)`."
+              },
+              {
+                "name": "--mg-c-input-toggle-border-radius-ratio",
+                "description": "Defines the border radius ratio of the input toggle. Default value is `2`."
+              }
+            ]
           }
         },
         {
           "name": "mg-input-checkbox",
-          "description": "Attributes:\n- `disabled`: Define if input is disabled\n- `display-selected-values`: Display selected values list in \"multi\" type\nThis prop is only applied with prop type \"multi\" or when an \"unset\" mode render a \"multi\" type.\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `input-vertical-list`: Define if inputs are display verticaly\n- `invalid`: Define input invalid state\n- `label`: Define input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `name`: Define input name\nIf not set the value equals the identifier\n- `readonly`: Define if mg-input-checkbox is readonly\n- `required`: Define if mg-input-checkbox is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `type`: Define checkbox type\nWhen it's undefined the type is dynamic:\n- With 0-5 items type is 'checkbox'\n- With 5-10 items type is 'multi'\nWhen it set the type is locked to the defined value.\nWhen type is dynamic OR with 'multi' type AND Over 10 items \"search\" feature is enabled\n- `valid`: Define input valid state\n\nProperties:\n- `value`: Component value\nIf item.value is `null`, checkbox will be indeterminate by default\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emitted event when value change\n\n",
+          "description": "Attributes:\n- `disabled`: Define if input is disabled\n- `display-selected-values`: Display selected values list in \"multi\" type\nThis prop is only applied with prop type \"multi\" or when an \"unset\" mode render a \"multi\" type.\n- `edit-button-message`: Overwrite default \"edit\" button message\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `input-vertical-list`: Define if inputs are display verticaly\n- `invalid`: Define input invalid state\n- `label`: Define input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `name`: Define input name\nIf not set the value equals the identifier\n- `readonly`: Define if mg-input-checkbox is readonly\n- `required`: Define if mg-input-checkbox is required\n- `select-button-message`: Overwrite default \"select\" button message\n- `show-button-message`: Overwrite default \"show\" button message\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `type`: Define checkbox type\nWhen it's undefined the type is dynamic:\n- With 0-5 items type is 'checkbox'\n- With 5-10 items type is 'multi'\nWhen it set the type is locked to the defined value.\nWhen type is dynamic OR with 'multi' type AND Over 10 items \"search\" feature is enabled\n- `valid`: Define input valid state\n\nProperties:\n- `value`: Component value\nIf item.value is `null`, checkbox will be indeterminate by default\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emitted event when value change\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox--docs",
           "attributes": [
             {
@@ -1158,6 +1413,15 @@
                 "required": false
               }
             },
+            {
+              "name": "edit-button-message",
+              "description": "Overwrite default \"edit\" button message\n\nType: `string`",
+              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox--docs",
+              "value": {
+                "type": "string",
+                "required": false
+              }
+            },
             {
               "name": "help-text",
               "description": "Add a help text under the input, usually expected data format and example\n\nType: `string`",
@@ -1253,6 +1517,24 @@
                 "required": false
               }
             },
+            {
+              "name": "select-button-message",
+              "description": "Overwrite default \"select\" button message\n\nType: `string`",
+              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox--docs",
+              "value": {
+                "type": "string",
+                "required": false
+              }
+            },
+            {
+              "name": "show-button-message",
+              "description": "Overwrite default \"show\" button message\n\nType: `string`",
+              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox--docs",
+              "value": {
+                "type": "string",
+                "required": false
+              }
+            },
             {
               "name": "tooltip",
               "description": "Add a tooltip message next to the input\n\nType: `string`",
@@ -1312,6 +1594,15 @@
                   "required": false
                 }
               },
+              {
+                "name": "editButtonMessage",
+                "description": "Overwrite default \"edit\" button message\n\nType: `string`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox--docs",
+                "value": {
+                  "type": "string",
+                  "required": false
+                }
+              },
               {
                 "name": "helpText",
                 "description": "Add a help text under the input, usually expected data format and example\n\nType: `string`",
@@ -1407,6 +1698,24 @@
                   "required": false
                 }
               },
+              {
+                "name": "selectButtonMessage",
+                "description": "Overwrite default \"select\" button message\n\nType: `string`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox--docs",
+                "value": {
+                  "type": "string",
+                  "required": false
+                }
+              },
+              {
+                "name": "showButtonMessage",
+                "description": "Overwrite default \"show\" button message\n\nType: `string`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox--docs",
+                "value": {
+                  "type": "string",
+                  "required": false
+                }
+              },
               {
                 "name": "tooltip",
                 "description": "Add a tooltip message next to the input\n\nType: `string`",
@@ -1464,152 +1773,9 @@
                 "description": "Emitted event when value change"
               }
             ]
-          }
-        },
-        {
-          "name": "mg-input-checkbox-paginated",
-          "description": "Internal component use to manage sections instances\n\nAttributes:\n- `current-page`: Current page\n- `disabled`: Define if mg-input-checkbox-list is disabled\n- `invalid`: Define mg-input-checkbox input invalid\n- `name`: Define mg-input-checkbox input name\n- `readonly`: Define if mg-input-checkbox-list is readonly\n- `section-kind`: Define section kind\n\nProperties:\n- `checkboxes`: Define checkboxes to paginate\n- `messages`: Define component message\n\nEvents:\n- `mass-action`: Emit 'mass-action' event\nused to informe that select-all/unselect-all button listner is triggered\n\n",
-          "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox-mg-input-checkbox-paginated--docs",
-          "attributes": [
-            {
-              "name": "current-page",
-              "description": "Current page\n\nType: `number`",
-              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox-mg-input-checkbox-paginated--docs",
-              "value": {
-                "type": "number",
-                "default": "1",
-                "required": false
-              }
-            },
-            {
-              "name": "disabled",
-              "description": "Define if mg-input-checkbox-list is disabled\n\nType: `boolean`",
-              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox-mg-input-checkbox-paginated--docs",
-              "value": {
-                "type": "boolean",
-                "required": false
-              }
-            },
-            {
-              "name": "invalid",
-              "description": "Define mg-input-checkbox input invalid\n\nType: `boolean`",
-              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox-mg-input-checkbox-paginated--docs",
-              "value": {
-                "type": "boolean",
-                "required": false
-              }
-            },
-            {
-              "name": "name",
-              "description": "Define mg-input-checkbox input name\n\nType: `string`",
-              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox-mg-input-checkbox-paginated--docs",
-              "value": {
-                "type": "string",
-                "required": false
-              }
-            },
-            {
-              "name": "readonly",
-              "description": "Define if mg-input-checkbox-list is readonly\n\nType: `boolean`",
-              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox-mg-input-checkbox-paginated--docs",
-              "value": {
-                "type": "boolean",
-                "required": false
-              }
-            },
-            {
-              "name": "section-kind",
-              "description": "Define section kind\n\nType: `SectionKind.NOT_SELECTED | SectionKind.SELECTED`",
-              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox-mg-input-checkbox-paginated--docs",
-              "value": {
-                "type": "SectionKind.NOT_SELECTED | SectionKind.SELECTED",
-                "required": false
-              }
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "checkboxes",
-                "description": "Define checkboxes to paginate\n\nType: `CheckboxItem[]`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox-mg-input-checkbox-paginated--docs",
-                "value": {
-                  "type": "CheckboxItem[]",
-                  "default": "[]",
-                  "required": false
-                }
-              },
-              {
-                "name": "currentPage",
-                "description": "Current page\n\nType: `number`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox-mg-input-checkbox-paginated--docs",
-                "value": {
-                  "type": "number",
-                  "default": "1",
-                  "required": false
-                }
-              },
-              {
-                "name": "disabled",
-                "description": "Define if mg-input-checkbox-list is disabled\n\nType: `boolean`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox-mg-input-checkbox-paginated--docs",
-                "value": {
-                  "type": "boolean",
-                  "required": false
-                }
-              },
-              {
-                "name": "invalid",
-                "description": "Define mg-input-checkbox input invalid\n\nType: `boolean`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox-mg-input-checkbox-paginated--docs",
-                "value": {
-                  "type": "boolean",
-                  "required": false
-                }
-              },
-              {
-                "name": "messages",
-                "description": "Define component message\n\nType: `{ [x: string]: string; }`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox-mg-input-checkbox-paginated--docs",
-                "value": {
-                  "type": "{ [x: string]: string; }",
-                  "required": false
-                }
-              },
-              {
-                "name": "name",
-                "description": "Define mg-input-checkbox input name\n\nType: `string`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox-mg-input-checkbox-paginated--docs",
-                "value": {
-                  "type": "string",
-                  "required": false
-                }
-              },
-              {
-                "name": "readonly",
-                "description": "Define if mg-input-checkbox-list is readonly\n\nType: `boolean`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox-mg-input-checkbox-paginated--docs",
-                "value": {
-                  "type": "boolean",
-                  "required": false
-                }
-              },
-              {
-                "name": "sectionKind",
-                "description": "Define section kind\n\nType: `SectionKind.NOT_SELECTED | SectionKind.SELECTED`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox-mg-input-checkbox-paginated--docs",
-                "value": {
-                  "type": "SectionKind.NOT_SELECTED | SectionKind.SELECTED",
-                  "required": false
-                }
-              }
-            ],
-            "events": [
-              {
-                "name": "mass-action",
-                "description": "Emit 'mass-action' event\nused to informe that select-all/unselect-all button listner is triggered"
-              }
-            ]
+          },
+          "css": {
+            "properties": []
           }
         },
         {
@@ -1933,11 +2099,14 @@
                 "description": "Emited event when value change"
               }
             ]
+          },
+          "css": {
+            "properties": []
           }
         },
         {
           "name": "mg-input-numeric",
-          "description": "Attributes:\n- `currency`: Define currency\n- `decimal-length`: Override decimal length\ndecimal is the number after the decimal point\n- `disabled`: Define if input is disabled\n- `format`: Set local formatting.\nNumbers are formatted based on the locale.\nWhen type is set to `currency`, formatting has no effect.\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `integer-length`: Override integer length\ninteger is the number before the decimal point\n- `invalid`: Define input pattern error message\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `max`: Maximum value\n- `mg-width`: Define input width\n- `min`: Minimum value\n- `name`: Input name\nIf not set the value equals the identifier\n- `placeholder`: Input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.\n- `readonly`: Define if input is readonly\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `type`: Define numeric type\n- `valid`: Define input pattern to validate\n- `value`: Component value\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\nSlots:\n- `append-input`: Content to display next to the input\n\n",
+          "description": "Attributes:\n- `currency`: Define currency\n- `decimal-length`: Override decimal length\ndecimal is the number after the decimal point\n- `disabled`: Define if input is disabled\n- `format`: Set local formatting.\nNumbers are formatted based on the locale.\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `integer-length`: Override integer length\ninteger is the number before the decimal point\n- `invalid`: Define input pattern error message\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `max`: Maximum value\n- `mg-width`: Define input width\n- `min`: Minimum value\n- `name`: Input name\nIf not set the value equals the identifier\n- `placeholder`: Input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.\n- `readonly`: Define if input is readonly\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `type`: Define numeric type\n- `valid`: Define input pattern to validate\n- `value`: Component value\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\nSlots:\n- `append-input`: Content to display next to the input\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-numeric--docs",
           "attributes": [
             {
@@ -1946,7 +2115,7 @@
               "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-numeric--docs",
               "value": {
                 "type": "string",
-                "default": "'USD'",
+                "default": "'EUR'",
                 "required": false
               }
             },
@@ -1972,7 +2141,7 @@
             },
             {
               "name": "format",
-              "description": "Set local formatting.\nNumbers are formatted based on the locale.\nWhen type is set to `currency`, formatting has no effect.\n\nType: `\"currency\" | \"none\" | \"number\"`",
+              "description": "Set local formatting.\nNumbers are formatted based on the locale.\n\nType: `\"currency\" | \"none\" | \"number\"`",
               "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-numeric--docs",
               "value": {
                 "type": "\"currency\" | \"none\" | \"number\"",
@@ -2132,10 +2301,10 @@
             },
             {
               "name": "type",
-              "description": "Define numeric type\n\nType: `\"currency\" | \"decimal\" | \"integer\"`",
+              "description": "Define numeric type\n\nType: `\"decimal\" | \"integer\"`",
               "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-numeric--docs",
               "value": {
-                "type": "\"currency\" | \"decimal\" | \"integer\"",
+                "type": "\"decimal\" | \"integer\"",
                 "default": "'decimal'",
                 "required": false
               }
@@ -2167,7 +2336,7 @@
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-numeric--docs",
                 "value": {
                   "type": "string",
-                  "default": "'USD'",
+                  "default": "'EUR'",
                   "required": false
                 }
               },
@@ -2193,7 +2362,7 @@
               },
               {
                 "name": "format",
-                "description": "Set local formatting.\nNumbers are formatted based on the locale.\nWhen type is set to `currency`, formatting has no effect.\n\nType: `\"currency\" | \"none\" | \"number\"`",
+                "description": "Set local formatting.\nNumbers are formatted based on the locale.\n\nType: `\"currency\" | \"none\" | \"number\"`",
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-numeric--docs",
                 "value": {
                   "type": "\"currency\" | \"none\" | \"number\"",
@@ -2353,10 +2522,10 @@
               },
               {
                 "name": "type",
-                "description": "Define numeric type\n\nType: `\"currency\" | \"decimal\" | \"integer\"`",
+                "description": "Define numeric type\n\nType: `\"decimal\" | \"integer\"`",
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-numeric--docs",
                 "value": {
-                  "type": "\"currency\" | \"decimal\" | \"integer\"",
+                  "type": "\"decimal\" | \"integer\"",
                   "default": "'decimal'",
                   "required": false
                 }
@@ -2390,6 +2559,9 @@
                 "description": "Emited event when value change"
               }
             ]
+          },
+          "css": {
+            "properties": []
           }
         },
         {
@@ -2731,6 +2903,9 @@
                 "description": "Emited event when value change"
               }
             ]
+          },
+          "css": {
+            "properties": []
           }
         },
         {
@@ -3047,6 +3222,9 @@
                 "description": "Emitted event when value change"
               }
             ]
+          },
+          "css": {
+            "properties": []
           }
         },
         {
@@ -3417,16 +3595,19 @@
                 "description": "Emited event when value change"
               }
             ]
+          },
+          "css": {
+            "properties": []
           }
         },
         {
           "name": "mg-input-text",
-          "description": "Attributes:\n- `disabled`: Define if input is disabled\n- `display-character-left`: Define if component should display character left\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `icon`: Input icon\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `invalid`: Define input invalid state\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `maxlength`: Input max length\n- `mg-width`: Define input width\n- `name`: Input name\nIf not set the value equals the identifier\n- `pattern`: Define input pattern to validate\nPlease refer to the Pattern section in the input documentation for detailed information on using regular expressions in components.\n- `pattern-error-message`: Define input pattern error message\n- `placeholder`: Input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.\n- `readonly`: Define if input is readonly\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `type`: Input type\n- `valid`: Define input valid state\n- `value`: Component value\n\nProperties:\n- `datalistoptions`: Define datalist options\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n- `setFocus`: Public method to play input focus\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\nSlots:\n- `append-input`: Content to display next to the input\n\n",
+          "description": "Attributes:\n- `character-left-hide`: Define if component should display character left\n- `disabled`: Define if input is disabled\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `icon`: Input icon\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `invalid`: Define input invalid state\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `maxlength`: Input max length\n- `mg-width`: Define input width\n- `name`: Input name\nIf not set the value equals the identifier\n- `pattern`: Define input pattern to validate\nPlease refer to the Pattern section in the input documentation for detailed information on using regular expressions in components.\n- `pattern-error-message`: Define input pattern error message\n- `placeholder`: Input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.\n- `readonly`: Define if input is readonly\n- `required`: Define if input is required\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `type`: Input type\n- `valid`: Define input valid state\n- `value`: Component value\n\nProperties:\n- `datalistoptions`: Define datalist options\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n- `setFocus`: Public method to play input focus\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\nSlots:\n- `append-input`: Content to display next to the input\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-text--docs",
           "attributes": [
             {
-              "name": "disabled",
-              "description": "Define if input is disabled\n\nType: `boolean`",
+              "name": "character-left-hide",
+              "description": "Define if component should display character left\n\nType: `boolean`",
               "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-text--docs",
               "value": {
                 "type": "boolean",
@@ -3435,12 +3616,12 @@
               }
             },
             {
-              "name": "display-character-left",
-              "description": "Define if component should display character left\n\nType: `boolean`",
+              "name": "disabled",
+              "description": "Define if input is disabled\n\nType: `boolean`",
               "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-text--docs",
               "value": {
                 "type": "boolean",
-                "default": "true",
+                "default": "false",
                 "required": false
               }
             },
@@ -3455,10 +3636,10 @@
             },
             {
               "name": "icon",
-              "description": "Input icon\n\nType: `\"filter\" | \"copy\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-slash\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"list\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-slash\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"question-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tags\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"`",
+              "description": "Input icon\n\nType: `\"filter\" | \"copy\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-slash\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"list\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-slash\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tags\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"`",
               "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-text--docs",
               "value": {
-                "type": "\"filter\" | \"copy\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-slash\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"list\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-slash\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"question-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tags\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"",
+                "type": "\"filter\" | \"copy\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-slash\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"list\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-slash\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tags\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"",
                 "required": false
               }
             },
@@ -3625,10 +3806,10 @@
             },
             {
               "name": "value",
-              "description": "Component value\n\nType: `string`",
+              "description": "Component value\n\nType: `any`",
               "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-text--docs",
               "value": {
-                "type": "string",
+                "type": "any",
                 "required": false
               }
             }
@@ -3636,31 +3817,31 @@
           "js": {
             "properties": [
               {
-                "name": "datalistoptions",
-                "description": "Define datalist options\n\nType: `string[]`",
+                "name": "characterLeftHide",
+                "description": "Define if component should display character left\n\nType: `boolean`",
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-text--docs",
                 "value": {
-                  "type": "string[]",
+                  "type": "boolean",
+                  "default": "false",
                   "required": false
                 }
               },
               {
-                "name": "disabled",
-                "description": "Define if input is disabled\n\nType: `boolean`",
+                "name": "datalistoptions",
+                "description": "Define datalist options\n\nType: `Option[] | string[]`",
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-text--docs",
                 "value": {
-                  "type": "boolean",
-                  "default": "false",
+                  "type": "Option[] | string[]",
                   "required": false
                 }
               },
               {
-                "name": "displayCharacterLeft",
-                "description": "Define if component should display character left\n\nType: `boolean`",
+                "name": "disabled",
+                "description": "Define if input is disabled\n\nType: `boolean`",
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-text--docs",
                 "value": {
                   "type": "boolean",
-                  "default": "true",
+                  "default": "false",
                   "required": false
                 }
               },
@@ -3675,10 +3856,10 @@
               },
               {
                 "name": "icon",
-                "description": "Input icon\n\nType: `\"filter\" | \"copy\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-slash\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"list\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-slash\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"question-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tags\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"`",
+                "description": "Input icon\n\nType: `\"filter\" | \"copy\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-slash\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"list\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-slash\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tags\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"`",
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-text--docs",
                 "value": {
-                  "type": "\"filter\" | \"copy\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-slash\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"list\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-slash\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"question-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tags\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"",
+                  "type": "\"filter\" | \"copy\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-slash\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"list\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-slash\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tags\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"",
                   "required": false
                 }
               },
@@ -3845,10 +4026,10 @@
               },
               {
                 "name": "value",
-                "description": "Component value\n\nType: `string`",
+                "description": "Component value\n\nType: `any`",
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-text--docs",
                 "value": {
-                  "type": "string",
+                  "type": "any",
                   "required": false
                 }
               }
@@ -3863,16 +4044,19 @@
                 "description": "Emited event when value change"
               }
             ]
+          },
+          "css": {
+            "properties": []
           }
         },
         {
           "name": "mg-input-textarea",
-          "description": "Attributes:\n- `disabled`: Define if input is disabled\n- `display-character-left`: Define if component should display character left\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `invalid`: Define input invalid state\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `maxlength`: Input max length\n- `mg-width`: Define input width\n- `name`: Input name\nIf not set the value equals the identifier\n- `pattern`: Define input pattern to validate\nPlease refer to the Pattern section in the input documentation for detailed information on using regular expressions in components.\n- `pattern-error-message`: Define input pattern error message\n- `placeholder`: Input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.\n- `readonly`: Define if input is readonly\n- `required`: Define if input is required\n- `resizable`: Define if input is resizable\n- `rows`: Define the number of visible text lines for the control\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `valid`: Define input valid state\n- `value`: Component value\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\n",
+          "description": "Attributes:\n- `character-left-hide`: Define if component should display character left\n- `disabled`: Define if input is disabled\n- `help-text`: Add a help text under the input, usually expected data format and example\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n- `invalid`: Define input invalid state\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `maxlength`: Input max length\n- `mg-width`: Define input width\n- `name`: Input name\nIf not set the value equals the identifier\n- `pattern`: Define input pattern to validate\nPlease refer to the Pattern section in the input documentation for detailed information on using regular expressions in components.\n- `pattern-error-message`: Define input pattern error message\n- `placeholder`: Input placeholder.\nIt should be a word or short phrase that demonstrates the expected type of data, not a replacement for labels or help text.\n- `readonly`: Define if input is readonly\n- `required`: Define if input is required\n- `resizable`: Define if input is resizable\n- `rows`: Define the number of visible text lines for the control\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `valid`: Define input valid state\n- `value`: Component value\n\nMethods:\n- `displayError`: Display input error if it exists.\n- `setError`: Set an error and display a custom error message.\nThis method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.\nIt must be paired with an error message to display for the given context.\nWhen used to set validity to `false`, you should use this method again to reset the validity to `true`.\n\nEvents:\n- `input-valid`: Emited event when checking validity\n- `value-change`: Emited event when value change\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-textarea--docs",
           "attributes": [
             {
-              "name": "disabled",
-              "description": "Define if input is disabled\n\nType: `boolean`",
+              "name": "character-left-hide",
+              "description": "Define if component should display character left\n\nType: `boolean`",
               "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-textarea--docs",
               "value": {
                 "type": "boolean",
@@ -3881,12 +4065,12 @@
               }
             },
             {
-              "name": "display-character-left",
-              "description": "Define if component should display character left\n\nType: `boolean`",
+              "name": "disabled",
+              "description": "Define if input is disabled\n\nType: `boolean`",
               "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-textarea--docs",
               "value": {
                 "type": "boolean",
-                "default": "true",
+                "default": "false",
                 "required": false
               }
             },
@@ -4083,8 +4267,8 @@
           "js": {
             "properties": [
               {
-                "name": "disabled",
-                "description": "Define if input is disabled\n\nType: `boolean`",
+                "name": "characterLeftHide",
+                "description": "Define if component should display character left\n\nType: `boolean`",
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-textarea--docs",
                 "value": {
                   "type": "boolean",
@@ -4093,12 +4277,12 @@
                 }
               },
               {
-                "name": "displayCharacterLeft",
-                "description": "Define if component should display character left\n\nType: `boolean`",
+                "name": "disabled",
+                "description": "Define if input is disabled\n\nType: `boolean`",
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-textarea--docs",
                 "value": {
                   "type": "boolean",
-                  "default": "true",
+                  "default": "false",
                   "required": false
                 }
               },
@@ -4251,143 +4435,60 @@
                 "value": {
                   "type": "number",
                   "default": "3",
-                  "required": false
-                }
-              },
-              {
-                "name": "tooltip",
-                "description": "Add a tooltip message next to the input\n\nType: `string`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-textarea--docs",
-                "value": {
-                  "type": "string",
-                  "required": false
-                }
-              },
-              {
-                "name": "tooltipPosition",
-                "description": "Define tooltip position\n\nType: `\"input\" | \"label\"`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-textarea--docs",
-                "value": {
-                  "type": "\"input\" | \"label\"",
-                  "default": "'input'",
-                  "required": false
-                }
-              },
-              {
-                "name": "valid",
-                "description": "Define input valid state\n\nType: `boolean`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-textarea--docs",
-                "value": {
-                  "type": "boolean",
-                  "required": false
-                }
-              },
-              {
-                "name": "value",
-                "description": "Component value\n\nType: `string`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-textarea--docs",
-                "value": {
-                  "type": "string",
-                  "required": false
-                }
-              }
-            ],
-            "events": [
-              {
-                "name": "input-valid",
-                "description": "Emited event when checking validity"
-              },
-              {
-                "name": "value-change",
-                "description": "Emited event when value change"
-              }
-            ]
-          }
-        },
-        {
-          "name": "mg-input-title",
-          "description": "Attributes:\n- `identifier`: Label input id\n- `is-legend`: Switch from label to fieldset sementic\n- `readonly`: If input is required an asterisk is added at the end of the label\n- `required`: If input is required an asterisk is added at the end of the label\n\nSlots:\n- ``: Title content\n\n",
-          "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-input-title--docs",
-          "attributes": [
-            {
-              "name": "identifier",
-              "description": "Label input id\n\nType: `string`",
-              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-input-title--docs",
-              "value": {
-                "type": "string",
-                "required": true
-              }
-            },
-            {
-              "name": "is-legend",
-              "description": "Switch from label to fieldset sementic\n\nType: `boolean`",
-              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-input-title--docs",
-              "value": {
-                "type": "boolean",
-                "default": "false",
-                "required": false
-              }
-            },
-            {
-              "name": "readonly",
-              "description": "If input is required an asterisk is added at the end of the label\n\nType: `boolean`",
-              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-input-title--docs",
-              "value": {
-                "type": "boolean",
-                "required": false
-              }
-            },
-            {
-              "name": "required",
-              "description": "If input is required an asterisk is added at the end of the label\n\nType: `boolean`",
-              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-input-title--docs",
-              "value": {
-                "type": "boolean",
-                "required": false
-              }
-            }
-          ],
-          "js": {
-            "properties": [
+                  "required": false
+                }
+              },
               {
-                "name": "identifier",
-                "description": "Label input id\n\nType: `string`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-input-title--docs",
+                "name": "tooltip",
+                "description": "Add a tooltip message next to the input\n\nType: `string`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-textarea--docs",
                 "value": {
                   "type": "string",
-                  "required": true
+                  "required": false
                 }
               },
               {
-                "name": "isLegend",
-                "description": "Switch from label to fieldset sementic\n\nType: `boolean`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-input-title--docs",
+                "name": "tooltipPosition",
+                "description": "Define tooltip position\n\nType: `\"input\" | \"label\"`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-textarea--docs",
                 "value": {
-                  "type": "boolean",
-                  "default": "false",
+                  "type": "\"input\" | \"label\"",
+                  "default": "'input'",
                   "required": false
                 }
               },
               {
-                "name": "readonly",
-                "description": "If input is required an asterisk is added at the end of the label\n\nType: `boolean`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-input-title--docs",
+                "name": "valid",
+                "description": "Define input valid state\n\nType: `boolean`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-textarea--docs",
                 "value": {
                   "type": "boolean",
                   "required": false
                 }
               },
               {
-                "name": "required",
-                "description": "If input is required an asterisk is added at the end of the label\n\nType: `boolean`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-input-title--docs",
+                "name": "value",
+                "description": "Component value\n\nType: `string`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-textarea--docs",
                 "value": {
-                  "type": "boolean",
+                  "type": "string",
                   "required": false
                 }
               }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "input-valid",
+                "description": "Emited event when checking validity"
+              },
+              {
+                "name": "value-change",
+                "description": "Emited event when value change"
+              }
+            ]
+          },
+          "css": {
+            "properties": []
           }
         },
         {
@@ -4666,56 +4767,9 @@
                 "description": "Emited event when value change"
               }
             ]
-          }
-        },
-        {
-          "name": "mg-item-more",
-          "description": "Attributes:\n- `size`: Define component child menu size.\n\nProperties:\n- `icon`: Define icon\n- `slotlabel`: Define slot label element\n\n",
-          "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-item-more--docs",
-          "attributes": [
-            {
-              "name": "size",
-              "description": "Define component child menu size.\n\nType: `\"large\" | \"medium\" | \"regular\"`",
-              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-item-more--docs",
-              "value": {
-                "type": "\"large\" | \"medium\" | \"regular\"",
-                "required": false
-              }
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "icon",
-                "description": "Define icon\n\nType: `{ icon: \"filter\" | \"copy\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-slash\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"list\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-slash\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"question-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tags\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"; }`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-item-more--docs",
-                "value": {
-                  "type": "{ icon: \"filter\" | \"copy\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-slash\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"list\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-slash\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"question-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tags\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"; }",
-                  "default": "{ icon: 'ellipsis-vertical' }",
-                  "required": false
-                }
-              },
-              {
-                "name": "size",
-                "description": "Define component child menu size.\n\nType: `\"large\" | \"medium\" | \"regular\"`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-item-more--docs",
-                "value": {
-                  "type": "\"large\" | \"medium\" | \"regular\"",
-                  "required": false
-                }
-              },
-              {
-                "name": "slotlabel",
-                "description": "Define slot label element\n\nType: `{ label?: string; display?: boolean; }`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-item-more--docs",
-                "value": {
-                  "type": "{ label?: string; display?: boolean; }",
-                  "default": "{ display: false }",
-                  "required": false
-                }
-              }
-            ],
-            "events": []
+          },
+          "css": {
+            "properties": []
           }
         },
         {
@@ -4764,6 +4818,9 @@
               }
             ],
             "events": []
+          },
+          "css": {
+            "properties": []
           }
         },
         {
@@ -4773,10 +4830,10 @@
           "attributes": [
             {
               "name": "direction",
-              "description": "Component display direction.\n\nType: `Direction.HORIZONTAL | Direction.VERTICAL`",
+              "description": "Component display direction.\n\nType: `\"horizontal\" | \"vertical\"`",
               "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-menu-mg-menu--docs",
               "value": {
-                "type": "Direction.HORIZONTAL | Direction.VERTICAL",
+                "type": "\"horizontal\" | \"vertical\"",
                 "default": "Direction.HORIZONTAL",
                 "required": false
               }
@@ -4792,11 +4849,11 @@
             },
             {
               "name": "size",
-              "description": "Define mg-menu size\n\nType: `\"large\" | \"medium\" | \"regular\"`",
+              "description": "Define mg-menu size\n\nType: `\"large\" | \"medium\" | \"xlarge\"`",
               "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-menu-mg-menu--docs",
               "value": {
-                "type": "\"large\" | \"medium\" | \"regular\"",
-                "default": "'regular'",
+                "type": "\"large\" | \"medium\" | \"xlarge\"",
+                "default": "'medium'",
                 "required": false
               }
             }
@@ -4805,20 +4862,20 @@
             "properties": [
               {
                 "name": "direction",
-                "description": "Component display direction.\n\nType: `Direction.HORIZONTAL | Direction.VERTICAL`",
+                "description": "Component display direction.\n\nType: `\"horizontal\" | \"vertical\"`",
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-menu-mg-menu--docs",
                 "value": {
-                  "type": "Direction.HORIZONTAL | Direction.VERTICAL",
+                  "type": "\"horizontal\" | \"vertical\"",
                   "default": "Direction.HORIZONTAL",
                   "required": false
                 }
               },
               {
                 "name": "itemmore",
-                "description": "Customize \"mg-item-more\" element\nUsed with direction: 'vertical' to manage overflow\n\nType: `{ size?: \"regular\" | \"medium\" | \"large\"; icon?: IconType; slotlabel?: SlotLabelType; }`",
+                "description": "Customize \"mg-item-more\" element\nUsed with direction: 'vertical' to manage overflow\n\nType: `{ size?: \"medium\" | \"large\" | \"xlarge\"; icon?: IconType; slotlabel?: SlotLabelType; }`",
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-menu-mg-menu--docs",
                 "value": {
-                  "type": "{ size?: \"regular\" | \"medium\" | \"large\"; icon?: IconType; slotlabel?: SlotLabelType; }",
+                  "type": "{ size?: \"medium\" | \"large\" | \"xlarge\"; icon?: IconType; slotlabel?: SlotLabelType; }",
                   "required": false
                 }
               },
@@ -4833,16 +4890,24 @@
               },
               {
                 "name": "size",
-                "description": "Define mg-menu size\n\nType: `\"large\" | \"medium\" | \"regular\"`",
+                "description": "Define mg-menu size\n\nType: `\"large\" | \"medium\" | \"xlarge\"`",
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-menu-mg-menu--docs",
                 "value": {
-                  "type": "\"large\" | \"medium\" | \"regular\"",
-                  "default": "'regular'",
+                  "type": "\"large\" | \"medium\" | \"xlarge\"",
+                  "default": "'medium'",
                   "required": false
                 }
               }
             ],
             "events": []
+          },
+          "css": {
+            "properties": [
+              {
+                "name": "--mg-c-menu-color-background",
+                "description": "Defines the background color of the menu. Unset by default, fallback on `--mg-b-color-light`."
+              }
+            ]
           }
         },
         {
@@ -4881,10 +4946,10 @@
             },
             {
               "name": "status",
-              "description": "Define menu-item status.\n\nType: `Status.ACTIVE | Status.DISABLED | Status.HIDDEN | Status.VISIBLE`",
+              "description": "Define menu-item status.\n\nType: `\"active\" | \"disabled\" | \"hidden\" | \"visible\"`",
               "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-menu-mg-menu-item--docs",
               "value": {
-                "type": "Status.ACTIVE | Status.DISABLED | Status.HIDDEN | Status.VISIBLE",
+                "type": "\"active\" | \"disabled\" | \"hidden\" | \"visible\"",
                 "default": "Status.VISIBLE",
                 "required": false
               }
@@ -4932,10 +4997,10 @@
               },
               {
                 "name": "status",
-                "description": "Define menu-item status.\n\nType: `Status.ACTIVE | Status.DISABLED | Status.HIDDEN | Status.VISIBLE`",
+                "description": "Define menu-item status.\n\nType: `\"active\" | \"disabled\" | \"hidden\" | \"visible\"`",
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-menu-mg-menu-item--docs",
                 "value": {
-                  "type": "Status.ACTIVE | Status.DISABLED | Status.HIDDEN | Status.VISIBLE",
+                  "type": "\"active\" | \"disabled\" | \"hidden\" | \"visible\"",
                   "default": "Status.VISIBLE",
                   "required": false
                 }
@@ -4964,68 +5029,46 @@
                 "description": "Emited event when status change"
               }
             ]
+          },
+          "css": {
+            "properties": [
+              {
+                "name": "--mg-c-menu-item-color",
+                "description": "Defines menu item global color, used for bottom line and active tabs. Default value: `--mg-b-color-app`."
+              },
+              {
+                "name": "--mg-c-menu-item-color-text",
+                "description": "Defines the color of the menu item. Unset by default, fallback on `--mg-b-color-dark`."
+              },
+              {
+                "name": "--mg-c-menu-item-navigation-button-max-width",
+                "description": "Defines the max-width property for the navigation button. Unset by default."
+              }
+            ]
           }
         },
         {
           "name": "mg-message",
-          "description": "Attributes:\n- `close-button`: Define if message has a cross button\nRG 01: https://jira.mgdis.fr/browse/PDA9-140\n- `delay`: Add a delay to hide/close message when it passed\nValue is defined in seconds and must greater than 2 seconds (PDA9-314 RG-06)\n- `hide`: Define if message is hidden\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\nIf not set, it will be created.\n- `no-aria-role`: Define if aria role is unset\nFor a11y reasons, `<mg-message />` was design for `alert` needs with attached semantic role: `status`, `alert`.\nBy toggle this props to `true`, you can unset the role to benefit from the template without any semantic role.\nBe careful to set the mode according to the context needs.\n- `variant`: Message variant\n\nEvents:\n- `component-hide`: Emited event when message is hidden\n- `component-show`: Emited event when message is diplayed\n\n",
+          "description": "Attributes:\n- `variant`: Define variant\n- `variant-style`: Define variant style\n\nSlots:\n- ``: Message content\n- `actions`: Actions content\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-message--docs",
           "attributes": [
             {
-              "name": "close-button",
-              "description": "Define if message has a cross button\nRG 01: https://jira.mgdis.fr/browse/PDA9-140\n\nType: `boolean`",
-              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-message--docs",
-              "value": {
-                "type": "boolean",
-                "default": "false",
-                "required": false
-              }
-            },
-            {
-              "name": "delay",
-              "description": "Add a delay to hide/close message when it passed\nValue is defined in seconds and must greater than 2 seconds (PDA9-314 RG-06)\n\nType: `number`",
-              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-message--docs",
-              "value": {
-                "type": "number",
-                "required": false
-              }
-            },
-            {
-              "name": "hide",
-              "description": "Define if message is hidden\n\nType: `boolean`",
-              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-message--docs",
-              "value": {
-                "type": "boolean",
-                "default": "false",
-                "required": false
-              }
-            },
-            {
-              "name": "identifier",
-              "description": "Identifier is used for the element ID (id is a reserved prop in Stencil.js)\nIf not set, it will be created.\n\nType: `string`",
-              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-message--docs",
-              "value": {
-                "type": "string",
-                "default": "createID('mg-message')",
-                "required": false
-              }
-            },
-            {
-              "name": "no-aria-role",
-              "description": "Define if aria role is unset\nFor a11y reasons, `<mg-message />` was design for `alert` needs with attached semantic role: `status`, `alert`.\nBy toggle this props to `true`, you can unset the role to benefit from the template without any semantic role.\nBe careful to set the mode according to the context needs.\n\nType: `boolean`",
+              "name": "variant",
+              "description": "Define variant\n\nType: `\"danger\" | \"info\" | \"success\" | \"warning\"`",
               "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-message--docs",
               "value": {
-                "type": "boolean",
+                "type": "\"danger\" | \"info\" | \"success\" | \"warning\"",
+                "default": "'info'",
                 "required": false
               }
             },
             {
-              "name": "variant",
-              "description": "Message variant\n\nType: `\"danger\" | \"info\" | \"success\" | \"warning\"`",
+              "name": "variant-style",
+              "description": "Define variant style\n\nType: `\"background\" | \"bar-left\"`",
               "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-message--docs",
               "value": {
-                "type": "\"danger\" | \"info\" | \"success\" | \"warning\"",
-                "default": "variants[0]",
+                "type": "\"background\" | \"bar-left\"",
+                "default": "'bar-left'",
                 "required": false
               }
             }
@@ -5033,79 +5076,40 @@
           "js": {
             "properties": [
               {
-                "name": "closeButton",
-                "description": "Define if message has a cross button\nRG 01: https://jira.mgdis.fr/browse/PDA9-140\n\nType: `boolean`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-message--docs",
-                "value": {
-                  "type": "boolean",
-                  "default": "false",
-                  "required": false
-                }
-              },
-              {
-                "name": "delay",
-                "description": "Add a delay to hide/close message when it passed\nValue is defined in seconds and must greater than 2 seconds (PDA9-314 RG-06)\n\nType: `number`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-message--docs",
-                "value": {
-                  "type": "number",
-                  "required": false
-                }
-              },
-              {
-                "name": "hide",
-                "description": "Define if message is hidden\n\nType: `boolean`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-message--docs",
-                "value": {
-                  "type": "boolean",
-                  "default": "false",
-                  "required": false
-                }
-              },
-              {
-                "name": "identifier",
-                "description": "Identifier is used for the element ID (id is a reserved prop in Stencil.js)\nIf not set, it will be created.\n\nType: `string`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-message--docs",
-                "value": {
-                  "type": "string",
-                  "default": "createID('mg-message')",
-                  "required": false
-                }
-              },
-              {
-                "name": "noAriaRole",
-                "description": "Define if aria role is unset\nFor a11y reasons, `<mg-message />` was design for `alert` needs with attached semantic role: `status`, `alert`.\nBy toggle this props to `true`, you can unset the role to benefit from the template without any semantic role.\nBe careful to set the mode according to the context needs.\n\nType: `boolean`",
+                "name": "variant",
+                "description": "Define variant\n\nType: `\"danger\" | \"info\" | \"success\" | \"warning\"`",
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-message--docs",
                 "value": {
-                  "type": "boolean",
+                  "type": "\"danger\" | \"info\" | \"success\" | \"warning\"",
+                  "default": "'info'",
                   "required": false
                 }
               },
               {
-                "name": "variant",
-                "description": "Message variant\n\nType: `\"danger\" | \"info\" | \"success\" | \"warning\"`",
+                "name": "variantStyle",
+                "description": "Define variant style\n\nType: `\"background\" | \"bar-left\"`",
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-message--docs",
                 "value": {
-                  "type": "\"danger\" | \"info\" | \"success\" | \"warning\"",
-                  "default": "variants[0]",
+                  "type": "\"background\" | \"bar-left\"",
+                  "default": "'bar-left'",
                   "required": false
                 }
               }
             ],
-            "events": [
-              {
-                "name": "component-hide",
-                "description": "Emited event when message is hidden"
-              },
+            "events": []
+          },
+          "css": {
+            "properties": [
               {
-                "name": "component-show",
-                "description": "Emited event when message is diplayed"
+                "name": "--mg-c-message-border-radius",
+                "description": "Defines the border radius of the message. Default value: `--mg-b-size-radius`."
               }
             ]
           }
         },
         {
           "name": "mg-modal",
-          "description": "Attributes:\n- `close-button`: Define if modal has a cross button\n- `dialog-role`: Modal dialog role.\n- `hide`: Define if modal is hidden\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\nIf not set, it will be created.\n- `modal-title`: Displayed modal title\n\nEvents:\n- `component-hide`: Emmited event when modal is hidden\n- `component-show`: Emmited event when modal is diplayed\n\nListeners:\n- `keydown`\n\n",
+          "description": "Attributes:\n- `close-button`: Define if modal has a cross button\n- `dialog-role`: Modal dialog role.\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\nIf not set, it will be created.\n- `modal-title`: Displayed modal title\n- `open`: Define if modal is open\n\nEvents:\n- `component-hide`: Emmited event when modal is hidden\n- `component-show`: Emmited event when modal is diplayed\n\nSlots:\n- ``: Modal content\n- `actions`: Actions content\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-modal--docs",
           "attributes": [
             {
@@ -5128,15 +5132,6 @@
                 "required": false
               }
             },
-            {
-              "name": "hide",
-              "description": "Define if modal is hidden\n\nType: `boolean`",
-              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-modal--docs",
-              "value": {
-                "type": "boolean",
-                "required": false
-              }
-            },
             {
               "name": "identifier",
               "description": "Identifier is used for the element ID (id is a reserved prop in Stencil.js)\nIf not set, it will be created.\n\nType: `string`",
@@ -5155,6 +5150,16 @@
                 "type": "string",
                 "required": true
               }
+            },
+            {
+              "name": "open",
+              "description": "Define if modal is open\n\nType: `boolean`",
+              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-modal--docs",
+              "value": {
+                "type": "boolean",
+                "default": "false",
+                "required": false
+              }
             }
           ],
           "js": {
@@ -5179,15 +5184,6 @@
                   "required": false
                 }
               },
-              {
-                "name": "hide",
-                "description": "Define if modal is hidden\n\nType: `boolean`",
-                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-modal--docs",
-                "value": {
-                  "type": "boolean",
-                  "required": false
-                }
-              },
               {
                 "name": "identifier",
                 "description": "Identifier is used for the element ID (id is a reserved prop in Stencil.js)\nIf not set, it will be created.\n\nType: `string`",
@@ -5206,6 +5202,16 @@
                   "type": "string",
                   "required": true
                 }
+              },
+              {
+                "name": "open",
+                "description": "Define if modal is open\n\nType: `boolean`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-modal--docs",
+                "value": {
+                  "type": "boolean",
+                  "default": "false",
+                  "required": false
+                }
               }
             ],
             "events": [
@@ -5218,6 +5224,18 @@
                 "description": "Emmited event when modal is diplayed"
               }
             ]
+          },
+          "css": {
+            "properties": [
+              {
+                "name": "--mg-c-modal-border-radius",
+                "description": "Defines the border radius of the modal. Default value: `--mg-b-size-radius`."
+              },
+              {
+                "name": "--mg-c-modal-title-font-size",
+                "description": "Defines the font size of the modal title. Default value: `--mg-b-font-size-h3`."
+              }
+            ]
           }
         },
         {
@@ -5349,11 +5367,14 @@
                 "description": "Emmited event when current page change"
               }
             ]
+          },
+          "css": {
+            "properties": []
           }
         },
         {
           "name": "mg-panel",
-          "description": "Attributes:\n- `expand-toggle-disabled`: Disable possibility to toggle expand\n- `expand-toggle-display`: Define expand toggle button display\n- `expanded`: Panel is opened\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\nIf not set, it will be created.\n- `panel-title`: Panel title\n- `title-editable`: Define if panel title is editable\n- `title-pattern`: Panel title pattern\n- `title-pattern-error-message`: Panel title pattern error message\n- `title-position`: Define title position\n\nEvents:\n- `expanded-change`: Emmited event when expanded change\n- `title-change`: Emmited event when title change\n\n",
+          "description": "Attributes:\n- `expand-toggle-disabled`: Disable possibility to toggle expand\n- `expand-toggle-display`: Define expand toggle button display\n- `expanded`: Panel is opened\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\nIf not set, it will be created.\n- `panel-title`: Panel title\n- `title-editable`: Define if panel title is editable\n- `title-pattern`: Panel title pattern\n- `title-pattern-error-message`: Panel title pattern error message\n- `title-position`: Define title position\n\nEvents:\n- `expanded-change`: Emmited event when expanded change\n- `title-change`: Emmited event when title change\n\nSlots:\n- ``: Panel content\n- `header-right`: Header right panel content\n\n",
           "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-panel--docs",
           "attributes": [
             {
@@ -5542,6 +5563,26 @@
                 "description": "Emmited event when title change"
               }
             ]
+          },
+          "css": {
+            "properties": [
+              {
+                "name": "--mg-c-panel-border-radius",
+                "description": "Defines the border radius of the panel. Default value: `--mg-b-size-radius`."
+              },
+              {
+                "name": "--mg-c-panel-box-shadow",
+                "description": "Defines the box shadow of the panel. Default value: `--mg-b-box-shadow`."
+              },
+              {
+                "name": "--mg-c-panel-color-background",
+                "description": "Defines the background of the panel. Default value: `color-mix(in srgb, var(--mg-b-color-info), white 97%)`."
+              },
+              {
+                "name": "--mg-c-panel-content-spacing",
+                "description": "Defines the padding of the panel content. Default value: `--mg-b-size-16`."
+              }
+            ]
           }
         },
         {
@@ -5679,6 +5720,38 @@
                 "description": "Emited event when display value change"
               }
             ]
+          },
+          "css": {
+            "properties": [
+              {
+                "name": "--mg-c-popover-color-background",
+                "description": "Defines the background color of the popover. Default value: `--mg-b-color-light`."
+              },
+              {
+                "name": "--mg-c-popover-color-text",
+                "description": "Defines the font color of the popover. Default value: `--mg-b-color-font-dark`."
+              },
+              {
+                "name": "--mg-c-popover-max-width",
+                "description": "Defines the max-width of the popover. Default value: `--mg-b-size-floating-element-max-width`."
+              },
+              {
+                "name": "--mg-c-popover-min-width",
+                "description": "Defines the min-width of the popover. Default value: `unset`."
+              },
+              {
+                "name": "--mg-c-popover-padding-horizontal",
+                "description": "Defines the horizontal padding of the popover. Default value: `unset`, fallback to `--mg-b-size-16`."
+              },
+              {
+                "name": "--mg-c-popover-padding-vertical",
+                "description": "Defines the vertical padding of the popover. Default value: `unset`, fallback to `--mg-b-size-16`."
+              },
+              {
+                "name": "--mg-c-popover-title-font-size",
+                "description": "Defines the font size of the popover title. Default value: `--mg-b-font-size-h5`."
+              }
+            ]
           }
         },
         {
@@ -5704,6 +5777,9 @@
                 "description": "Emited event when link is clicked"
               }
             ]
+          },
+          "css": {
+            "properties": []
           }
         },
         {
@@ -5741,11 +5817,11 @@
             },
             {
               "name": "size",
-              "description": "Define tabs size\n\nType: `\"large\" | \"regular\"`",
+              "description": "Define tabs size\n\nType: `\"large\" | \"medium\"`",
               "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-tabs--docs",
               "value": {
-                "type": "\"large\" | \"regular\"",
-                "default": "'regular'",
+                "type": "\"large\" | \"medium\"",
+                "default": "'medium'",
                 "required": false
               }
             }
@@ -5791,11 +5867,11 @@
               },
               {
                 "name": "size",
-                "description": "Define tabs size\n\nType: `\"large\" | \"regular\"`",
+                "description": "Define tabs size\n\nType: `\"large\" | \"medium\"`",
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-tabs--docs",
                 "value": {
-                  "type": "\"large\" | \"regular\"",
-                  "default": "'regular'",
+                  "type": "\"large\" | \"medium\"",
+                  "default": "'medium'",
                   "required": false
                 }
               }
@@ -5806,6 +5882,18 @@
                 "description": "Emited event when active tab change"
               }
             ]
+          },
+          "css": {
+            "properties": [
+              {
+                "name": "--mg-c-tabs-color",
+                "description": "Defines tabs global color, used for bottom line and active tabs. Default value: `--mg-b-color-app`."
+              },
+              {
+                "name": "--mg-c-tabs-color-text",
+                "description": "Defines tabs text color. Unset by default, fallback on `--mg-b-color-dark`."
+              }
+            ]
           }
         },
         {
@@ -5874,6 +5962,22 @@
               }
             ],
             "events": []
+          },
+          "css": {
+            "properties": [
+              {
+                "name": "--mg-c-tag-border-radius",
+                "description": "Defines the border radius of the tag. Default value is `--mg-b-size-radius`."
+              },
+              {
+                "name": "--mg-c-tag-font-size",
+                "description": "Defines the font size of the tag. Default value is `--mg-b-font-size-small`."
+              },
+              {
+                "name": "--mg-c-tag-height",
+                "description": "Defines the height of the tag. Default value is `--mg-b-size-24`."
+              }
+            ]
           }
         },
         {
@@ -5984,6 +6088,22 @@
               }
             ],
             "events": []
+          },
+          "css": {
+            "properties": [
+              {
+                "name": "--mg-c-tooltip-border-radius",
+                "description": "Defines the border radius of the tooltip. Default value: `--mg-b-size-radius`."
+              },
+              {
+                "name": "--mg-c-tooltip-color-background",
+                "description": "Defines the background color of the tooltip. Default value: `--mg-b-color-dark`."
+              },
+              {
+                "name": "--mg-c-tooltip-color-text",
+                "description": "Defines the font color of the tooltip. Default value: `--mg-b-color-light`."
+              }
+            ]
           }
         }
       ]