@scania/tegel 1.31.1-asset-load-order-local-first.0 → 1.31.1-feat-button-name-attribute-beta.1
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/loader.cjs.js +1 -1
- package/dist/cjs/tds-button.cjs.entry.js +5 -3
- 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-popover-core.cjs.entry.js +1 -1
- package/dist/cjs/tds-textarea.cjs.entry.js +4 -4
- package/dist/cjs/tegel.cjs.js +1 -1
- package/dist/collection/components/button/button.js +39 -3
- 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 +8307 -0
- package/dist/collection/components/textarea/textarea.js +4 -4
- package/dist/components/{p-df84759a.js → p-516d8085.js} +1 -1
- package/dist/components/{p-9cee9d7f.js → p-69109003.js} +1 -1
- package/dist/components/p-96e83134.js +2098 -0
- package/dist/components/tds-button.js +7 -3
- 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-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-textarea.js +6 -6
- package/dist/components/tds-tooltip.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/tds-button.entry.js +5 -3
- package/dist/esm/tds-footer.entry.js +1 -1
- package/dist/esm/tds-header-brand-symbol.entry.js +1 -1
- package/dist/esm/tds-popover-core.entry.js +1 -1
- package/dist/esm/tds-textarea.entry.js +4 -4
- package/dist/esm/tegel.js +1 -1
- package/dist/tegel/{p-c7b0253c.entry.js → p-051c9000.entry.js} +1 -1
- package/dist/tegel/p-2c36022d.entry.js +1 -0
- package/dist/tegel/{p-bb1d069f.entry.js → p-6631ea34.entry.js} +1 -1
- package/dist/tegel/p-b2fa17c8.entry.js +1 -0
- package/dist/tegel/p-b58c7bed.entry.js +1 -0
- package/dist/tegel/tegel.css +2 -2
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/types/components/button/button.d.ts +4 -0
- package/dist/types/components.d.ts +16 -0
- package/package.json +1 -1
- package/scripts/copy-assets.mjs +30 -32
- package/dist/collection/assets/logos/scania-logotype.png +0 -0
- package/dist/collection/assets/logos/scania-logotype.svg +0 -2355
- 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 +0 -17
- package/dist/collection/components/slider/slider-stories-setup.js +0 -235
- package/dist/collection/stories/formatHtmlPreview.js +0 -10
- package/dist/components/p-d3866be7.js +0 -2098
- package/dist/tegel/assets/logos/scania-logotype.png +0 -0
- package/dist/tegel/assets/logos/scania-logotype.svg +0 -2355
- 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 +0 -17
- package/dist/tegel/p-0cac9ea6.entry.js +0 -1
- package/dist/tegel/p-30c88c69.entry.js +0 -1
- package/dist/tegel/p-cbe217bf.entry.js +0 -1
- package/dist/types/components/slider/slider-stories-setup.d.ts +0 -233
- package/dist/types/stories/formatHtmlPreview.d.ts +0 -2
|
@@ -31,7 +31,7 @@ export class TdsTextarea {
|
|
|
31
31
|
}
|
|
32
32
|
// Data input event in value prop
|
|
33
33
|
handleInput(event) {
|
|
34
|
-
if (event.target instanceof
|
|
34
|
+
if (event.target instanceof HTMLInputElement) {
|
|
35
35
|
this.value = event.target.value;
|
|
36
36
|
this.tdsInput.emit(event);
|
|
37
37
|
}
|
|
@@ -58,7 +58,7 @@ export class TdsTextarea {
|
|
|
58
58
|
}
|
|
59
59
|
render() {
|
|
60
60
|
var _a;
|
|
61
|
-
return (h("div", { key: '
|
|
61
|
+
return (h("div", { key: 'b6ab60b15126cf19df75b05976c1180252bfea65', class: {
|
|
62
62
|
'textarea-container': true,
|
|
63
63
|
'textarea-label-inside': this.labelPosition === 'inside',
|
|
64
64
|
'textarea-focus': this.focusInput,
|
|
@@ -68,7 +68,7 @@ export class TdsTextarea {
|
|
|
68
68
|
'textarea-data': this.value !== '',
|
|
69
69
|
[`textarea-${this.state}`]: this.state === 'error' || this.state === 'success',
|
|
70
70
|
'no-min-width': this.noMinWidth,
|
|
71
|
-
} }, this.labelPosition !== 'no-label' && (h("label", { key: '
|
|
71
|
+
} }, this.labelPosition !== 'no-label' && (h("label", { key: '8bb63e248f9f36fabd2811280cc2d5e91c64f979', htmlFor: `textarea-element-${this.uuid}`, class: 'textarea-label' }, this.label)), h("div", { key: '1271be9d8521ba7ccdd66c1e519b64ac6417554e', class: "textarea-wrapper" }, h("textarea", { key: 'f87a6c0b28df9c48fbba38b4b9b9a0d39b2c7d87', id: `textarea-element-${this.uuid}`, class: 'textarea-input', ref: (inputEl) => {
|
|
72
72
|
this.textEl = inputEl;
|
|
73
73
|
}, disabled: this.disabled, readonly: !this.disabled && this.readOnly, placeholder: this.placeholder, value: this.value, name: this.name, autofocus: this.autofocus, maxlength: this.maxLength, cols: this.cols, rows: this.rows, onFocus: (event) => {
|
|
74
74
|
if (!this.readOnly) {
|
|
@@ -78,7 +78,7 @@ export class TdsTextarea {
|
|
|
78
78
|
if (!this.readOnly) {
|
|
79
79
|
this.handleBlur(event);
|
|
80
80
|
}
|
|
81
|
-
}, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), "aria-invalid": this.state === 'error' ? 'true' : 'false', "aria-readonly": this.readOnly ? 'true' : 'false', "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `textarea-helper-element-${this.uuid}` }), h("span", { key: '
|
|
81
|
+
}, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), "aria-invalid": this.state === 'error' ? 'true' : 'false', "aria-readonly": this.readOnly ? 'true' : 'false', "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `textarea-helper-element-${this.uuid}` }), h("span", { key: '211744dccbb93dfee49194d68b76828291666f26', class: "textarea-resizer-icon" }, h("svg", { key: '003dab848372c2990b55ce1d493ad6466f36d19d', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '79e2bd76ed400c27fb66a7abb5eafcdc2f2ea2ee', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z", fill: "currentColor" }))), !this.disabled && !this.hideReadOnlyIcon && this.readOnly && (h("span", { key: 'b1514ff5b6c4ba0164991bc685779d5642e7dbfa', class: "textarea-icon__readonly" }, h("tds-tooltip", { key: '3fc21e5386f0fd112da214e218027fa283cda70a', placement: "top-end", text: "This field is non-editable", selector: "#readonly-tooltip" }), h("tds-icon", { key: '6e3f4513c3cea8256a0e1da440f9ba12b8e2f45d', id: "readonly-tooltip", name: "edit_inactive", svgTitle: "inactive" })))), h("span", { key: '10332770b3e59d89fe778140dbf37e1f4a8d86cb', class: 'textarea-helper', "aria-live": "assertive", id: `textarea-helper-element-${this.uuid}` }, this.state === 'error' && this.helper && !this.readOnly && (h("tds-icon", { key: 'a18110ca6e2fd5c8957ec78dd7cf57ce3722ff46', name: "error", size: "16px" })), this.helper), this.maxLength > 0 && (h("div", { key: '1b700f79ec9c337ede9d16956f25512afa54b77c', class: 'textarea-textcounter' }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, h("span", { key: 'b9a7da0390bdf25a7fe614f12694f6754b840b30', class: "textfield-textcounter-divider" }, " / "), " ", this.maxLength))));
|
|
82
82
|
}
|
|
83
83
|
static get is() { return "tds-textarea"; }
|
|
84
84
|
static get encapsulation() { return "scoped"; }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
|
|
2
2
|
import { i as inheritAttributes } from './p-3fe9cbbf.js';
|
|
3
|
-
import { d as defineCustomElement$1 } from './p-
|
|
3
|
+
import { d as defineCustomElement$1 } from './p-96e83134.js';
|
|
4
4
|
|
|
5
5
|
const popoverCanvasCss = ".tds-popover-canvas.sc-tds-popover-canvas{box-sizing:border-box;display:inline-block;color:var(--tds-popover-canvas-color);background-color:var(--tds-popover-canvas-background);box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;z-index:900}.tds-popover-canvas.sc-tds-popover-canvas *.sc-tds-popover-canvas{box-sizing:border-box}";
|
|
6
6
|
const TdsPopoverCanvasStyle0 = popoverCanvasCss;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
|
|
2
2
|
import { i as inheritAttributes } from './p-3fe9cbbf.js';
|
|
3
|
-
import { d as defineCustomElement$1 } from './p-
|
|
3
|
+
import { d as defineCustomElement$1 } from './p-96e83134.js';
|
|
4
4
|
|
|
5
5
|
const tooltipCss = ".sc-tds-tooltip-h{position:absolute}.tds-tooltip.sc-tds-tooltip{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;white-space:normal;max-width:192px;z-index:900;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip *.sc-tds-tooltip{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip{border-radius:0 4px 4px}.tds-tooltip.tds-tooltip-top-right.sc-tds-tooltip{border-radius:4px 0 4px 4px}.tds-tooltip.tds-tooltip-bottom-right.sc-tds-tooltip{border-radius:4px 4px 0}.tds-tooltip.tds-tooltip-bottom-left.sc-tds-tooltip{border-radius:4px 4px 4px 0}.tds-tooltip-show.sc-tds-tooltip{opacity:1;visibility:visible}";
|
|
6
6
|
const TdsTooltipStyle0 = tooltipCss;
|