@mgdis/mg-components 6.13.0 → 6.14.0

package/dist/types/components.d.ts

@@ -9,6 +9,7 @@ import { MgActionMoreButtonType, MgActionMoreDividerType, MgActionMoreIconType,
 import { VariantStyleType, VariantType } from "./components/molecules/mg-alert/mg-alert.conf";
 import { BadgeVariantType } from "./components/atoms/mg-badge/mg-badge.conf";
 import { ButtonType, SizeType, VariantType as VariantType1 } from "./components/atoms/mg-button/mg-button.conf";
+import { RadiusSizeType } from "./components/atoms/mg-card/mg-card.conf";
 import { AriaRoleType, RequiredMessageStatusType } from "./components/molecules/mg-form/mg-form.conf";
 import { IconSizeType, IconType, IconVariantStyleType, IconVariantType } from "./components/atoms/mg-icon/mg-icon.conf";
 import { IllustratedMessageDirectionType, IllustratedMessageSizeType } from "./components/molecules/mg-illustrated-message/mg-illustrated-message.conf";
@@ -40,6 +41,7 @@ export { MgActionMoreButtonType, MgActionMoreDividerType, MgActionMoreIconType,
 export { VariantStyleType, VariantType } from "./components/molecules/mg-alert/mg-alert.conf";
 export { BadgeVariantType } from "./components/atoms/mg-badge/mg-badge.conf";
 export { ButtonType, SizeType, VariantType as VariantType1 } from "./components/atoms/mg-button/mg-button.conf";
+export { RadiusSizeType } from "./components/atoms/mg-card/mg-card.conf";
 export { AriaRoleType, RequiredMessageStatusType } from "./components/molecules/mg-form/mg-form.conf";
 export { IconSizeType, IconType, IconVariantStyleType, IconVariantType } from "./components/atoms/mg-icon/mg-icon.conf";
 export { IllustratedMessageDirectionType, IllustratedMessageSizeType } from "./components/molecules/mg-illustrated-message/mg-illustrated-message.conf";
@@ -71,10 +73,12 @@ export namespace Components {
     interface MgActionMore {
         /**
           * Define button properties
+          * @default { variant: 'flat', isIcon: true }
          */
         "button"?: MgActionMoreButtonType;
         /**
           * Define if chevron is display
+          * @default false
          */
         "displayChevron": boolean;
         /**
@@ -93,10 +97,12 @@ export namespace Components {
         "delay"?: number;
         /**
           * Define variant
+          * @default 'info'
          */
         "variant"?: VariantType;
         /**
           * Define variant style
+          * @default 'bar-left'
          */
         "variantStyle"?: VariantStyleType;
     }
@@ -107,6 +113,7 @@ export namespace Components {
         "label": string;
         /**
           * Define if button is using outline style
+          * @default false
          */
         "outline"?: boolean;
         /**
@@ -115,12 +122,14 @@ export namespace Components {
         "value": string | number;
         /**
           * Define badge variant
+          * @default 'info'
          */
         "variant"?: BadgeVariantType;
     }
     interface MgButton {
         /**
           * Option to set input disable on click, in order to prevent multi-click. Parent component have to remove the attribute 'disabled' when the process ends.
+          * @default false
          */
         "disableOnClick": boolean;
         /**
@@ -133,10 +142,12 @@ export namespace Components {
         "form"?: string;
         /**
           * Set button to full-width
+          * @default false
          */
         "fullWidth": boolean;
         /**
           * Define if button is round. Used for icon button.
+          * @default false
          */
         "isIcon": boolean;
         /**
@@ -145,6 +156,7 @@ export namespace Components {
         "label"?: string;
         /**
           * Define button size
+          * @default 'medium'
          */
         "size": SizeType;
         /**
@@ -153,14 +165,26 @@ export namespace Components {
         "type"?: ButtonType;
         /**
           * Define button variant
+          * @default 'primary'
          */
         "variant": VariantType1;
     }
     interface MgCard {
+        /**
+          * Define the border radius size
+          * @default 'medium'
+         */
+        "radiusSize": RadiusSizeType;
+        /**
+          * Add box-shadow style
+          * @default false
+         */
+        "shadow": boolean;
     }
     interface MgCharacterLeft {
         /**
           * Sets the characters to count
+          * @default ''
          */
         "characters": string;
         /**
@@ -175,10 +199,12 @@ export namespace Components {
     interface MgDetails {
         /**
           * Define if details are diplayed
+          * @default false
          */
         "expanded": boolean;
         /**
           * Hide summary element
+          * @default false
          */
         "hideSummary": boolean;
         /**
@@ -193,6 +219,7 @@ export namespace Components {
     interface MgDivider {
         /**
           * Define component size
+          * @default false
          */
         "fullWidth": boolean;
     }
@@ -203,6 +230,7 @@ export namespace Components {
         "ariaRole"?: AriaRoleType;
         /**
           * Define if form is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -211,6 +239,7 @@ export namespace Components {
         "displayError": () => Promise<void>;
         /**
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * @default createID('mg-form')
          */
         "identifier": string;
         /**
@@ -219,14 +248,17 @@ export namespace Components {
         "invalid": boolean;
         /**
           * Define if slotted mg-component's label are displayed on top
+          * @default false
          */
         "labelOnTop": boolean;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name": string;
         /**
           * Define if form is readonly
+          * @default false
          */
         "readonly": boolean;
         /**
@@ -249,10 +281,12 @@ export namespace Components {
         "icon": IconType;
         /**
           * Define icon size
+          * @default 'medium'
          */
         "size": IconSizeType;
         /**
           * Make the icon spin
+          * @default false
          */
         "spin": boolean;
         /**
@@ -267,18 +301,21 @@ export namespace Components {
     interface MgIllustratedMessage {
         /**
           * Define component orientation
+          * @default 'vertical'
          */
         "direction": IllustratedMessageDirectionType;
         /**
           * Define illustration size
+          * @default 'medium'
          */
         "size": IllustratedMessageSizeType;
     }
     interface MgInput {
         /**
           * Define aria-describedby ids to link with
+          * @default []
          */
-        "ariaDescribedbyIDs": string[];
+        "ariaDescribedbyIDs"?: string[] | string;
         /**
           * Define error message to display
          */
@@ -297,14 +334,17 @@ export namespace Components {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide": boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop": boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required": boolean;
         /**
@@ -313,12 +353,14 @@ export namespace Components {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition": TooltipPosition;
     }
     interface MgInputCheckbox {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -327,6 +369,7 @@ export namespace Components {
         "displayError": () => Promise<void>;
         /**
           * Display selected values list in "multi" type This prop is only applied with prop type "multi" or when an "unset" mode render a "multi" type.
+          * @default false
          */
         "displaySelectedValues": boolean;
         /**
@@ -343,6 +386,7 @@ export namespace Components {
         "identifier": string;
         /**
           * Define if inputs are display verticaly
+          * @default false
          */
         "inputVerticalList": boolean;
         /**
@@ -355,22 +399,27 @@ export namespace Components {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide": boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop": boolean;
         /**
           * Define input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name": string;
         /**
           * Define if mg-input-checkbox is readonly
+          * @default false
          */
         "readonly": boolean;
         /**
           * Define if mg-input-checkbox is required
+          * @default false
          */
         "required": boolean;
         /**
@@ -401,6 +450,7 @@ export namespace Components {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition": TooltipPosition;
         /**
@@ -422,14 +472,17 @@ export namespace Components {
     interface MgInputCheckboxPaginated {
         /**
           * Define checkboxes to paginate
+          * @default []
          */
         "checkboxes": CheckboxItem[];
         /**
           * Current page
+          * @default 1
          */
         "currentPage": number;
         /**
           * Define if mg-input-checkbox-list is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -446,12 +499,14 @@ export namespace Components {
         "name"?: string;
         /**
           * Define if mg-input-checkbox-list is readonly
+          * @default false
          */
         "readonly": boolean;
     }
     interface MgInputCombobox {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -501,18 +556,22 @@ export namespace Components {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide": boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop": boolean;
         /**
           * Define input width
+          * @default 'full'
          */
         "mgWidth": Width;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name": string;
         /**
@@ -521,10 +580,12 @@ export namespace Components {
         "placeholder"?: string;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly": boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required": boolean;
         /**
@@ -547,6 +608,7 @@ export namespace Components {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition": TooltipPosition;
         /**
@@ -561,6 +623,7 @@ export namespace Components {
     interface MgInputDate {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -585,14 +648,17 @@ export namespace Components {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide": boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop": boolean;
         /**
           * Define input maximum date format: yyyy-mm-dd
+          * @default '9999-12-31'
          */
         "max"?: string;
         /**
@@ -601,14 +667,17 @@ export namespace Components {
         "min"?: string;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name": string;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly": boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required": boolean;
         /**
@@ -631,6 +700,7 @@ export namespace Components {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition": TooltipPosition;
         /**
@@ -645,14 +715,17 @@ export namespace Components {
     interface MgInputNumeric {
         /**
           * Define currency
+          * @default 'EUR'
          */
         "currency": string;
         /**
           * Override decimal length decimal is the number after the decimal point
+          * @default 2
          */
         "decimalLength": number;
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -661,6 +734,7 @@ export namespace Components {
         "displayError": () => Promise<void>;
         /**
           * Set local formatting. Numbers are formatted based on the locale.
+          * @default 'number'
          */
         "format": Format;
         /**
@@ -673,6 +747,7 @@ export namespace Components {
         "identifier": string;
         /**
           * Override integer length integer is the number before the decimal point
+          * @default 13
          */
         "integerLength": number;
         /**
@@ -685,10 +760,12 @@ export namespace Components {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide": boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop": boolean;
         /**
@@ -705,6 +782,7 @@ export namespace Components {
         "min"?: number;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name": string;
         /**
@@ -713,10 +791,12 @@ export namespace Components {
         "placeholder"?: string;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly": boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required": boolean;
         /**
@@ -739,10 +819,12 @@ export namespace Components {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition": TooltipPosition;
         /**
           * Define numeric type
+          * @default 'decimal'
          */
         "type": NumericType;
         /**
@@ -751,6 +833,7 @@ export namespace Components {
         "unit"?: Intl.NumberFormatOptions['unit'];
         /**
           * Define unit display format ('short', 'long', 'narrow')
+          * @default 'short'
          */
         "unitDisplay": Intl.NumberFormatOptions['unitDisplay'];
         /**
@@ -765,6 +848,7 @@ export namespace Components {
     interface MgInputPassword {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -789,10 +873,12 @@ export namespace Components {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide": boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop": boolean;
         /**
@@ -801,10 +887,12 @@ export namespace Components {
         "maxlength"?: number;
         /**
           * Define input width
+          * @default 'full'
          */
         "mgWidth": Width;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name": string;
         /**
@@ -813,10 +901,12 @@ export namespace Components {
         "placeholder"?: string;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly": boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required": boolean;
         /**
@@ -839,6 +929,7 @@ export namespace Components {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition": TooltipPosition;
         /**
@@ -853,6 +944,7 @@ export namespace Components {
     interface MgInputRadio {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -869,6 +961,7 @@ export namespace Components {
         "identifier": string;
         /**
           * Define if inputs are display verticaly
+          * @default false
          */
         "inputVerticalList": boolean;
         /**
@@ -885,22 +978,27 @@ export namespace Components {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide": boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop": boolean;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name": string;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly": boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required": boolean;
         /**
@@ -923,6 +1021,7 @@ export namespace Components {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition": TooltipPosition;
         /**
@@ -937,6 +1036,7 @@ export namespace Components {
     interface MgInputRichTextEditor {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -971,10 +1071,12 @@ export namespace Components {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide": boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop": boolean;
         /**
@@ -995,10 +1097,12 @@ export namespace Components {
         "placeholder"?: string;
         /**
           * Define if the editor is readonly
+          * @default false
          */
         "readonly": boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required": boolean;
         /**
@@ -1007,6 +1111,7 @@ export namespace Components {
         "reset": () => Promise<void>;
         /**
           * Define the number of visible text lines for the control
+          * @default 5
          */
         "rows": number;
         /**
@@ -1025,6 +1130,7 @@ export namespace Components {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition": TooltipPosition;
         /**
@@ -1033,12 +1139,14 @@ export namespace Components {
         "valid": boolean;
         /**
           * Define the value of the editor Can be either HTML string or plain text
+          * @default ''
          */
         "value": string;
     }
     interface MgInputSelect {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -1067,10 +1175,12 @@ export namespace Components {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide": boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop": boolean;
         /**
@@ -1079,6 +1189,7 @@ export namespace Components {
         "mgWidth": Width;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name": string;
         /**
@@ -1087,18 +1198,22 @@ export namespace Components {
         "placeholder": string;
         /**
           * Option to disable placeholder
+          * @default false
          */
         "placeholderDisabled": boolean;
         /**
           * Option to remove placeholder
+          * @default false
          */
         "placeholderHide": boolean;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly": boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required": boolean;
         /**
@@ -1121,6 +1236,7 @@ export namespace Components {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition": TooltipPosition;
         /**
@@ -1135,6 +1251,7 @@ export namespace Components {
     interface MgInputText {
         /**
           * Define if component should display character left
+          * @default false
          */
         "characterLeftHide": boolean;
         /**
@@ -1143,6 +1260,7 @@ export namespace Components {
         "datalistoptions": string[] | OptionType[];
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -1171,22 +1289,27 @@ export namespace Components {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide": boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop": boolean;
         /**
           * Input max length
+          * @default 400
          */
         "maxlength": number;
         /**
           * Define input width
+          * @default 'full'
          */
         "mgWidth": Width;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name": string;
         /**
@@ -1203,10 +1326,12 @@ export namespace Components {
         "placeholder"?: string;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly": boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required": boolean;
         /**
@@ -1229,10 +1354,12 @@ export namespace Components {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition": TooltipPosition;
         /**
           * Input type
+          * @default 'text'
          */
         "type": TextType;
         /**
@@ -1247,10 +1374,12 @@ export namespace Components {
     interface MgInputTextarea {
         /**
           * Define if component should display character left
+          * @default false
          */
         "characterLeftHide": boolean;
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -1275,22 +1404,27 @@ export namespace Components {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide": boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop": boolean;
         /**
           * Input max length
+          * @default 4000
          */
         "maxlength": number;
         /**
           * Define input width
+          * @default 'full'
          */
         "mgWidth": Width;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name": string;
         /**
@@ -1307,10 +1441,12 @@ export namespace Components {
         "placeholder"?: string;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly": boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required": boolean;
         /**
@@ -1319,10 +1455,12 @@ export namespace Components {
         "reset": () => Promise<void>;
         /**
           * Define if input is resizable
+          * @default 'none'
          */
         "resizable": 'none' | 'both' | 'horizontal' | 'vertical';
         /**
           * Define the number of visible text lines for the control
+          * @default 3
          */
         "rows": number;
         /**
@@ -1341,6 +1479,7 @@ export namespace Components {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition": TooltipPosition;
         /**
@@ -1359,6 +1498,7 @@ export namespace Components {
         "identifier": string;
         /**
           * Switch from label to fieldset sementic
+          * @default false
          */
         "isLegend": boolean;
         /**
@@ -1373,6 +1513,7 @@ export namespace Components {
     interface MgInputToggle {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -1385,10 +1526,12 @@ export namespace Components {
         "identifier": string;
         /**
           * Define if toggle display icon
+          * @default false
          */
         "isIcon": boolean;
         /**
           * Define if toggle have on/off style
+          * @default false
          */
         "isOnOff": boolean;
         /**
@@ -1401,18 +1544,22 @@ export namespace Components {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide": boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop": boolean;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name": string;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly": boolean;
         /**
@@ -1435,6 +1582,7 @@ export namespace Components {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition": TooltipPosition;
         /**
@@ -1445,6 +1593,7 @@ export namespace Components {
     interface MgItemMore {
         /**
           * Define icon
+          * @default { icon: 'ellipsis-vertical' }
          */
         "icon"?: IconType2;
         /**
@@ -1453,6 +1602,7 @@ export namespace Components {
         "size"?: SizeType1;
         /**
           * Define slot label element
+          * @default { display: false }
          */
         "slotlabel"?: SlotLabelType;
     }
@@ -1463,12 +1613,14 @@ export namespace Components {
         "message"?: string;
         /**
           * Hide message
+          * @default false
          */
         "messageHide": boolean;
     }
     interface MgMenu {
         /**
           * Component display direction.
+          * @default 'horizontal'
          */
         "direction": Direction;
         /**
@@ -1481,12 +1633,14 @@ export namespace Components {
         "label": string;
         /**
           * Define mg-menu size
+          * @default 'medium'
          */
         "size": MenuSizeType;
     }
     interface MgMenuItem {
         /**
           * Define menu-item content expanded.
+          * @default false
          */
         "expanded"?: boolean;
         /**
@@ -1495,10 +1649,12 @@ export namespace Components {
         "href"?: string;
         /**
           * Identifier is used to control mg-popover
+          * @default createID('mg-menu-item')
          */
         "identifier": string;
         /**
           * Define menu-item status.
+          * @default 'visible'
          */
         "status"?: MgMenuStatusType;
         /**
@@ -1509,24 +1665,29 @@ export namespace Components {
     interface MgMessage {
         /**
           * Define variant
+          * @default 'info'
          */
         "variant": VariantType2;
         /**
           * Define variant style
+          * @default 'bar-left'
          */
         "variantStyle": VariantStyleType1;
     }
     interface MgModal {
         /**
           * Define if modal has a cross button
+          * @default false
          */
         "closeButton": boolean;
         /**
           * Modal dialog role.
+          * @default 'dialog'
          */
         "dialogRole": DialogRoleType;
         /**
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * @default createID('mg-modal')
          */
         "identifier": string;
         /**
@@ -1535,24 +1696,29 @@ export namespace Components {
         "modalTitle": string;
         /**
           * Define if modal is open
+          * @default false
          */
         "open": boolean;
     }
     interface MgPagination {
         /**
           * Component current page
+          * @default 1
          */
         "currentPage": number;
         /**
           * Hide navigation label
+          * @default false
          */
         "hideNavigationLabels": boolean;
         /**
           * Hide select input
+          * @default false
          */
         "hidePageCount": boolean;
         /**
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * @default createID('mg-pagination')
          */
         "identifier": string;
         /**
@@ -1565,32 +1731,43 @@ export namespace Components {
         "messages": PaginationMessagesType;
         /**
           * Component total pages
+          * @default 1
          */
         "totalPages": number;
     }
     interface MgPanel {
         /**
           * Disable possibility to toggle expand
+          * @default false
          */
         "expandToggleDisabled": boolean;
         /**
           * Define expand toggle button display
+          * @default 'text'
          */
         "expandToggleDisplay": ExpandToggleDisplayType;
         /**
           * Panel is opened
+          * @default false
          */
         "expanded": boolean;
         /**
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * @default createID('mg-panel')
          */
         "identifier": string;
         /**
           * Panel title
          */
         "panelTitle": string;
+        /**
+          * Add box-shadow style
+          * @default false
+         */
+        "shadow": boolean;
         /**
           * Define if panel title is editable
+          * @default false
          */
         "titleEditable": boolean;
         /**
@@ -1603,44 +1780,53 @@ export namespace Components {
         "titlePatternErrorMessage"?: string;
         /**
           * Define title position
+          * @default 'left'
          */
         "titlePosition": TitlePositionType;
     }
     interface MgPopover {
         /**
           * Hide popover arrow
+          * @default false
          */
         "arrowHide": boolean;
         /**
           * Define if popover has a cross button
+          * @default false
          */
         "closeButton": boolean;
         /**
           * Disable popover
+          * @default false
          */
         "disabled": boolean;
         /**
           * Display popover
+          * @default false
          */
         "display": boolean;
         /**
           * Sets an `id` attribute. Needed by the input for accessibility `aria-decribedby`.
+          * @default createID('mg-popover')
          */
         "identifier": string;
         /**
           * Popover placement
+          * @default 'bottom'
          */
         "placement": Placement;
     }
     interface MgPopoverContent {
         /**
           * Define if popover has a cross button
+          * @default false
          */
         "closeButton": boolean;
     }
     interface MgProgress {
         /**
           * Define progress role - `progressbar` to indicate a progress, such as loading or percent completion of a task - `meter` to indicate a graphical display of a numeric value that varies within a defined range
+          * @default 'progressbar'
          */
         "ariaRole"?: AriaRoleType1;
         /**
@@ -1649,14 +1835,17 @@ export namespace Components {
         "label": string;
         /**
           * Define the maximum value in the range
+          * @default 100
          */
         "max"?: number;
         /**
           * Define the minimum value in the range
+          * @default 0
          */
         "min"?: number;
         /**
           * Define current value By default, it will be displayed as a percentage value. If you don’t specify the min and max props, the value should be a number within the range of 0 to 100.
+          * @default 0
          */
         "value"?: number;
     }
@@ -1673,10 +1862,12 @@ export namespace Components {
         "columns": ColumnsType;
         /**
           * Define if table fits its parent element
+          * @default false
          */
         "fullWidth": boolean;
         /**
           * Define table size
+          * @default 'medium'
          */
         "size": TableSizeType;
     }
@@ -1687,6 +1878,7 @@ export namespace Components {
         "activeTab": number;
         /**
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * @default createID('mg-tabs')
          */
         "identifier": string;
         /**
@@ -1699,34 +1891,41 @@ export namespace Components {
         "label": string;
         /**
           * Define tabs size
+          * @default 'medium'
          */
         "size": SizeType2;
     }
     interface MgTag {
         /**
           * Define if tag is using outline style
+          * @default false
          */
         "outline": boolean;
         /**
           * Define if tag is using soft style
+          * @default false
          */
         "soft": boolean;
         /**
           * Define tag variant
+          * @default 'primary'
          */
         "variant": TagVariantType;
     }
     interface MgTooltip {
         /**
           * Disable tooltip
+          * @default false
          */
         "disabled": boolean;
         /**
           * Display tooltip
+          * @default false
          */
         "display": boolean;
         /**
           * Sets an `id` attribute. Needed by the input for accessibility `aria-decribedby`.
+          * @default createID('mg-tooltip')
          */
         "identifier": string;
         /**
@@ -1735,6 +1934,7 @@ export namespace Components {
         "message": string;
         /**
           * Tooltip placement
+          * @default 'bottom'
          */
         "placement": Placement;
     }
@@ -2097,7 +2297,12 @@ declare global {
         "input-valid": boolean;
         "value-change": string;
     }
-    interface HTMLMgInputRichTextEditorElement extends Components.MgInputRichTextEditor, HTMLStencilElement {
+    interface HTMLMgInputRichTextEditorElement extends Omit<Components.MgInputRichTextEditor, "getHTML">, HTMLStencilElement {
+        /**
+          * Get editor content as HTML
+          * @returns HTML content of the editor
+         */
+        "getHTML": () => Promise<string>;
         addEventListener<K extends keyof HTMLMgInputRichTextEditorElementEventMap>(type: K, listener: (this: HTMLMgInputRichTextEditorElement, ev: MgInputRichTextEditorCustomEvent<HTMLMgInputRichTextEditorElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2433,10 +2638,12 @@ declare namespace LocalJSX {
     interface MgActionMore {
         /**
           * Define button properties
+          * @default { variant: 'flat', isIcon: true }
          */
         "button"?: MgActionMoreButtonType;
         /**
           * Define if chevron is display
+          * @default false
          */
         "displayChevron"?: boolean;
         /**
@@ -2467,10 +2674,12 @@ declare namespace LocalJSX {
         "onComponent-show"?: (event: MgAlertCustomEvent<void>) => void;
         /**
           * Define variant
+          * @default 'info'
          */
         "variant"?: VariantType;
         /**
           * Define variant style
+          * @default 'bar-left'
          */
         "variantStyle"?: VariantStyleType;
     }
@@ -2481,6 +2690,7 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define if button is using outline style
+          * @default false
          */
         "outline"?: boolean;
         /**
@@ -2489,12 +2699,14 @@ declare namespace LocalJSX {
         "value": string | number;
         /**
           * Define badge variant
+          * @default 'info'
          */
         "variant"?: BadgeVariantType;
     }
     interface MgButton {
         /**
           * Option to set input disable on click, in order to prevent multi-click. Parent component have to remove the attribute 'disabled' when the process ends.
+          * @default false
          */
         "disableOnClick"?: boolean;
         /**
@@ -2507,10 +2719,12 @@ declare namespace LocalJSX {
         "form"?: string;
         /**
           * Set button to full-width
+          * @default false
          */
         "fullWidth"?: boolean;
         /**
           * Define if button is round. Used for icon button.
+          * @default false
          */
         "isIcon"?: boolean;
         /**
@@ -2523,6 +2737,7 @@ declare namespace LocalJSX {
         "onDisabled-change"?: (event: MgButtonCustomEvent<HTMLMgButtonElement['disabled']>) => void;
         /**
           * Define button size
+          * @default 'medium'
          */
         "size"?: SizeType;
         /**
@@ -2531,14 +2746,26 @@ declare namespace LocalJSX {
         "type"?: ButtonType;
         /**
           * Define button variant
+          * @default 'primary'
          */
         "variant"?: VariantType1;
     }
     interface MgCard {
+        /**
+          * Define the border radius size
+          * @default 'medium'
+         */
+        "radiusSize"?: RadiusSizeType;
+        /**
+          * Add box-shadow style
+          * @default false
+         */
+        "shadow"?: boolean;
     }
     interface MgCharacterLeft {
         /**
           * Sets the characters to count
+          * @default ''
          */
         "characters"?: string;
         /**
@@ -2553,10 +2780,12 @@ declare namespace LocalJSX {
     interface MgDetails {
         /**
           * Define if details are diplayed
+          * @default false
          */
         "expanded"?: boolean;
         /**
           * Hide summary element
+          * @default false
          */
         "hideSummary"?: boolean;
         /**
@@ -2575,6 +2804,7 @@ declare namespace LocalJSX {
     interface MgDivider {
         /**
           * Define component size
+          * @default false
          */
         "fullWidth"?: boolean;
     }
@@ -2585,10 +2815,12 @@ declare namespace LocalJSX {
         "ariaRole"?: AriaRoleType;
         /**
           * Define if form is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * @default createID('mg-form')
          */
         "identifier"?: string;
         /**
@@ -2597,10 +2829,12 @@ declare namespace LocalJSX {
         "invalid"?: boolean;
         /**
           * Define if slotted mg-component's label are displayed on top
+          * @default false
          */
         "labelOnTop"?: boolean;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name"?: string;
         /**
@@ -2617,6 +2851,7 @@ declare namespace LocalJSX {
         "onForm-valid"?: (event: MgFormCustomEvent<HTMLMgFormElement['valid']>) => void;
         /**
           * Define if form is readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
@@ -2635,10 +2870,12 @@ declare namespace LocalJSX {
         "icon": IconType;
         /**
           * Define icon size
+          * @default 'medium'
          */
         "size"?: IconSizeType;
         /**
           * Make the icon spin
+          * @default false
          */
         "spin"?: boolean;
         /**
@@ -2653,18 +2890,21 @@ declare namespace LocalJSX {
     interface MgIllustratedMessage {
         /**
           * Define component orientation
+          * @default 'vertical'
          */
         "direction"?: IllustratedMessageDirectionType;
         /**
           * Define illustration size
+          * @default 'medium'
          */
         "size"?: IllustratedMessageSizeType;
     }
     interface MgInput {
         /**
           * Define aria-describedby ids to link with
+          * @default []
          */
-        "ariaDescribedbyIDs"?: string[];
+        "ariaDescribedbyIDs"?: string[] | string;
         /**
           * Define error message to display
          */
@@ -2683,14 +2923,17 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide"?: boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop"?: boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required"?: boolean;
         /**
@@ -2699,16 +2942,19 @@ declare namespace LocalJSX {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition"?: TooltipPosition;
     }
     interface MgInputCheckbox {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Display selected values list in "multi" type This prop is only applied with prop type "multi" or when an "unset" mode render a "multi" type.
+          * @default false
          */
         "displaySelectedValues"?: boolean;
         /**
@@ -2725,6 +2971,7 @@ declare namespace LocalJSX {
         "identifier": string;
         /**
           * Define if inputs are display verticaly
+          * @default false
          */
         "inputVerticalList"?: boolean;
         /**
@@ -2737,14 +2984,17 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide"?: boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop"?: boolean;
         /**
           * Define input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name"?: string;
         /**
@@ -2757,10 +3007,12 @@ declare namespace LocalJSX {
         "onValue-change"?: (event: MgInputCheckboxCustomEvent<HTMLMgInputCheckboxElement['value']>) => void;
         /**
           * Define if mg-input-checkbox is readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
           * Define if mg-input-checkbox is required
+          * @default false
          */
         "required"?: boolean;
         /**
@@ -2777,6 +3029,7 @@ declare namespace LocalJSX {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition"?: TooltipPosition;
         /**
@@ -2798,14 +3051,17 @@ declare namespace LocalJSX {
     interface MgInputCheckboxPaginated {
         /**
           * Define checkboxes to paginate
+          * @default []
          */
         "checkboxes"?: CheckboxItem[];
         /**
           * Current page
+          * @default 1
          */
         "currentPage"?: number;
         /**
           * Define if mg-input-checkbox-list is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -2826,12 +3082,14 @@ declare namespace LocalJSX {
         "onMass-action"?: (event: MgInputCheckboxPaginatedCustomEvent<SectionKindType>) => void;
         /**
           * Define if mg-input-checkbox-list is readonly
+          * @default false
          */
         "readonly"?: boolean;
     }
     interface MgInputCombobox {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -2877,18 +3135,22 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide"?: boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop"?: boolean;
         /**
           * Define input width
+          * @default 'full'
          */
         "mgWidth"?: Width;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name"?: string;
         /**
@@ -2917,10 +3179,12 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required"?: boolean;
         /**
@@ -2929,6 +3193,7 @@ declare namespace LocalJSX {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition"?: TooltipPosition;
         /**
@@ -2943,6 +3208,7 @@ declare namespace LocalJSX {
     interface MgInputDate {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -2963,14 +3229,17 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide"?: boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop"?: boolean;
         /**
           * Define input maximum date format: yyyy-mm-dd
+          * @default '9999-12-31'
          */
         "max"?: string;
         /**
@@ -2979,6 +3248,7 @@ declare namespace LocalJSX {
         "min"?: string;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name"?: string;
         /**
@@ -2991,10 +3261,12 @@ declare namespace LocalJSX {
         "onValue-change"?: (event: MgInputDateCustomEvent<HTMLMgInputDateElement['value']>) => void;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required"?: boolean;
         /**
@@ -3003,6 +3275,7 @@ declare namespace LocalJSX {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition"?: TooltipPosition;
         /**
@@ -3017,18 +3290,22 @@ declare namespace LocalJSX {
     interface MgInputNumeric {
         /**
           * Define currency
+          * @default 'EUR'
          */
         "currency"?: string;
         /**
           * Override decimal length decimal is the number after the decimal point
+          * @default 2
          */
         "decimalLength"?: number;
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Set local formatting. Numbers are formatted based on the locale.
+          * @default 'number'
          */
         "format"?: Format;
         /**
@@ -3041,6 +3318,7 @@ declare namespace LocalJSX {
         "identifier": string;
         /**
           * Override integer length integer is the number before the decimal point
+          * @default 13
          */
         "integerLength"?: number;
         /**
@@ -3053,10 +3331,12 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide"?: boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop"?: boolean;
         /**
@@ -3073,6 +3353,7 @@ declare namespace LocalJSX {
         "min"?: number;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name"?: string;
         /**
@@ -3089,10 +3370,12 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required"?: boolean;
         /**
@@ -3101,10 +3384,12 @@ declare namespace LocalJSX {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition"?: TooltipPosition;
         /**
           * Define numeric type
+          * @default 'decimal'
          */
         "type"?: NumericType;
         /**
@@ -3113,6 +3398,7 @@ declare namespace LocalJSX {
         "unit"?: Intl.NumberFormatOptions['unit'];
         /**
           * Define unit display format ('short', 'long', 'narrow')
+          * @default 'short'
          */
         "unitDisplay"?: Intl.NumberFormatOptions['unitDisplay'];
         /**
@@ -3127,6 +3413,7 @@ declare namespace LocalJSX {
     interface MgInputPassword {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -3147,10 +3434,12 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide"?: boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop"?: boolean;
         /**
@@ -3159,10 +3448,12 @@ declare namespace LocalJSX {
         "maxlength"?: number;
         /**
           * Define input width
+          * @default 'full'
          */
         "mgWidth"?: Width;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name"?: string;
         /**
@@ -3179,10 +3470,12 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required"?: boolean;
         /**
@@ -3191,6 +3484,7 @@ declare namespace LocalJSX {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition"?: TooltipPosition;
         /**
@@ -3205,6 +3499,7 @@ declare namespace LocalJSX {
     interface MgInputRadio {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -3217,6 +3512,7 @@ declare namespace LocalJSX {
         "identifier": string;
         /**
           * Define if inputs are display verticaly
+          * @default false
          */
         "inputVerticalList"?: boolean;
         /**
@@ -3233,14 +3529,17 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide"?: boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop"?: boolean;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name"?: string;
         /**
@@ -3253,10 +3552,12 @@ declare namespace LocalJSX {
         "onValue-change"?: (event: MgInputRadioCustomEvent<HTMLMgInputRadioElement['value']>) => void;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required"?: boolean;
         /**
@@ -3265,6 +3566,7 @@ declare namespace LocalJSX {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition"?: TooltipPosition;
         /**
@@ -3279,6 +3581,7 @@ declare namespace LocalJSX {
     interface MgInputRichTextEditor {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -3299,10 +3602,12 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide"?: boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop"?: boolean;
         /**
@@ -3331,14 +3636,17 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         /**
           * Define if the editor is readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required"?: boolean;
         /**
           * Define the number of visible text lines for the control
+          * @default 5
          */
         "rows"?: number;
         /**
@@ -3347,6 +3655,7 @@ declare namespace LocalJSX {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition"?: TooltipPosition;
         /**
@@ -3355,12 +3664,14 @@ declare namespace LocalJSX {
         "valid"?: boolean;
         /**
           * Define the value of the editor Can be either HTML string or plain text
+          * @default ''
          */
         "value"?: string;
     }
     interface MgInputSelect {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -3385,10 +3696,12 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide"?: boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop"?: boolean;
         /**
@@ -3397,6 +3710,7 @@ declare namespace LocalJSX {
         "mgWidth"?: Width;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name"?: string;
         /**
@@ -3413,18 +3727,22 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         /**
           * Option to disable placeholder
+          * @default false
          */
         "placeholderDisabled"?: boolean;
         /**
           * Option to remove placeholder
+          * @default false
          */
         "placeholderHide"?: boolean;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required"?: boolean;
         /**
@@ -3433,6 +3751,7 @@ declare namespace LocalJSX {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition"?: TooltipPosition;
         /**
@@ -3447,6 +3766,7 @@ declare namespace LocalJSX {
     interface MgInputText {
         /**
           * Define if component should display character left
+          * @default false
          */
         "characterLeftHide"?: boolean;
         /**
@@ -3455,6 +3775,7 @@ declare namespace LocalJSX {
         "datalistoptions"?: string[] | OptionType[];
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -3479,22 +3800,27 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide"?: boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop"?: boolean;
         /**
           * Input max length
+          * @default 400
          */
         "maxlength"?: number;
         /**
           * Define input width
+          * @default 'full'
          */
         "mgWidth"?: Width;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name"?: string;
         /**
@@ -3519,10 +3845,12 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required"?: boolean;
         /**
@@ -3531,10 +3859,12 @@ declare namespace LocalJSX {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition"?: TooltipPosition;
         /**
           * Input type
+          * @default 'text'
          */
         "type"?: TextType;
         /**
@@ -3549,10 +3879,12 @@ declare namespace LocalJSX {
     interface MgInputTextarea {
         /**
           * Define if component should display character left
+          * @default false
          */
         "characterLeftHide"?: boolean;
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -3573,22 +3905,27 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide"?: boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop"?: boolean;
         /**
           * Input max length
+          * @default 4000
          */
         "maxlength"?: number;
         /**
           * Define input width
+          * @default 'full'
          */
         "mgWidth"?: Width;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name"?: string;
         /**
@@ -3613,18 +3950,22 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
           * Define if input is required
+          * @default false
          */
         "required"?: boolean;
         /**
           * Define if input is resizable
+          * @default 'none'
          */
         "resizable"?: 'none' | 'both' | 'horizontal' | 'vertical';
         /**
           * Define the number of visible text lines for the control
+          * @default 3
          */
         "rows"?: number;
         /**
@@ -3633,6 +3974,7 @@ declare namespace LocalJSX {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition"?: TooltipPosition;
         /**
@@ -3651,6 +3993,7 @@ declare namespace LocalJSX {
         "identifier": string;
         /**
           * Switch from label to fieldset sementic
+          * @default false
          */
         "isLegend"?: boolean;
         /**
@@ -3665,6 +4008,7 @@ declare namespace LocalJSX {
     interface MgInputToggle {
         /**
           * Define if input is disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -3677,10 +4021,12 @@ declare namespace LocalJSX {
         "identifier": string;
         /**
           * Define if toggle display icon
+          * @default false
          */
         "isIcon"?: boolean;
         /**
           * Define if toggle have on/off style
+          * @default false
          */
         "isOnOff"?: boolean;
         /**
@@ -3693,14 +4039,17 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define if label is visible
+          * @default false
          */
         "labelHide"?: boolean;
         /**
           * Define if label is displayed on top
+          * @default false
          */
         "labelOnTop"?: boolean;
         /**
           * Input name If not set the value equals the identifier
+          * @default this.identifier
          */
         "name"?: string;
         /**
@@ -3713,6 +4062,7 @@ declare namespace LocalJSX {
         "onValue-change"?: (event: MgInputToggleCustomEvent<HTMLMgInputToggleElement['value']>) => void;
         /**
           * Define if input is readonly
+          * @default false
          */
         "readonly"?: boolean;
         /**
@@ -3721,6 +4071,7 @@ declare namespace LocalJSX {
         "tooltip"?: string;
         /**
           * Define tooltip position
+          * @default 'input'
          */
         "tooltipPosition"?: TooltipPosition;
         /**
@@ -3731,6 +4082,7 @@ declare namespace LocalJSX {
     interface MgItemMore {
         /**
           * Define icon
+          * @default { icon: 'ellipsis-vertical' }
          */
         "icon"?: IconType2;
         /**
@@ -3739,6 +4091,7 @@ declare namespace LocalJSX {
         "size"?: SizeType1;
         /**
           * Define slot label element
+          * @default { display: false }
          */
         "slotlabel"?: SlotLabelType;
     }
@@ -3749,12 +4102,14 @@ declare namespace LocalJSX {
         "message"?: string;
         /**
           * Hide message
+          * @default false
          */
         "messageHide"?: boolean;
     }
     interface MgMenu {
         /**
           * Component display direction.
+          * @default 'horizontal'
          */
         "direction"?: Direction;
         /**
@@ -3767,12 +4122,14 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define mg-menu size
+          * @default 'medium'
          */
         "size"?: MenuSizeType;
     }
     interface MgMenuItem {
         /**
           * Define menu-item content expanded.
+          * @default false
          */
         "expanded"?: boolean;
         /**
@@ -3781,6 +4138,7 @@ declare namespace LocalJSX {
         "href"?: string;
         /**
           * Identifier is used to control mg-popover
+          * @default createID('mg-menu-item')
          */
         "identifier"?: string;
         /**
@@ -3793,6 +4151,7 @@ declare namespace LocalJSX {
         "onItem-updated"?: (event: MgMenuItemCustomEvent<void>) => void;
         /**
           * Define menu-item status.
+          * @default 'visible'
          */
         "status"?: MgMenuStatusType;
         /**
@@ -3803,24 +4162,29 @@ declare namespace LocalJSX {
     interface MgMessage {
         /**
           * Define variant
+          * @default 'info'
          */
         "variant"?: VariantType2;
         /**
           * Define variant style
+          * @default 'bar-left'
          */
         "variantStyle"?: VariantStyleType1;
     }
     interface MgModal {
         /**
           * Define if modal has a cross button
+          * @default false
          */
         "closeButton"?: boolean;
         /**
           * Modal dialog role.
+          * @default 'dialog'
          */
         "dialogRole"?: DialogRoleType;
         /**
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * @default createID('mg-modal')
          */
         "identifier"?: string;
         /**
@@ -3841,24 +4205,29 @@ declare namespace LocalJSX {
         "onComponent-show"?: (event: MgModalCustomEvent<void>) => void;
         /**
           * Define if modal is open
+          * @default false
          */
         "open"?: boolean;
     }
     interface MgPagination {
         /**
           * Component current page
+          * @default 1
          */
         "currentPage"?: number;
         /**
           * Hide navigation label
+          * @default false
          */
         "hideNavigationLabels"?: boolean;
         /**
           * Hide select input
+          * @default false
          */
         "hidePageCount"?: boolean;
         /**
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * @default createID('mg-pagination')
          */
         "identifier"?: string;
         /**
@@ -3875,24 +4244,29 @@ declare namespace LocalJSX {
         "onCurrent-page-change"?: (event: MgPaginationCustomEvent<number>) => void;
         /**
           * Component total pages
+          * @default 1
          */
         "totalPages"?: number;
     }
     interface MgPanel {
         /**
           * Disable possibility to toggle expand
+          * @default false
          */
         "expandToggleDisabled"?: boolean;
         /**
           * Define expand toggle button display
+          * @default 'text'
          */
         "expandToggleDisplay"?: ExpandToggleDisplayType;
         /**
           * Panel is opened
+          * @default false
          */
         "expanded"?: boolean;
         /**
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * @default createID('mg-panel')
          */
         "identifier"?: string;
         /**
@@ -3907,8 +4281,14 @@ declare namespace LocalJSX {
           * Panel title
          */
         "panelTitle": string;
+        /**
+          * Add box-shadow style
+          * @default false
+         */
+        "shadow"?: boolean;
         /**
           * Define if panel title is editable
+          * @default false
          */
         "titleEditable"?: boolean;
         /**
@@ -3921,28 +4301,34 @@ declare namespace LocalJSX {
         "titlePatternErrorMessage"?: string;
         /**
           * Define title position
+          * @default 'left'
          */
         "titlePosition"?: TitlePositionType;
     }
     interface MgPopover {
         /**
           * Hide popover arrow
+          * @default false
          */
         "arrowHide"?: boolean;
         /**
           * Define if popover has a cross button
+          * @default false
          */
         "closeButton"?: boolean;
         /**
           * Disable popover
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Display popover
+          * @default false
          */
         "display"?: boolean;
         /**
           * Sets an `id` attribute. Needed by the input for accessibility `aria-decribedby`.
+          * @default createID('mg-popover')
          */
         "identifier"?: string;
         /**
@@ -3955,12 +4341,14 @@ declare namespace LocalJSX {
         "onDisplay-change"?: (event: MgPopoverCustomEvent<HTMLMgPopoverElement['display']>) => void;
         /**
           * Popover placement
+          * @default 'bottom'
          */
         "placement"?: Placement;
     }
     interface MgPopoverContent {
         /**
           * Define if popover has a cross button
+          * @default false
          */
         "closeButton"?: boolean;
         /**
@@ -3971,6 +4359,7 @@ declare namespace LocalJSX {
     interface MgProgress {
         /**
           * Define progress role - `progressbar` to indicate a progress, such as loading or percent completion of a task - `meter` to indicate a graphical display of a numeric value that varies within a defined range
+          * @default 'progressbar'
          */
         "ariaRole"?: AriaRoleType1;
         /**
@@ -3979,14 +4368,17 @@ declare namespace LocalJSX {
         "label": string;
         /**
           * Define the maximum value in the range
+          * @default 100
          */
         "max"?: number;
         /**
           * Define the minimum value in the range
+          * @default 0
          */
         "min"?: number;
         /**
           * Define current value By default, it will be displayed as a percentage value. If you don’t specify the min and max props, the value should be a number within the range of 0 to 100.
+          * @default 0
          */
         "value"?: number;
     }
@@ -4007,10 +4399,12 @@ declare namespace LocalJSX {
         "columns"?: ColumnsType;
         /**
           * Define if table fits its parent element
+          * @default false
          */
         "fullWidth"?: boolean;
         /**
           * Define table size
+          * @default 'medium'
          */
         "size"?: TableSizeType;
     }
@@ -4021,6 +4415,7 @@ declare namespace LocalJSX {
         "activeTab"?: number;
         /**
           * Identifier is used for the element ID (id is a reserved prop in Stencil.js) If not set, it will be created.
+          * @default createID('mg-tabs')
          */
         "identifier"?: string;
         /**
@@ -4037,34 +4432,41 @@ declare namespace LocalJSX {
         "onActive-tab-change"?: (event: MgTabsCustomEvent<HTMLMgTabsElement['activeTab']>) => void;
         /**
           * Define tabs size
+          * @default 'medium'
          */
         "size"?: SizeType2;
     }
     interface MgTag {
         /**
           * Define if tag is using outline style
+          * @default false
          */
         "outline"?: boolean;
         /**
           * Define if tag is using soft style
+          * @default false
          */
         "soft"?: boolean;
         /**
           * Define tag variant
+          * @default 'primary'
          */
         "variant"?: TagVariantType;
     }
     interface MgTooltip {
         /**
           * Disable tooltip
+          * @default false
          */
         "disabled"?: boolean;
         /**
           * Display tooltip
+          * @default false
          */
         "display"?: boolean;
         /**
           * Sets an `id` attribute. Needed by the input for accessibility `aria-decribedby`.
+          * @default createID('mg-tooltip')
          */
         "identifier"?: string;
         /**
@@ -4073,6 +4475,7 @@ declare namespace LocalJSX {
         "message": string;
         /**
           * Tooltip placement
+          * @default 'bottom'
          */
         "placement"?: Placement;
     }