@mgdis/mg-components 6.13.1 → 6.14.0

package/dist/collection/collection-manifest.json

@@ -45,7 +45,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.28.2",
+    "version": "4.36.0",
     "typescriptVersion": "5.5.4"
   },
   "collections": [],

package/dist/collection/components/atoms/internals/mg-character-left/mg-character-left.js

@@ -55,6 +55,7 @@ export class MgCharacterLeft {
         return {
             "identifier": {
                 "type": "string",
+                "attribute": "identifier",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -69,11 +70,11 @@ export class MgCharacterLeft {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "identifier",
                 "reflect": false
             },
             "characters": {
                 "type": "string",
+                "attribute": "characters",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -88,12 +89,12 @@ export class MgCharacterLeft {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "characters",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "maxlength": {
                 "type": "number",
+                "attribute": "maxlength",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -108,7 +109,6 @@ export class MgCharacterLeft {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "maxlength",
                 "reflect": false
             }
         };
@@ -124,4 +124,3 @@ export class MgCharacterLeft {
             }];
     }
 }
-//# sourceMappingURL=mg-character-left.js.map

package/dist/collection/components/atoms/internals/mg-input-title/mg-input-title.js

@@ -60,6 +60,7 @@ export class MgInputTitle {
         return {
             "identifier": {
                 "type": "string",
+                "attribute": "identifier",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -74,11 +75,11 @@ export class MgInputTitle {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "identifier",
                 "reflect": false
             },
             "required": {
                 "type": "boolean",
+                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -93,11 +94,11 @@ export class MgInputTitle {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "required",
                 "reflect": false
             },
             "readonly": {
                 "type": "boolean",
+                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -112,11 +113,11 @@ export class MgInputTitle {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "readonly",
                 "reflect": false
             },
             "isLegend": {
                 "type": "boolean",
+                "attribute": "is-legend",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -131,7 +132,6 @@ export class MgInputTitle {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "is-legend",
                 "reflect": false,
                 "defaultValue": "false"
             }
@@ -152,4 +152,3 @@ export class MgInputTitle {
             }];
     }
 }
-//# sourceMappingURL=mg-input-title.js.map

package/dist/collection/components/atoms/mg-badge/mg-badge.conf.js

@@ -2,4 +2,3 @@
  * List of all possibles variants
  */
 export const variants = ['info', 'primary', 'secondary', 'success', 'warning', 'danger', 'text-color'];
-//# sourceMappingURL=mg-badge.conf.js.map

package/dist/collection/components/atoms/mg-badge/mg-badge.js

@@ -80,6 +80,7 @@ export class MgBadge {
         return {
             "value": {
                 "type": "any",
+                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "string | number",
@@ -94,11 +95,11 @@ export class MgBadge {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": false
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -113,11 +114,11 @@ export class MgBadge {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false
             },
             "variant": {
                 "type": "string",
+                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
                     "original": "BadgeVariantType",
@@ -138,12 +139,12 @@ export class MgBadge {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "variant",
                 "reflect": false,
                 "defaultValue": "'info'"
             },
             "outline": {
                 "type": "boolean",
+                "attribute": "outline",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -158,7 +159,6 @@ export class MgBadge {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "outline",
                 "reflect": false,
                 "defaultValue": "false"
             }
@@ -185,4 +185,3 @@ export class MgBadge {
             }];
     }
 }
-//# sourceMappingURL=mg-badge.js.map

package/dist/collection/components/atoms/mg-button/mg-button.conf.js

@@ -10,4 +10,3 @@ export const variants = ['primary', 'secondary', 'danger', 'danger-alt', 'info',
  * List of all possibles button types
  */
 export const buttonTypes = ['button', 'submit', 'reset'];
-//# sourceMappingURL=mg-button.conf.js.map

package/dist/collection/components/atoms/mg-button/mg-button.js

@@ -223,6 +223,7 @@ export class MgButton {
         return {
             "variant": {
                 "type": "string",
+                "attribute": "variant",
                 "mutable": true,
                 "complexType": {
                     "original": "VariantType",
@@ -243,12 +244,12 @@ export class MgButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "variant",
                 "reflect": false,
                 "defaultValue": "'primary'"
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -263,11 +264,11 @@ export class MgButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false
             },
             "type": {
                 "type": "string",
+                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "ButtonType",
@@ -288,11 +289,11 @@ export class MgButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "type",
                 "reflect": false
             },
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "SizeType",
@@ -313,12 +314,12 @@ export class MgButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
                 "reflect": false,
                 "defaultValue": "'medium'"
             },
             "fullWidth": {
                 "type": "boolean",
+                "attribute": "full-width",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -333,12 +334,12 @@ export class MgButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "full-width",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "form": {
                 "type": "string",
+                "attribute": "form",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -353,11 +354,11 @@ export class MgButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "form",
                 "reflect": false
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -372,11 +373,11 @@ export class MgButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": false
             },
             "isIcon": {
                 "type": "boolean",
+                "attribute": "is-icon",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -391,12 +392,12 @@ export class MgButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "is-icon",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "disableOnClick": {
                 "type": "boolean",
+                "attribute": "disable-on-click",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -411,7 +412,6 @@ export class MgButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disable-on-click",
                 "reflect": false,
                 "defaultValue": "false"
             }
@@ -469,4 +469,3 @@ export class MgButton {
             }];
     }
 }
-//# sourceMappingURL=mg-button.js.map

package/dist/collection/components/atoms/mg-card/mg-card.conf.js

@@ -0,0 +1,4 @@
+/**
+ * List of all possibles radius size
+ */
+export const radiusSizes = ['xsmall', 'small', 'medium'];

package/dist/collection/components/atoms/mg-card/mg-card.js

@@ -1,17 +1,56 @@
 import { h } from "@stencil/core";
+import { ClassList } from "@mgdis/core-ui-helpers/dist/utils";
+import { radiusSizes } from "./mg-card.conf";
 /**
  * @slot - Card content
  */
 export class MgCard {
+    constructor() {
+        /**
+         * Add box-shadow style
+         */
+        this.shadow = false;
+        /**
+         * Define the border radius size
+         */
+        this.radiusSize = 'medium';
+        /**
+         * Component classes
+         */
+        this.classCollection = new ClassList(['mg-c-card']);
+    }
+    watchShadow(newValue) {
+        if (newValue) {
+            this.classCollection.add('mg-c-card--shadow');
+        }
+        else {
+            this.classCollection.delete('mg-c-card--shadow');
+        }
+    }
+    watchRadiusSize(newValue, oldValue) {
+        if (oldValue !== undefined && radiusSizes.includes(oldValue)) {
+            this.classCollection.delete(`mg-c-card--radius-${oldValue}`);
+        }
+        if (radiusSizes.includes(newValue)) {
+            this.classCollection.add(`mg-c-card--radius-${newValue}`);
+        }
+    }
     /*************
      * Lifecycle *
      *************/
+    /**
+     * Check if component props are well configured on init
+     */
+    componentWillLoad() {
+        this.watchShadow(this.shadow);
+        this.watchRadiusSize(this.radiusSize);
+    }
     /**
      * Render
      * @returns HTML Element
      */
     render() {
-        return (h("div", { key: 'e59cabb09dbc28c148770b57de98f130c4479b75', class: "mg-c-card" }, h("slot", { key: 'b6e679317bddd23e73443c601992b7b344d6dc72' })));
+        return (h("div", { key: '6f83c5f7f9e0aacf502e407450cfdf039635a1f1', class: this.classCollection.join() }, h("slot", { key: '6bf8c02d3c3c9d0719e45af96b41f54289e31961' })));
     }
     static get is() { return "mg-card"; }
     static get encapsulation() { return "shadow"; }
@@ -25,5 +64,68 @@ export class MgCard {
             "$": ["../../../../node_modules/@mgdis/styles/dist/components/mg-card.css"]
         };
     }
+    static get properties() {
+        return {
+            "shadow": {
+                "type": "boolean",
+                "attribute": "shadow",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Add box-shadow style"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "radiusSize": {
+                "type": "string",
+                "attribute": "radius-size",
+                "mutable": false,
+                "complexType": {
+                    "original": "RadiusSizeType",
+                    "resolved": "\"medium\" | \"small\" | \"xsmall\"",
+                    "references": {
+                        "RadiusSizeType": {
+                            "location": "import",
+                            "path": "./mg-card.conf",
+                            "id": "src/components/atoms/mg-card/mg-card.conf.ts::RadiusSizeType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Define the border radius size"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'medium'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "classCollection": {}
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "shadow",
+                "methodName": "watchShadow"
+            }, {
+                "propName": "radiusSize",
+                "methodName": "watchRadiusSize"
+            }];
+    }
 }
-//# sourceMappingURL=mg-card.js.map

package/dist/collection/components/atoms/mg-divider/mg-divider.js

@@ -35,6 +35,7 @@ export class MgDivider {
         return {
             "fullWidth": {
                 "type": "boolean",
+                "attribute": "full-width",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -49,11 +50,9 @@ export class MgDivider {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "full-width",
                 "reflect": false,
                 "defaultValue": "false"
             }
         };
     }
 }
-//# sourceMappingURL=mg-divider.js.map

package/dist/collection/components/atoms/mg-icon/mg-icon.conf.js

@@ -10,4 +10,3 @@ export const variants = ['success', 'warning', 'danger', 'info', 'app'];
  * List of all possibles variants styles
  */
 export const variantStyles = ['icon', 'background', 'full'];
-//# sourceMappingURL=mg-icon.conf.js.map

package/dist/collection/components/atoms/mg-icon/mg-icon.js

@@ -135,10 +135,11 @@ export class MgIcon {
         return {
             "icon": {
                 "type": "string",
+                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "IconType",
-                    "resolved": "\"filter\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"copy\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"address-card-outline\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"arrows-up-down\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calculator-outline\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-outline\" | \"eye-slash\" | \"eye-slash-outline\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-checked\" | \"floppy-disk-checked-outline\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-euro\" | \"hand-euro-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"layers\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"list\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-outline\" | \"paper-plane-slash\" | \"paper-plane-slash-outline\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tag-outline\" | \"tags\" | \"tags-outline\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"universal-access-outline\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-group-outline\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"",
+                    "resolved": "\"filter\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"key\" | \"list\" | \"copy\" | \"history\" | \"location\" | \"loader\" | \"address-card\" | \"address-card-outline\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"arrows-up-down\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calculator-outline\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-outline\" | \"eye-slash\" | \"eye-slash-outline\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-checked\" | \"floppy-disk-checked-outline\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-euro\" | \"hand-euro-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"layers\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-outline\" | \"paper-plane-slash\" | \"paper-plane-slash-outline\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tag-outline\" | \"tags\" | \"tags-outline\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"universal-access-outline\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-group-outline\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"",
                     "references": {
                         "IconType": {
                             "location": "import",
@@ -155,11 +156,11 @@ export class MgIcon {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "icon",
                 "reflect": false
             },
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "IconSizeType",
@@ -180,12 +181,12 @@ export class MgIcon {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
                 "reflect": false,
                 "defaultValue": "'medium'"
             },
             "variant": {
                 "type": "string",
+                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
                     "original": "IconVariantType",
@@ -206,11 +207,11 @@ export class MgIcon {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "variant",
                 "reflect": false
             },
             "variantStyle": {
                 "type": "string",
+                "attribute": "variant-style",
                 "mutable": true,
                 "complexType": {
                     "original": "IconVariantStyleType",
@@ -231,11 +232,11 @@ export class MgIcon {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "variant-style",
                 "reflect": false
             },
             "spin": {
                 "type": "boolean",
+                "attribute": "spin",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -250,7 +251,6 @@ export class MgIcon {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "spin",
                 "reflect": false,
                 "defaultValue": "false"
             }
@@ -281,4 +281,3 @@ export class MgIcon {
             }];
     }
 }
-//# sourceMappingURL=mg-icon.js.map

package/dist/collection/components/atoms/mg-tag/mg-tag.conf.js

@@ -2,4 +2,3 @@
  * List of all possibles variants
  */
 export const variants = ['primary', 'secondary', 'success', 'warning', 'danger', 'info'];
-//# sourceMappingURL=mg-tag.conf.js.map

package/dist/collection/components/atoms/mg-tag/mg-tag.js

@@ -102,6 +102,7 @@ export class MgTag {
         return {
             "variant": {
                 "type": "string",
+                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
                     "original": "TagVariantType",
@@ -122,12 +123,12 @@ export class MgTag {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "variant",
                 "reflect": false,
                 "defaultValue": "'primary'"
             },
             "outline": {
                 "type": "boolean",
+                "attribute": "outline",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -142,12 +143,12 @@ export class MgTag {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "outline",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "soft": {
                 "type": "boolean",
+                "attribute": "soft",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -162,7 +163,6 @@ export class MgTag {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "soft",
                 "reflect": false,
                 "defaultValue": "false"
             }
@@ -187,4 +187,3 @@ export class MgTag {
             }];
     }
 }
-//# sourceMappingURL=mg-tag.js.map

package/dist/collection/components/atoms/mg-tooltip/mg-tooltip-content/mg-tooltip-content.js

@@ -29,6 +29,7 @@ export class MgTooltipContent {
         return {
             "message": {
                 "type": "string",
+                "attribute": "message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -43,10 +44,8 @@ export class MgTooltipContent {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "message",
                 "reflect": false
             }
         };
     }
 }
-//# sourceMappingURL=mg-tooltip-content.js.map

package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.conf.js

@@ -4,4 +4,3 @@ export const Guard = {
     HOVER_TOOLTIPED_ELEMENT: 'hoverTooltiped',
     DISABLE_ON_CLICK: 'disableOnClick',
 };
-//# sourceMappingURL=mg-tooltip.conf.js.map