@scania/tegel 1.47.2 → 1.48.0

package/dist/collection/assets/icons/scania/notification_snooze.svg

@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.625 28C18.1773 28 18.625 28.4477 18.625 29C18.625 29.5523 18.1773 30 17.625 30H13.625C13.0727 30 12.625 29.5523 12.625 29C12.625 28.4477 13.0727 28 13.625 28H17.625Z" fill="#0B0C0F"/>
+<path d="M15.625 2C16.1773 2 16.625 2.44772 16.625 3V4.0498C17.315 4.11831 17.9835 4.25941 18.625 4.46094V6.58301C17.6984 6.20787 16.6861 6 15.625 6C11.2067 6 7.625 9.58172 7.625 14V24H23.625V14H25.625V24H26.625C27.1773 24 27.625 24.4477 27.625 25C27.625 25.5523 27.1773 26 26.625 26H4.625C4.07272 26 3.625 25.5523 3.625 25C3.625 24.4477 4.07272 24 4.625 24H5.625V14C5.625 8.81467 9.5717 4.55155 14.625 4.0498V3C14.625 2.44772 15.0727 2 15.625 2Z" fill="#0B0C0F"/>
+<path d="M19.625 10.25C19.9091 10.25 20.1689 10.411 20.2959 10.665C20.4227 10.919 20.395 11.223 20.2246 11.4502L18.125 14.25H19.625C20.0392 14.25 20.375 14.5858 20.375 15C20.375 15.4142 20.0392 15.75 19.625 15.75H16.625C16.3409 15.75 16.0811 15.589 15.9541 15.335C15.8273 15.081 15.855 14.777 16.0254 14.5498L18.125 11.75H16.625C16.2108 11.75 15.875 11.4142 15.875 11C15.875 10.5858 16.2108 10.25 16.625 10.25H19.625Z" fill="#0B0C0F"/>
+<path d="M27.625 3.25C27.9159 3.25 28.1802 3.41832 28.3037 3.68164C28.4271 3.94518 28.3875 4.25691 28.2012 4.48047L24.2266 9.25H27.625C28.0392 9.25 28.375 9.58579 28.375 10C28.375 10.4142 28.0392 10.75 27.625 10.75H22.625C22.3341 10.75 22.0698 10.5817 21.9463 10.3184C21.8229 10.0548 21.8625 9.74309 22.0488 9.51953L26.0234 4.75H22.625C22.2108 4.75 21.875 4.41421 21.875 4C21.875 3.58579 22.2108 3.25 22.625 3.25H27.625Z" fill="#0B0C0F"/>
+</svg>

package/dist/collection/assets/icons/scania/paperclip.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.6438 5.45697C19.5964 3.50467 22.7626 3.50449 24.7151 5.45697C26.6676 7.40949 26.6674 10.5756 24.7151 12.5283L14.0373 23.206C12.8658 24.3775 10.9657 24.3776 9.79418 23.206C8.62288 22.0345 8.62291 20.1353 9.79418 18.9638L17.9719 10.7851C18.3624 10.3949 18.9965 10.3947 19.387 10.7851C19.7774 11.1755 19.7772 11.8096 19.387 12.2001L11.2082 20.3779C10.818 20.7683 10.818 21.4015 11.2082 21.7919C11.5987 22.1824 12.2318 22.1822 12.6223 21.7919L23.3 11.1142C24.4716 9.94262 24.4716 8.04358 23.3 6.87201C22.1285 5.70048 20.2294 5.70045 19.0579 6.87201L17.926 8.00384C17.9231 8.00678 17.9192 8.00877 17.9163 8.01166L8.45727 17.4716C6.50471 19.4242 6.50483 22.5903 8.45727 24.5429C10.4099 26.4955 13.5759 26.4955 15.5286 24.5429L25.3 14.7714C25.6905 14.3809 26.3236 14.381 26.7141 14.7714C27.1046 15.1619 27.1046 15.795 26.7141 16.1855L16.9426 25.957C14.2089 28.6906 9.77687 28.6906 7.0432 25.957C4.30972 23.2233 4.30959 18.7912 7.0432 16.0576L17.6438 5.45697Z" fill="#0B0C0F"/>
+</svg>

package/dist/collection/collection-manifest.json

@@ -86,8 +86,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.19.2",
-    "typescriptVersion": "5.4.5"
+    "version": "4.42.0",
+    "typescriptVersion": "5.8.3"
   },
   "collections": [],
   "bundles": []

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

@@ -6,11 +6,17 @@ import generateUniqueId from "../../../utils/generateUniqueId";
  */
 export class TdsAccordionItem {
     constructor() {
+        /** The header gives users the context about the additional information available inside the panel */
         this.header = '';
+        /** Changes position of the expand icon. */
         this.expandIconPosition = 'end';
+        /** Disabled option in `boolean`. */
         this.disabled = false;
+        /** Set to true to expand panel open */
         this.expanded = false;
+        /** When true, 16px on right padding instead of 64px */
         this.paddingReset = false;
+        /** Specifies the heading level (aria-level) for accessibility. Only accepts values between 1 and 6. */
         this.ariaLevelValue = '6';
     }
     /** Method for toggling the expanded state of the Accordion Item. */
@@ -82,8 +88,10 @@ export class TdsAccordionItem {
                     "tags": [],
                     "text": "The header gives users the context about the additional information available inside the panel"
                 },
-                "attribute": "header",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "header",
                 "defaultValue": "''"
             },
             "expandIconPosition": {
@@ -100,8 +108,10 @@ export class TdsAccordionItem {
                     "tags": [],
                     "text": "Changes position of the expand icon."
                 },
-                "attribute": "expand-icon-position",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "expand-icon-position",
                 "defaultValue": "'end'"
             },
             "disabled": {
@@ -118,8 +128,10 @@ export class TdsAccordionItem {
                     "tags": [],
                     "text": "Disabled option in `boolean`."
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "expanded": {
@@ -136,8 +148,10 @@ export class TdsAccordionItem {
                     "tags": [],
                     "text": "Set to true to expand panel open"
                 },
-                "attribute": "expanded",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "expanded",
                 "defaultValue": "false"
             },
             "paddingReset": {
@@ -154,8 +168,10 @@ export class TdsAccordionItem {
                     "tags": [],
                     "text": "When true, 16px on right padding instead of 64px"
                 },
-                "attribute": "padding-reset",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "padding-reset",
                 "defaultValue": "false"
             },
             "ariaLevelValue": {
@@ -172,8 +188,10 @@ export class TdsAccordionItem {
                     "tags": [],
                     "text": "Specifies the heading level (aria-level) for accessibility. Only accepts values between 1 and 6."
                 },
-                "attribute": "aria-level-value",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "aria-level-value",
                 "defaultValue": "'6'"
             }
         };

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

@@ -4,7 +4,9 @@ import { h, Host } from "@stencil/core";
  */
 export class TdsAccordion {
     constructor() {
+        /** Set the variant of the Accordion. */
         this.modeVariant = null;
+        /** Removes the bottom border of the last Accordion item. */
         this.hideLastBorder = false;
     }
     render() {
@@ -42,8 +44,10 @@ export class TdsAccordion {
                     "tags": [],
                     "text": "Set the variant of the Accordion."
                 },
-                "attribute": "mode-variant",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "mode-variant",
                 "defaultValue": "null"
             },
             "hideLastBorder": {
@@ -60,8 +64,10 @@ export class TdsAccordion {
                     "tags": [],
                     "text": "Removes the bottom border of the last Accordion item."
                 },
-                "attribute": "hide-last-border",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "hide-last-border",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/badge/badge.js

@@ -1,9 +1,13 @@
 import { h } from "@stencil/core";
 export class TdsBadge {
     constructor() {
+        /** Value shown in Badge */
         this.value = '';
+        /** Changes visibility of Badge */
         this.hidden = false;
+        /** Sets component size. */
         this.size = 'lg';
+        /** Defines aria-live attribute */
         this.tdsAriaLive = 'polite';
         this.tdsAriaLabel = '';
         this.shape = '';
@@ -59,8 +63,10 @@ export class TdsBadge {
                     "tags": [],
                     "text": "Value shown in Badge"
                 },
-                "attribute": "value",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "value",
                 "defaultValue": "''"
             },
             "hidden": {
@@ -77,8 +83,10 @@ export class TdsBadge {
                     "tags": [],
                     "text": "Changes visibility of Badge"
                 },
-                "attribute": "hidden",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "hidden",
                 "defaultValue": "false"
             },
             "size": {
@@ -95,8 +103,10 @@ export class TdsBadge {
                     "tags": [],
                     "text": "Sets component size."
                 },
-                "attribute": "size",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "'lg'"
             },
             "tdsAriaLive": {
@@ -113,8 +123,10 @@ export class TdsBadge {
                     "tags": [],
                     "text": "Defines aria-live attribute"
                 },
-                "attribute": "tds-aria-live",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "tds-aria-live",
                 "defaultValue": "'polite'"
             }
         };

package/dist/collection/components/banner/banner.js

@@ -8,6 +8,20 @@ import hasSlot from "../../utils/hasSlot";
  */
 export class TdsBanner {
     constructor() {
+        /** Variant of Banner */
+        this.variant = 'default';
+        /** ID used for internal table functionality and events, must be unique.
+         *
+         * **NOTE**: If you're listening for Banner close events, you need to set this ID yourself to identify the Banner,
+         * as the default ID is random and will be different every time.
+         */
+        this.bannerId = generateUniqueId();
+        /** Hides the Banner */
+        this.hidden = false;
+        /** Defines the ARIA role of the banner. Defaults to "banner" for global use,
+         * but can be set to "region" or "alert" if used differently.
+         */
+        this.roleType = 'banner';
         this.handleClose = () => {
             const tdsCloseEvent = this.tdsClose.emit({
                 bannerId: this.bannerId,
@@ -16,13 +30,6 @@ export class TdsBanner {
                 this.hidden = true;
             }
         };
-        this.icon = undefined;
-        this.header = undefined;
-        this.subheader = undefined;
-        this.variant = 'default';
-        this.bannerId = generateUniqueId();
-        this.hidden = false;
-        this.roleType = 'banner';
     }
     /** Hides the Banner. */
     async hideBanner() {
@@ -69,12 +76,13 @@ export class TdsBanner {
                 "mutable": false,
                 "complexType": {
                     "original": "IconNames",
-                    "resolved": "IconNames | undefined",
+                    "resolved": "\"24v_battery\" | \"24v_battery_inactive\" | \"acceleration\" | \"acceleration_inactive\" | \"adblue\" | \"adblue_inactive\" | \"arrow_diagonal\" | \"arrow_down\" | \"arrow_left\" | \"arrow_right\" | \"arrow_up\" | \"audio\" | \"audio_inactive\" | \"award\" | \"back\" | \"backward\" | \"backward_inactive\" | \"bento\" | \"bug\" | \"bug_inactive\" | \"burger\" | \"bus\" | \"bus_inactive\" | \"cab_door\" | \"calendar\" | \"calendar_inactive\" | \"camera\" | \"camera_inactive\" | \"card\" | \"cart\" | \"charging_complete\" | \"charging_failed\" | \"charging_speed\" | \"charging_speed_inactive\" | \"charging_stopped\" | \"chevron_down\" | \"chevron_left\" | \"chevron_right\" | \"chevron_up\" | \"clock\" | \"clock_inactive\" | \"configurator\" | \"contact\" | \"contact_inactive\" | \"cookie\" | \"cookie_inactive\" | \"coolant_level\" | \"coolant_level_inactive\" | \"copy\" | \"cross\" | \"cup\" | \"cup_inactive\" | \"dashboard\" | \"department\" | \"department_inactive\" | \"departure_scheduling\" | \"departure_scheduling_inactive\" | \"diamond\" | \"diamond_inactive\" | \"document\" | \"document_check\" | \"document_doc\" | \"document_eye\" | \"document_pdf\" | \"document_plus\" | \"document_plus_inactive\" | \"document_ppt\" | \"document_tool\" | \"document_wrong\" | \"document_xls\" | \"dollar\" | \"doner\" | \"double_kebab\" | \"download\" | \"driving_licence\" | \"driving_licence_inactive\" | \"drop\" | \"drop_inactive\" | \"edit\" | \"edit_inactive\" | \"email\" | \"engine\" | \"engine_inactive\" | \"environment\" | \"environment_inactive\" | \"error\" | \"exit\" | \"expand\" | \"expand_inactive\" | \"export\" | \"export_inactive\" | \"eye\" | \"eye_inactive\" | \"face_dissatisfied\" | \"face_neutral\" | \"face_satisfied\" | \"factory\" | \"factory_inactive\" | \"ferry\" | \"ferry_inactive\" | \"filters\" | \"filters_inactive\" | \"flash\" | \"flash_inactive\" | \"folder\" | \"forward\" | \"forward_inactive\" | \"fuel\" | \"fuel_gauge\" | \"fuel_gauge_inactive\" | \"fuel_inactive\" | \"gift inactive\" | \"gift\" | \"global\" | \"guided_tour\" | \"guided_tour_inactive\" | \"hatch_open\" | \"hatch_open_1\" | \"hatch_open_2\" | \"hatch_open_inactive\" | \"heart\" | \"heart_inactive\" | \"heating_inactive_screen\" | \"history\" | \"history_inactive\" | \"home\" | \"home_inactive\" | \"idea\" | \"idea_inactive\" | \"image\" | \"image_add\" | \"image_inactive\" | \"image_set\" | \"info\" | \"insights\" | \"kebab\" | \"key\" | \"key_inactive\" | \"language\" | \"layer\" | \"layer_inactive\" | \"link\" | \"link_broken\" | \"list\" | \"list_inactive\" | \"lock\" | \"lock_inactive\" | \"map_cursor\" | \"map_cursor_inactive\" | \"maximize_fullscreen\" | \"meatballs\" | \"merge\" | \"merge_inactive\" | \"message\" | \"message_inactive\" | \"microphone\" | \"microphone_inactive\" | \"mileage\" | \"mileage_inactive\" | \"minimize_fullscreen\" | \"minus\" | \"navigate\" | \"navigate_inactive\" | \"notification\" | \"notification_inactive\" | \"notification_snooze\" | \"oil_level\" | \"oil_level_inactive\" | \"paperclip\" | \"pause\" | \"pause_inactive\" | \"phone\" | \"phone_inactive\" | \"pie_chart\" | \"pin\" | \"pin_inactive\" | \"placeholder\" | \"play\" | \"play_inactive\" | \"plus\" | \"powerplug\" | \"powerplug_inactive\" | \"print\" | \"print_inactive\" | \"privacy\" | \"privacy_inactive\" | \"profile\" | \"profile_inactive\" | \"prohibited\" | \"proportions\" | \"proportions_inactive\" | \"range\" | \"range_inactive\" | \"redirect\" | \"refresh\" | \"refresh_inactive\" | \"reload\" | \"reload_inactive\" | \"repeat\" | \"report\" | \"report_inactive\" | \"route\" | \"route_inactive\" | \"save\" | \"save_inactive\" | \"search\" | \"send\" | \"send_inactive\" | \"settings\" | \"share\" | \"shuffle\" | \"skip_backwards\" | \"skip_forward\" | \"smartphone\" | \"smartphone_inactive\" | \"sorting\" | \"speedometer\" | \"speedometer_inactive\" | \"star\" | \"support\" | \"target\" | \"target_inactive\" | \"temperature\" | \"temperature_inactive\" | \"text\" | \"text_inactive\" | \"thumbs_down\" | \"thumbs_up\" | \"tick\" | \"timer\" | \"tool\" | \"tool_inactive\" | \"trailer\" | \"trailer_inactive\" | \"trash\" | \"trash_inactive\" | \"truck\" | \"truck_inactive\" | \"undo\" | \"undo_inactive\" | \"unlock\" | \"upload\" | \"video\" | \"video_inactive\" | \"wallet\" | \"warning\" | \"weight\" | \"weight_inactive\" | \"wifi\" | \"wifi_inactive\" | \"windscreen_heating\" | \"windscreen_heating_inactive\" | undefined",
                     "references": {
                         "IconNames": {
                             "location": "import",
                             "path": "../../types/Icons",
-                            "id": "src/types/Icons.ts::IconNames"
+                            "id": "src/types/Icons.ts::IconNames",
+                            "referenceLocation": "IconNames"
                         }
                     }
                 },
@@ -84,8 +92,10 @@ export class TdsBanner {
                     "tags": [],
                     "text": "Name of the icon for the component. For error and information variant, the icon is predefined."
                 },
-                "attribute": "icon",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "icon"
             },
             "header": {
                 "type": "string",
@@ -101,8 +111,10 @@ export class TdsBanner {
                     "tags": [],
                     "text": "Header text."
                 },
-                "attribute": "header",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "header"
             },
             "subheader": {
                 "type": "string",
@@ -118,8 +130,10 @@ export class TdsBanner {
                     "tags": [],
                     "text": "Subheader text."
                 },
-                "attribute": "subheader",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "subheader"
             },
             "variant": {
                 "type": "string",
@@ -135,8 +149,10 @@ export class TdsBanner {
                     "tags": [],
                     "text": "Variant of Banner"
                 },
-                "attribute": "variant",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "variant",
                 "defaultValue": "'default'"
             },
             "bannerId": {
@@ -153,8 +169,10 @@ export class TdsBanner {
                     "tags": [],
                     "text": "ID used for internal table functionality and events, must be unique.\n\n**NOTE**: If you're listening for Banner close events, you need to set this ID yourself to identify the Banner,\nas the default ID is random and will be different every time."
                 },
-                "attribute": "banner-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "banner-id",
                 "defaultValue": "generateUniqueId()"
             },
             "hidden": {
@@ -171,8 +189,10 @@ export class TdsBanner {
                     "tags": [],
                     "text": "Hides the Banner"
                 },
-                "attribute": "hidden",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "hidden",
                 "defaultValue": "false"
             },
             "roleType": {
@@ -189,8 +209,10 @@ export class TdsBanner {
                     "tags": [],
                     "text": "Defines the ARIA role of the banner. Defaults to \"banner\" for global use,\nbut can be set to \"region\" or \"alert\" if used differently."
                 },
-                "attribute": "role-type",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "role-type",
                 "defaultValue": "'banner'"
             }
         };

package/dist/collection/components/block/block.js

@@ -9,7 +9,9 @@ import { h } from "@stencil/core";
  */
 export class TdsBlock {
     constructor() {
+        /** Mode variant of the component, based on current mode. */
         this.modeVariant = null;
+        /** Specifies the HTML tag to be used for the component wrapper. */
         this.componentTag = 'div';
     }
     getNestingLevel() {
@@ -65,8 +67,10 @@ export class TdsBlock {
                     "tags": [],
                     "text": "Mode variant of the component, based on current mode."
                 },
-                "attribute": "mode-variant",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "mode-variant",
                 "defaultValue": "null"
             },
             "componentTag": {
@@ -83,8 +87,10 @@ export class TdsBlock {
                     "tags": [],
                     "text": "Specifies the HTML tag to be used for the component wrapper."
                 },
-                "attribute": "component-tag",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "component-tag",
                 "defaultValue": "'div'"
             }
         };

package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.js

@@ -4,6 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class TdsBreadcrumb {
     constructor() {
+        /** Boolean for the current link */
         this.current = false;
     }
     render() {
@@ -37,8 +38,10 @@ export class TdsBreadcrumb {
                     "tags": [],
                     "text": "Boolean for the current link"
                 },
-                "attribute": "current",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "current",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/breadcrumbs/breadcrumbs.js

@@ -3,9 +3,6 @@ import { h } from "@stencil/core";
  * @slot <default> - <b>Unnamed slot.</b> For the breadcrumb elements.
  */
 export class TdsBreadcrumbs {
-    constructor() {
-        this.tdsAriaLabel = undefined;
-    }
     render() {
         var _a;
         (_a = this.host.children[this.host.children.length - 1]) === null || _a === void 0 ? void 0 : _a.classList.add('last');
@@ -39,8 +36,10 @@ export class TdsBreadcrumbs {
                     "tags": [],
                     "text": "The value to be used for the aria-label attribute"
                 },
-                "attribute": "tds-aria-label",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tds-aria-label"
             }
         };
     }

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

@@ -6,17 +6,20 @@ import hasSlot from "../../utils/hasSlot";
  */
 export class TdsButton {
     constructor() {
-        this.text = undefined;
+        /** Button's type */
         this.type = 'button';
+        /** Variation of Button's design */
         this.variant = 'primary';
+        /** Size of a Button */
         this.size = 'lg';
+        /** Control for disabled state of a component */
         this.disabled = false;
+        /** When enabled, the Button takes 100% width */
         this.fullbleed = false;
+        /** Set the mode variant of the Button. */
         this.modeVariant = null;
+        /** Determines if and how the button should animate. */
         this.animation = 'none';
-        this.tdsAriaLabel = undefined;
-        this.name = undefined;
-        this.value = undefined;
         this.onlyIcon = false;
     }
     handleKeyDown(event) {
@@ -85,8 +88,10 @@ export class TdsButton {
                     "tags": [],
                     "text": "Text displayed inside the Button"
                 },
-                "attribute": "text",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "text"
             },
             "type": {
                 "type": "string",
@@ -102,8 +107,10 @@ export class TdsButton {
                     "tags": [],
                     "text": "Button's type"
                 },
-                "attribute": "type",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "type",
                 "defaultValue": "'button'"
             },
             "variant": {
@@ -120,8 +127,10 @@ export class TdsButton {
                     "tags": [],
                     "text": "Variation of Button's design"
                 },
-                "attribute": "variant",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "variant",
                 "defaultValue": "'primary'"
             },
             "size": {
@@ -138,8 +147,10 @@ export class TdsButton {
                     "tags": [],
                     "text": "Size of a Button"
                 },
-                "attribute": "size",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "'lg'"
             },
             "disabled": {
@@ -156,8 +167,10 @@ export class TdsButton {
                     "tags": [],
                     "text": "Control for disabled state of a component"
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "fullbleed": {
@@ -174,8 +187,10 @@ export class TdsButton {
                     "tags": [],
                     "text": "When enabled, the Button takes 100% width"
                 },
-                "attribute": "fullbleed",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "fullbleed",
                 "defaultValue": "false"
             },
             "modeVariant": {
@@ -192,8 +207,10 @@ export class TdsButton {
                     "tags": [],
                     "text": "Set the mode variant of the Button."
                 },
-                "attribute": "mode-variant",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "mode-variant",
                 "defaultValue": "null"
             },
             "animation": {
@@ -210,8 +227,10 @@ export class TdsButton {
                     "tags": [],
                     "text": "Determines if and how the button should animate."
                 },
-                "attribute": "animation",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "animation",
                 "defaultValue": "'none'"
             },
             "tdsAriaLabel": {
@@ -228,8 +247,10 @@ export class TdsButton {
                     "tags": [],
                     "text": "The value to be used for the aria-label attribute if onlyIcon is set to true"
                 },
-                "attribute": "tds-aria-label",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tds-aria-label"
             },
             "name": {
                 "type": "string",
@@ -245,8 +266,10 @@ export class TdsButton {
                     "tags": [],
                     "text": "The name attribute allows for different ways of accessing the button element"
                 },
-                "attribute": "name",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "name"
             },
             "value": {
                 "type": "string",
@@ -262,8 +285,10 @@ export class TdsButton {
                     "tags": [],
                     "text": "The value attribute can be used when handling a form submission"
                 },
-                "attribute": "value",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "value"
             }
         };
     }