npm - wabtec-internal-volt-basic-components - Versions diffs - 1.0.0 → 1.2.0 - Mend

wabtec-internal-volt-basic-components 1.0.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (773) hide show

package/dist/collection/components/segmented-button/vds-segmented-button.js CHANGED Viewed

@@ -30,7 +30,7 @@ export class VdsSegmentedButton {
         return (h("vds-icon", { class: "vds-segmented-button__informative-icon", "svg-icon": this.isActive && this.hasCheckmark ? "good" : this.informativeIcon, size: "1.25rem", alt: this.value }));
     }
     render() {
-        return (h(Host, { key: '667325f36f9bba31175f0a52c36a33c42981ec77', class: combineClasses(this.disabled ? "vds-segmented-button--disabled" : "", this.fullWidth ? "vds-segmented-button--full-width" : "") }, h("button", { key: 'c25d9d7e9db5b638d01bc0f2bb70ca44ce2726f6', class: combineClasses("vds-segmented-button", this.disabled ? "vds-segmented-button--disabled" : "", this.isActive ? "vds-segmented-button--active" : ""), title: this.value, disabled: this.disabled, onClick: (evt) => this.handleClick(evt) }, (this.informativeIcon || (this.isActive && this.hasCheckmark)) && this.generateInformativeIcon(), h("span", { key: '50258b210cb86e63c866f1daba637c929f6a77be', class: "vds-segmented-button__text" }, h("slot", { key: '14997013726895ef2d96694845f5beac14381e8d' })))));
+        return (h(Host, { key: 'ef37f1201d5b5f6b4436074c01333f3e756ad7d3', class: combineClasses(this.disabled ? "vds-segmented-button--disabled" : "", this.fullWidth ? "vds-segmented-button--full-width" : "") }, h("button", { key: 'be9a4369ec3d55a29388c9a56e17e805ecc5c29f', class: combineClasses("vds-segmented-button", this.disabled ? "vds-segmented-button--disabled" : "", this.isActive ? "vds-segmented-button--active" : ""), title: this.value, disabled: this.disabled, onClick: (evt) => this.handleClick(evt) }, (this.informativeIcon || (this.isActive && this.hasCheckmark)) && this.generateInformativeIcon(), h("span", { key: 'c47672d9b2220852b338fb1c240962f4fae7103c', class: "vds-segmented-button__text" }, h("slot", { key: 'cc07b120d99f888333ae0e10e7ab480a2c36888b' })))));
     }
     static get is() { return "vds-segmented-button"; }
     static get encapsulation() { return "shadow"; }
@@ -48,7 +48,6 @@ export class VdsSegmentedButton {
         return {
             "informativeIcon": {
                 "type": "string",
-                "attribute": "informative-icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -63,11 +62,11 @@ export class VdsSegmentedButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "informative-icon"
             },
             "isActive": {
                 "type": "boolean",
-                "attribute": "is-active",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -83,11 +82,11 @@ export class VdsSegmentedButton {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "is-active",
                 "defaultValue": "false"
             },
             "hasCheckmark": {
                 "type": "boolean",
-                "attribute": "has-checkmark",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -103,11 +102,11 @@ export class VdsSegmentedButton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "has-checkmark",
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -123,11 +122,11 @@ export class VdsSegmentedButton {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "value": {
                 "type": "string",
-                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -142,11 +141,11 @@ export class VdsSegmentedButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "value"
             },
             "fullWidth": {
                 "type": "boolean",
-                "attribute": "full-width",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -162,6 +161,7 @@ export class VdsSegmentedButton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "full-width",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/sheet/vds-sheet.css CHANGED Viewed

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap");
 :root {
   font-family: "Roboto Flex", sans-serif, sans-serif;
   box-sizing: border-box;
@@ -481,6 +480,13 @@
   --height-12:0.75rem;
 }
+@font-face {
+  font-family: "Roboto Flex";
+  src: url("../assets/fonts/Roboto_Flex/RobotoFlex-VariableFont_GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf") format("truetype");
+  font-weight: 100 1000;
+  font-stretch: 25% 151%;
+  font-style: normal;
+}
 :root body {
   --spacing-00:0rem;
   --spacing-01:0.125rem;
@@ -733,7 +739,15 @@
   --static-dataviz-div-red-blue-650:#163670;
   --static-dataviz-div-red-blue-700:#0B194C;
   --static-white:#ffffff;
+  --static-white-medium:rgba(255, 255, 255, 0.6392156863);
+  --static-white-low:rgba(255, 255, 255, 0.3215686275);
+  --static-white-lower:rgba(255, 255, 255, 0.1607843137);
+  --static-white-lowest:rgba(255, 255, 255, 0.1215686275);
   --static-black:#000000;
+  --static-black-medium:rgba(0, 0, 0, 0.6392156863);
+  --static-black-low:rgba(0, 0, 0, 0.3215686275);
+  --static-black-lower:rgba(0, 0, 0, 0.1607843137);
+  --static-black-lowest:rgba(0, 0, 0, 0.1215686275);
   --elevation-shadow-0:none;
   --elevation-shadow-1:0 0 2px var(--box-shadow-color-01), 0 1px 2px var(--box-shadow-color-02);
   --elevation-shadow-2:0 0 2px var(--box-shadow-color-01), 0 2px 4px var(--box-shadow-color-02);

package/dist/collection/components/sheet/vds-sheet.js CHANGED Viewed

@@ -129,7 +129,7 @@ export class VdsSheet {
         return (h("div", { class: "vds-sheet__drag-handle", onTouchStart: this.handleDragStart, onMouseDown: this.handleDragStart }, h("div", { class: "vds-sheet__drag-handle-bar" })));
     }
     render() {
-        return (h(Host, { key: 'fd605460c0ce83cd58c4ae1b213d783a8b962f6b', role: "dialog", "aria-hidden": !this.opened ? 'true' : 'false', "aria-modal": this.opened ? 'true' : 'false', class: this.opened ? 'vds-sheet--opened' : 'vds-sheet--closed' }, this.backdrop && this.renderBackdrop(), h("div", { key: 'b96170f287ee0e872b2bf06454584c81a257cb46', class: combineClasses('vds-sheet__container', this.opened ? 'vds-sheet__container--opened' : ''), style: this.getContainerStyle() }, this.renderDragHandle(), h("div", { key: '9d5ae9e92e3b1bea23925446f08b60e78bed3626', class: "vds-sheet__content" }, h("slot", { key: '576096ee264c76765010a046651e433a6a4f8b90' })))));
+        return (h(Host, { key: '9390e1ef8653d99cc2e9eeafe1185d83872356fb', role: "dialog", "aria-hidden": !this.opened ? 'true' : 'false', "aria-modal": this.opened ? 'true' : 'false', class: this.opened ? 'vds-sheet--opened' : 'vds-sheet--closed' }, this.backdrop && this.renderBackdrop(), h("div", { key: '28e1c302f7a8d99a3d1a7bc3ce81c3ee33f58c27', class: combineClasses('vds-sheet__container', this.opened ? 'vds-sheet__container--opened' : ''), style: this.getContainerStyle() }, this.renderDragHandle(), h("div", { key: 'e7fd07a07d098036aa8a8fdf77be23866dc4247f', class: "vds-sheet__content" }, h("slot", { key: '0d3c3cdb2f52f4d6f1bbf6ce39fdf477bf270ade' })))));
     }
     static get is() { return "vds-sheet"; }
     static get encapsulation() { return "shadow"; }
@@ -147,7 +147,6 @@ export class VdsSheet {
         return {
             "backdrop": {
                 "type": "boolean",
-                "attribute": "backdrop",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -163,11 +162,11 @@ export class VdsSheet {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "backdrop",
                 "defaultValue": "false"
             },
             "opened": {
                 "type": "boolean",
-                "attribute": "opened",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -183,11 +182,11 @@ export class VdsSheet {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "opened",
                 "defaultValue": "false"
             },
             "height": {
                 "type": "string",
-                "attribute": "height",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -203,11 +202,11 @@ export class VdsSheet {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "height",
                 "defaultValue": "'auto'"
             },
             "hideDragHandle": {
                 "type": "boolean",
-                "attribute": "hide-drag-handle",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -223,6 +222,7 @@ export class VdsSheet {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "hide-drag-handle",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/sidenav-item/vds-sidenav-item.css CHANGED Viewed

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap");
 :root {
   font-family: "Roboto Flex", sans-serif, sans-serif;
   box-sizing: border-box;
@@ -481,6 +480,13 @@
   --height-12:0.75rem;
 }
+@font-face {
+  font-family: "Roboto Flex";
+  src: url("../assets/fonts/Roboto_Flex/RobotoFlex-VariableFont_GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf") format("truetype");
+  font-weight: 100 1000;
+  font-stretch: 25% 151%;
+  font-style: normal;
+}
 :root body {
   --spacing-00:0rem;
   --spacing-01:0.125rem;
@@ -733,7 +739,15 @@
   --static-dataviz-div-red-blue-650:#163670;
   --static-dataviz-div-red-blue-700:#0B194C;
   --static-white:#ffffff;
+  --static-white-medium:rgba(255, 255, 255, 0.6392156863);
+  --static-white-low:rgba(255, 255, 255, 0.3215686275);
+  --static-white-lower:rgba(255, 255, 255, 0.1607843137);
+  --static-white-lowest:rgba(255, 255, 255, 0.1215686275);
   --static-black:#000000;
+  --static-black-medium:rgba(0, 0, 0, 0.6392156863);
+  --static-black-low:rgba(0, 0, 0, 0.3215686275);
+  --static-black-lower:rgba(0, 0, 0, 0.1607843137);
+  --static-black-lowest:rgba(0, 0, 0, 0.1215686275);
   --elevation-shadow-0:none;
   --elevation-shadow-1:0 0 2px var(--box-shadow-color-01), 0 1px 2px var(--box-shadow-color-02);
   --elevation-shadow-2:0 0 2px var(--box-shadow-color-01), 0 2px 4px var(--box-shadow-color-02);

package/dist/collection/components/sidenav-item/vds-sidenav-item.js CHANGED Viewed

@@ -43,7 +43,7 @@ export class VdsSidenavItem {
         const href = this.link_href ? this.link_href : null;
         const target = this.link_href ? this.link_target : null;
         const rel = this.link_href ? this.link_rel : null;
-        return (h(Host, { key: '4f9f8110b7a849eacfaf66b6875ab75de836244e', class: this.disabled ? 'vds__sidenav-item--disabled' : '' }, h(Element, { key: '3ab976b0c5327f9ff00ad333ab896080262191fc', onClick: (evt) => {
+        return (h(Host, { key: 'e712d4afbe752521a2cf2557f52dede3299d41af', class: this.disabled ? 'vds__sidenav-item--disabled' : '' }, h(Element, { key: '0ce43e3d72b54ad1bdbadf49b6243df776ff83af', onClick: (evt) => {
                 if (this.disabled) {
                     evt.stopPropagation();
                     evt.preventDefault();
@@ -78,7 +78,6 @@ export class VdsSidenavItem {
         return {
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -94,11 +93,11 @@ export class VdsSidenavItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "expanded": {
                 "type": "boolean",
-                "attribute": "expanded",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -114,11 +113,11 @@ export class VdsSidenavItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "expanded",
                 "defaultValue": "false"
             },
             "icon": {
                 "type": "string",
-                "attribute": "icon",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -133,11 +132,11 @@ export class VdsSidenavItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "icon"
             },
             "isActive": {
                 "type": "boolean",
-                "attribute": "is-active",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -153,11 +152,11 @@ export class VdsSidenavItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "is-active",
                 "defaultValue": "false"
             },
             "isStatic": {
                 "type": "boolean",
-                "attribute": "is-static",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -173,11 +172,11 @@ export class VdsSidenavItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "is-static",
                 "defaultValue": "false"
             },
             "hasChildren": {
                 "type": "boolean",
-                "attribute": "has-children",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -193,11 +192,11 @@ export class VdsSidenavItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "has-children",
                 "defaultValue": "false"
             },
             "link_href": {
                 "type": "string",
-                "attribute": "link_href",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -213,11 +212,11 @@ export class VdsSidenavItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "link_href",
                 "defaultValue": "null"
             },
             "link_target": {
                 "type": "string",
-                "attribute": "link_target",
                 "mutable": true,
                 "complexType": {
                     "original": "'_self' | '_blank' | '_parent' | '_top'",
@@ -233,11 +232,11 @@ export class VdsSidenavItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "link_target",
                 "defaultValue": "'_self'"
             },
             "link_rel": {
                 "type": "string",
-                "attribute": "link_rel",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -253,11 +252,11 @@ export class VdsSidenavItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "link_rel",
                 "defaultValue": "null"
             },
             "value": {
                 "type": "string",
-                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -272,7 +271,8 @@ export class VdsSidenavItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "value"
             }
         };
     }

package/dist/collection/components/sidenav-item-app/vds-sidenav-item-app.css CHANGED Viewed

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap");
 :root {
   font-family: "Roboto Flex", sans-serif, sans-serif;
   box-sizing: border-box;
@@ -481,6 +480,13 @@
   --height-12:0.75rem;
 }
+@font-face {
+  font-family: "Roboto Flex";
+  src: url("../assets/fonts/Roboto_Flex/RobotoFlex-VariableFont_GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf") format("truetype");
+  font-weight: 100 1000;
+  font-stretch: 25% 151%;
+  font-style: normal;
+}
 :root body {
   --spacing-00:0rem;
   --spacing-01:0.125rem;
@@ -733,7 +739,15 @@
   --static-dataviz-div-red-blue-650:#163670;
   --static-dataviz-div-red-blue-700:#0B194C;
   --static-white:#ffffff;
+  --static-white-medium:rgba(255, 255, 255, 0.6392156863);
+  --static-white-low:rgba(255, 255, 255, 0.3215686275);
+  --static-white-lower:rgba(255, 255, 255, 0.1607843137);
+  --static-white-lowest:rgba(255, 255, 255, 0.1215686275);
   --static-black:#000000;
+  --static-black-medium:rgba(0, 0, 0, 0.6392156863);
+  --static-black-low:rgba(0, 0, 0, 0.3215686275);
+  --static-black-lower:rgba(0, 0, 0, 0.1607843137);
+  --static-black-lowest:rgba(0, 0, 0, 0.1215686275);
   --elevation-shadow-0:none;
   --elevation-shadow-1:0 0 2px var(--box-shadow-color-01), 0 1px 2px var(--box-shadow-color-02);
   --elevation-shadow-2:0 0 2px var(--box-shadow-color-01), 0 2px 4px var(--box-shadow-color-02);

package/dist/collection/components/sidenav-item-app/vds-sidenav-item-app.js CHANGED Viewed

@@ -10,7 +10,7 @@ export class VdsSidenavItemApp {
             h("button", { class: "vds__sidenav__item__app--icon-button", onClick: (evt) => { this.viewMoreClick.emit(evt); } }, h("vds-icon", { color: "color-icon-medium", svgIcon: "more-vertical", size: "1.5rem" }))));
     }
     render() {
-        return (h(Host, { key: '6f5077c6bb30df746115871d68aa23ee01337a61' }, h("button", { key: '37473b1486d64405f3df263311719d43a1ba13f5', class: combineClasses("vds__sidenav__item__app--container", `${this.isActive ? "active" : ""}`, `${this.expanded ? "expanded" : "collapsed"}`), onClick: (evt) => { this.clicked.emit(evt); } }, h("div", { key: '2ff8647df9f7556683525dee254d93fc2d283e4a', class: "vds__sidenav__item__app--image" }, h("slot", { key: '6db6bb41fb2314f4494bedeb7bd148d8200a0352', name: "img" })), this.expanded && this.getExpandedSidenavItemApp())));
+        return (h(Host, { key: '1fd6a572b66f4417f8354fc1966bfc0b44162efb' }, h("button", { key: '9e65a88cf6e173ed1df932aef606cf83acc6e399', class: combineClasses("vds__sidenav__item__app--container", `${this.isActive ? "active" : ""}`, `${this.expanded ? "expanded" : "collapsed"}`), onClick: (evt) => { this.clicked.emit(evt); } }, h("div", { key: 'acbb3f2ebdc73a4d009d289f50748d2495d12627', class: "vds__sidenav__item__app--image" }, h("slot", { key: '40aa357d9ffaed891c1aa42609534526bce7eaa0', name: "img" })), this.expanded && this.getExpandedSidenavItemApp())));
     }
     static get is() { return "vds-sidenav-item-app"; }
     static get encapsulation() { return "shadow"; }
@@ -28,7 +28,6 @@ export class VdsSidenavItemApp {
         return {
             "value": {
                 "type": "string",
-                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -43,11 +42,11 @@ export class VdsSidenavItemApp {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "value"
             },
             "menuIcon": {
                 "type": "boolean",
-                "attribute": "menu-icon",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -62,11 +61,11 @@ export class VdsSidenavItemApp {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "menu-icon"
             },
             "expanded": {
                 "type": "boolean",
-                "attribute": "expanded",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -82,11 +81,11 @@ export class VdsSidenavItemApp {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "expanded",
                 "defaultValue": "true"
             },
             "isActive": {
                 "type": "boolean",
-                "attribute": "is-active",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -101,7 +100,8 @@ export class VdsSidenavItemApp {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "is-active"
             }
         };
     }

package/dist/collection/components/sidenav-item-button/vds-sidenav-item-button.css CHANGED Viewed

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap");
 :root {
   font-family: "Roboto Flex", sans-serif, sans-serif;
   box-sizing: border-box;
@@ -481,6 +480,13 @@
   --height-12:0.75rem;
 }
+@font-face {
+  font-family: "Roboto Flex";
+  src: url("../assets/fonts/Roboto_Flex/RobotoFlex-VariableFont_GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf") format("truetype");
+  font-weight: 100 1000;
+  font-stretch: 25% 151%;
+  font-style: normal;
+}
 :root body {
   --spacing-00:0rem;
   --spacing-01:0.125rem;
@@ -733,7 +739,15 @@
   --static-dataviz-div-red-blue-650:#163670;
   --static-dataviz-div-red-blue-700:#0B194C;
   --static-white:#ffffff;
+  --static-white-medium:rgba(255, 255, 255, 0.6392156863);
+  --static-white-low:rgba(255, 255, 255, 0.3215686275);
+  --static-white-lower:rgba(255, 255, 255, 0.1607843137);
+  --static-white-lowest:rgba(255, 255, 255, 0.1215686275);
   --static-black:#000000;
+  --static-black-medium:rgba(0, 0, 0, 0.6392156863);
+  --static-black-low:rgba(0, 0, 0, 0.3215686275);
+  --static-black-lower:rgba(0, 0, 0, 0.1607843137);
+  --static-black-lowest:rgba(0, 0, 0, 0.1215686275);
   --elevation-shadow-0:none;
   --elevation-shadow-1:0 0 2px var(--box-shadow-color-01), 0 1px 2px var(--box-shadow-color-02);
   --elevation-shadow-2:0 0 2px var(--box-shadow-color-01), 0 2px 4px var(--box-shadow-color-02);

package/dist/collection/components/sidenav-item-button/vds-sidenav-item-button.js CHANGED Viewed

@@ -14,7 +14,7 @@ export class VdsSidenavItemButton {
         this.clicked.emit(evt);
     }
     generateInformativeIcon() {
-        const iconColor = this.disabled ? 'color-icon-disabled' : this.variant == 'primary' ? 'white' : 'color-icon-brand-default';
+        const iconColor = this.disabled ? 'color-icon-disabled' : this.variant == 'primary' ? 'static-white' : 'color-icon-brand-default';
         return (h("span", { class: "vds__sidenav-item-button--informative-icon" }, h("vds-icon", { "svg-icon": this.icon, size: '1.5rem', color: iconColor, alt: this.value })));
     }
     generateLabel() {
@@ -24,7 +24,7 @@ export class VdsSidenavItemButton {
                     ` }, this.value ? this.value : h("slot", null)));
     }
     render() {
-        return (h(Host, { key: '6ff69ae045df14521cd4ebde5a0c96fb3729975e', class: this.disabled ? 'vds__sidenav-item-button--disabled' : '' }, h("button", { key: '27716217c91264c9058aac8504e61ef13c84ab27', "aria-label": this.setAriaLabel ? this.setAriaLabel : this.value, disabled: this.disabled, onClick: (evt) => {
+        return (h(Host, { key: '1f30663a5f1fb42e16fe1520a46b974ed71f83b9', class: this.disabled ? 'vds__sidenav-item-button--disabled' : '' }, h("button", { key: '0c7729e61286ba5e9bfcd28fb07be947faf91d9a', "aria-label": this.setAriaLabel ? this.setAriaLabel : this.value, disabled: this.disabled, onClick: (evt) => {
                 if (this.disabled) {
                     evt.stopPropagation();
                     evt.preventDefault();
@@ -57,7 +57,6 @@ export class VdsSidenavItemButton {
         return {
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -73,11 +72,11 @@ export class VdsSidenavItemButton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "expanded": {
                 "type": "boolean",
-                "attribute": "expanded",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -93,11 +92,11 @@ export class VdsSidenavItemButton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "expanded",
                 "defaultValue": "false"
             },
             "icon": {
                 "type": "string",
-                "attribute": "icon",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -112,11 +111,11 @@ export class VdsSidenavItemButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "icon"
             },
             "isStatic": {
                 "type": "boolean",
-                "attribute": "is-static",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -132,11 +131,11 @@ export class VdsSidenavItemButton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "is-static",
                 "defaultValue": "false"
             },
             "value": {
                 "type": "string",
-                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -151,11 +150,11 @@ export class VdsSidenavItemButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "value"
             },
             "setAriaLabel": {
                 "type": "string",
-                "attribute": "set-aria-label",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -170,11 +169,11 @@ export class VdsSidenavItemButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "set-aria-label"
             },
             "variant": {
                 "type": "string",
-                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
                     "original": "\"primary\" | \"secondary\"",
@@ -190,6 +189,7 @@ export class VdsSidenavItemButton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "variant",
                 "defaultValue": "\"primary\""
             }
         };

package/dist/collection/components/sidenav-item-button/vds-sidenav-item-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"vds-sidenav-item-button.js","sourceRoot":"","sources":["../../../src/components/sidenav-item-button/vds-sidenav-item-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAQ9E,MAAM,OAAO,oBAAoB;IALjC;QAME,yCAAyC;QAChB,aAAQ,GAAY,KAAK,CAAC;QACnD,iGAAiG;QACxE,aAAQ,GAAY,KAAK,CAAC;QAGnD,sCAAsC;QACb,aAAQ,GAAY,KAAK,CAAC;QAKnD,qBAAqB;QACb,YAAO,GAA4B,SAAS,CAAC;KA8DtD;IAzDS,WAAW,CAAC,GAAe;QACjC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC;IACO,uBAAuB;QAC7B,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,IAAE,SAAS,CAAA,CAAC,CAAC,~~OAAO~~,CAAA,CAAC,CAAC,0BAA0B,CAAC;~~QACvH~~,OAAO,CACL,YAAM,KAAK,EAAC,4CAA4C;YACtD,4BACY,IAAI,CAAC,IAAI,EACnB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,SAAS,EAChB,GAAG,EAAE,IAAI,CAAC,KAAK,GACf,CACG,CACR,CAAC;IACJ,CAAC;IACO,aAAa;QACnB,OAAO,CACC,YACE,KAAK,EAAE;sBACC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,wCAAwC,CAAC,CAAC,CAAC,0CAA0C;sBACvH,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,CAAC,EAAE;qBAChE,IAEN,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,eAAa,CACnC,CACd,CAAC;IACJ,CAAC;IACD,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,EAAE;YACpE,6EACc,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAC9D,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,CAAC,GAAe,EAAE,EAAE;oBAC3B,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;wBAClB,GAAG,CAAC,eAAe,EAAE,CAAC;wBACtB,GAAG,CAAC,cAAc,EAAE,CAAC;oBACvB,CAAC;yBAAM,CAAC;wBACN,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;oBACxB,CAAC;gBACH,CAAC,EACD,KAAK,EAAE;qDACoC,IAAI,CAAC,OAAO;mBAC9C,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,qCAAqC;mBACnK,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,2CAA2C,CAAC,CAAC,CAAC,EAAE;mBACjF,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,+CAA+C,CAAC,CAAC,CAAC,EAAE;mBACtF,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,KAAG,SAAS,CAAC,CAAC,CAAC,uDAAuD,CAAA,CAAC,CAAA,EAAG;mBACvG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,KAAG,WAAW,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,yDAAyD,CAAA,CAAC,CAAA,EAAG;kBAC9H;gBAEP,IAAI,CAAC,uBAAuB,EAAE;gBAC9B,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,IAAI,CACtD,CACJ,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { HTMLStencilElement } from '@stencil/core/internal';\n\n@Component({\n tag: 'vds-sidenav-item-button',\n styleUrl: 'vds-sidenav-item-button.scss',\n shadow: true,\n})\nexport class VdsSidenavItemButton {\n /** Puts the navItem in disabled state /\n @Prop({ mutable: true }) disabled: boolean = false;\n /* When true expands the nav item to show both text and icon. When false, only shows the icon /\n @Prop({ mutable: true }) expanded: boolean = false;\n /* Define the icon value /\n @Prop({ mutable: true }) icon: string;\n /* Toggles static mode in nav-item /\n @Prop({ mutable: true }) isStatic: boolean = false;\n /* Define text value /\n @Prop({ mutable: true }) value: string;\n /* Define aria label value /\n @Prop({ mutable: true }) setAriaLabel: string;\n /* Define variant /\n @Prop() variant: \"primary\" \| \"secondary\" = \"primary\";\n\n /* Emits event when item gets clicked */\n @Event() clicked: EventEmitter<MouseEvent>;\n\n private handleClick(evt: MouseEvent): void {\n this.clicked.emit(evt);\n }\n private generateInformativeIcon(){\n const iconColor = this.disabled ? 'color-icon-disabled' : this.variant=='primary'? 'white': 'color-icon-brand-default';\n return (\n <span class=\"vds__sidenav-item-button--informative-icon\">\n <vds-icon\n svg-icon={this.icon}\n size={'1.5rem'}\n color={iconColor}\n alt={this.value}\n />\n </span>\n );\n }\n private generateLabel(){\n return ( \n <span\n class={`\n ${this.isStatic && !this.expanded ? 'vds__sidenav-item-button--static-label' : 'vds__sidenav-item-button--expanded-label'}\n ${this.disabled ? 'vds__sidenav-item-button--label-disabled' : ''}\n `}\n >\n {this.value ? this.value : <slot></slot>}\n </span> \n );\n }\n render(): HTMLStencilElement {\n return (\n <Host class={this.disabled ? 'vds__sidenav-item-button--disabled' : ''}>\n <button\n aria-label={this.setAriaLabel ? this.setAriaLabel : this.value}\n disabled={this.disabled}\n onClick={(evt: MouseEvent) => {\n if (this.disabled) {\n evt.stopPropagation();\n evt.preventDefault();\n } else {\n this.handleClick(evt);\n }\n }}\n class={`vds__sidenav-item-button\n vds__sidenav-item-button--variant-${this.variant} \n ${this.isStatic && !this.expanded ? 'vds__sidenav-item-button--static' : this.expanded ? 'vds__sidenav-item-button--expanded' : 'vds__sidenav-item-button--collapsed'}\n ${this.disabled && this.isStatic ? 'vds__sidenav-item-button--static-disabled' : ''}\n ${this.disabled && !this.isStatic ? 'vds__sidenav-item-button--expandable-disabled' : ''}\n ${this.disabled && this.variant==='primary' ? 'vds__sidenav-item-button--expandable-primary-disabled':'' }\n ${this.disabled && this.variant==='secondary' && !this.isStatic ? 'vds__sidenav-item-button--expandable-secondary-disabled':'' }\n `}\n >\n {this.generateInformativeIcon()} \n {this.expanded \|\| this.isStatic ? this.generateLabel() : null }\n </button>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"vds-sidenav-item-button.js","sourceRoot":"","sources":["../../../src/components/sidenav-item-button/vds-sidenav-item-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { HTMLStencilElement } from '@stencil/core/internal';\n\n@Component({\n tag: 'vds-sidenav-item-button',\n styleUrl: 'vds-sidenav-item-button.scss',\n shadow: true,\n})\nexport class VdsSidenavItemButton {\n /** Puts the navItem in disabled state /\n @Prop({ mutable: true }) disabled: boolean = false;\n /* When true expands the nav item to show both text and icon. When false, only shows the icon /\n @Prop({ mutable: true }) expanded: boolean = false;\n /* Define the icon value /\n @Prop({ mutable: true }) icon: string;\n /* Toggles static mode in nav-item /\n @Prop({ mutable: true }) isStatic: boolean = false;\n /* Define text value /\n @Prop({ mutable: true }) value: string;\n /* Define aria label value /\n @Prop({ mutable: true }) setAriaLabel: string;\n /* Define variant /\n @Prop() variant: \"primary\" \| \"secondary\" = \"primary\";\n\n /* Emits event when item gets clicked */\n @Event() clicked: EventEmitter<MouseEvent>;\n\n private handleClick(evt: MouseEvent): void {\n this.clicked.emit(evt);\n }\n private generateInformativeIcon(){\n const iconColor = this.disabled ? 'color-icon-disabled' : this.variant=='primary'? 'static-white': 'color-icon-brand-default';\n return (\n <span class=\"vds__sidenav-item-button--informative-icon\">\n <vds-icon\n svg-icon={this.icon}\n size={'1.5rem'}\n color={iconColor}\n alt={this.value}\n />\n </span>\n );\n }\n private generateLabel(){\n return ( \n <span\n class={`\n ${this.isStatic && !this.expanded ? 'vds__sidenav-item-button--static-label' : 'vds__sidenav-item-button--expanded-label'}\n ${this.disabled ? 'vds__sidenav-item-button--label-disabled' : ''}\n `}\n >\n {this.value ? this.value : <slot></slot>}\n </span> \n );\n }\n render(): HTMLStencilElement {\n return (\n <Host class={this.disabled ? 'vds__sidenav-item-button--disabled' : ''}>\n <button\n aria-label={this.setAriaLabel ? this.setAriaLabel : this.value}\n disabled={this.disabled}\n onClick={(evt: MouseEvent) => {\n if (this.disabled) {\n evt.stopPropagation();\n evt.preventDefault();\n } else {\n this.handleClick(evt);\n }\n }}\n class={`vds__sidenav-item-button\n vds__sidenav-item-button--variant-${this.variant} \n ${this.isStatic && !this.expanded ? 'vds__sidenav-item-button--static' : this.expanded ? 'vds__sidenav-item-button--expanded' : 'vds__sidenav-item-button--collapsed'}\n ${this.disabled && this.isStatic ? 'vds__sidenav-item-button--static-disabled' : ''}\n ${this.disabled && !this.isStatic ? 'vds__sidenav-item-button--expandable-disabled' : ''}\n ${this.disabled && this.variant==='primary' ? 'vds__sidenav-item-button--expandable-primary-disabled':'' }\n ${this.disabled && this.variant==='secondary' && !this.isStatic ? 'vds__sidenav-item-button--expandable-secondary-disabled':'' }\n `}\n >\n {this.generateInformativeIcon()} \n {this.expanded \|\| this.isStatic ? this.generateLabel() : null }\n </button>\n </Host>\n );\n }\n}\n"]}