@scania/tegel 1.30.0 → 1.31.1-asset-load-order-local-first.0

package/dist/collection/assets/logos/scania-wordmark.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="566.93px" height="93.754px" viewBox="0 0 566.93 93.754" enable-background="new 0 0 566.93 93.754" xml:space="preserve">
+<path fill="#041E42" d="M264.588,54.663h-23.774l11.885-31.01L264.588,54.663z M375.749,89.829h37.5V3.804h-32.236v45.34
+	l-33.946-45.34h-40.81V73.95l-27.08-70.146h-52.333l-19.629,50.859h-31.967c-1.593,10.166-7.477,15.557-17.77,15.557
+	c-11.89,0-18.511-9.188-18.511-23.403c0-14.213,6.748-23.286,18.511-23.286c9.684,0,15.929,5.151,17.28,13.486h35.419v-2.334
+	C210.179,15.688,193.749,0,157.846,0c-38.729,0-53.437,19.365-53.437,46.816c0,0.629,0.02,1.25,0.033,1.875
+	c-4.857-5.908-14.18-9.351-29.564-11.558l-22.426-3.188c-8.457-1.221-13.727-2.197-13.727-6.367c0-3.555,3.307-7.358,12.505-7.358
+	c10.171,0,15.812,3.926,15.812,10.298h36.024v-1.836c0-17.163-17.157-28.438-50.863-28.438c-34.674,0-49.878,12.627-49.878,30.396
+	c0,13.848,9.066,21.938,30.391,24.882l25.371,3.545c9.066,1.229,12.012,3.065,12.012,6.865c0,4.901-4.658,7.606-15.078,7.606
+	c-11.763,0-17.147-5.029-17.147-12.013H0v1.964c0,19.11,18.013,30.137,53.433,30.137c32.729,0,51.704-7.228,54.814-25.487
+	c6.548,15.674,21.947,25.614,49.599,25.614c20.972,0,32.739-5.713,39.804-14.325l-4.013,10.399h33.696l4.779-12.373h41.177
+	l4.779,12.373h28.188h6.123h26.113V40.317L375.749,89.829z M519.127,54.663h-23.771l11.885-31.01L519.127,54.663z M566.93,89.829
+	L533.717,3.804h-52.334L454.304,73.95V3.794h-32.969v86.035h26.836h6.133h27.566l4.775-12.373h41.182l4.785,12.373H566.93z"/>
+</svg>

package/dist/collection/components/accordion/accordion-item/accordion-item.js

@@ -22,15 +22,37 @@ export class TdsAccordionItem {
             this.expanded = !this.expanded;
         }
     }
+    /** Method for expanding the Accordion Item */
+    async expand() {
+        const event = this.tdsToggle.emit({
+            expanded: true,
+        });
+        if (!event.defaultPrevented) {
+            this.expanded = true;
+        }
+    }
+    /** Method for collapsing the Accordion Item */
+    async collapse() {
+        const event = this.tdsToggle.emit({
+            expanded: false,
+        });
+        if (!event.defaultPrevented) {
+            this.expanded = false;
+        }
+    }
+    /** Returns the expanded state of the Accordion Item. */
+    async isExpanded() {
+        return this.expanded;
+    }
     render() {
         const primaryElementId = generateUniqueId();
         const secondaryElementId = generateUniqueId();
-        return (h(Host, { key: 'b5d0982e8de2c5ba4b5a692b169dfc6b8fb5c40c' }, h("div", { key: '6a516a64eb4a268a236e4b7265c9a3c034fd5c8e', class: `tds-accordion-item
+        return (h(Host, { key: '066522a77c41f0ca6c49ee77d5f34623c42d00e2' }, h("div", { key: 'cd3abb9da939e81404eaf6175ba62ce2d709de71', class: `tds-accordion-item
         ${this.disabled ? 'disabled' : ''}
         ${this.expanded ? 'expanded' : ''}
-        ` }, h("div", { key: 'cd95b6ea5181930241d4908c690880a19d1f772d', role: "heading", "aria-level": this.ariaLevelValue }, h("button", { key: '8ed4fed89af13db51f5c1572a8c04827c9eede48', id: secondaryElementId, "aria-controls": primaryElementId, type: "button", "aria-expanded": this.expanded ? 'true' : 'false', "aria-disabled": this.disabled, class: `tds-accordion-header-icon-${this.expandIconPosition}`, onClick: () => this.toggleAccordionItem(), disabled: this.disabled }, h("div", { key: '4a9cdcfeb2fdcc71aefdcaa12a348d74681e5a9e', class: "tds-accordion-title" }, this.header, h("slot", { key: 'b1d7c8e58e0f78325d7cf2d08da080893e501794', name: "header" })), h("div", { key: '4cd5472d11a80cdf3f23b0a014e6a8dd1ccf2166', class: "tds-accordion-icon" }, h("tds-icon", { key: '77e78e611f48e5e147a0eb02e5c230807a6ec0f9', tdsAriaHidden: true, svgTitle: "Chevron Down", name: "chevron_down", size: "16px" })))), h("div", { key: '3be9e59fb27eaaa7098632f48a014d3c8714dd9f', role: "region", "aria-live": "polite", "aria-labelledby": secondaryElementId, id: primaryElementId, class: `tds-accordion-panel
+        ` }, h("div", { key: '85647602e5644c8908240d5dfb492ce60695a50c', role: "heading", "aria-level": this.ariaLevelValue }, h("button", { key: 'e74a1cc68af901a1acae4cf2d49708499af1e044', id: secondaryElementId, "aria-controls": primaryElementId, type: "button", "aria-expanded": this.expanded ? 'true' : 'false', "aria-disabled": this.disabled, class: `tds-accordion-header-icon-${this.expandIconPosition}`, onClick: () => this.toggleAccordionItem(), disabled: this.disabled }, h("div", { key: '2f757e9e1369381f95497c5833bd3a0e25a297f3', class: "tds-accordion-title" }, this.header, h("slot", { key: '1bf9cb769629414c763218b1a3772642b19b4ce4', name: "header" })), h("div", { key: 'b2f1cf14059d134502db363f442b4914b435a72f', class: "tds-accordion-icon" }, h("tds-icon", { key: 'aca038cd8915bd7bc0c152e37820e53f1d692041', tdsAriaHidden: true, svgTitle: "Chevron Down", name: "chevron_down", size: "16px" })))), h("div", { key: '76aa6973dac5bf9c8203c37d047f4e466a6e9fc7', role: "region", "aria-live": "polite", "aria-labelledby": secondaryElementId, id: primaryElementId, class: `tds-accordion-panel
             ${this.paddingReset ? 'tds-accordion-panel--padding-reset ' : ''}
-            ` }, h("slot", { key: 'dcffe4fe4dd116c87dd618cfbb9cac044f922d2f' })))));
+            ` }, h("slot", { key: '274f9aff706adceb82aea35db3a91494e798ab2c' })))));
     }
     static get is() { return "tds-accordion-item"; }
     static get encapsulation() { return "shadow"; }
@@ -115,7 +137,7 @@ export class TdsAccordionItem {
                     "text": "Set to true to expand panel open"
                 },
                 "attribute": "expanded",
-                "reflect": false,
+                "reflect": true,
                 "defaultValue": "false"
             },
             "paddingReset": {
@@ -192,6 +214,57 @@ export class TdsAccordionItem {
                     "text": "Method for toggling the expanded state of the Accordion Item.",
                     "tags": []
                 }
+            },
+            "expand": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Method for expanding the Accordion Item",
+                    "tags": []
+                }
+            },
+            "collapse": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Method for collapsing the Accordion Item",
+                    "tags": []
+                }
+            },
+            "isExpanded": {
+                "complexType": {
+                    "signature": "() => Promise<boolean>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<boolean>"
+                },
+                "docs": {
+                    "text": "Returns the expanded state of the Accordion Item.",
+                    "tags": []
+                }
             }
         };
     }

package/dist/collection/components/button/button.css

@@ -1,22 +1,22 @@
 :root,
 .tds-mode-light {
-  --tds-btn-primary-background: var(--tds-blue-600);
+  --tds-btn-primary-background: var(--background-clickable-primary-primary);
+  --tds-btn-primary-background-hover: var(--background-clickable-primary-primary-hover);
+  --tds-btn-primary-background-active: var(--background-clickable-primary-pressed);
+  --tds-btn-primary-background-focus: var(--background-clickable-primary-focus);
+  --tds-btn-primary-background-disabled-primary: var(--background-clickable-primary-disabled);
+  --tds-btn-primary-background-disabled-secondary: var(--tds-white);
+  --tds-btn-primary-background-disabled: var(--tds-btn-primary-background-disabled-primary);
   --tds-btn-primary-color: var(--tds-white);
-  --tds-btn-primary-border-color: transparent;
-  --tds-btn-primary-background-hover: var(--tds-blue-500);
   --tds-btn-primary-color-hover: var(--tds-white);
-  --tds-btn-primary-border-color-hover: transparent;
-  --tds-btn-primary-background-active: var(--tds-blue-700);
   --tds-btn-primary-color-active: var(--tds-white);
-  --tds-btn-primary-border-color-active: var(--tds-blue-700);
-  --tds-btn-primary-background-focus: var(--tds-blue-400);
   --tds-btn-primary-color-focus: var(--tds-white);
+  --tds-btn-primary-color-disabled: var(--tds-grey-400);
+  --tds-btn-primary-border-color: transparent;
+  --tds-btn-primary-border-color-hover: transparent;
+  --tds-btn-primary-border-color-active: var(--tds-blue-700);
   --tds-btn-primary-border-color-focus: var(--tds-blue-600);
   --tds-btn-primary-outline-color-focus: var(--tds-blue-600);
-  --tds-btn-primary-background-disabled-primary: var(--tds-grey-50);
-  --tds-btn-primary-background-disabled-secondary: var(--tds-white);
-  --tds-btn-primary-background-disabled: var(--tds-btn-primary-background-disabled-primary);
-  --tds-btn-primary-color-disabled: var(--tds-grey-400);
   --tds-btn-primary-border-color-disabled: transparent;
   /* ICON */
   --tds-btn-icon-primary-fill: var(--tds-grey-50);

package/dist/collection/components/footer/footer.css

@@ -44,7 +44,7 @@
   color: var(--tds-footer-main-copyright);
 }
 :host .footer-main-bottom .brand {
-  background-image: var(--tds-background-image-scania-wordmark-white-svg), var(--tds-background-image-scania-wordmark-white-svg-local);
+  background-image: var(--tds-background-image-scania-wordmark-white-svg-local), var(--tds-background-image-scania-wordmark-white-svg);
   background-repeat: no-repeat;
   background-size: 117px;
   background-position: right;

package/dist/collection/components/header/header-brand-symbol/header-brand-symbol.css

@@ -2,7 +2,7 @@
   display: none;
 }
 :host tds-header-item ::slotted(*) {
-  background-image: var(--tds-background-image-scania-symbol-svg), var(--tds-background-image-scania-symbol-svg-local);
+  background-image: var(--tds-background-image-scania-symbol-svg-local), var(--tds-background-image-scania-symbol-svg);
   background-size: 30px auto;
   background-position: center;
   background-repeat: no-repeat;

package/dist/collection/components/modal/modal.js

@@ -11,11 +11,16 @@ export class TdsModal {
         this.handleClose = (event) => {
             const closeEvent = this.tdsClose.emit(event);
             this.returnFocusOnClose();
-            if (!closeEvent.defaultPrevented) {
-                this.isShown = false;
+            if (closeEvent.defaultPrevented) {
+                return;
             }
+            this.isShown = false;
         };
         this.handleShow = () => {
+            const showEvent = this.tdsOpen.emit();
+            if (showEvent.defaultPrevented) {
+                return;
+            }
             this.isShown = true;
         };
         /** Checks if click on Modal is on overlay, if so it closes the Modal if prevent is not true. */
@@ -80,6 +85,10 @@ export class TdsModal {
         this.isShown = false;
         this.returnFocusOnClose();
     }
+    /** Returns the current open state of the Modal. */
+    async isOpen() {
+        return this.isShown;
+    }
     connectedCallback() {
         if (this.closable === undefined) {
             this.closable = true;
@@ -196,10 +205,10 @@ export class TdsModal {
         const usesActionsSlot = hasSlot('actions', this.host);
         const headerId = this.header ? `tds-modal-header-${generateUniqueId()}` : undefined;
         const bodyId = `tds-modal-body-${generateUniqueId()}`;
-        return (h(Host, { key: 'b6fb1dda221f31cf3491d6f00c94c0afc71f202d', role: this.tdsAlertDialog, "aria-modal": "true", "aria-describedby": bodyId, "aria-labelledby": headerId, class: {
+        return (h(Host, { key: '2d39760de58fd957585e4370aa88447d85249eca', role: this.tdsAlertDialog, "aria-modal": "true", "aria-describedby": bodyId, "aria-labelledby": headerId, class: {
                 show: this.isShown,
                 hide: !this.isShown,
-            }, onClick: (event) => this.handleOverlayClick(event) }, h("div", { key: 'c684d1abcbf62e14ab2ea677c99d5da262aa7796', class: "tds-modal-backdrop" }), h("div", { key: '4f6c74bba05c15ff7c5e63759b71e8414b122d01', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, h("div", { key: '2c8d39f0ff25d0e2496039c90793fd76897d8c8f', id: headerId, class: "header" }, this.header && h("div", { key: '35947f6bd06b54a2ea6f8cdbfde9d8374b17f250', class: "header-text" }, this.header), usesHeaderSlot && h("slot", { key: '3149db0af6218f90723e95345da1fd705c3d121e', name: "header" }), this.closable && (h("button", { key: 'e0f1c8afdbb2e4e7bd08933f7becf6b7b042267b', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, h("tds-icon", { key: 'b650bf57c65e3314ce5e73963393f9b53fe7e191', name: "cross", size: "20px" })))), h("div", { key: '94992a62e1d75d0decf7583e5d97d498a8f0ce16', id: bodyId, class: "body" }, h("slot", { key: '3d7efacca7e0124c8344050e9d34523971e77448', name: "body" })), usesActionsSlot && h("slot", { key: '735a622c7218961ec631585595485e7722907c6b', name: "actions" }))));
+            }, onClick: (event) => this.handleOverlayClick(event) }, h("div", { key: '5eeaf5c29529bf77ddde4892067f13d312d1bba7', class: "tds-modal-backdrop" }), h("div", { key: '8a6ccd911dfec947a809320a0631d5f9904ef78d', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, h("div", { key: 'b7c760ebded4e98319cec75c161002a579316902', id: headerId, class: "header" }, this.header && h("div", { key: 'db14e71913052ba5367ab95a41a366c7f2dea4a3', class: "header-text" }, this.header), usesHeaderSlot && h("slot", { key: '62b394718c78e564fd50e7ff3328e637a63679e6', name: "header" }), this.closable && (h("button", { key: '9ff8ad81be4f72ee6a298a9ba39a1024269d3ec2', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, h("tds-icon", { key: 'b34b8a55c7f5c65ce7a3fdee6114c66ee4ab82c3', name: "cross", size: "20px" })))), h("div", { key: 'ab04e506dd94c69d8f91fb774fa85f355f3629d4', id: bodyId, class: "body" }, h("slot", { key: 'f4a8e2377b4cae3a9c4fa1032e896b0b0c58a06a', name: "body" })), usesActionsSlot && h("slot", { key: '09137d7c8b81f91dbf419b10c8a085de25df1272', name: "actions" }))));
     }
     static get is() { return "tds-modal"; }
     static get encapsulation() { return "shadow"; }
@@ -400,6 +409,21 @@ export class TdsModal {
                     "resolved": "any",
                     "references": {}
                 }
+            }, {
+                "method": "tdsOpen",
+                "name": "tdsOpen",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emits just before Modal is opened."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
             }];
     }
     static get methods() {
@@ -438,6 +462,23 @@ export class TdsModal {
                     "tags": []
                 }
             },
+            "isOpen": {
+                "complexType": {
+                    "signature": "() => Promise<boolean>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<boolean>"
+                },
+                "docs": {
+                    "text": "Returns the current open state of the Modal.",
+                    "tags": []
+                }
+            },
             "initializeModal": {
                 "complexType": {
                     "signature": "() => Promise<void>",