q2-tecton-elements 1.60.7 → 1.60.8

package/dist/q2-tecton-elements/q2-chart-donut.entry.js

@@ -821,15 +821,15 @@ const D = class {
   }
   render() {
     return n("click-elsewhere", {
-      key: "9f7bdbe54d0a3785c1a8e27cf9e7cc9ad6d38c0e",
+      key: "a04945147801962021a66f4c4efa37d20710a5db",
       onChange: this.onClickElsewhere
     }, n("figure", {
-      key: "ea82412cc53f5e31c99bcc542c0a5e81185e08ad"
+      key: "a91cba34a4fc91cc6d9e308df7f1a50e393577cb"
     }, n("div", {
-      key: "857217949a937a2cc1ed02a9b8fd2cffa90b69a8",
+      key: "b503eb71aa26428d253000c3d3033775feaa8c00",
       class: "container"
     }, n("div", {
-      key: "c05d233e593fe6dca20c74284d86ba4626dbcddf",
+      key: "f8e4b93e646c221c0772f5712c1147d8e504c60b",
       ref: t => this.chartContainer = t,
       "aria-describedby": !this.isClickable ? "center-card-description" : undefined,
       class: "chart-container",
@@ -839,9 +839,9 @@ const D = class {
       tabIndex: !this.isClickable ? 0 : undefined,
       onKeyDown: !this.isClickable ? this.onButtonKeyDown : undefined
     }), this.renderCenterBlock()), this.showLegend && n("figcaption", {
-      key: "4f597bc516b8c22ee42eb0524f820c121ee857b1"
+      key: "2a58fac73521d45b9ad3f0c85727100d77e4d14c"
     }, n("q2-legend", {
-      key: "b53a6d8c6e3df6cf82107e1b2e8108e8261d2b61",
+      key: "1c586a0ce6c9a5cdf365d4bcec9c36e333db8d6d",
       class: "legend",
       data: this.legendData,
       format: this.format,

package/dist/q2-tecton-elements/q2-checkbox-group.entry.js

@@ -2,9 +2,9 @@ import { r as t, c as e, h as r, F as o, g as a } from "./index-CGkHOjh1.js";
 
 import { c as i, r as n } from "./index-xCuy-dFb.js";
 
-const c = '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{--comp-default-checkbox-group-margin:var(--tct-checkbox-group-margin-top, var(--t-checkbox-group-margin-top, var(--app-scale-5x, 25px))) 0 var(--tct-checkbox-group-margin-bottom, var(--t-checkbox-group-margin-bottom, var(--app-scale-5x, 25px)));display:block;margin:var(--tct-checkbox-group-margin, var(--comp-default-checkbox-group-margin))}fieldset{padding:var(--tct-checkbox-group-fieldset-padding, 0);margin:0;border:0;position:relative}.label-row{display:grid;grid-template-columns:1fr 24px;grid-template-areas:"label icon";column-gap:var(--tct-checkbox-group-label-column-gap, var(--app-scale-2x, 10px));color:var(--tct-checkbox-group-label-font-color, inherit);font-size:var(--tct-checkbox-group-label-font-size, inherit);font-weight:var(--tct-checkbox-group-label-font-weight, 600);text-transform:var(--tct-checkbox-group-label-text-transform, none);letter-spacing:var(--tct-checkbox-group-label-letter-spacing, inherit)}.label-row q2-icon{grid-area:icon;margin-top:-2px;margin-bottom:-2px}.group-legend{font-weight:600}legend.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.slot-container{--comp-default-container-margin:var(--app-scale-1x, 5px) 0;margin:var(--tct-checkbox-group-container-margin, var(--comp-default-container-margin));padding:var(--tct-checkbox-group-container-padding, var(--app-scale-1x, 5px));border-width:1px;border-color:transparent;border-style:solid;border-radius:var(--tct-checkbox-group-border-radius, var(--app-border-radius-1, 4px))}:host([has-error]) .slot-container{border-color:var(--tct-checkbox-group-error-border-color, var(--const-stoplight-alert, #d20a0a))}:host([has-error=false]) .slot-container{border-color:transparent}.optional-tag{margin-left:var(--tct-checkbox-group-label-optional-margin-left, var(--app-scale-1x, 5px));color:var(--tct-checkbox-group-label-optional-color, var(--t-checkbox-group-label-optional-color, var(--tct-a11y-color, var(--t-a11y-color, var(--tct-a11y-gray-color, var(--t-a11y-gray-color, var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--t-gray-d1, var(--app-gray-d1, rgba(77, 77, 77, 0.77))))))))))));font-size:var(--tct-checkbox-group-label-optional-font-size, 12px);font-weight:var(--tct-checkbox-group-label-optional-font-weight, 400)}.flexed{margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.flexed.left{justify-content:left}';
+const s = '*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{--comp-default-checkbox-group-margin:var(--tct-checkbox-group-margin-top, var(--t-checkbox-group-margin-top, var(--app-scale-5x, 25px))) 0 var(--tct-checkbox-group-margin-bottom, var(--t-checkbox-group-margin-bottom, var(--app-scale-5x, 25px)));display:block;margin:var(--tct-checkbox-group-margin, var(--comp-default-checkbox-group-margin))}fieldset{padding:var(--tct-checkbox-group-fieldset-padding, 0);margin:0;border:0;position:relative}.label-row{display:grid;grid-template-columns:1fr 24px;grid-template-areas:"label icon";column-gap:var(--tct-checkbox-group-label-column-gap, var(--app-scale-2x, 10px));color:var(--tct-checkbox-group-label-font-color, inherit);font-size:var(--tct-checkbox-group-label-font-size, inherit);font-weight:var(--tct-checkbox-group-label-font-weight, 600);text-transform:var(--tct-checkbox-group-label-text-transform, none);letter-spacing:var(--tct-checkbox-group-label-letter-spacing, inherit)}.label-row q2-icon{grid-area:icon;margin-top:-2px;margin-bottom:-2px}.group-legend{font-weight:600}legend.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.slot-container{--comp-default-container-margin:var(--app-scale-1x, 5px) 0;margin:var(--tct-checkbox-group-container-margin, var(--comp-default-container-margin));padding:var(--tct-checkbox-group-container-padding, var(--app-scale-1x, 5px));border-width:1px;border-color:transparent;border-style:solid;border-radius:var(--tct-checkbox-group-border-radius, var(--app-border-radius-1, 4px))}:host([has-error]) .slot-container{border-color:var(--tct-checkbox-group-error-border-color, var(--const-stoplight-alert, #d20a0a))}:host([has-error=false]) .slot-container{border-color:transparent}.optional-tag{margin-left:var(--tct-checkbox-group-label-optional-margin-left, var(--app-scale-1x, 5px));color:var(--tct-checkbox-group-label-optional-color, var(--t-checkbox-group-label-optional-color, var(--tct-a11y-color, var(--t-a11y-color, var(--tct-a11y-gray-color, var(--t-a11y-gray-color, var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--t-gray-d1, var(--app-gray-d1, rgba(77, 77, 77, 0.77))))))))))));font-size:var(--tct-checkbox-group-label-optional-font-size, 12px);font-weight:var(--tct-checkbox-group-label-optional-font-weight, 400)}.flexed{margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.flexed.left{justify-content:left}';
 
-const s = class {
+const c = class {
   constructor(r) {
     t(this, r);
     this.change = e(this, "change", 7);
@@ -119,23 +119,23 @@ const s = class {
     const t = this.label || this.optional || this.readonly;
     const e = t && !this.hideLabel || this.hasError;
     return r(o, {
-      key: "7ed88abbecbf4dbbb7a4695d119b27eab0b814fb"
+      key: "aba3fdfe16b861b819718720bbe538c84291dbb3"
     }, e && r("div", {
-      key: "a2b64dd5c68fc1496fb3f3d03a06ba0459313334",
+      key: "60b470e55b336150b56bcb1a45360f54e335ef70",
       class: "label-row"
     }, t && !this.hideLabel && r("div", {
-      key: "b22eefa5e0d4c32bf3c74f5e06c25a4e12edf8cc",
+      key: "fd95d49043629fac1f59f210c8386eb55b787302",
       class: "group-legend"
     }, n(this)), this.hasError && r("q2-icon", {
-      key: "7e5efc2cc9e773787311330b1aca345be555ab80",
+      key: "a5e4622483c13aba606f65f1fe0384d864f4ec1b",
       type: "error",
       "test-id": "iconError"
     })), r("fieldset", {
-      key: "06da704734e57178506dcd0bac18f557fb6a9737",
+      key: "1f02c985aff2ff500381ef5163e2b925a7e9895a",
       onChange: this.onInnerCheckboxChange,
       "aria-invalid": this.hasError ? `${this.hasError}` : undefined
     }, t && r("legend", {
-      key: "218f3d540a5b6b427e3702fb4c59990551b213b5",
+      key: "276aae9f112d0bb0ffa758456bcece255cf02d83",
       class: "sr-only"
     }, n(this)), this.inputDom()));
   }
@@ -151,8 +151,8 @@ const s = class {
   }
 };
 
-s.style = c;
+c.style = s;
 
-export { s as q2_checkbox_group };
+export { c as q2_checkbox_group };
 //# sourceMappingURL=q2-checkbox-group.entry.esm.js.map
 //# sourceMappingURL=q2-checkbox-group.entry.js.map

package/dist/q2-tecton-elements/q2-checkbox.entry.js

@@ -165,10 +165,10 @@ const d = class {
     const o = [ "label-text" ];
     if (this.hideLabel) o.push("sr");
     return c("div", {
-      key: "a860872aea10597b16b6a4c12d52dabab4dcf54e",
+      key: "8465026ca4e85c09098832ad9f24a44e837de859",
       class: "container"
     }, c("input", {
-      key: "6fee35bf87986d553168d4c075c6616ab8af381f",
+      key: "428a6605cdef65840decdd2397c7fbb7e325ce5a",
       ref: o => this.inputElement = o,
       "aria-describedby": this.description ? "description" : undefined,
       "aria-invalid": this.hasError === undefined ? undefined : `${this.hasError}`,
@@ -182,25 +182,25 @@ const d = class {
       type: "checkbox",
       value: this.value
     }), c("label", {
-      key: "070a133fd4fa9080ece3aa8a719525e0eb4a5a9f",
+      key: "a325ada8e89c0c1079c5904449b67091127f0205",
       htmlFor: this._id,
       class: "label-control",
       "test-id": "checkboxButton",
       "aria-label": h(this.label)
     }, this.renderCheckboxSVG()), c("div", {
-      key: "cc26e03b05dd2ddbcc7b2b336c06e4f578336345",
+      key: "e5c851632c21e9ee6740aa216dfa2888a80e373c",
       class: o.join(" ")
     }, c("label", {
-      key: "a2611c34d2ec16896b45cd90977a74387926bc00",
+      key: "e99331d0b4d936ece5c3d1a6e7095858c084d77f",
       "test-id": "checkboxLabel",
       htmlFor: this._id,
       "aria-hidden": "true"
     }, c("div", {
-      key: "6dddc1ec905ef09e44ef3ef2470be180b303e3f4"
+      key: "290e1b6975622a1ccbed492706468308797b38c3"
     }, h(this.label), c("slot", {
-      key: "45c5708df20e43efda296617ac29acfd1b166422"
+      key: "eadde083ef8baafefbfa10e2f71d0baf06e4e545"
     })))), this.description && c("div", {
-      key: "2f89911ba171b8bf16ffb52e04aa954e93e42e0b",
+      key: "cf5e7088d98acf5327468bbf6add8bdea0d8332d",
       class: "description-text",
       "test-id": "checkboxDescription",
       id: "description"

package/dist/q2-tecton-elements/q2-context.entry.js

@@ -117,42 +117,42 @@ const a = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "5afde8298aa66f39d29e3815e4f6b0697a2c056c",
+      key: "10a01302b475de5f1a90e59efcb2c6e1bf496117",
       class: "context-wrapper"
     }, e("q2-item", {
-      key: "a2845eb6b3693ef1a619e3e0f544320d37d12ee4",
+      key: "9207afd9cf0c7092e9f423609b6b4557e5aa3d1d",
       class: "context-item"
     }, this.hasDecoratorSlotContent && e("slot", {
-      key: "064818ca43c300f6f62209b2d592f2a5563e1cab",
+      key: "bcc2d337c6774e52a2ef848c2a85e19b627c9dc7",
       name: "decorator",
       slot: "bullet"
     }), e("div", {
-      key: "7adf08a3fafd285e399212a5774e03aef8dc8818",
+      key: "de29c19e853be68114828bc06115c5465cad4c16",
       class: "context-body",
       slot: "body"
     }, e("slot", {
-      key: "973bb3c3273a6ff3b7b97ab658c3e4c19337b132",
+      key: "5cd2e4b3f24c66c8d0e11d6ee3fa5cb0495f2b27",
       name: "header"
     }), e("slot", {
-      key: "1399e9ff51423e67d89d96462f17366852aec3cf",
+      key: "e63d4c9263adb66ba2f28b0c9933cc7fc5c98c38",
       name: "description"
     })), this.hasAffordanceSlotContent && e("slot", {
-      key: "158fc5e641872f0329be8f78d0075d846fdf8254",
+      key: "6a18e8c803b5fef1e9a4af0c5229bff544f6d3cc",
       name: "affordance",
       slot: "action"
     })), this.separator && e("div", {
-      key: "93b05d04c25f99ca513ad1d8ddeb91c3ad3ffb62",
+      key: "690e190910a19f5a532ba216028b71ac8fef7888",
       class: "separator",
       role: "separator"
     }), this.hasActionGroupSlotContent && e("q2-action-group", {
-      key: "7c50124b793b72852272fba68c63333d66dfc277",
+      key: "9e3ad3dc77a4785ef6432c61f02613fd5d92b97f",
       class: "action-group",
       orientation: "horizontal"
     }, e("slot", {
-      key: "65673741f37a47e3619406dae5ab48b19fdb1594",
+      key: "72bf1872f547c3813edcd46ae03f7bd142d7f5ea",
       name: "action-group"
     })), this.hasFooterSlotContent && e("slot", {
-      key: "c522eb21751e4fa16c67e48e8d19d6a456cac43f",
+      key: "a1fff2072ef8237a09e4ac757441b0022381fd37",
       name: "footer"
     }));
   }

package/dist/q2-tecton-elements/q2-currency.entry.js

@@ -127,27 +127,27 @@ const n = class {
   render() {
     const {hasPlusMinusSign: r, plusMinusSign: e, currencyIsFront: c, currencySymbol: n, shouldSuperscriptSymbol: i, amountCore: s, fraction: o, shouldSuperscriptFraction: a, readableCurrency: u, currencyClasses: l, signDisplay: p, isNegativeAmount: d} = this;
     return t("div", {
-      key: "b52f42839e2b58855fa0a2701494afb348fcf115",
+      key: "15e4db8a4c25c1b1bea2382abd5e4dbf28e36090",
       "test-id": "q2CurrencyInner",
       class: l,
       "aria-label": u
     }, p === "accounting" && d && t("span", {
-      key: "d7bb93aaa6990cf71c52d563de0d4edc57a753b5"
+      key: "5474998b938cf27ff7db553534f08f028dd61347"
     }, "("), r && t("span", {
-      key: "1932d9282c28dd864968c206db33e13b67887741"
+      key: "10caf4a1a73a08e9fb31b52fb0a70e1ab2f69d10"
     }, e), c && t("span", {
-      key: "27fd6fc74c4d45958053a69817a2a68cb54224ca",
+      key: "6b78b88b1af0c58237933add94b2b0fef9fc8e53",
       class: i ? "superscript" : ""
     }, n), t("span", {
-      key: "ee5c187188065158a64e0bf297d69ead34c77ad5"
+      key: "e87cd1eaf3805a619f98d40faa29a6145bebde84"
     }, s), t("span", {
-      key: "25af7cc0af81031e9273343243aeb891af52ed26",
+      key: "cb6822a0919027c08303b1e2759bea96c0605552",
       class: a ? "superscript" : ""
     }, o), !c && t("span", {
-      key: "d7cd9a79163d8ab141eb861ba42d4ab9f2f1a493",
+      key: "e22b1b657f06ebec478573e6e0b8fe4b83b229ba",
       class: i ? "superscript" : ""
     }, n), p === "accounting" && d && t("span", {
-      key: "06dbc7319959ea53b3e824ffebda5761ded6411a"
+      key: "4adea6d83042aea5f8fd78f248c95304735ee7e2"
     }, ")"));
   }
   get hostElement() {

package/dist/q2-tecton-elements/q2-data-table.entry.js

@@ -338,12 +338,12 @@ const d = class {
   render() {
     const {caption: t} = this;
     return a("div", {
-      key: "0a84a33d06a025c9e0cf3af6df1cfbd06e2a0cdb",
+      key: "800adc4565a4867f6a6b5bb953c8e87b6576fdd9",
       class: "container"
     }, a("table", {
-      key: "11c6a88e893d3bc2ae6607059c8f1c3dfd7fd263"
+      key: "b08e0cc79c0d1f8c608f10b972bf208f074cd81e"
     }, t && a("caption", {
-      key: "f09321cd884c37f9dc2c7d5298e56e7f51e1b80d",
+      key: "51718c96271913d47b9be9d8d13044272614b744",
       class: this.hideCaption ? "sr" : undefined
     }, t), this.renderTableColGroup(), this.renderTableHeader(), this.renderEmptyState(), this.renderTableRows()));
   }

package/dist/q2-tecton-elements/q2-detail.entry.js

@@ -100,16 +100,16 @@ const o = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "367f38fec525c8357e97006dc8b70bb70633c809",
+      key: "0bcc193663fa2730a1da75169d29563c3a14a311",
       class: this.detailClasses
     }, this.hasLabel && e("div", {
-      key: "24b8cdc763b2850a82c4cda2282f499cddead313",
+      key: "703d7e91f10a223bfdd2f9cb6975a7c15029d450",
       class: this.labelClasses,
       "aria-describedby": !!this.description ? "label-description" : undefined
     }, !!this.label ? s(this.label) : this.hasLabelSlotContent ? e("slot", {
       name: "label"
     }) : ""), this.hasDescripiton && e("div", {
-      key: "5b08dcb9c6522416a7e4b0e7cfa665731a7878c7",
+      key: "811569a0eff620ab21ce49e8a91379c5ea06be86",
       id: "label-description",
       class: this.descriptionClasses
     }, !!this.description ? s(this.description) : this.hasDefaultSlotContent ? e("slot", null) : ""));

package/dist/q2-tecton-elements/q2-dropdown.entry.js

@@ -304,12 +304,12 @@ const u = class {
   render() {
     const t = this.toggleButtonProps;
     return i("click-elsewhere", {
-      key: "17fa726cf318ef80c92dc8bd50d30838108d4a38",
+      key: "2478fd678c2af965f4db735cc4bcbac519cc79de",
       class: this.open ? "dropdown-open" : "",
       onChange: this.onClickElsewhere,
       "test-id": "dropdownContainer"
     }, i("q2-btn", {
-      key: "3f6f731730ccce717d4388528d001a112e7f0cde",
+      key: "b3b6371d9f651517391afd0c167b94a35584b450",
       ref: t => this.controlElement = t,
       class: t.className,
       onClick: this.onToggleClick,
@@ -336,7 +336,7 @@ const u = class {
     }) : " ", this.label && !this.hideLabel && i("span", {
       class: "dropdown-button-text"
     }, c(this.label)))), i("q2-popover", {
-      key: "43a00a872c512f692b0ca5b99bf57feaa2433a72",
+      key: "ea7ffefe5e462f6da78256fa3728361a75cbc932",
       ref: t => this.popoverElement = t,
       controlElement: this.controlElement,
       open: this.open,
@@ -348,7 +348,7 @@ const u = class {
       mode: this.popoverMode || undefined,
       block: this.block
     }, i("q2-option-list", {
-      key: "2cbeab1452170a8789753e8ff0cf95be97f66e2e",
+      key: "decb3198da5fb7b3c6ac4bc7ad81c948e82b68fc",
       onPopoverState: this.onPopoverState,
       id: "option-list",
       ref: t => this.optionList = t,
@@ -356,7 +356,7 @@ const u = class {
       label: c("tecton.element.optionList.label", [ this.optionListLabel ]),
       "no-select": true
     }, i("slot", {
-      key: "5915f27ac3f266d673dce075f3297056aa3367a4"
+      key: "23c076898f89b0aacda35d8578a0f2e111949693"
     }))));
   }
   get hostElement() {

package/dist/q2-tecton-elements/q2-editable-field.entry.js

@@ -274,7 +274,7 @@ const o = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "c44eae508922c227eac7c17ac2ee2f686cf87d58"
+      key: "cd976a515db2bc31d2fb16cae89358d5363dad9a"
     }, this.generateEditStateDOM(), this.generateReadStateDOM());
   }
   get hostElement() {

package/dist/q2-tecton-elements/q2-example.entry.js

@@ -128,7 +128,7 @@ const a = class {
   }
   render() {
     return n(o, {
-      key: "798d88d1c95194d4e7b2a105f91eccd75abb648b",
+      key: "8139598dfeeceeaef460ad83acae011c3badbebb",
       attribute: "navigation"
     }, this.renderMenuInner());
   }

package/dist/q2-tecton-elements/q2-form.entry.js

@@ -1,27 +1,27 @@
-import { r as o, h as n } from "./index-CGkHOjh1.js";
+import { r as a, h as o } from "./index-CGkHOjh1.js";
 
-const c = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.container{--tct-input-margin:var(--comp-spacing);--tct-select-margin:var(--comp-spacing);--tct-calendar-margin:var(--comp-spacing);--tct-file-picker-margin:var(--comp-spacing);--tct-textarea-margin:var(--comp-spacing);--tct-checkbox-group-margin:var(--comp-spacing);--tct-radio-group-margin:var(--comp-spacing)}:host([spacing=none]) .container{--comp-spacing-none:var(--app-scale-0x, 0px);--comp-spacing:var(--tct-form-spacing-none, var(--comp-spacing-none) 0)}:host([spacing=compact]) .container{--comp-spacing-compact:var(--app-scale-3x, 15px);--comp-spacing:var(--tct-form-spacing-compact, var(--comp-spacing-compact) 0)}:host(:not([spacing]),[spacing=normal]) .container{--comp-spacing-normal:var(--app-scale-5x, 25px);--comp-spacing:var(--tct-form-spacing-normal, var(--comp-spacing-normal) 0)}:host([spacing=comfortable]) .container{--comp-spacing-comfortable:var(--app-scale-7x, 35px);--comp-spacing:var(--tct-form-spacing-comfortable, var(--comp-spacing-comfortable) 0)}";
+const n = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.container{--tct-input-margin:var(--comp-spacing);--tct-select-margin:var(--comp-spacing);--tct-calendar-margin:var(--comp-spacing);--tct-file-picker-margin:var(--comp-spacing);--tct-textarea-margin:var(--comp-spacing);--tct-checkbox-group-margin:var(--comp-spacing);--tct-radio-group-margin:var(--comp-spacing)}:host([spacing=none]) .container{--comp-spacing-none:var(--app-scale-0x, 0px);--comp-spacing:var(--tct-form-spacing-none, var(--comp-spacing-none) 0)}:host([spacing=compact]) .container{--comp-spacing-compact:var(--app-scale-3x, 15px);--comp-spacing:var(--tct-form-spacing-compact, var(--comp-spacing-compact) 0)}:host(:not([spacing]),[spacing=normal]) .container{--comp-spacing-normal:var(--app-scale-5x, 25px);--comp-spacing:var(--tct-form-spacing-normal, var(--comp-spacing-normal) 0)}:host([spacing=comfortable]) .container{--comp-spacing-comfortable:var(--app-scale-7x, 35px);--comp-spacing:var(--tct-form-spacing-comfortable, var(--comp-spacing-comfortable) 0)}";
 
-const a = class {
-  constructor(n) {
-    o(this, n);
+const c = class {
+  constructor(o) {
+    a(this, o);
     // #region Public Property API
     /** Changes the vertical spacing of the form-fields contained within the component's slot */    this.spacing = "normal";
   }
   // #endregion
   // #region Render Methods
   render() {
-    return n("div", {
-      key: "0b02c112668f04586a5fdd9cf0110de059d49edc",
+    return o("div", {
+      key: "c9e096d4a60c377de87e30cd23777261f1d92298",
       class: "container"
-    }, n("slot", {
-      key: "8477c76cde96c37f54592970885625280062cd06"
+    }, o("slot", {
+      key: "0cd587b0053185276a5e0b577e1d4a5f65a3d9ab"
     }));
   }
 };
 
-a.style = c;
+c.style = n;
 
-export { a as q2_form };
+export { c as q2_form };
 //# sourceMappingURL=q2-form.entry.esm.js.map
 //# sourceMappingURL=q2-form.entry.js.map

package/dist/q2-tecton-elements/q2-formatted-text.entry.js

@@ -54,11 +54,11 @@ const o = class {
   render() {
     const {formattedTextClasses: t} = this;
     return e("div", {
-      key: "d5e6977e662e138549e1726395e41b10a9122204",
+      key: "08fe8c32d469d77afdb886addcced59c6a6edbcc",
       class: t,
       "aria-label": this.formattedValue
     }, e("span", {
-      key: "e683c37a0ed228532ca2303c5b9c43eb72f4a9ba"
+      key: "6f5031262bf199f7887eb0b1f9ef1d8f920a29fc"
     }, this.formattedValue));
   }
   static get watchers() {

package/dist/q2-tecton-elements/q2-grid-area.entry.js

@@ -94,10 +94,10 @@ const d = class {
       "--xl-z-index": `${this.computedXlZIndex}`
     };
     return i(t, {
-      key: "d7d3a3d287855dd9d1025d51a03d16ec45605ca9",
+      key: "f8e261f2b0ef797a8b66f6da08579be08c1c47b0",
       style: s
     }, i("slot", {
-      key: "80fec4e2ce3ff3718ae29804e4b4e4b1826feff9"
+      key: "41d23b118b2030a76a31a151cee55e080d2b804e"
     }));
   }
 };

package/dist/q2-tecton-elements/q2-grid.entry.js

@@ -85,13 +85,13 @@ const r = class {
       "--xl-align-items": this.xlAlign || this.lgAlign || this.mdAlign || this.smAlign || this.xsAlign || this.align
     };
     return i(s, {
-      key: "4263d1ebfb0412dca175a9b48aab99afaa96f6d6"
+      key: "8a0e08bfee936e317030c9624b5d170c8ea73a6c"
     }, i("div", {
-      key: "5b258ed54bbd39d2379875581dedfa351b352c5e",
+      key: "a9c5026ede0844709d97e4d94f51958572de10f4",
       style: t,
       class: "q2-grid"
     }, i("slot", {
-      key: "ab7487207e7f99f3f00cdc9b9cd1e14c33d8c0d7"
+      key: "fe047e24638a63e6d1b542a6b7b0e93026337aec"
     })));
   }
 };

package/dist/q2-tecton-elements/q2-item.entry.js

@@ -1,6 +1,6 @@
 import { r as t, h as e, g as o } from "./index-CGkHOjh1.js";
 
-import { o as i, h as a } from "./index-xCuy-dFb.js";
+import { o as a, h as i } from "./index-xCuy-dFb.js";
 
 const r = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}:host .item{--comp-border-radius:var(--tct-item-border-radius, var(--app-border-radius-0, 0))}:host([clickable]){cursor:pointer;--comp-background:var(--tct-btn-primary-background, var(--tct-btn-primary-bg, var(--t-a11y-active-gray-color-AA, #404040)))}:host([clickable]) .item{--comp-border-radius:var(--tct-item-border-radius, var(--app-border-radius-1, 4px));--comp-btn-tween:var(--tct-btn-tween, var(--t-btn-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease))));--comp-btn-fallback-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);--comp-hover-box-shadow:var(--tct-btn-primary-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-active-box-shadow:var(--tct-btn-primary-active-background, #0063a0);--comp-font-color:var(--tct-btn-primary-font-color, var(--app-white, #ffffff));--comp-hover-outer-ring-color:var(--tct-btn-primary-hover-outer-ring-color, var(--comp-background));--comp-hover-inner-ring-color:var(--tct-btn-primary-hover-inner-ring-color, var(--comp-font-color));--comp-hover-box-shadow:var(\n      --tct-btn-primary-hover-box-shadow,\n      0 0 0 2px var(--comp-hover-inner-ring-color),\n      0 0 0 4px var(--comp-hover-outer-ring-color)\n  )}:host([clickable]) .item:hover{box-shadow:var(--comp-hover-box-shadow)}:host([clickable]) .item:active{box-shadow:var(--comp-active-box-shadow)}:host([clickable]) .item:focus-visible{box-shadow:var(--const-double-focus-ring)}.action{--tct-btn-icon-height:var(--tct-item-action-icon-height, var(--app-scale-6x, 30px));--tct-btn-icon-width:var(--tct-item-action-icon-width, var(--app-scale-6x, 30px));--tct-icon-size:var(--tct-item-action-icon-size, var(--app-scale-6x, 30px));--tct-radio-label-hidden-columns:18px;--tct-radio-label-margin-right:0;--tct-radio-margin:0;align-items:var(--tct-item-action-align-items, center);display:flex;grid-row:1;justify-content:center}.action-no-bullet{grid-column:2}.body{color:var(--tct-item-body-color, var(--t-textA, #747474));font-size:var(--tct-item-body-font-size, var(--app-font-size, 14px));font-weight:var(--tct-item-body-font-weight, 400)}.bullet{--tct-avatar-fallback-height:var(--tct-item-avatar-height, var(--app-scale-7x, 35px));--tct-avatar-fallback-width:var(--tct-item-avatar-width, var(--app-scale-7x, 35px));--tct-avatar-height:var(--tct-item-avatar-height, var(--app-scale-7x, 35px));--tct-avatar-width:var(--tct-item-avatar-width, var(--app-scale-7x, 35px));grid-column:1;grid-row-start:1;grid-row-end:3;padding-top:var(--tct-item-bullet-padding-top, var(--app-scale-1x, 5px));text-align:center}.bullet-no-footer{grid-row-end:2}.footer{grid-column-start:2;grid-column-end:4;grid-row:2}.footer-no-action-nor-bullet{grid-column-start:1;grid-column-end:2}.footer-no-action{grid-column-start:2;grid-column-end:3}.footer-no-bullet{grid-column-start:1;grid-column-end:3}.header{color:var(--tct-item-header-color, var(--t-text, #4d4d4d));font-size:var(--tct-item-header-font-size, 16px);font-weight:var(--tct-item-header-font-weight, 600);line-height:var(--tct-item-header-line-height, 1.5)}.item{border:var(--tct-item-border);border-radius:var(--comp-border-radius);transition:var(--comp-btn-tween);transition-property:box-shadow;column-gap:var(--tct-item-horizontal-spacing, var(--app-scale-3x, 15px));display:grid;grid-template-columns:minmax(var(--app-scale-7x, 35px), auto) minmax(0, 1fr) minmax(var(--app-scale-5x, 25px), auto);grid-template-rows:auto auto;padding:var(--tct-item-padding, 0);row-gap:var(--tct-item-vertical-spacing, var(--app-scale-2x, 10px))}.item-no-action-nor-bullet{grid-template-columns:auto}.item-no-action{grid-template-columns:minmax(var(--app-scale-7x, 35px), auto) minmax(0, 1fr)}.item-no-footer{grid-template-rows:auto}.item-no-bullet{grid-template-columns:minmax(0, 1fr) minmax(var(--app-scale-5x, 25px), auto)}.main{grid-column:2;grid-row:1}.main-no-action-nor-bullet{grid-column:1}.main-no-bullet{grid-column:1}";
 
@@ -23,7 +23,7 @@ const n = class {
       });
       this.mutationObserver = t;
     }
-    i(this.hostElement);
+    a(this.hostElement);
   }
   // #endregion
   // #region Listeners
@@ -63,19 +63,19 @@ const n = class {
     return t.join(" ");
   }
   get hasActionSlotContent() {
-    return a(this.hostElement, "action");
+    return i(this.hostElement, "action");
   }
   get hasBodySlotContent() {
-    return a(this.hostElement, "body");
+    return i(this.hostElement, "body");
   }
   get hasBulletSlotContent() {
-    return a(this.hostElement, "bullet");
+    return i(this.hostElement, "bullet");
   }
   get hasFooterSlotContent() {
-    return a(this.hostElement, "footer");
+    return i(this.hostElement, "footer");
   }
   get hasHeaderSlotContent() {
-    return a(this.hostElement, "header");
+    return i(this.hostElement, "header");
   }
   get itemClasses() {
     const t = [ "item" ];
@@ -105,44 +105,44 @@ const n = class {
   render() {
     const {clickable: t} = this;
     return e("div", {
-      key: "6b3bb1e5c44109c9cec72510e2a6ce3ef1341ee0",
+      key: "08a587185c34120e68180f895ab2215690b60d47",
       "test-id": "itemContainer",
       class: this.itemClasses,
       ref: t => this.itemElement = t,
       role: t ? "button" : undefined,
       tabIndex: t ? 0 : undefined
     }, this.hasBulletSlotContent && e("div", {
-      key: "85550e33d0ed9ea6fbcc2b6011ef816c6582a409",
+      key: "aa22c21e529627bdc9a8bd1d051d5bc0a71cf7fe",
       class: this.bulletClasses
     }, e("slot", {
-      key: "27878595e0c6e1dd7bff4f89d088d2eff3a89081",
+      key: "ed4c95f3575e0c29741362d71b97ac96723b3c1d",
       name: "bullet"
     })), e("div", {
-      key: "66cb1e4c12228134b52bc9ce7fc6948e0e032189",
+      key: "1849799748426614b745d319975c0aed176c833a",
       class: this.mainClasses
     }, this.hasHeaderSlotContent && e("div", {
-      key: "1c6153c3ffec60e206aa48da2e64ff34fc9c4759",
+      key: "48f1d8dc3f6964ed477a9bf701472b6aef2e1c61",
       class: "header"
     }, e("slot", {
-      key: "cff1262d7b3de7ba43315259db55c46b9573b57b",
+      key: "56d44d2f2815680cb83029eb1c94aad044ec8587",
       name: "header"
     })), this.hasBodySlotContent && e("div", {
-      key: "65e0912d2f9e8af1d482251623134a636279df61",
+      key: "ccf87d287aa96aa19ed660c8981438101fc07970",
       class: "body"
     }, e("slot", {
-      key: "8be6e8685365294f4ec73321286a4a54a73de02c",
+      key: "15206b3bceb3c5cef08f9ec402a99aeaf821c23f",
       name: "body"
     }))), this.hasActionSlotContent && e("div", {
-      key: "a2cc7e70215f381527f47b1888ee838620a69e44",
+      key: "a9811f241c3fa24ba3549f76cf8fc84220908a51",
       class: this.actionClasses
     }, e("slot", {
-      key: "219cf069772b09dcaf230a8025acbb96afe39a74",
+      key: "230157dd2f7770afdb80e496bc3edf44cc319376",
       name: "action"
     })), this.hasFooterSlotContent && e("div", {
-      key: "0184eebce11e3979fea36d9d321f96c23571f622",
+      key: "78a32601c0100a9a5402acb1ee87f5d4130a9218",
       class: this.footerClasses
     }, e("slot", {
-      key: "def0861ee4c73d4b8a4027993cb5990ed93231a9",
+      key: "7859ff351ff4a78fe66edfa4106a2a24026e1abd",
       name: "footer"
     })));
   }

package/dist/q2-tecton-elements/q2-legend.entry.js

@@ -104,10 +104,10 @@ const s = class {
   // #region Render Methods
   render() {
     return i("click-elsewhere", {
-      key: "b955f605c385783d6957979ed48a54be4e85e354",
+      key: "6cbca1e406e026c0379c4c78c84b2419d390fa02",
       onChange: () => this.onClickElsewhere(this)
     }, i("ul", {
-      key: "d6a97f3953f777dce363bbca502a95e0925437b5"
+      key: "3e60fc46d73443c251fa80d861c14afc74c58898"
     }, this.dataWithClasses.map((t => i("li", {
       class: "item"
     }, i("button", {

package/dist/q2-tecton-elements/q2-link_2.entry.js

@@ -80,7 +80,7 @@ s.style = r;
 
 const a = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host([bordered]:not([bordered=false])) ::slotted(q2-item:not(:last-child)),:host([bordered]:not([bordered=false])) .header{border-style:var(--tct-list-item-border-style, solid);border-width:var(--tct-list-item-border-width, 0 0 1px 0);border-color:var(--tct-list-item-border-color, var(--t-gray-12, #d9d9d9))}::slotted(q2-item){--comp-item-padding:var(--tct-list-item-padding, var(--app-scale-2x, 10px) var(--app-scale-4x, 20px));--tct-item-padding:var(--comp-item-padding)}.header{--comp-default-header-padding:0 var(--app-scale-4x, 20px);display:flex;gap:var(--app-scale-3x, 12px);padding:var(--tct-list-header-padding, var(--comp-default-header-padding));min-height:var(--tct-list-header-min-height, var(--t-list-header-min-height, 44px))}.header-spacebetween{justify-content:space-between}.header-start{justify-content:flex-start}.header-end{justify-content:flex-end}.header .label{width:100%;height:var(--tct-list-label-height, 44px);line-height:var(--tct-list-label-line-height, 44px);font-size:var(--tct-list-label-font-size, var(--app-font-size, 14px));font-weight:var(--tct-list-label-font-weight, 600);color:var(--tct-list-label-font-color, var(--t-text, #4d4d4d))}slot:not([name]){display:flex;flex-direction:column;gap:var(--tct-list-item-gap, 0)}";
 
-const d = class {
+const l = class {
   constructor(i) {
     t(this, i);
     this.scheduledAfterRender = [];
@@ -144,23 +144,23 @@ const d = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "87de0bf3b9b86df335cd05f811fff108d512fdad",
+      key: "74234b4bc68ca3c0e63c622af9eaade59b44b239",
       class: this.listClasses,
       ref: t => this.listElement = t
     }, (this.hasFilterSlot || this.hasLabelContent) && e("div", {
-      key: "08333b2adb11d1b5367f164da7dde1003da06e4e",
+      key: "ff805a8585078d37bb43e75330e71990070247ee",
       class: this.headerClasses
     }, e("div", {
-      key: "77dbdc5fb278d64ddd0f3d81631dee81a516eafa",
+      key: "ff56a645a4f050e7658152458be560f59ca76b41",
       class: "label"
     }, this.label), this.hasFilterSlot && e("slot", {
-      key: "39e940169c5d5dfd942234add697f6e81dbd5dd4",
+      key: "796cb86fadeaf260749a71d6dcf9461fb73cca4d",
       name: "filter"
     })), e("div", {
-      key: "71fbdfb3752feab05b73022670768837e92fef3e",
+      key: "0a1041e850f030ee5512999ee4302fc5b0f363c1",
       role: "list"
     }, e("slot", {
-      key: "f0d574242dda38a3bcf7cdebeb20e5bf32001e1c"
+      key: "83f2668d9c22f7a3cdbe452b341316fa079cd4ee"
     })));
   }
   get hostElement() {
@@ -168,8 +168,8 @@ const d = class {
   }
 };
 
-d.style = a;
+l.style = a;
 
-export { s as q2_link, d as q2_list };
+export { s as q2_link, l as q2_list };
 //# sourceMappingURL=q2-link.q2-list.entry.esm.js.map
 //# sourceMappingURL=q2-link_2.entry.js.map

package/dist/q2-tecton-elements/q2-message.entry.js

@@ -65,7 +65,7 @@ const p = class {
     const {description: o} = this;
     const r = c(`tecton.element.message.type.${this.type ? this.type : "info"}`);
     return e("div", {
-      key: "1c9d5fc617703a5193b0907d6808b73bcbda76ca",
+      key: "5aefaa4f03dce57743c1da6c1d6f9a5bfa66fe36",
       tabindex: "-1",
       class: "message",
       role: o ? undefined : "alert",
@@ -74,17 +74,17 @@ const p = class {
       "aria-relevant": o && s ? undefined : "all",
       "test-id": "messageContainer"
     }, this.appearance === "standard" ? this.messageIcon(this.type) : "", a && e("div", {
-      key: "1fb3a9261694ed8c99c4b4324aeff0b15f63b7cb",
+      key: "e7d7fdf22bf5da354b6f8b44c9a455bed1823c66",
       class: "sr"
     }), e("div", {
-      key: "5e9989ebba7512b492002ab0abc951f2d6b7fcc8",
+      key: "9307a41597edb05d4b0ab7e876c9fc3222687e42",
       class: "sr message-label"
     }, r), e("div", {
-      key: "37de20f2c426afbed3c15048643a60f42321cfa3",
+      key: "10d59d54588978a74b168d52340e8773bc0b69b3",
       class: "message-content",
       "aria-hidden": s ? "true" : undefined
     }, e("slot", {
-      key: "bddc8bb5641c773c8c47f94bbfe8cdb0562e2a49"
+      key: "df067ea0fdb4bcc8a4f98ba84cc0ab0b857128f1"
     })));
   }
   get hostElement() {