@scania/tegel 1.31.0 → 1.31.1-asset-load-order-local-first.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.
- package/dist/cjs/tds-folder-tab.cjs.entry.js +2 -2
- package/dist/cjs/tds-folder-tabs.cjs.entry.js +2 -2
- package/dist/cjs/tds-footer.cjs.entry.js +1 -1
- package/dist/cjs/tds-header-brand-symbol.cjs.entry.js +1 -1
- package/dist/cjs/tds-inline-tab.cjs.entry.js +2 -2
- package/dist/cjs/tds-inline-tabs.cjs.entry.js +2 -2
- package/dist/cjs/tds-navigation-tab.cjs.entry.js +2 -2
- package/dist/cjs/tds-navigation-tabs.cjs.entry.js +4 -4
- package/dist/cjs/tds-popover-core.cjs.entry.js +1 -1
- package/dist/cjs/tds-table-toolbar.cjs.entry.js +3 -3
- package/dist/cjs/tds-text-field.cjs.entry.js +5 -5
- package/dist/cjs/tds-textarea.cjs.entry.js +4 -4
- package/dist/cjs/tds-toast.cjs.entry.js +3 -3
- package/dist/cjs/tds-toggle.cjs.entry.js +2 -2
- package/dist/cjs/tds-tooltip.cjs.entry.js +2 -2
- package/dist/collection/assets/logos/scania-logotype.png +0 -0
- package/dist/collection/assets/logos/scania-logotype.svg +2355 -0
- package/dist/collection/assets/logos/scania-wordmark-white.png +0 -0
- package/dist/collection/assets/logos/scania-wordmark.png +0 -0
- package/dist/collection/assets/logos/scania-wordmark.svg +17 -0
- package/dist/collection/components/footer/footer.css +1 -1
- package/dist/collection/components/header/header-brand-symbol/header-brand-symbol.css +1 -1
- package/dist/collection/components/popover-core/tds-popover-core.css +0 -8307
- package/dist/collection/components/slider/slider-stories-setup.js +235 -0
- package/dist/collection/components/table/table-toolbar/table-toolbar.css +6 -1
- package/dist/collection/components/table/table-toolbar/table-toolbar.js +3 -2
- package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js +2 -2
- package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +2 -2
- package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js +2 -2
- package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +2 -2
- package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js +2 -2
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +4 -4
- package/dist/collection/components/text-field/text-field.js +5 -5
- package/dist/collection/components/textarea/textarea.js +4 -4
- package/dist/collection/components/toast/toast.js +3 -3
- package/dist/collection/components/toggle/toggle.js +2 -2
- package/dist/collection/components/tooltip/tooltip.js +2 -2
- package/dist/collection/stories/formatHtmlPreview.js +10 -0
- package/dist/components/{p-4420365f.js → p-9cee9d7f.js} +3 -3
- package/dist/components/p-d3866be7.js +2098 -0
- package/dist/components/{p-516d8085.js → p-df84759a.js} +1 -1
- package/dist/components/tds-folder-tab.js +2 -2
- package/dist/components/tds-folder-tabs.js +2 -2
- package/dist/components/tds-footer.js +1 -1
- package/dist/components/tds-header-brand-symbol.js +1 -1
- package/dist/components/tds-header-dropdown.js +2 -2
- package/dist/components/tds-header-launcher.js +2 -2
- package/dist/components/tds-inline-tab.js +2 -2
- package/dist/components/tds-inline-tabs.js +2 -2
- package/dist/components/tds-navigation-tab.js +2 -2
- package/dist/components/tds-navigation-tabs.js +4 -4
- package/dist/components/tds-popover-canvas.js +1 -1
- package/dist/components/tds-popover-core.js +1 -1
- package/dist/components/tds-popover-menu.js +1 -1
- package/dist/components/tds-table-toolbar.js +3 -3
- package/dist/components/tds-text-field.js +5 -5
- package/dist/components/tds-textarea.js +6 -6
- package/dist/components/tds-toast.js +3 -3
- package/dist/components/tds-toggle.js +2 -2
- package/dist/components/tds-tooltip.js +1 -1
- package/dist/esm/tds-folder-tab.entry.js +2 -2
- package/dist/esm/tds-folder-tabs.entry.js +2 -2
- package/dist/esm/tds-footer.entry.js +1 -1
- package/dist/esm/tds-header-brand-symbol.entry.js +1 -1
- package/dist/esm/tds-inline-tab.entry.js +2 -2
- package/dist/esm/tds-inline-tabs.entry.js +2 -2
- package/dist/esm/tds-navigation-tab.entry.js +2 -2
- package/dist/esm/tds-navigation-tabs.entry.js +4 -4
- package/dist/esm/tds-popover-core.entry.js +1 -1
- package/dist/esm/tds-table-toolbar.entry.js +3 -3
- package/dist/esm/tds-text-field.entry.js +5 -5
- package/dist/esm/tds-textarea.entry.js +4 -4
- package/dist/esm/tds-toast.entry.js +3 -3
- package/dist/esm/tds-toggle.entry.js +2 -2
- package/dist/esm/tds-tooltip.entry.js +2 -2
- package/dist/tegel/assets/logos/scania-logotype.png +0 -0
- package/dist/tegel/assets/logos/scania-logotype.svg +2355 -0
- package/dist/tegel/assets/logos/scania-wordmark-white.png +0 -0
- package/dist/tegel/assets/logos/scania-wordmark.png +0 -0
- package/dist/tegel/assets/logos/scania-wordmark.svg +17 -0
- package/dist/tegel/p-0cac9ea6.entry.js +1 -0
- package/dist/tegel/{p-a1262f8f.entry.js → p-106e048d.entry.js} +1 -1
- package/dist/tegel/{p-2286d4c3.entry.js → p-10dfd194.entry.js} +1 -1
- package/dist/tegel/{p-b9603974.entry.js → p-1297d40e.entry.js} +1 -1
- package/dist/tegel/{p-0ca95c76.entry.js → p-212e1fff.entry.js} +1 -1
- package/dist/tegel/p-3a92d554.entry.js +1 -0
- package/dist/tegel/{p-2774f177.entry.js → p-46b66490.entry.js} +1 -1
- package/dist/tegel/{p-1116da44.entry.js → p-52adc30c.entry.js} +1 -1
- package/dist/tegel/{p-87ba6285.entry.js → p-64be21db.entry.js} +1 -1
- package/dist/tegel/{p-d29a777f.entry.js → p-67b4b2cf.entry.js} +1 -1
- package/dist/tegel/{p-e7a452a8.entry.js → p-76faaf70.entry.js} +1 -1
- package/dist/tegel/{p-9d8bb017.entry.js → p-78823da3.entry.js} +1 -1
- package/dist/tegel/{p-6631ea34.entry.js → p-bb1d069f.entry.js} +1 -1
- package/dist/tegel/{p-051c9000.entry.js → p-c7b0253c.entry.js} +1 -1
- package/dist/tegel/p-cbe217bf.entry.js +1 -0
- package/dist/tegel/tegel.css +2 -2
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/components/slider/slider-stories-setup.d.ts +233 -0
- package/dist/types/components/table/table-toolbar/table-toolbar.d.ts +1 -0
- package/dist/types/stories/formatHtmlPreview.d.ts +2 -0
- package/package.json +1 -1
- package/scripts/copy-assets.mjs +32 -30
- package/dist/components/p-96e83134.js +0 -2098
- package/dist/tegel/p-26e8f033.entry.js +0 -1
- package/dist/tegel/p-5ade1970.entry.js +0 -1
- package/dist/tegel/p-b58c7bed.entry.js +0 -1
|
@@ -41,10 +41,10 @@ const TdsFolderTab = class {
|
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
43
|
render() {
|
|
44
|
-
return (index.h(index.Host, { key: '
|
|
44
|
+
return (index.h(index.Host, { key: '19a42f7143a8f32130642bd50dd6817f871fdf20', "aria-selected": this.selected }, index.h("div", { key: '51bef3bebff5e13d7c949529919865780d8b33de', class: {
|
|
45
45
|
selected: this.selected,
|
|
46
46
|
disabled: this.disabled,
|
|
47
|
-
}, style: { width: `${this.tabWidth}px` } }, index.h("slot", { key: '
|
|
47
|
+
}, style: { width: `${this.tabWidth}px` } }, index.h("slot", { key: '2b661d3518f047f7bd0e50a121987eb62c5d42e8' }))));
|
|
48
48
|
}
|
|
49
49
|
get host() { return index.getElement(this); }
|
|
50
50
|
};
|
|
@@ -169,9 +169,9 @@ const TdsFolderTabs = class {
|
|
|
169
169
|
this.removeEventListenerFromTabs();
|
|
170
170
|
}
|
|
171
171
|
render() {
|
|
172
|
-
return (index.h(index.Host, { key: '
|
|
172
|
+
return (index.h(index.Host, { key: 'c56bf987e23ade8b30cd2470ab1ed0f4273bd191', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, index.h("div", { key: 'afab8a86427918d5ac4bbc17dd2a436a986df577', class: "wrapper", ref: (el) => {
|
|
173
173
|
this.navWrapperElement = el;
|
|
174
|
-
} }, index.h("button", { key: '
|
|
174
|
+
} }, index.h("button", { key: '0b82a953932e888d05478d82944c90768f97bb36', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, index.h("tds-icon", { key: '50cd22c5be43ae452e0896b449570774c3ab0151', name: "chevron_left", size: "20px" })), index.h("slot", { key: '3cb17dddc8592241c467167b3a0028355f2b7d5e', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: '23c289b70d723b2d0705692835a510b8a650fcfa', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, index.h("tds-icon", { key: 'fff2bfcbcf916d1b391aa25ee5f6fda3c8e63d23', name: "chevron_right", size: "20px" })))));
|
|
175
175
|
}
|
|
176
176
|
get host() { return index.getElement(this); }
|
|
177
177
|
static get watchers() { return {
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-ca8040ad.js');
|
|
6
6
|
const hasSlot = require('./hasSlot-1c90e9ba.js');
|
|
7
7
|
|
|
8
|
-
const footerCss = ":host{display:block}:host slot[name=top]::slotted(*){box-sizing:border-box;background-color:var(--tds-footer-top-background);padding:40px;display:grid;grid-template-columns:repeat(4, 1fr);row-gap:40px;width:100%}:host .footer-main{background-color:var(--tds-footer-main-background);padding:0 40px}:host .footer-main-top{padding:40px 0;display:flex;justify-content:space-between}:host slot[name=start],:host slot[name=end]{display:flex}:host slot[name=start]::slotted(*),:host slot[name=end]::slotted(*){display:flex;column-gap:24px}:host slot[name=end]{margin-left:auto}:host .footer-main-bottom{padding:40px 0;display:flex;justify-content:space-between;border-top:1px solid var(--tds-footer-main-divider)}:host .footer-main-bottom small.copyright{margin:0;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);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
|
|
8
|
+
const footerCss = ":host{display:block}:host slot[name=top]::slotted(*){box-sizing:border-box;background-color:var(--tds-footer-top-background);padding:40px;display:grid;grid-template-columns:repeat(4, 1fr);row-gap:40px;width:100%}:host .footer-main{background-color:var(--tds-footer-main-background);padding:0 40px}:host .footer-main-top{padding:40px 0;display:flex;justify-content:space-between}:host slot[name=start],:host slot[name=end]{display:flex}:host slot[name=start]::slotted(*),:host slot[name=end]::slotted(*){display:flex;column-gap:24px}:host slot[name=end]{margin-left:auto}:host .footer-main-bottom{padding:40px 0;display:flex;justify-content:space-between;border-top:1px solid var(--tds-footer-main-divider)}:host .footer-main-bottom small.copyright{margin:0;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-footer-main-copyright)}:host .footer-main-bottom .brand{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;width:117px;height:20px}:host .footer-main-bottom .brand p{color:transparent;padding:0;margin:0;height:100%;visibility:hidden}@media all and (max-width: 992px){:host slot[name=top]::slotted(*){display:block;width:100%;padding:0}:host .footer-main{padding:0 24px}:host .footer-main-top{flex-direction:column;row-gap:48px;padding:24px 0}:host slot[name=end]::slotted(*){flex-direction:row;gap:8px}:host slot[name=end]{margin-left:unset}:host .footer-main-bottom{flex-direction:column;padding-bottom:32px}:host .footer-main-bottom p.copyright{padding-bottom:96px}:host .footer-main-bottom .brand{width:100%}}";
|
|
9
9
|
const TdsFooterStyle0 = footerCss;
|
|
10
10
|
|
|
11
11
|
const TdsFooter = class {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-ca8040ad.js');
|
|
6
6
|
|
|
7
|
-
const headerBrandSymbolCss = ":host tds-header-item{display:none}:host tds-header-item ::slotted(*){background-image:var(--tds-background-image-scania-symbol-svg), var(--tds-background-image-scania-symbol-svg
|
|
7
|
+
const headerBrandSymbolCss = ":host tds-header-item{display:none}:host tds-header-item ::slotted(*){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}@media (min-width: 992px){:host tds-header-item{display:block}}";
|
|
8
8
|
const TdsHeaderBrandSymbolStyle0 = headerBrandSymbolCss;
|
|
9
9
|
|
|
10
10
|
const TdsHeaderBrandSymbol = class {
|
|
@@ -36,11 +36,11 @@ const TdsInlineTab = class {
|
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
render() {
|
|
39
|
-
return (index.h(index.Host, { key: '
|
|
39
|
+
return (index.h(index.Host, { key: '496b56fa31a50e26ceea5275e29873d030ea2937', "aria-selected": this.selected }, index.h("div", { key: 'c67bfb892ea721b1ad329e00453fe62dcf4681c0', class: {
|
|
40
40
|
'inline-tab-item': true,
|
|
41
41
|
'selected': this.selected,
|
|
42
42
|
'disabled': this.disabled,
|
|
43
|
-
} }, index.h("slot", { key: '
|
|
43
|
+
} }, index.h("slot", { key: 'bae7788e0625279f4eb82129da1256fbb7f1c95b' }))));
|
|
44
44
|
}
|
|
45
45
|
get host() { return index.getElement(this); }
|
|
46
46
|
};
|
|
@@ -176,9 +176,9 @@ const TdsInlineTabs = class {
|
|
|
176
176
|
this.removeEventListenerFromTabs();
|
|
177
177
|
}
|
|
178
178
|
render() {
|
|
179
|
-
return (index.h(index.Host, { key: '
|
|
179
|
+
return (index.h(index.Host, { key: '9fa2d8cb54ac480fb5875432440506b0c12efaa5', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, index.h("div", { key: 'aecb68d56088f84e271f3c829c84da4e732df9b8', class: "wrapper", ref: (el) => {
|
|
180
180
|
this.navWrapperElement = el;
|
|
181
|
-
}, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: '
|
|
181
|
+
}, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: '9b97d342cfe66209063b504b49480d587cd626d5', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: 'a447ce946eb5bc02a2527f210322aa76ca5ad5b8', name: "chevron_left", size: "20px" })), index.h("slot", { key: '1df34e68bbea35ef76de48e7b8fe96b3a8655792', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: '7c753dd66c173265c32a7b49197df12fbecc78d1', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: 'f76934b67470db5ff6ddb6fbae86f87fd3d0bdee', name: "chevron_right", size: "20px" })))));
|
|
182
182
|
}
|
|
183
183
|
get host() { return index.getElement(this); }
|
|
184
184
|
static get watchers() { return {
|
|
@@ -36,8 +36,8 @@ const TdsNavigationTab = class {
|
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
render() {
|
|
39
|
-
return (index.h(index.Host, { key: '
|
|
40
|
-
${this.disabled ? 'disabled' : ''}` }, index.h("slot", { key: '
|
|
39
|
+
return (index.h(index.Host, { key: '28ba6f5bedc4f2a31e5011e37bf92d3b38fa8abe' }, index.h("div", { key: 'ac5aad203d8a13dc42a8f9e99b2ccdd7c784c9af', class: `navigation-tab-item ${this.selected ? 'selected' : ''}
|
|
40
|
+
${this.disabled ? 'disabled' : ''}` }, index.h("slot", { key: 'da6292612753748f6cac68e0b282ecde642cb5b5' }))));
|
|
41
41
|
}
|
|
42
42
|
get host() { return index.getElement(this); }
|
|
43
43
|
};
|
|
@@ -176,15 +176,15 @@ const TdsNavigationTabs = class {
|
|
|
176
176
|
this.removeEventListenerFromTabs();
|
|
177
177
|
}
|
|
178
178
|
render() {
|
|
179
|
-
return (index.h(index.Host, { key: '
|
|
179
|
+
return (index.h(index.Host, { key: '2fc278cacc04614ca43b70f52b12f79b31227fbb', role: "tablist", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, index.h("div", { key: '50357810903ea3bff83fde4478960de0866c7c15', class: "wrapper", ref: (el) => {
|
|
180
180
|
this.navWrapperElement = el;
|
|
181
|
-
}, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: '
|
|
181
|
+
}, style: { paddingLeft: `${this.leftPadding}px` } }, index.h("button", { key: 'b5b05a2f9bce1618c71594cf388dc83efce98915', "aria-label": this.tdsScrollLeftAriaLabel, class: {
|
|
182
182
|
'scroll-left-button': true,
|
|
183
183
|
'show': this.showLeftScroll,
|
|
184
|
-
}, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: '
|
|
184
|
+
}, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, index.h("tds-icon", { key: 'aad19852d36ff8e1642ba464f9618a57ff37169c', name: "chevron_left", size: "20px" })), index.h("slot", { key: '3dcf0d7e6900df33a69863868a3a48dcb4aa8141', onSlotchange: () => this.handleSlotChange() }), index.h("button", { key: '352539955226aecf92deb0c0db83c42a5b021e43', "aria-label": this.tdsScrollRightAriaLabel, class: {
|
|
185
185
|
'scroll-right-button': true,
|
|
186
186
|
'show': this.showRightScroll,
|
|
187
|
-
}, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '
|
|
187
|
+
}, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, index.h("tds-icon", { key: '0e3fe531374dd82b6ee5de1a5a1bea4a38e03500', name: "chevron_right", size: "20px" })))));
|
|
188
188
|
}
|
|
189
189
|
get host() { return index.getElement(this); }
|
|
190
190
|
static get watchers() { return {
|