@scania/tegel 1.49.2-warning-beta.0 → 1.50.0-develop-beta.1

package/dist/collection/components/button/button.js

@@ -40,11 +40,11 @@ export class TdsButton {
         if (!this.text && !hasLabelSlot) {
             this.onlyIcon = true;
         }
-        return (h(Host, { key: '35c60edf5c2e4769e8995a47e90b8e99ef4482f6', class: {
+        return (h(Host, { key: '7f8c8462a61bc5faf9ad2d6d9bf2e358aa3cf98e', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
                 disabled: Boolean(this.disabled),
                 fullbleed: Boolean(this.fullbleed),
-            }, disabled: this.disabled }, h("button", Object.assign({ key: '819e795be3cdd3c435f54f1f9c0e13ae091aec98', type: this.type, name: this.name ? this.name : undefined, value: this.value ? this.value : undefined, disabled: this.disabled, class: {
+            }, disabled: this.disabled }, h("button", Object.assign({ key: '4875490d582b2d7b56761d4926677a875898448b', type: this.type, name: this.name ? this.name : undefined, value: this.value ? this.value : undefined, disabled: this.disabled, class: {
                 'primary': this.variant === 'primary',
                 'secondary': this.variant === 'secondary',
                 'ghost': this.variant === 'ghost',
@@ -58,7 +58,7 @@ export class TdsButton {
                 'icon': hasIconSlot,
                 'only-icon': this.onlyIcon,
                 [`animation-${this.animation}`]: this.animation !== 'none',
-            } }, (this.onlyIcon && this.tdsAriaLabel && { 'aria-label': this.tdsAriaLabel })), this.text, hasLabelSlot && !this.onlyIcon && h("slot", { key: '1c43f0358cfa491bf3b2061e7891f17bc8f0aac4', name: "label" }), hasIconSlot && h("slot", { key: '40fb5ffa1bb25c098f413e672fb28ccc11a0d3d0', name: "icon" }))));
+            } }, (this.onlyIcon && this.tdsAriaLabel && { 'aria-label': this.tdsAriaLabel })), this.text, hasLabelSlot && !this.onlyIcon && h("slot", { key: 'c2784c3405118a239965bf5ab95dd341ab10d5f0', name: "label" }), hasIconSlot && h("slot", { key: 'ba5b742b82d3879c01cdee53219daf3d2571768a', name: "icon" }))));
     }
     static get is() { return "tds-button"; }
     static get encapsulation() { return "scoped"; }
@@ -90,7 +90,7 @@ export class TdsButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "text"
             },
             "type": {
@@ -109,7 +109,7 @@ export class TdsButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "type",
                 "defaultValue": "'button'"
             },
@@ -129,7 +129,7 @@ export class TdsButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "variant",
                 "defaultValue": "'primary'"
             },
@@ -149,7 +149,7 @@ export class TdsButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "size",
                 "defaultValue": "'lg'"
             },
@@ -169,7 +169,7 @@ export class TdsButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "disabled",
                 "defaultValue": "false"
             },
@@ -189,7 +189,7 @@ export class TdsButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "fullbleed",
                 "defaultValue": "false"
             },
@@ -209,7 +209,7 @@ export class TdsButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "mode-variant",
                 "defaultValue": "null"
             },
@@ -229,7 +229,7 @@ export class TdsButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "animation",
                 "defaultValue": "'none'"
             },
@@ -249,7 +249,7 @@ export class TdsButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "tds-aria-label"
             },
             "name": {
@@ -268,7 +268,7 @@ export class TdsButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "name"
             },
             "value": {
@@ -287,7 +287,7 @@ export class TdsButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "value"
             }
         };

package/dist/collection/components/card/card.js

@@ -67,7 +67,7 @@ export class TdsCard {
             [`${this.imagePlacement}-stretch`]: this.stretch,
         };
         const ariaLabel = this.header ? this.header : `Card ${this.cardId}`;
-        return (h(Host, { key: 'a02da4f8704ad22664fec6ba0b97421094e4cda0', class: { [`tds-mode-variant-${this.modeVariant}`]: !!this.modeVariant } }, this.clickable ? (h("button", { class: cardStyle, onClick: this.handleClick, "aria-label": ariaLabel, "aria-describedby": `header-${this.cardId}` }, this.getCardContent())) : (h("div", { class: cardStyle }, this.getCardContent()))));
+        return (h(Host, { key: 'e652c7d625691932e9b39c83a730f614195cb17c', class: { [`tds-mode-variant-${this.modeVariant}`]: !!this.modeVariant } }, this.clickable ? (h("button", { class: cardStyle, onClick: this.handleClick, "aria-label": ariaLabel, "aria-describedby": `header-${this.cardId}` }, this.getCardContent())) : (h("div", { class: cardStyle }, this.getCardContent()))));
     }
     static get is() { return "tds-card"; }
     static get encapsulation() { return "shadow"; }
@@ -99,7 +99,7 @@ export class TdsCard {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "mode-variant",
                 "defaultValue": "null"
             },
@@ -119,7 +119,7 @@ export class TdsCard {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "image-placement",
                 "defaultValue": "'below-header'"
             },
@@ -139,7 +139,7 @@ export class TdsCard {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "header"
             },
             "subheader": {
@@ -158,7 +158,7 @@ export class TdsCard {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "subheader"
             },
             "bodyImg": {
@@ -177,7 +177,7 @@ export class TdsCard {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "body-img"
             },
             "bodyImgAlt": {
@@ -196,7 +196,7 @@ export class TdsCard {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "body-img-alt"
             },
             "bodyDivider": {
@@ -215,7 +215,7 @@ export class TdsCard {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "body-divider",
                 "defaultValue": "false"
             },
@@ -235,7 +235,7 @@ export class TdsCard {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "clickable",
                 "defaultValue": "false"
             },
@@ -255,7 +255,7 @@ export class TdsCard {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "stretch",
                 "defaultValue": "false"
             },
@@ -275,7 +275,7 @@ export class TdsCard {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "card-id",
                 "defaultValue": "generateUniqueId()"
             },
@@ -295,7 +295,7 @@ export class TdsCard {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "expandable",
                 "defaultValue": "false"
             },

package/dist/collection/components/checkbox/checkbox.js

@@ -60,12 +60,12 @@ export class TdsCheckbox {
         }
     }
     render() {
-        return (h("div", { key: 'dfffd2e58507c14f16d9c0979d1cf794296b83eb', class: "tds-checkbox" }, h("input", { key: '6003dd1ba8c0ffc40a7f3f692867e47801ebfb0d', ref: (inputElement) => {
+        return (h("div", { key: '97afce57b6f6ce0d66dabd227f7271b5dc8fe707', class: "tds-checkbox" }, h("input", { key: '8c97381eacc2c9d914cd02877e44dc0a7a456b48', ref: (inputElement) => {
                 if (inputElement)
                     this.inputElement = inputElement;
             }, indeterminate: this.indeterminate, "aria-checked": this.checked, "aria-required": this.required, "aria-label": this.tdsAriaLabel, "aria-describedby": this.tdsAriaDescribedby, required: this.required, type: "checkbox", name: this.name, value: this.value, id: this.checkboxId, checked: this.checked, disabled: this.disabled, onFocus: (event) => this.handleFocus(event), onBlur: (event) => this.handleBlur(event), onChange: () => {
                 this.handleChange();
-            } }), h("label", { key: '0fb389206bd35497737b14a0cf12093a32de7881', htmlFor: this.checkboxId }, h("slot", { key: '7a085546f31a1aa6f4dd2ddab4f053bf86663dda', name: "label" }))));
+            } }), h("label", { key: '15a08109078c67717cf428c0f773ff7946b417a8', htmlFor: this.checkboxId }, h("slot", { key: '8ecde64bfea05475817019e4bd67ab50c571e328', name: "label" }))));
     }
     static get is() { return "tds-checkbox"; }
     static get encapsulation() { return "scoped"; }
@@ -97,7 +97,7 @@ export class TdsCheckbox {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "name"
             },
             "checkboxId": {
@@ -116,7 +116,7 @@ export class TdsCheckbox {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "checkbox-id",
                 "defaultValue": "generateUniqueId()"
             },
@@ -136,7 +136,7 @@ export class TdsCheckbox {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "disabled",
                 "defaultValue": "false"
             },
@@ -156,7 +156,7 @@ export class TdsCheckbox {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "required",
                 "defaultValue": "false"
             },
@@ -196,7 +196,7 @@ export class TdsCheckbox {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "indeterminate",
                 "defaultValue": "false"
             },
@@ -216,7 +216,7 @@ export class TdsCheckbox {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "value"
             },
             "tdsAriaLabel": {
@@ -235,7 +235,7 @@ export class TdsCheckbox {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "tds-aria-label"
             },
             "tdsAriaDescribedby": {
@@ -254,7 +254,7 @@ export class TdsCheckbox {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "tds-aria-describedby"
             }
         };

package/dist/collection/components/chip/chip.css

@@ -24,7 +24,7 @@
   letter-spacing: var(--tds-detail-02-ls);
   display: inline-flex;
   align-items: center;
-  border-radius: 32px;
+  border-radius: var(--tds-chips-border-radius);
   border: 1px solid var(--tds-chips-border);
   cursor: pointer;
   white-space: nowrap;
@@ -33,26 +33,16 @@
   background-color: var(--tds-chips-background-hover);
   border-color: var(--tds-chips-border-hover);
 }
+.tds-chip-component.disabled {
+  opacity: var(--tds-chips-opacity-disabled);
+}
 .tds-chip-component.disabled label {
-  background-color: var(--tds-chips-background-disabled);
-  color: var(--tds-chips-text-disabled);
-  border-color: transparent;
   cursor: default;
   pointer-events: none;
 }
 .tds-chip-component.disabled input {
   pointer-events: none;
 }
-.tds-chip-component.disabled input[type=radio]:checked:disabled + label {
-  background-color: var(--tds-chips-background-active-disabled);
-  color: var(--tds-chips-text-checked-disabled);
-  border-color: transparent;
-}
-.tds-chip-component.disabled input[type=checkbox]:checked:disabled + label {
-  background-color: var(--tds-chips-background-active-disabled);
-  color: var(--tds-chips-text-checked-disabled);
-  border-color: transparent;
-}
 .tds-chip-component.lg label {
   height: 16px;
   padding: 8px 16px;
@@ -97,7 +87,7 @@
 .tds-chip-component input:checked + label {
   background-color: var(--tds-chips-background-active);
   color: var(--tds-chips-color-active);
-  border-color: var(--tds-chips-background-active);
+  border-color: var(--tds-chips-border-selected);
 }
 .tds-chip-component input:checked + label:hover {
   background-color: var(--tds-chips-background-active-hover);

package/dist/collection/components/chip/chip.js

@@ -87,7 +87,7 @@ export class TdsChip {
             'suffix': hasSuffixSlot,
             'disabled': this.disabled,
         };
-        return (h(Host, { key: '7018c9c28fdd3711456101805579931c2dec9278' }, h("div", { key: 'c5157cdd3fe2b6db26c7684ee415f924cc3a8a87', class: chipClasses }, h("input", Object.assign({ key: 'fa5a3d476c1bf967c4a27d49c32ff032f58c6297', type: this.type, id: this.chipId, "aria-checked": this.type === 'button' ? undefined : String(this.checked), role: this.type, "aria-label": this.tdsAriaLabel }, inputAttributes)), h("label", { key: 'd90597092adbe2b4bfa6c2d98edf6b29bc507fbf', onClick: (event) => event.stopPropagation(), htmlFor: this.chipId }, hasPrefixSlot && h("slot", { key: '8269d76dc638e523cf9c386f9b7de80b25a6aab0', name: "prefix" }), hasLabelSlot && h("slot", { key: 'ffaebfbaf18e563d022535efd5b12b8991aa79b6', name: "label" }), hasSuffixSlot && h("slot", { key: '95c9b55b8fa536011624a86430c27d5d65a5ed09', name: "suffix" })))));
+        return (h(Host, { key: '610866a08e70c90d8f62c4e262e492c0ad2ab753' }, h("div", { key: '9615a6a960ad58beb9971514e13dce3a370af231', class: chipClasses }, h("input", Object.assign({ key: 'dfe150bd39d139b100ce9f959bbe813750745420', type: this.type, id: this.chipId, "aria-checked": this.type === 'button' ? undefined : String(this.checked), role: this.type, "aria-label": this.tdsAriaLabel }, inputAttributes)), h("label", { key: '361ed17718d1cbe90b945342cd0281a49626b26e', onClick: (event) => event.stopPropagation(), htmlFor: this.chipId }, hasPrefixSlot && h("slot", { key: '7a3cee5a56d4d731b0967ba55c54431de4d0e5e2', name: "prefix" }), hasLabelSlot && h("slot", { key: '5fe884b9b8314c5a89d9af3166da68fd23c0c07a', name: "label" }), hasSuffixSlot && h("slot", { key: 'd2c928404578bdf6e6dc393a98b4c1b112432d34', name: "suffix" })))));
     }
     static get is() { return "tds-chip"; }
     static get encapsulation() { return "scoped"; }
@@ -119,7 +119,7 @@ export class TdsChip {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "type",
                 "defaultValue": "'button'"
             },
@@ -139,7 +139,7 @@ export class TdsChip {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "size",
                 "defaultValue": "'lg'"
             },
@@ -159,7 +159,7 @@ export class TdsChip {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "chip-id",
                 "defaultValue": "generateUniqueId()"
             },
@@ -199,7 +199,7 @@ export class TdsChip {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "name"
             },
             "value": {
@@ -218,7 +218,7 @@ export class TdsChip {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "value"
             },
             "disabled": {
@@ -237,7 +237,7 @@ export class TdsChip {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "disabled",
                 "defaultValue": "false"
             },
@@ -257,7 +257,7 @@ export class TdsChip {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "tds-aria-label"
             }
         };

package/dist/collection/components/datetime/datetime.js

@@ -170,7 +170,7 @@ export class TdsDatetime {
                 this.labelPosition === 'inside' &&
                 this.size !== 'sm'),
         };
-        return (h("div", { key: 'a55d784701c35fda184c9e17fbe8466854f9140d', class: classNames, onKeyDown: (e) => {
+        return (h("div", { key: '46bd4a81e68f32267d62df5180ab6ba9de7e183e', class: classNames, onKeyDown: (e) => {
                 if (e.key === 'Enter') {
                     const browserIsChrome = navigator.userAgent.toLowerCase().includes('chrome');
                     if (browserIsChrome) {
@@ -178,10 +178,10 @@ export class TdsDatetime {
                         this.textInput.showPicker();
                     }
                 }
-            } }, this.labelPosition === 'outside' && this.label && (h("label", { key: 'ff47d44b79345c816cf9b22bd913b6a595299dce', htmlFor: this.name, class: "tds-datetime-label" }, this.label)), h("div", { key: '013669e9b4f3421e96b9239a187515967baf7619', onClick: (e) => this.handleFocusClick(e), class: "tds-datetime-container" }, h("div", { key: 'f06de994b6b1c8fe1db77f914be22797db14018d', class: `tds-datetime-input-container type-${this.type}` }, h("input", { key: 'c003adf22a66a2a04f13abd636c924bd1ad1c6c9', ref: (inputEl) => {
+            } }, this.labelPosition === 'outside' && this.label && (h("label", { key: '84cd03bee06e621314ee4a2a74440a1cc64b635d', htmlFor: this.name, class: "tds-datetime-label" }, this.label)), h("div", { key: '7c4c04ea0df4b88c74d203123dc17dd29386b494', onClick: (e) => this.handleFocusClick(e), class: "tds-datetime-container" }, h("div", { key: '8c2a1e6d92b45b1be68e520b21d40dd83ec5bab0', class: `tds-datetime-input-container type-${this.type}` }, h("input", { key: '4fb15c46fb418f11f7fc02dcef8c430257ebd556', ref: (inputEl) => {
                 if (inputEl)
                     this.textInput = inputEl;
-            }, class: className, type: this.type, disabled: this.disabled, value: this.value, min: this.min, max: this.max, autofocus: this.autofocus, name: this.name, id: this.name, onInput: (e) => this.handleInput(e), onBlur: (e) => this.handleBlur(e), onChange: (e) => this.handleChange(e), "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label }), this.labelPosition === 'inside' && this.size !== 'sm' && this.label && (h("label", { key: '128a8b90a28b6c1c9c2eacc292603b3d1f8e5f10', class: "tds-datetime-label-inside", htmlFor: this.name }, this.label)), h("div", { key: '21331931956e4abf045a01a4af7f5fcf602990bd', class: "datetime-icon icon-datetime-local" }, h("tds-icon", { key: '77c1f611eae6c6ff3d102681b28ce42e0709ff84', size: "20px", name: "calendar", svgTitle: "Calendar" })), h("div", { key: '36f01c633df5181ad6107aa158de499fafa2569f', class: "datetime-icon icon-time" }, h("tds-icon", { key: '03bb2f56e70a68c8d882bdfdce747a15d1b4cfdc', size: "20px", name: "clock", svgTitle: "Clock" })))), this.state === 'error' && (h("div", { key: '40fbf2006d5709b84468e0e05b5b51804c141923', class: "tds-datetime-helper" }, !((_b = (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.validity) === null || _b === void 0 ? void 0 : _b.badInput) && (h("div", { key: '7f2990d54c62fbef3743662b944a09aab28a8a56', class: "tds-helper" }, h("tds-icon", { key: 'cdcb11a48a1d1fc3298711ed9f3b96b6a7ecef0d', name: "error", size: "16px", svgTitle: "error" }), " ", this.helperError)), this.textInput && this.textInput.validity.badInput && (h("div", { key: '51489ac6f3dbcb31f8ff89c1544a6a17c19ab239', class: "tds-helper" }, h("tds-icon", { key: '6fb19117b7f191564ed2b1c4071500a16ea40219', name: "error", size: "16px", svgTitle: "error" }), " ", this.helperErrorInvalid)))), this.helper && this.state !== 'error' && (h("div", { key: 'a6766afd774a6219e783ec1b5e79c250b94bace2', class: "tds-datetime-helper" }, h("div", { key: 'bba762fea80aca3e14da8ac9f9f210234edd9c70', class: "tds-helper" }, this.helper)))));
+            }, class: className, type: this.type, disabled: this.disabled, value: this.value, min: this.min, max: this.max, autofocus: this.autofocus, name: this.name, id: this.name, onInput: (e) => this.handleInput(e), onBlur: (e) => this.handleBlur(e), onChange: (e) => this.handleChange(e), "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label }), this.labelPosition === 'inside' && this.size !== 'sm' && this.label && (h("label", { key: '7bc1fa21b2389416773ed271c6db22560d27c3fb', class: "tds-datetime-label-inside", htmlFor: this.name }, this.label)), h("div", { key: 'd93169f5ab8077e150e7bdb2c459a9086c5cc350', class: "datetime-icon icon-datetime-local" }, h("tds-icon", { key: '22bb5b37b73319c6566e1db29284778754d634e7', size: "20px", name: "calendar", svgTitle: "Calendar" })), h("div", { key: '1c9d52a312e2a622485de8deab6a13b83c54decd', class: "datetime-icon icon-time" }, h("tds-icon", { key: '472222802261960915664e5a754a74e7def45bc7', size: "20px", name: "clock", svgTitle: "Clock" })))), this.state === 'error' && (h("div", { key: 'c4d637939bbb2be52867a1d0eecd8d85e13f9664', class: "tds-datetime-helper" }, !((_b = (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.validity) === null || _b === void 0 ? void 0 : _b.badInput) && (h("div", { key: 'b5ad19a8715623928f9af3706cc9f53090d031ed', class: "tds-helper" }, h("tds-icon", { key: '805214bccad4afa519a783c1d0d6457c12465151', name: "error", size: "16px", svgTitle: "error" }), " ", this.helperError)), this.textInput && this.textInput.validity.badInput && (h("div", { key: 'c566a22753888287a2abc60e2c747fff669a96b9', class: "tds-helper" }, h("tds-icon", { key: '656f92a11620ef57eae10aac48010e0d5ef82f74', name: "error", size: "16px", svgTitle: "error" }), " ", this.helperErrorInvalid)))), this.helper && this.state !== 'error' && (h("div", { key: 'ed123de1e76dbd7b9ea209d3c48cd3c6b1bc0bb5', class: "tds-datetime-helper" }, h("div", { key: '915e2b03b3c78476b2d9b1cc13837d3fb565ef49', class: "tds-helper" }, this.helper)))));
     }
     static get is() { return "tds-datetime"; }
     static get encapsulation() { return "scoped"; }
@@ -253,7 +253,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "min"
             },
             "max": {
@@ -272,7 +272,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "max"
             },
             "defaultValue": {
@@ -291,7 +291,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "default-value",
                 "defaultValue": "'none'"
             },
@@ -311,7 +311,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "disabled",
                 "defaultValue": "false"
             },
@@ -331,7 +331,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "size",
                 "defaultValue": "'lg'"
             },
@@ -351,7 +351,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "no-min-width",
                 "defaultValue": "false"
             },
@@ -371,7 +371,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "mode-variant",
                 "defaultValue": "null"
             },
@@ -391,7 +391,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "name",
                 "defaultValue": "`datetime-${generateUniqueId()}`"
             },
@@ -411,7 +411,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "state"
             },
             "autofocus": {
@@ -430,7 +430,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "autofocus",
                 "defaultValue": "false"
             },
@@ -450,7 +450,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "label",
                 "defaultValue": "''"
             },
@@ -470,7 +470,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "label-position",
                 "defaultValue": "'no-label'"
             },
@@ -490,7 +490,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "helper",
                 "defaultValue": "''"
             },
@@ -510,7 +510,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "helper-error"
             },
             "helperErrorInvalid": {
@@ -529,7 +529,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "helper-error-invalid",
                 "defaultValue": "'Invalid input'"
             },
@@ -549,7 +549,7 @@ export class TdsDatetime {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "tds-aria-label"
             },
             "customValidator": {

package/dist/collection/components/divider/divider.js

@@ -7,7 +7,7 @@ export class Divider {
         this.variant = 'subtle';
     }
     render() {
-        return (h(Host, { key: '86cef3b6aacde74bbaa414992cd805058e3b5290', role: "separator", "aria-orientation": this.orientation === 'vertical' ? 'vertical' : undefined }, h("div", { key: 'cd59487dd9214b2635a11ab1a012309a727bd389', class: {
+        return (h(Host, { key: '467cc771ed3fc6c574710aec6ea5e011a03ff7f8', role: "separator", "aria-orientation": this.orientation === 'vertical' ? 'vertical' : undefined }, h("div", { key: 'bebf6ec81c99e2146ae6a07feda9b65b96064369', class: {
                 'divider': true,
                 'vertical': this.orientation === 'vertical',
                 'horizontal': this.orientation === 'horizontal',
@@ -48,7 +48,7 @@ export class Divider {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "orientation",
                 "defaultValue": "'horizontal'"
             },
@@ -68,7 +68,7 @@ export class Divider {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
+                "reflect": true,
                 "attribute": "variant",
                 "defaultValue": "'subtle'"
             }