@mgdis/mg-components 6.7.0 → 6.8.0

package/dist/mg-components/{p-361cc090.entry.js → p-fd4a7980.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as e,H as s}from"./p-e39791fa.js";import{m as a,V as o,e as i}from"./p-3c6710be.js";const t=["progressbar","meter"];const c="/*!\n * @prop --mg-c-progress-size: Defines the size of the progress bar. Default value is `--mg-b-size-8`.\n * @prop --mg-c-progress-border-color: Defines the color of the progress bar border. Default value is `--mg-b-color-neutral-80`.\n * @prop --mg-c-progress-bar-color-background: Defines the color of the progress bar. Default value is `--mg-b-color-neutral-30`.\n * @prop --mg-c-progress-fill-color-background: Defines the color of the progress bar fill background. Default value is `--mg-b-color-app`.\n */.mg-c-progress{min-width:calc(var(--mg-b-size-16)*4)}.mg-c-progress__bar{position:relative;overflow:hidden;height:var(--mg-c-progress-size);border-width:var(--mg-b-size-border);border-style:solid;border-color:var(--mg-c-progress-border-color);border-radius:calc((var(--mg-c-progress-size) + var(--mg-b-size-border)*2)/2);background-color:var(--mg-c-progress-bar-color-background)}.mg-c-progress__fill{height:100%;border-radius:calc((var(--mg-c-progress-size) + var(--mg-b-size-border)*2)/2);transition:width 300ms ease-in-out}.mg-c-progress__bar.mg-c-progress__bar--active .mg-c-progress__fill{background-color:var(--mg-c-progress-fill-color-background)}";const g=c;const l=class{constructor(e){r(this,e);this.ariaRole="progressbar";this.value=0;this.min=0;this.max=100}watchLabel(r){if(!a(r)){throw new Error(`<mg-progress> prop "label" must be a valid string. Passed value: ${o(r)}.`)}}watchAriaRole(r){if(r&&!t.includes(r)){throw new Error(`<mg-progress> prop "ariaRole" must be one of: ${t.join(", ")}. Passed value: ${o(r)}.`)}}watchValue(r){if(r!==undefined&&(!i(r)||!(r>=this.min&&r<=this.max)))throw new Error(`<mg-progress> prop “value” must be a number within the range ${this.min} to ${this.max}. Passed value: ${o(r)}.`)}watchMin(r){if(r!==0&&r!==undefined&&(!i(r)||r>=this.max))throw new Error(`<mg-progress> prop “min” must be a number lower than: ${this.max}. Passed value: ${o(r)}.`)}watchMax(r){if(r!==100&&r!==undefined&&(!i(r)||r<=this.min))throw new Error(`<mg-progress> prop “max” must be a number greater than: ${this.min}. Passed value: ${o(r)}.`)}componentWillLoad(){this.watchLabel(this.label);this.watchAriaRole(this.ariaRole);this.watchMin(this.min);this.watchMax(this.max);this.watchValue(this.value)}render(){return e(s,{key:"53468a3432308e0e255a2a3ed8164091a414ba99",role:this.ariaRole,"aria-label":this.label,"aria-valuenow":this.value,"aria-valuemin":this.min,"aria-valuemax":this.max},e("div",{key:"c96350a559b88cbe3ff8db5df277284034772ac9",class:"mg-c-progress"},e("div",{key:"9a5cb4e8f0d18ea2ba26b3689035e00ce2a52a15",class:{"mg-c-progress__bar":true,"mg-c-progress__bar--active":this.value>this.min}},e("div",{key:"fb1908f24f86754a3a7359669205e86e7e44c6ab",class:"mg-c-progress__fill",style:{width:`${Math.round((this.value-this.min)/(this.max-this.min)*100)}%`}}))))}static get watchers(){return{label:["watchLabel"],ariaRole:["watchAriaRole"],value:["watchValue"],min:["watchMin"],max:["watchMax"]}}};l.style=g;export{l as mg_progress};
-//# sourceMappingURL=p-361cc090.entry.js.map
+import{r,h as e,H as s}from"./p-e39791fa.js";import{m as a,V as o,e as i}from"./p-12a1edee.js";const t=["progressbar","meter"];const c="/*!\n * @prop --mg-c-progress-size: Defines the size of the progress bar. Default value is `--mg-b-size-8`.\n * @prop --mg-c-progress-border-color: Defines the color of the progress bar border. Default value is `--mg-b-color-neutral-80`.\n * @prop --mg-c-progress-bar-color-background: Defines the color of the progress bar. Default value is `--mg-b-color-neutral-30`.\n * @prop --mg-c-progress-fill-color-background: Defines the color of the progress bar fill background. Default value is `--mg-b-color-app`.\n */.mg-c-progress{min-width:calc(var(--mg-b-size-16)*4)}.mg-c-progress__bar{position:relative;overflow:hidden;height:var(--mg-c-progress-size);border-width:var(--mg-b-size-border);border-style:solid;border-color:var(--mg-c-progress-border-color);border-radius:calc((var(--mg-c-progress-size) + var(--mg-b-size-border)*2)/2);background-color:var(--mg-c-progress-bar-color-background)}.mg-c-progress__fill{height:100%;border-radius:calc((var(--mg-c-progress-size) + var(--mg-b-size-border)*2)/2);transition:width 300ms ease-in-out}.mg-c-progress__bar.mg-c-progress__bar--active .mg-c-progress__fill{background-color:var(--mg-c-progress-fill-color-background)}";const g=c;const l=class{constructor(e){r(this,e);this.ariaRole="progressbar";this.value=0;this.min=0;this.max=100}watchLabel(r){if(!a(r)){throw new Error(`<mg-progress> prop "label" must be a valid string. Passed value: ${o(r)}.`)}}watchAriaRole(r){if(r&&!t.includes(r)){throw new Error(`<mg-progress> prop "ariaRole" must be one of: ${t.join(", ")}. Passed value: ${o(r)}.`)}}watchValue(r){if(r!==undefined&&(!i(r)||!(r>=this.min&&r<=this.max)))throw new Error(`<mg-progress> prop “value” must be a number within the range ${this.min} to ${this.max}. Passed value: ${o(r)}.`)}watchMin(r){if(r!==0&&r!==undefined&&(!i(r)||r>=this.max))throw new Error(`<mg-progress> prop “min” must be a number lower than: ${this.max}. Passed value: ${o(r)}.`)}watchMax(r){if(r!==100&&r!==undefined&&(!i(r)||r<=this.min))throw new Error(`<mg-progress> prop “max” must be a number greater than: ${this.min}. Passed value: ${o(r)}.`)}componentWillLoad(){this.watchLabel(this.label);this.watchAriaRole(this.ariaRole);this.watchMin(this.min);this.watchMax(this.max);this.watchValue(this.value)}render(){return e(s,{key:"53468a3432308e0e255a2a3ed8164091a414ba99",role:this.ariaRole,"aria-label":this.label,"aria-valuenow":this.value,"aria-valuemin":this.min,"aria-valuemax":this.max},e("div",{key:"c96350a559b88cbe3ff8db5df277284034772ac9",class:"mg-c-progress"},e("div",{key:"9a5cb4e8f0d18ea2ba26b3689035e00ce2a52a15",class:{"mg-c-progress__bar":true,"mg-c-progress__bar--active":this.value>this.min}},e("div",{key:"fb1908f24f86754a3a7359669205e86e7e44c6ab",class:"mg-c-progress__fill",style:{width:`${Math.round((this.value-this.min)/(this.max-this.min)*100)}%`}}))))}static get watchers(){return{label:["watchLabel"],ariaRole:["watchAriaRole"],value:["watchValue"],min:["watchMin"],max:["watchMax"]}}};l.style=g;export{l as mg_progress};
+//# sourceMappingURL=p-fd4a7980.entry.js.map

package/dist/types/components/atoms/mg-button/mg-button.d.ts

@@ -58,7 +58,7 @@ export declare class MgButton {
      * Used for icon button.
      */
     isIcon: boolean;
-    watchIsIcon(): void;
+    watchIsIcon(newValue: boolean): void;
     /**
      * 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.

package/dist/types/components/molecules/inputs/mg-input-date/mg-input-date.conf.d.ts

@@ -1,2 +1,3 @@
 import type { InputError } from '../../../../types';
+export declare const DEFAULT_MAX_DATE = "9999-12-31";
 export type InputDateError = InputError & ('min' | 'max' | 'minMax' | 'required' | 'badInput');

package/dist/types/components/molecules/inputs/mg-input-numeric/mg-input-numeric.d.ts

@@ -190,11 +190,6 @@ export declare class MgInputNumeric {
      * @returns Returns true if the value is valid, otherwise false.
      */
     private isValidValue;
-    /**
-     * Handles invalid input values and returns a corrected value.
-     * @returns The corrected value.
-     */
-    private handleInvalidValue;
     /**
      * Updates the component values based on the validated input value.
      * @param newValue - The validated input value.
@@ -248,6 +243,12 @@ export declare class MgInputNumeric {
      * Validate append slot
      */
     private validateAppendSlot;
+    /**
+     * Format help text to display
+     * @param helpText - help text format
+     * @returns formatted help text with range information if applicable
+     */
+    private formatHelpText;
     /*************
      * Lifecycle *
      *************/

package/dist/types/components/molecules/inputs/mg-input-text/mg-input-text.conf.d.ts

@@ -1,8 +1,10 @@
-import { Option } from '../../../../types';
+import type { Option } from '../../../../types';
 /**
  * TextType from text types
  */
-export type TextType = 'text' | 'search';
+export declare const helpTextTypes: readonly ["email", "emails", "url"];
+export declare const textTypes: readonly ["text", "search", "tel", "email", "emails", "url"];
+export type TextType = (typeof textTypes)[number];
 /**
  * Option type
  */

package/dist/types/components/molecules/inputs/mg-input-text/mg-input-text.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import { ClassList } from '@mgdis/stencil-helpers';
-import { OptionType, TextType } from './mg-input-text.conf';
+import { type OptionType, type TextType } from './mg-input-text.conf';
 import { type TooltipPosition, type Width } from '../mg-input/mg-input.conf';
 import { IconType } from '../../../../components';
 /**
@@ -51,6 +51,7 @@ export declare class MgInputText {
      * Input type
      */
     type: TextType;
+    validateType(newValue: TextType): void;
     /**
      * Input icon
      */
@@ -107,7 +108,7 @@ export declare class MgInputText {
      * Define input pattern error message
      */
     patternErrorMessage?: string;
-    validatePattern(newValue: string): void;
+    watchPattern(): void;
     /**
      * Add a tooltip message next to the input
      */
@@ -124,6 +125,7 @@ export declare class MgInputText {
      * Add a help text under the input, usually expected data format and example
      */
     helpText?: string;
+    watchHelpText(newValue: string): void;
     /**
      * Define input valid state
      */
@@ -174,6 +176,10 @@ export declare class MgInputText {
      * @param newValue - valid new value
      */
     private setValidity;
+    /**
+     * Validate pattern configuration
+     */
+    private validatePattern;
     /**
      * Handle input event
      */

package/dist/types/components/molecules/mg-table/mg-table.conf.d.ts

@@ -0,0 +1,19 @@
+import type { Size } from '../../../types';
+/**
+ * Sizes
+ */
+export declare const sizes: readonly ["small", "medium", "large", "xlarge"];
+export type TableSizeType = Size & (typeof sizes)[number];
+/**
+ * Columns
+ */
+export declare const textAlignments: readonly ["left", "center", "right"];
+export declare const dataTypes: readonly ["string", "numeric", "date"];
+export type datatypesType = (typeof dataTypes)[number];
+export type ColumnsType = {
+    [key: number]: {
+        align?: (typeof textAlignments)[number];
+        sortable?: boolean;
+        datatype?: datatypesType;
+    };
+};

package/dist/types/components/molecules/mg-table/mg-table.d.ts

@@ -0,0 +1,58 @@
+import { ClassList } from '@mgdis/stencil-helpers';
+import { type TableSizeType, type ColumnsType } from './mg-table.conf';
+/**
+ * @slot - Table content
+ */
+export declare class MgTable {
+    /************
+     * Internal *
+     ************/
+    private messages;
+    private readonly componentClass;
+    private readonly componentWrapperClass;
+    private readonly classFullWidth;
+    private alignmentStylesheet;
+    /**************
+     * Decorators *
+     **************/
+    /**
+     * Get component DOM element
+     */
+    element: HTMLMgTableElement;
+    /**
+     * Define table size
+     */
+    size: TableSizeType;
+    watchSize(newValue: MgTable['size'], oldValue?: MgTable['size']): void;
+    /**
+     * Define if table fits its parent element
+     */
+    fullWidth: boolean;
+    watchFullWidth(newValue: MgTable['fullWidth']): void;
+    /**
+     * Define column properties
+     */
+    columns: ColumnsType;
+    watchColumns(newValue: ColumnsType): void;
+    /**
+     * Class collection
+     */
+    classCollection: ClassList;
+    /**
+     * Render Table
+     * @param table - Table element
+     */
+    private renderTable;
+    /*************
+     * Lifecycle *
+     *************/
+    componentWillLoad(): void;
+    /**
+     * Set variables and validate props
+     */
+    componentDidLoad(): void;
+    /**
+     * Update table
+     */
+    componentWillUpdate(): void;
+}

package/dist/types/components.d.ts

@@ -31,6 +31,7 @@ import { ExpandToggleDisplayType, TitlePositionType } from "./components/molecul
 import { PopoverPlacementType } from "./components/molecules/mg-popover/mg-popover.conf";
 import { AriaRoleType as AriaRoleType1 } from "./components/molecules/mg-progress/mg-progress.conf";
 import { SkipLink } from "./components/molecules/mg-skip-links/mg-skip-links.conf";
+import { ColumnsType, TableSizeType } from "./components/molecules/mg-table/mg-table.conf";
 import { SizeType as SizeType2, TabItem } from "./components/molecules/mg-tabs/mg-tabs.conf";
 import { TagVariantType } from "./components/atoms/mg-tag/mg-tag.conf";
 import { TooltipPlacementType } from "./components/atoms/mg-tooltip/mg-tooltip.conf";
@@ -60,6 +61,7 @@ export { ExpandToggleDisplayType, TitlePositionType } from "./components/molecul
 export { PopoverPlacementType } from "./components/molecules/mg-popover/mg-popover.conf";
 export { AriaRoleType as AriaRoleType1 } from "./components/molecules/mg-progress/mg-progress.conf";
 export { SkipLink } from "./components/molecules/mg-skip-links/mg-skip-links.conf";
+export { ColumnsType, TableSizeType } from "./components/molecules/mg-table/mg-table.conf";
 export { SizeType as SizeType2, TabItem } from "./components/molecules/mg-tabs/mg-tabs.conf";
 export { TagVariantType } from "./components/atoms/mg-tag/mg-tag.conf";
 export { TooltipPlacementType } from "./components/atoms/mg-tooltip/mg-tooltip.conf";
@@ -1513,6 +1515,20 @@ export namespace Components {
          */
         "links": SkipLink[];
     }
+    interface MgTable {
+        /**
+          * Define column properties
+         */
+        "columns": ColumnsType;
+        /**
+          * Define if table fits its parent element
+         */
+        "fullWidth": boolean;
+        /**
+          * Define table size
+         */
+        "size": TableSizeType;
+    }
     interface MgTabs {
         /**
           * Active tab number
@@ -2150,6 +2166,12 @@ declare global {
         prototype: HTMLMgSkipLinksElement;
         new (): HTMLMgSkipLinksElement;
     };
+    interface HTMLMgTableElement extends Components.MgTable, HTMLStencilElement {
+    }
+    var HTMLMgTableElement: {
+        prototype: HTMLMgTableElement;
+        new (): HTMLMgTableElement;
+    };
     interface HTMLMgTabsElementEventMap {
         "active-tab-change": HTMLMgTabsElement['activeTab'];
     }
@@ -2222,6 +2244,7 @@ declare global {
         "mg-popover-content": HTMLMgPopoverContentElement;
         "mg-progress": HTMLMgProgressElement;
         "mg-skip-links": HTMLMgSkipLinksElement;
+        "mg-table": HTMLMgTableElement;
         "mg-tabs": HTMLMgTabsElement;
         "mg-tag": HTMLMgTagElement;
         "mg-tooltip": HTMLMgTooltipElement;
@@ -3680,6 +3703,20 @@ declare namespace LocalJSX {
          */
         "onGo-to-anchor"?: (event: MgSkipLinksCustomEvent<string>) => void;
     }
+    interface MgTable {
+        /**
+          * Define column properties
+         */
+        "columns"?: ColumnsType;
+        /**
+          * Define if table fits its parent element
+         */
+        "fullWidth"?: boolean;
+        /**
+          * Define table size
+         */
+        "size"?: TableSizeType;
+    }
     interface MgTabs {
         /**
           * Active tab number
@@ -3785,6 +3822,7 @@ declare namespace LocalJSX {
         "mg-popover-content": MgPopoverContent;
         "mg-progress": MgProgress;
         "mg-skip-links": MgSkipLinks;
+        "mg-table": MgTable;
         "mg-tabs": MgTabs;
         "mg-tag": MgTag;
         "mg-tooltip": MgTooltip;
@@ -3834,6 +3872,7 @@ declare module "@stencil/core" {
             "mg-popover-content": LocalJSX.MgPopoverContent & JSXBase.HTMLAttributes<HTMLMgPopoverContentElement>;
             "mg-progress": LocalJSX.MgProgress & JSXBase.HTMLAttributes<HTMLMgProgressElement>;
             "mg-skip-links": LocalJSX.MgSkipLinks & JSXBase.HTMLAttributes<HTMLMgSkipLinksElement>;
+            "mg-table": LocalJSX.MgTable & JSXBase.HTMLAttributes<HTMLMgTableElement>;
             "mg-tabs": LocalJSX.MgTabs & JSXBase.HTMLAttributes<HTMLMgTabsElement>;
             "mg-tag": LocalJSX.MgTag & JSXBase.HTMLAttributes<HTMLMgTagElement>;
             "mg-tooltip": LocalJSX.MgTooltip & JSXBase.HTMLAttributes<HTMLMgTooltipElement>;

package/ide/intellij/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@mgdis/mg-components",
-  "version": "6.7.0",
+  "version": "6.8.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -4206,10 +4206,10 @@
             },
             {
               "name": "type",
-              "description": "Input type\n\nType: `\"search\" | \"text\"`",
+              "description": "Input type\n\nType: `\"email\" | \"emails\" | \"search\" | \"tel\" | \"text\" | \"url\"`",
               "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-text--docs",
               "value": {
-                "type": "\"search\" | \"text\"",
+                "type": "\"email\" | \"emails\" | \"search\" | \"tel\" | \"text\" | \"url\"",
                 "default": "'text'",
                 "required": false
               }
@@ -4426,10 +4426,10 @@
               },
               {
                 "name": "type",
-                "description": "Input type\n\nType: `\"search\" | \"text\"`",
+                "description": "Input type\n\nType: `\"email\" | \"emails\" | \"search\" | \"tel\" | \"text\" | \"url\"`",
                 "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-text--docs",
                 "value": {
-                  "type": "\"search\" | \"text\"",
+                  "type": "\"email\" | \"emails\" | \"search\" | \"tel\" | \"text\" | \"url\"",
                   "default": "'text'",
                   "required": false
                 }
@@ -6335,6 +6335,70 @@
             "properties": []
           }
         },
+        {
+          "name": "mg-table",
+          "description": "Attributes:\n- `full-width`: Define if table fits its parent element\n- `size`: Define table size\n\nProperties:\n- `columns`: Define column properties\n\nSlots:\n- ``: Table content\n\n",
+          "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-table--docs",
+          "attributes": [
+            {
+              "name": "full-width",
+              "description": "Define if table fits its parent element\n\nType: `boolean`",
+              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-table--docs",
+              "value": {
+                "type": "boolean",
+                "default": "false",
+                "required": false
+              }
+            },
+            {
+              "name": "size",
+              "description": "Define table size\n\nType: `\"large\" | \"medium\" | \"small\" | \"xlarge\"`",
+              "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-table--docs",
+              "value": {
+                "type": "\"large\" | \"medium\" | \"small\" | \"xlarge\"",
+                "default": "'medium'",
+                "required": false
+              }
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "columns",
+                "description": "Define column properties\n\nType: `{ [key: number]: { align?: \"center\" | \"right\" | \"left\"; sortable?: boolean; datatype?: \"string\" | \"numeric\" | \"date\"; }; }`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-table--docs",
+                "value": {
+                  "type": "{ [key: number]: { align?: \"center\" | \"right\" | \"left\"; sortable?: boolean; datatype?: \"string\" | \"numeric\" | \"date\"; }; }",
+                  "required": false
+                }
+              },
+              {
+                "name": "fullWidth",
+                "description": "Define if table fits its parent element\n\nType: `boolean`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-table--docs",
+                "value": {
+                  "type": "boolean",
+                  "default": "false",
+                  "required": false
+                }
+              },
+              {
+                "name": "size",
+                "description": "Define table size\n\nType: `\"large\" | \"medium\" | \"small\" | \"xlarge\"`",
+                "doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-table--docs",
+                "value": {
+                  "type": "\"large\" | \"medium\" | \"small\" | \"xlarge\"",
+                  "default": "'medium'",
+                  "required": false
+                }
+              }
+            ],
+            "events": []
+          },
+          "css": {
+            "properties": []
+          }
+        },
         {
           "name": "mg-tabs",
           "description": "Attributes:\n- `active-tab`: Active tab number\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- `label`: Tabs label. Include short tabs description.\nRequired for accessibility\n- `size`: Define tabs size\n\nProperties:\n- `items`: Tabs items\n\nEvents:\n- `active-tab-change`: Emited event when active tab change\n\nSlots:\n- `tab_content-n`: Tab content, where `n` represents the position of the tab content. It starts at 1.\n\n",

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

@@ -4794,13 +4794,25 @@
         },
         {
           "name": "type",
-          "description": "Input type\n\nType: `\"search\" | \"text\"`",
+          "description": "Input type\n\nType: `\"email\" | \"emails\" | \"search\" | \"tel\" | \"text\" | \"url\"`",
           "values": [
+            {
+              "name": "email"
+            },
+            {
+              "name": "emails"
+            },
             {
               "name": "search"
             },
+            {
+              "name": "tel"
+            },
             {
               "name": "text"
+            },
+            {
+              "name": "url"
             }
           ],
           "references": [
@@ -6372,6 +6384,78 @@
         }
       ]
     },
+    {
+      "name": "mg-table",
+      "description": "Attributes:\n- `full-width`: Define if table fits its parent element\n- `size`: Define table size\n\nProperties:\n- `columns`: Define column properties\n\nSlots:\n- ``: Table content\n\n",
+      "attributes": [
+        {
+          "name": "columns",
+          "description": "Define column properties\n\nType: `{ [key: number]: { align?: \"center\" | \"right\" | \"left\"; sortable?: boolean; datatype?: \"string\" | \"numeric\" | \"date\"; }; }`",
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-table--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-table/mg-table.tsx"
+            }
+          ]
+        },
+        {
+          "name": "full-width",
+          "description": "Define if table fits its parent element\n\nType: `boolean`",
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-table--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-table/mg-table.tsx"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Define table size\n\nType: `\"large\" | \"medium\" | \"small\" | \"xlarge\"`",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "small"
+            },
+            {
+              "name": "xlarge"
+            }
+          ],
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-table--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-table/mg-table.tsx"
+            }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "Storybook",
+          "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-table--docs"
+        },
+        {
+          "name": "Sources",
+          "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/molecules/mg-table/mg-table.tsx"
+        }
+      ]
+    },
     {
       "name": "mg-tabs",
       "description": "Attributes:\n- `active-tab`: Active tab number\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- `label`: Tabs label. Include short tabs description.\nRequired for accessibility\n- `size`: Define tabs size\n\nProperties:\n- `items`: Tabs items\n\nEvents:\n- `active-tab-change`: Emited event when active tab change\n\nSlots:\n- `tab_content-n`: Tab content, where `n` represents the position of the tab content. It starts at 1.\n\n",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mgdis/mg-components",
-  "version": "6.7.0",
+  "version": "6.8.0",
   "description": "MG Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -36,41 +36,41 @@
     "@floating-ui/dom": "1.6.13",
     "@stencil/core": "4.25.1",
     "quill": "2.0.3",
-    "@mgdis/stencil-helpers": "2.2.5",
     "@mgdis/img": "2.3.0",
-    "@mgdis/styles": "2.3.1"
+    "@mgdis/styles": "2.4.0",
+    "@mgdis/stencil-helpers": "2.2.6"
   },
   "devDependencies": {
-    "@playwright/test": "1.50.0",
-    "@storybook/addon-a11y": "8.6.3",
-    "@storybook/addon-actions": "8.6.3",
-    "@storybook/addon-essentials": "8.6.3",
-    "@storybook/addon-interactions": "8.6.3",
-    "@storybook/addon-links": "8.6.3",
-    "@storybook/blocks": "8.6.3",
-    "@storybook/html": "8.6.3",
-    "@storybook/html-vite": "8.6.3",
-    "@storybook/manager-api": "8.6.3",
-    "@storybook/theming": "8.6.3",
+    "@playwright/test": "1.51.1",
+    "@storybook/addon-a11y": "8.6.7",
+    "@storybook/addon-actions": "8.6.7",
+    "@storybook/addon-essentials": "8.6.7",
+    "@storybook/addon-interactions": "8.6.7",
+    "@storybook/addon-links": "8.6.7",
+    "@storybook/blocks": "8.6.7",
+    "@storybook/html": "8.6.7",
+    "@storybook/html-vite": "8.6.7",
+    "@storybook/manager-api": "8.6.7",
+    "@storybook/theming": "8.6.7",
     "@types/jest": "29.5.14",
-    "@types/node": "22.13.5",
+    "@types/node": "22.13.10",
     "chromatic": "11.27.0",
     "eslint": "8.57.1",
-    "eslint-plugin-storybook": "0.11.3",
+    "eslint-plugin-storybook": "0.11.4",
     "jest": "29.7.0",
     "jest-cli": "29.7.0",
     "jest-junit": "16.0.0",
     "jest-transform-stub": "2.0.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "sass": "1.85.1",
-    "storybook": "8.6.3",
+    "sass": "1.86.0",
+    "storybook": "8.6.7",
     "storybook-addon-tag-badges": "1.4.0",
-    "typescript": "5.7.3",
-    "vite": "6.2.0",
+    "typescript": "5.8.2",
+    "vite": "6.2.2",
     "@core-ui/jest-config": "1.0.9",
-    "@mgdis/linting-stencil": "1.3.4",
-    "@mgdis/playwright-helpers": "1.1.0"
+    "@mgdis/linting-stencil": "1.3.5",
+    "@mgdis/playwright-helpers": "1.1.1"
   },
   "license": "BSD-3-Clause",
   "scripts": {

package/dist/cjs/index-b7923724.js.map

@@ -1 +0,0 @@
-{"file":"index-b7923724.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,aAAa,GAAG,IAAI,CAAC;AAC3B,MAAM,QAAQ,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AAE5B;;;;;MAKa,WAAW,GAAGA,WAAa,CAAC,QAAQ,EAAE,aAAa;;;;","names":["defineLocales"],"sources":["src/locales/index.ts"],"sourcesContent":["import en from './en/messages.json';\nimport fr from './fr/messages.json';\nimport { defineLocales } from '@mgdis/stencil-helpers';\n\nconst defaultLocale = 'en';\nconst messages = { en, fr };\n\n/**\n * Get Intl object\n * @param element - element we need to get the language\n * @returns messages object\n */\nexport const initLocales = defineLocales(messages, defaultLocale);\n"],"version":3}