@mgdis/mg-components 6.2.0 → 6.3.0

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

@@ -75,7 +75,7 @@
     },
     {
       "name": "mg-alert",
-      "description": "Attributes:\n- `delay`: Add a delay to hide/close message when it passed\nValue is defined in seconds and must greater than 2 seconds\n- `variant`: Define variant\n- `variant-style`: Define variant style\n\nEvents:\n- `component-hide`: Emited event when alert is hidden\n- `component-show`: Emited event when alert is diplayed\n\nSlots:\n- ``: Alert content\n- `actions`: Actions content\n\n",
+      "description": "Attributes:\n- `delay`: Add a delay to hide/close message when it passed\nValue is defined in seconds and must greater than 2 seconds\n- `variant`: Define variant\n- `variant-style`: Define variant style\n\nEvents:\n- `component-close`: Emmited event when alert is closed\n- `component-hide`: Emited event when alert is hidden\n- `component-show`: Emited event when alert is diplayed\n\nSlots:\n- ``: Alert content\n- `actions`: Actions content\n\n",
       "attributes": [
         {
           "name": "delay",
@@ -250,7 +250,7 @@
     },
     {
       "name": "mg-button",
-      "description": "Attributes:\n- `disable-on-click`: Option to set input disable on click, in order to prevent multi-click.\nParent component have to remove the attribute 'disabled' when the process ends.\n- `disabled`: Disable button\n- `form`: Define form id to attach button with.\nIf this attribute is not set, the `<button>` is associated with its ancestor `<form>` element.\n- `full-width`: Set button to full-width\n- `is-icon`: Define if button is round.\nUsed for icon button.\n- `label`: aria-label\nIn case button text is not explicit enough\n- `type`: Define button type\n- `variant`: Define button variant\n\nEvents:\n- `disabled-change`: Emmited event when disabled change\n\nSlots:\n- ``: Button content\n\n",
+      "description": "Attributes:\n- `disable-on-click`: Option to set input disable on click, in order to prevent multi-click.\nParent component have to remove the attribute 'disabled' when the process ends.\n- `disabled`: Disable button\n- `form`: Define form id to attach button with.\nIf this attribute is not set, the `<button>` is associated with its ancestor `<form>` element.\n- `full-width`: Set button to full-width\n- `is-icon`: Define if button is round.\nUsed for icon button.\n- `label`: aria-label\nIn case button text is not explicit enough\n- `size`: Define button size\n- `type`: Define button type\n- `variant`: Define button variant\n\nEvents:\n- `disabled-change`: Emmited event when disabled change\n\nSlots:\n- ``: Button content\n\n",
       "attributes": [
         {
           "name": "disable-on-click",
@@ -336,6 +336,28 @@
             }
           ]
         },
+        {
+          "name": "size",
+          "description": "Define button size\n\nType: `\"large\" | \"medium\"`",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "medium"
+            }
+          ],
+          "references": [
+            {
+              "name": "Storybook",
+              "url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/atoms-mg-button--docs"
+            },
+            {
+              "name": "Sources",
+              "url": "https://gitlab.mgdis.fr/core/core-ui/core-ui/-/tree/master/packages/mg-components/src/components/atoms/mg-button/mg-button.tsx"
+            }
+          ]
+        },
         {
           "name": "type",
           "description": "Define button type\n\nType: `\"button\" | \"reset\" | \"submit\"`",
@@ -5420,7 +5442,7 @@
     },
     {
       "name": "mg-modal",
-      "description": "Attributes:\n- `close-button`: Define if modal has a cross button\n- `dialog-role`: Modal dialog role.\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\nIf not set, it will be created.\n- `modal-title`: Displayed modal title\n- `open`: Define if modal is open\n\nEvents:\n- `component-hide`: Emmited event when modal is hidden\n- `component-show`: Emmited event when modal is diplayed\n\nSlots:\n- ``: Modal content\n- `actions`: Actions content\n\n",
+      "description": "Attributes:\n- `close-button`: Define if modal has a cross button\n- `dialog-role`: Modal dialog role.\n- `identifier`: Identifier is used for the element ID (id is a reserved prop in Stencil.js)\nIf not set, it will be created.\n- `modal-title`: Displayed modal title\n- `open`: Define if modal is open\n\nEvents:\n- `component-close`: Emmited event when modal is closed\n- `component-hide`: Emmited event when modal is hidden\n- `component-show`: Emmited event when modal is diplayed\n\nSlots:\n- ``: Modal content\n- `actions`: Actions content\n\n",
       "attributes": [
         {
           "name": "close-button",
@@ -5772,7 +5794,7 @@
     },
     {
       "name": "mg-popover",
-      "description": "Attributes:\n- `arrow-hide`: Hide popover arrow\n- `close-button`: Define if popover has a cross button\n- `disabled`: Disable popover\n- `display`: Display popover\n- `identifier`: Sets an `id` attribute.\nNeeded by the input for accessibility `aria-decribedby`.\n- `placement`: Popover placement\n\nEvents:\n- `display-change`: Emited event when display value change\n\nSlots:\n- ``: Element that will display the popover\n- `content`: popover content\n\n",
+      "description": "Attributes:\n- `arrow-hide`: Hide popover arrow\n- `close-button`: Define if popover has a cross button\n- `disabled`: Disable popover\n- `display`: Display popover\n- `identifier`: Sets an `id` attribute.\nNeeded by the input for accessibility `aria-decribedby`.\n- `placement`: Popover placement\n\nEvents:\n- `component-close`: Emmited event when popover is closed\n- `display-change`: Emited event when display value change\n\nSlots:\n- ``: Element that will display the popover\n- `content`: popover content\n\n",
       "attributes": [
         {
           "name": "arrow-hide",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mgdis/mg-components",
-  "version": "6.2.0",
+  "version": "6.3.0",
   "description": "MG Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -34,56 +34,46 @@
   },
   "dependencies": {
     "@popperjs/core": "2.11.8",
-    "@stencil/core": "4.22.2",
-    "@mgdis/img": "2.1.1",
-    "@mgdis/stencil-helpers": "2.2.0",
-    "@mgdis/styles": "2.1.0"
+    "@stencil/core": "4.22.3",
+    "@mgdis/img": "2.1.2",
+    "@mgdis/stencil-helpers": "2.2.1",
+    "@mgdis/styles": "2.2.0"
   },
   "devDependencies": {
-    "@playwright/test": "1.48.2",
-    "@storybook/addon-a11y": "8.4.4",
-    "@storybook/addon-actions": "8.4.4",
-    "@storybook/addon-essentials": "8.4.4",
-    "@storybook/addon-interactions": "8.4.4",
-    "@storybook/addon-links": "8.4.4",
-    "@storybook/blocks": "8.4.4",
-    "@storybook/html": "8.4.4",
-    "@storybook/html-vite": "8.4.4",
-    "@storybook/manager-api": "8.4.4",
-    "@storybook/testing-library": "0.2.2",
+    "@playwright/test": "1.49.1",
+    "@storybook/addon-a11y": "8.4.7",
+    "@storybook/addon-actions": "8.4.7",
+    "@storybook/addon-essentials": "8.4.7",
+    "@storybook/addon-interactions": "8.4.7",
+    "@storybook/addon-links": "8.4.7",
+    "@storybook/blocks": "8.4.7",
+    "@storybook/html": "8.4.7",
+    "@storybook/html-vite": "8.4.7",
+    "@storybook/manager-api": "8.4.7",
+    "@storybook/theming": "8.4.7",
     "@types/jest": "29.5.14",
-    "@types/node": "20.17.6",
-    "chromatic": "11.18.1",
+    "@types/node": "22.10.2",
+    "chromatic": "11.20.1",
     "eslint": "8.57.1",
-    "eslint-plugin-storybook": "0.11.0",
+    "eslint-plugin-storybook": "0.11.1",
     "jest": "29.7.0",
     "jest-cli": "29.7.0",
     "jest-junit": "16.0.0",
     "jest-transform-stub": "2.0.0",
-    "prettier": "3.3.3",
-    "puppeteer": "23.8.0",
-    "sass": "1.81.0",
-    "storybook": "8.4.4",
-    "ts-node": "10.9.2",
-    "typescript": "5.6.3",
-    "vite": "5.4.11",
-    "@core-ui/eslint-config-stencil": "1.2.2",
-    "@core-ui/jest-config": "1.0.8",
-    "@core-ui/tsconfig": "1.0.4",
+    "react": "18.3.1",
+    "sass": "1.82.0",
+    "storybook": "8.4.7",
+    "typescript": "5.7.2",
+    "vite": "6.0.3",
+    "@core-ui/jest-config": "1.0.9",
     "@mgdis/linting-stencil": "1.3.2",
-    "@mgdis/playwright-helpers": "1.0.10"
+    "@mgdis/playwright-helpers": "1.0.11"
   },
   "license": "BSD-3-Clause",
   "scripts": {
     "prebuild": "node ./bin/build-icons",
     "build": "pnpm prebuild && stencil build --docs",
     "start": "pnpm prebuild && stencil build --dev --watch --serve",
-    "lint": "pnpm lint:es && pnpm lint:prettier",
-    "lint:fix": "pnpm lint:es:fix && pnpm lint:prettier:fix",
-    "lint:es": "eslint 'src/**/*.{ts,tsx}'",
-    "lint:es:fix": "eslint 'src/**/*.{ts,tsx}' --fix",
-    "lint:prettier": "prettier --check '**/*.{ts,tsx,html,mdx,json}'",
-    "lint:prettier:fix": "prettier --write '**/*.{ts,tsx,html,mdx,json}'",
     "test": "TZ=UTC stencil test --spec --e2e",
     "test:unit": "TZ=UTC stencil test --spec --collectCoverage",
     "test:e2e": "pnpm --package=@pnpm/@playwright/test dlx playwright test",