@mgdis/mg-components 5.29.0 → 6.1.0

package/ide/vscode/html-custom-data.json

@@ -1,5 +1,5 @@
 {
-  "version": "5.29.0",
+  "version": 1.1,
   "tags": [
     {
       "name": "mg-action-more",
@@ -7,7 +7,7 @@
       "attributes": [
         {
           "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\" | \"link\" | \"success\" | \"danger\" | \"danger-alt\" | \"primary\" | \"secondary\"; isIcon: boolean; }`",
           "references": [
             {
               "name": "Storybook",
@@ -35,7 +35,7 @@
         },
         {
           "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\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"copy\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"address-card-outline\" | \"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\" | \"calculator-outline\" | \"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-outline\" | \"eye-slash\" | \"eye-slash-outline\" | \"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-euro\" | \"hand-euro-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-outline\" | \"paper-plane-slash\" | \"paper-plane-slash-outline\" | \"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\" | \"tag-outline\" | \"tags\" | \"tags-outline\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"universal-access-outline\" | \"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\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"; }`",
           "references": [
             {
               "name": "Storybook",
@@ -49,7 +49,7 @@
         },
         {
           "name": "items",
-          "description": "Define the menu-items elements\n\nType: `MgActionMoreItemType[]`",
+          "description": "Define the menu-items elements\n\nType: `(MgActionMoreItemType | MgActionMoreDividerType)[]`",
           "references": [
             {
               "name": "Storybook",
@@ -73,6 +73,86 @@
         }
       ]
     },
+    {
+      "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",
+      "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`",
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-alert--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-alert/mg-alert.tsx"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Define variant\n\nType: `\"danger\" | \"info\" | \"success\" | \"warning\"`",
+          "values": [
+            {
+              "name": "danger"
+            },
+            {
+              "name": "info"
+            },
+            {
+              "name": "success"
+            },
+            {
+              "name": "warning"
+            }
+          ],
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-alert--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-alert/mg-alert.tsx"
+            }
+          ]
+        },
+        {
+          "name": "variant-style",
+          "description": "Define variant style\n\nType: `\"background\" | \"bar-left\"`",
+          "values": [
+            {
+              "name": "background"
+            },
+            {
+              "name": "bar-left"
+            }
+          ],
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-alert--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-alert/mg-alert.tsx"
+            }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-alert--docs"
+        },
+        {
+          "name": "Sources",
+          "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-alert/mg-alert.tsx"
+        }
+      ]
+    },
     {
       "name": "mg-badge",
       "description": "Attributes:\n- `label`: Badge label. Include short description.\nRequired for accessibility\n- `outline`: Define if button is using outline style\n- `value`: Badge value\n- `variant`: Define badge variant\n\n",
@@ -170,7 +250,7 @@
     },
     {
       "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",
       "attributes": [
         {
           "name": "disable-on-click",
@@ -228,20 +308,6 @@
             }
           ]
         },
-        {
-          "name": "identifier",
-          "description": "Identifier is used for the element ID (id is a reserved prop in Stencil.js)\n\nType: `string`",
-          "references": [
-            {
-              "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-button--docs"
-            },
-            {
-              "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/atoms/mg-button/mg-button.tsx"
-            }
-          ]
-        },
         {
           "name": "is-icon",
           "description": "Define if button is round.\nUsed for icon button.\n\nType: `boolean`",
@@ -349,62 +415,8 @@
     },
     {
       "name": "mg-card",
-      "description": "Attributes:\n- `variant`: Define variant prop\n- `variant-style`: Define variantStyle prop\n\nSlots:\n- ``: Card content\n\n",
-      "attributes": [
-        {
-          "name": "variant",
-          "description": "Define variant prop\n\nType: `\"app\" | \"danger\" | \"info\" | \"success\" | \"warning\"`",
-          "values": [
-            {
-              "name": "app"
-            },
-            {
-              "name": "danger"
-            },
-            {
-              "name": "info"
-            },
-            {
-              "name": "success"
-            },
-            {
-              "name": "warning"
-            }
-          ],
-          "references": [
-            {
-              "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-card--docs"
-            },
-            {
-              "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/atoms/mg-card/mg-card.tsx"
-            }
-          ]
-        },
-        {
-          "name": "variant-style",
-          "description": "Define variantStyle prop\n\nType: `\"bar-left\" | \"fill\"`",
-          "values": [
-            {
-              "name": "bar-left"
-            },
-            {
-              "name": "fill"
-            }
-          ],
-          "references": [
-            {
-              "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-card--docs"
-            },
-            {
-              "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/atoms/mg-card/mg-card.tsx"
-            }
-          ]
-        }
-      ],
+      "description": "Slots:\n- ``: Card content\n\n",
+      "attributes": [],
       "references": [
         {
           "name": "Storybook",
@@ -416,67 +428,9 @@
         }
       ]
     },
-    {
-      "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",
-      "attributes": [
-        {
-          "name": "characters",
-          "description": "Sets the characters to count\n\nType: `string`",
-          "references": [
-            {
-              "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-character-left--docs"
-            },
-            {
-              "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/atoms/mg-character-left/mg-character-left.tsx"
-            }
-          ]
-        },
-        {
-          "name": "identifier",
-          "description": "Sets an `id` attribute.\nNeeded by the input for accessibility `aria-decribedby`.\n\nType: `string`",
-          "references": [
-            {
-              "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-character-left--docs"
-            },
-            {
-              "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/atoms/mg-character-left/mg-character-left.tsx"
-            }
-          ]
-        },
-        {
-          "name": "maxlength",
-          "description": "Add maximum length\n\nType: `number`",
-          "references": [
-            {
-              "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-character-left--docs"
-            },
-            {
-              "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/atoms/mg-character-left/mg-character-left.tsx"
-            }
-          ]
-        }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-character-left--docs"
-        },
-        {
-          "name": "Sources",
-          "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/atoms/mg-character-left/mg-character-left.tsx"
-        }
-      ]
-    },
     {
       "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",
       "attributes": [
         {
           "name": "expanded",
@@ -548,19 +502,11 @@
     },
     {
       "name": "mg-divider",
-      "description": "Attributes:\n- `size`: Define component size\n\n",
+      "description": "Attributes:\n- `full-width`: Define component size\n\n",
       "attributes": [
         {
-          "name": "size",
-          "description": "Define component size\n\nType: `\"full\" | \"regular\"`",
-          "values": [
-            {
-              "name": "full"
-            },
-            {
-              "name": "regular"
-            }
-          ],
+          "name": "full-width",
+          "description": "Define component size\n\nType: `boolean`",
           "references": [
             {
               "name": "Storybook",
@@ -586,7 +532,7 @@
     },
     {
       "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",
       "attributes": [
         {
           "name": "aria-role",
@@ -754,14 +700,11 @@
       "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\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"copy\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"address-card-outline\" | \"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\" | \"calculator-outline\" | \"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-outline\" | \"eye-slash\" | \"eye-slash-outline\" | \"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-euro\" | \"hand-euro-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-outline\" | \"paper-plane-slash\" | \"paper-plane-slash-outline\" | \"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\" | \"tag-outline\" | \"tags\" | \"tags-outline\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"universal-access-outline\" | \"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\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"`",
           "values": [
             {
               "name": "filter"
             },
-            {
-              "name": "copy"
-            },
             {
               "name": "link"
             },
@@ -777,6 +720,9 @@
             {
               "name": "download"
             },
+            {
+              "name": "copy"
+            },
             {
               "name": "history"
             },
@@ -792,6 +738,9 @@
             {
               "name": "address-card"
             },
+            {
+              "name": "address-card-outline"
+            },
             {
               "name": "align-center"
             },
@@ -891,6 +840,9 @@
             {
               "name": "calculator"
             },
+            {
+              "name": "calculator-outline"
+            },
             {
               "name": "calendar"
             },
@@ -1029,9 +981,15 @@
             {
               "name": "eye"
             },
+            {
+              "name": "eye-outline"
+            },
             {
               "name": "eye-slash"
             },
+            {
+              "name": "eye-slash-outline"
+            },
             {
               "name": "fax"
             },
@@ -1131,6 +1089,12 @@
             {
               "name": "graduation-cap-outline"
             },
+            {
+              "name": "hand-euro"
+            },
+            {
+              "name": "hand-euro-outline"
+            },
             {
               "name": "hand-up"
             },
@@ -1212,9 +1176,15 @@
             {
               "name": "paper-plane"
             },
+            {
+              "name": "paper-plane-outline"
+            },
             {
               "name": "paper-plane-slash"
             },
+            {
+              "name": "paper-plane-slash-outline"
+            },
             {
               "name": "paperclip"
             },
@@ -1254,9 +1224,6 @@
             {
               "name": "plus-circle"
             },
-            {
-              "name": "question-circle"
-            },
             {
               "name": "share"
             },
@@ -1287,9 +1254,15 @@
             {
               "name": "tag"
             },
+            {
+              "name": "tag-outline"
+            },
             {
               "name": "tags"
             },
+            {
+              "name": "tags-outline"
+            },
             {
               "name": "thumb-down"
             },
@@ -1317,6 +1290,9 @@
             {
               "name": "universal-access"
             },
+            {
+              "name": "universal-access-outline"
+            },
             {
               "name": "unlink"
             },
@@ -1353,6 +1329,9 @@
             {
               "name": "user-question-outline"
             },
+            {
+              "name": "user-shield"
+            },
             {
               "name": "user-shield-outline"
             },
@@ -1382,11 +1361,8 @@
         },
         {
           "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\"`",
           "values": [
-            {
-              "name": "extra-large"
-            },
             {
               "name": "large"
             },
@@ -1394,10 +1370,13 @@
               "name": "medium"
             },
             {
-              "name": "regular"
+              "name": "small"
             },
             {
-              "name": "small"
+              "name": "xlarge"
+            },
+            {
+              "name": "xxlarge"
             }
           ],
           "references": [
@@ -1495,7 +1474,7 @@
     },
     {
       "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",
       "attributes": [
         {
           "name": "direction",
@@ -1521,10 +1500,10 @@
         },
         {
           "name": "size",
-          "description": "Define illustration size\n\nType: `\"regular\" | \"small\"`",
+          "description": "Define illustration size\n\nType: `\"medium\" | \"small\"`",
           "values": [
             {
-              "name": "regular"
+              "name": "medium"
             },
             {
               "name": "small"
@@ -1555,7 +1534,7 @@
     },
     {
       "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",
       "attributes": [
         {
           "name": "ariaDescribedbyIDs",
@@ -1655,20 +1634,6 @@
             }
           ]
         },
-        {
-          "name": "readonly-value",
-          "description": "Defines value to display in readonly mode\n\nType: `string | string[]`",
-          "references": [
-            {
-              "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input--docs"
-            },
-            {
-              "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input/mg-input.tsx"
-            }
-          ]
-        },
         {
           "name": "required",
           "description": "Define if input is required\n\nType: `boolean`",
@@ -1733,7 +1698,7 @@
     },
     {
       "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",
       "attributes": [
         {
           "name": "disabled",
@@ -1763,6 +1728,20 @@
             }
           ]
         },
+        {
+          "name": "edit-button-message",
+          "description": "Overwrite default \"edit\" button message\n\nType: `string`",
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.tsx"
+            }
+          ]
+        },
         {
           "name": "help-text",
           "description": "Add a help text under the input, usually expected data format and example\n\nType: `string`",
@@ -1904,8 +1883,8 @@
           ]
         },
         {
-          "name": "tooltip",
-          "description": "Add a tooltip message next to the input\n\nType: `string`",
+          "name": "select-button-message",
+          "description": "Overwrite default \"select\" button message\n\nType: `string`",
           "references": [
             {
               "name": "Storybook",
@@ -1918,16 +1897,8 @@
           ]
         },
         {
-          "name": "tooltip-position",
-          "description": "Define tooltip position\n\nType: `\"input\" | \"label\"`",
-          "values": [
-            {
-              "name": "input"
-            },
-            {
-              "name": "label"
-            }
-          ],
+          "name": "show-button-message",
+          "description": "Overwrite default \"show\" button message\n\nType: `string`",
           "references": [
             {
               "name": "Storybook",
@@ -1940,16 +1911,8 @@
           ]
         },
         {
-          "name": "type",
-          "description": "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\nType: `\"checkbox\" | \"multi\"`",
-          "values": [
-            {
-              "name": "checkbox"
-            },
-            {
-              "name": "multi"
-            }
-          ],
+          "name": "tooltip",
+          "description": "Add a tooltip message next to the input\n\nType: `string`",
           "references": [
             {
               "name": "Storybook",
@@ -1962,22 +1925,16 @@
           ]
         },
         {
-          "name": "valid",
-          "description": "Define input valid state\n\nType: `boolean`",
-          "references": [
+          "name": "tooltip-position",
+          "description": "Define tooltip position\n\nType: `\"input\" | \"label\"`",
+          "values": [
             {
-              "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox--docs"
+              "name": "input"
             },
             {
-              "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.tsx"
+              "name": "label"
             }
-          ]
-        },
-        {
-          "name": "value",
-          "description": "Component value\nIf item.value is `null`, checkbox will be indeterminate by default\n\nType: `CheckboxValue[]`",
+          ],
           "references": [
             {
               "name": "Storybook",
@@ -1988,132 +1945,54 @@
               "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.tsx"
             }
           ]
-        }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox--docs"
-        },
-        {
-          "name": "Sources",
-          "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.tsx"
-        }
-      ]
-    },
-    {
-      "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",
-      "attributes": [
-        {
-          "name": "checkboxes",
-          "description": "Define checkboxes to paginate\n\nType: `CheckboxItem[]`",
-          "references": [
-            {
-              "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox-mg-input-checkbox-paginated--docs"
-            },
-            {
-              "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.tsx"
-            }
-          ]
         },
         {
-          "name": "current-page",
-          "description": "Current page\n\nType: `number`",
-          "references": [
-            {
-              "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox-mg-input-checkbox-paginated--docs"
-            },
-            {
-              "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.tsx"
-            }
-          ]
-        },
-        {
-          "name": "disabled",
-          "description": "Define if mg-input-checkbox-list is disabled\n\nType: `boolean`",
-          "references": [
-            {
-              "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox-mg-input-checkbox-paginated--docs"
-            },
-            {
-              "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.tsx"
-            }
-          ]
-        },
-        {
-          "name": "invalid",
-          "description": "Define mg-input-checkbox input invalid\n\nType: `boolean`",
-          "references": [
-            {
-              "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox-mg-input-checkbox-paginated--docs"
-            },
-            {
-              "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.tsx"
-            }
-          ]
-        },
-        {
-          "name": "messages",
-          "description": "Define component message\n\nType: `{ [x: string]: string; }`",
-          "references": [
+          "name": "type",
+          "description": "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\nType: `\"checkbox\" | \"multi\"`",
+          "values": [
             {
-              "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox-mg-input-checkbox-paginated--docs"
+              "name": "checkbox"
             },
             {
-              "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.tsx"
+              "name": "multi"
             }
-          ]
-        },
-        {
-          "name": "name",
-          "description": "Define mg-input-checkbox input name\n\nType: `string`",
+          ],
           "references": [
             {
               "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox-mg-input-checkbox-paginated--docs"
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox--docs"
             },
             {
               "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.tsx"
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.tsx"
             }
           ]
         },
         {
-          "name": "readonly",
-          "description": "Define if mg-input-checkbox-list is readonly\n\nType: `boolean`",
+          "name": "valid",
+          "description": "Define input valid state\n\nType: `boolean`",
           "references": [
             {
               "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox-mg-input-checkbox-paginated--docs"
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox--docs"
             },
             {
               "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.tsx"
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.tsx"
             }
           ]
         },
         {
-          "name": "section-kind",
-          "description": "Define section kind\n\nType: `SectionKind.NOT_SELECTED | SectionKind.SELECTED`",
+          "name": "value",
+          "description": "Component value\nIf item.value is `null`, checkbox will be indeterminate by default\n\nType: `CheckboxValue[]`",
           "references": [
             {
               "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox-mg-input-checkbox-paginated--docs"
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox--docs"
             },
             {
               "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.tsx"
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.tsx"
             }
           ]
         }
@@ -2121,11 +2000,11 @@
       "references": [
         {
           "name": "Storybook",
-          "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox-mg-input-checkbox-paginated--docs"
+          "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox--docs"
         },
         {
           "name": "Sources",
-          "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.tsx"
+          "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.tsx"
         }
       ]
     },
@@ -2379,7 +2258,7 @@
     },
     {
       "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",
       "attributes": [
         {
           "name": "currency",
@@ -2425,7 +2304,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\"`",
           "values": [
             {
               "name": "currency"
@@ -2696,11 +2575,8 @@
         },
         {
           "name": "type",
-          "description": "Define numeric type\n\nType: `\"currency\" | \"decimal\" | \"integer\"`",
+          "description": "Define numeric type\n\nType: `\"decimal\" | \"integer\"`",
           "values": [
-            {
-              "name": "currency"
-            },
             {
               "name": "decimal"
             },
@@ -3589,11 +3465,11 @@
     },
     {
       "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",
       "attributes": [
         {
-          "name": "datalistoptions",
-          "description": "Define datalist options\n\nType: `string[]`",
+          "name": "character-left-hide",
+          "description": "Define if component should display character left\n\nType: `boolean`",
           "references": [
             {
               "name": "Storybook",
@@ -3606,8 +3482,8 @@
           ]
         },
         {
-          "name": "disabled",
-          "description": "Define if input is disabled\n\nType: `boolean`",
+          "name": "datalistoptions",
+          "description": "Define datalist options\n\nType: `Option[] | string[]`",
           "references": [
             {
               "name": "Storybook",
@@ -3620,8 +3496,8 @@
           ]
         },
         {
-          "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`",
           "references": [
             {
               "name": "Storybook",
@@ -3649,14 +3525,11 @@
         },
         {
           "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\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"copy\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"address-card-outline\" | \"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\" | \"calculator-outline\" | \"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-outline\" | \"eye-slash\" | \"eye-slash-outline\" | \"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-euro\" | \"hand-euro-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-outline\" | \"paper-plane-slash\" | \"paper-plane-slash-outline\" | \"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\" | \"tag-outline\" | \"tags\" | \"tags-outline\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"universal-access-outline\" | \"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\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"`",
           "values": [
             {
               "name": "filter"
             },
-            {
-              "name": "copy"
-            },
             {
               "name": "link"
             },
@@ -3672,6 +3545,9 @@
             {
               "name": "download"
             },
+            {
+              "name": "copy"
+            },
             {
               "name": "history"
             },
@@ -3687,6 +3563,9 @@
             {
               "name": "address-card"
             },
+            {
+              "name": "address-card-outline"
+            },
             {
               "name": "align-center"
             },
@@ -3786,6 +3665,9 @@
             {
               "name": "calculator"
             },
+            {
+              "name": "calculator-outline"
+            },
             {
               "name": "calendar"
             },
@@ -3924,9 +3806,15 @@
             {
               "name": "eye"
             },
+            {
+              "name": "eye-outline"
+            },
             {
               "name": "eye-slash"
             },
+            {
+              "name": "eye-slash-outline"
+            },
             {
               "name": "fax"
             },
@@ -4026,6 +3914,12 @@
             {
               "name": "graduation-cap-outline"
             },
+            {
+              "name": "hand-euro"
+            },
+            {
+              "name": "hand-euro-outline"
+            },
             {
               "name": "hand-up"
             },
@@ -4107,9 +4001,15 @@
             {
               "name": "paper-plane"
             },
+            {
+              "name": "paper-plane-outline"
+            },
             {
               "name": "paper-plane-slash"
             },
+            {
+              "name": "paper-plane-slash-outline"
+            },
             {
               "name": "paperclip"
             },
@@ -4149,9 +4049,6 @@
             {
               "name": "plus-circle"
             },
-            {
-              "name": "question-circle"
-            },
             {
               "name": "share"
             },
@@ -4182,9 +4079,15 @@
             {
               "name": "tag"
             },
+            {
+              "name": "tag-outline"
+            },
             {
               "name": "tags"
             },
+            {
+              "name": "tags-outline"
+            },
             {
               "name": "thumb-down"
             },
@@ -4212,6 +4115,9 @@
             {
               "name": "universal-access"
             },
+            {
+              "name": "universal-access-outline"
+            },
             {
               "name": "unlink"
             },
@@ -4248,6 +4154,9 @@
             {
               "name": "user-question-outline"
             },
+            {
+              "name": "user-shield"
+            },
             {
               "name": "user-shield-outline"
             },
@@ -4545,7 +4454,7 @@
         },
         {
           "name": "value",
-          "description": "Component value\n\nType: `string`",
+          "description": "Component value\n\nType: `any`",
           "references": [
             {
               "name": "Storybook",
@@ -4571,11 +4480,11 @@
     },
     {
       "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",
       "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`",
           "references": [
             {
               "name": "Storybook",
@@ -4588,8 +4497,8 @@
           ]
         },
         {
-          "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`",
           "references": [
             {
               "name": "Storybook",
@@ -4929,78 +4838,6 @@
         }
       ]
     },
-    {
-      "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",
-      "attributes": [
-        {
-          "name": "identifier",
-          "description": "Label input id\n\nType: `string`",
-          "references": [
-            {
-              "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-input-title--docs"
-            },
-            {
-              "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/atoms/mg-input-title/mg-input-title.tsx"
-            }
-          ]
-        },
-        {
-          "name": "is-legend",
-          "description": "Switch from label to fieldset sementic\n\nType: `boolean`",
-          "references": [
-            {
-              "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-input-title--docs"
-            },
-            {
-              "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/atoms/mg-input-title/mg-input-title.tsx"
-            }
-          ]
-        },
-        {
-          "name": "readonly",
-          "description": "If input is required an asterisk is added at the end of the label\n\nType: `boolean`",
-          "references": [
-            {
-              "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-input-title--docs"
-            },
-            {
-              "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/atoms/mg-input-title/mg-input-title.tsx"
-            }
-          ]
-        },
-        {
-          "name": "required",
-          "description": "If input is required an asterisk is added at the end of the label\n\nType: `boolean`",
-          "references": [
-            {
-              "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-input-title--docs"
-            },
-            {
-              "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/atoms/mg-input-title/mg-input-title.tsx"
-            }
-          ]
-        }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-input-title--docs"
-        },
-        {
-          "name": "Sources",
-          "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/atoms/mg-input-title/mg-input-title.tsx"
-        }
-      ]
-    },
     {
       "name": "mg-input-toggle",
       "description": "Attributes:\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- `is-icon`: Define if toggle display icon\n- `is-on-off`: Define if toggle have on/off style\n- `label`: Input label\n- `label-hide`: Define if label is visible\n- `label-on-top`: Define if label is displayed on top\n- `name`: Input name\nIf not set the value equals the identifier\n- `readonly`: Define if input is readonly\n- `tooltip`: Add a tooltip message next to the input\n- `tooltip-position`: Define tooltip position\n- `value`: Component value\n\nProperties:\n- `items`: Items are the possible options to select\n\nMethods:\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- `item-1`: Left option toggle content\n- `item-2`: Right option toggle content\n\n",
@@ -5221,75 +5058,6 @@
         }
       ]
     },
-    {
-      "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",
-      "attributes": [
-        {
-          "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\"; }`",
-          "references": [
-            {
-              "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-item-more--docs"
-            },
-            {
-              "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-item-more/mg-item-more.tsx"
-            }
-          ]
-        },
-        {
-          "name": "size",
-          "description": "Define component child menu size.\n\nType: `\"large\" | \"medium\" | \"regular\"`",
-          "values": [
-            {
-              "name": "large"
-            },
-            {
-              "name": "medium"
-            },
-            {
-              "name": "regular"
-            }
-          ],
-          "references": [
-            {
-              "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-item-more--docs"
-            },
-            {
-              "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-item-more/mg-item-more.tsx"
-            }
-          ]
-        },
-        {
-          "name": "slotlabel",
-          "description": "Define slot label element\n\nType: `{ label?: string; display?: boolean; }`",
-          "references": [
-            {
-              "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-item-more--docs"
-            },
-            {
-              "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-item-more/mg-item-more.tsx"
-            }
-          ]
-        }
-      ],
-      "references": [
-        {
-          "name": "Storybook",
-          "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-item-more--docs"
-        },
-        {
-          "name": "Sources",
-          "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-item-more/mg-item-more.tsx"
-        }
-      ]
-    },
     {
       "name": "mg-loader",
       "description": "Attributes:\n- `message`: Override loader message\n- `message-hide`: Hide message\n\n",
@@ -5340,7 +5108,15 @@
       "attributes": [
         {
           "name": "direction",
-          "description": "Component display direction.\n\nType: `Direction.HORIZONTAL | Direction.VERTICAL`",
+          "description": "Component display direction.\n\nType: `\"horizontal\" | \"vertical\"`",
+          "values": [
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "vertical"
+            }
+          ],
           "references": [
             {
               "name": "Storybook",
@@ -5354,7 +5130,7 @@
         },
         {
           "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; }`",
           "references": [
             {
               "name": "Storybook",
@@ -5382,7 +5158,7 @@
         },
         {
           "name": "size",
-          "description": "Define mg-menu size\n\nType: `\"large\" | \"medium\" | \"regular\"`",
+          "description": "Define mg-menu size\n\nType: `\"large\" | \"medium\" | \"xlarge\"`",
           "values": [
             {
               "name": "large"
@@ -5391,7 +5167,7 @@
               "name": "medium"
             },
             {
-              "name": "regular"
+              "name": "xlarge"
             }
           ],
           "references": [
@@ -5465,7 +5241,21 @@
         },
         {
           "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\"`",
+          "values": [
+            {
+              "name": "active"
+            },
+            {
+              "name": "disabled"
+            },
+            {
+              "name": "hidden"
+            },
+            {
+              "name": "visible"
+            }
+          ],
           "references": [
             {
               "name": "Storybook",
@@ -5519,67 +5309,25 @@
     },
     {
       "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",
       "attributes": [
         {
-          "name": "close-button",
-          "description": "Define if message has a cross button\nRG 01: https://jira.mgdis.fr/browse/PDA9-140\n\nType: `boolean`",
-          "references": [
-            {
-              "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-message--docs"
-            },
-            {
-              "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-message/mg-message.tsx"
-            }
-          ]
-        },
-        {
-          "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`",
-          "references": [
+          "name": "variant",
+          "description": "Define variant\n\nType: `\"danger\" | \"info\" | \"success\" | \"warning\"`",
+          "values": [
             {
-              "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-message--docs"
+              "name": "danger"
             },
             {
-              "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-message/mg-message.tsx"
-            }
-          ]
-        },
-        {
-          "name": "hide",
-          "description": "Define if message is hidden\n\nType: `boolean`",
-          "references": [
-            {
-              "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-message--docs"
+              "name": "info"
             },
             {
-              "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-message/mg-message.tsx"
-            }
-          ]
-        },
-        {
-          "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`",
-          "references": [
-            {
-              "name": "Storybook",
-              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-message--docs"
+              "name": "success"
             },
             {
-              "name": "Sources",
-              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-message/mg-message.tsx"
+              "name": "warning"
             }
-          ]
-        },
-        {
-          "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`",
+          ],
           "references": [
             {
               "name": "Storybook",
@@ -5592,20 +5340,14 @@
           ]
         },
         {
-          "name": "variant",
-          "description": "Message variant\n\nType: `\"danger\" | \"info\" | \"success\" | \"warning\"`",
+          "name": "variant-style",
+          "description": "Define variant style\n\nType: `\"background\" | \"bar-left\"`",
           "values": [
             {
-              "name": "danger"
-            },
-            {
-              "name": "info"
-            },
-            {
-              "name": "success"
+              "name": "background"
             },
             {
-              "name": "warning"
+              "name": "bar-left"
             }
           ],
           "references": [
@@ -5633,7 +5375,7 @@
     },
     {
       "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",
       "attributes": [
         {
           "name": "close-button",
@@ -5672,8 +5414,8 @@
           ]
         },
         {
-          "name": "hide",
-          "description": "Define if modal is hidden\n\nType: `boolean`",
+          "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`",
           "references": [
             {
               "name": "Storybook",
@@ -5686,8 +5428,8 @@
           ]
         },
         {
-          "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`",
+          "name": "modal-title",
+          "description": "Displayed modal title\n\nType: `string`",
           "references": [
             {
               "name": "Storybook",
@@ -5700,8 +5442,8 @@
           ]
         },
         {
-          "name": "modal-title",
-          "description": "Displayed modal title\n\nType: `string`",
+          "name": "open",
+          "description": "Define if modal is open\n\nType: `boolean`",
           "references": [
             {
               "name": "Storybook",
@@ -5827,7 +5569,7 @@
     },
     {
       "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",
       "attributes": [
         {
           "name": "expand-toggle-disabled",
@@ -6222,13 +5964,13 @@
         },
         {
           "name": "size",
-          "description": "Define tabs size\n\nType: `\"large\" | \"regular\"`",
+          "description": "Define tabs size\n\nType: `\"large\" | \"medium\"`",
           "values": [
             {
               "name": "large"
             },
             {
-              "name": "regular"
+              "name": "medium"
             }
           ],
           "references": [