q2-tecton-elements 1.55.4 → 1.56.0

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

@@ -1,6 +1,6 @@
 import { r as t, h as r, g as o, F as a, a as e, c as i } from "./index-7a5365e2.js";
 
-import { l as n, h as c, a as s, b as d, o as l, i as p, g as b, c as u, d as f, s as h, e as v, n as m, r as x, f as g } from "./index-f2a66217.js";
+import { l as n, h as c, a as s, b as d, o as l, i as p, g as b, c as u, d as f, s as h, e as v, n as m, r as x, f as g } from "./index-c215e8ef.js";
 
 import { s as k } from "./shapes-c7e1a3fa.js";
 
@@ -292,7 +292,7 @@ const L = "standard";
 
 const N = "standard";
 
-const F = "legacy";
+const F = "browsersos";
 
 const O = "standard";
 
@@ -360,7 +360,7 @@ const dt = "standard";
 
 const lt = "standard";
 
-const pt = "system";
+const pt = "devices";
 
 const bt = "standard";
 
@@ -412,11 +412,11 @@ const $t = "standard";
 
 const Et = "status";
 
-const Yt = "legacy";
+const Yt = "browsersos";
 
 const Rt = "standard";
 
-const Pt = "system";
+const Pt = "devices";
 
 const Tt = "standard";
 
@@ -478,7 +478,7 @@ const fr = "standard";
 
 const hr = "standard";
 
-const vr = "mobile";
+const vr = "devices";
 
 const mr = "standard";
 
@@ -540,7 +540,7 @@ const Zr = "standard";
 
 const Hr = "status";
 
-const Ur = "mobile";
+const Ur = "devices";
 
 const jr = "standard";
 
@@ -626,24 +626,24 @@ const bo = {
   "brand-zelle-name-color": "brand",
   "brand-zelle-name-filled": "brand",
   briefcase: K,
-  "browser-chrome": "legacy",
-  "browser-chrome-color": "legacy",
-  "browser-chrome-filled": "legacy",
-  "browser-edge": "legacy",
-  "browser-edge-color": "legacy",
-  "browser-edge-filled": "legacy",
-  "browser-firefox": "legacy",
-  "browser-firefox-color": "legacy",
-  "browser-firefox-filled": "legacy",
-  "browser-ie": "legacy",
-  "browser-ie-color": "legacy",
-  "browser-ie-filled": "legacy",
-  "browser-opera": "legacy",
-  "browser-opera-color": "legacy",
-  "browser-opera-filled": "legacy",
-  "browser-safari": "legacy",
-  "browser-safari-color": "legacy",
-  "browser-safari-filled": "legacy",
+  "browser-chrome": "browsersos",
+  "browser-chrome-color": "browsersos",
+  "browser-chrome-filled": "browsersos",
+  "browser-edge": "browsersos",
+  "browser-edge-color": "browsersos",
+  "browser-edge-filled": "browsersos",
+  "browser-firefox": "browsersos",
+  "browser-firefox-color": "browsersos",
+  "browser-firefox-filled": "browsersos",
+  "browser-ie": "browsersos",
+  "browser-ie-color": "browsersos",
+  "browser-ie-filled": "browsersos",
+  "browser-opera": "browsersos",
+  "browser-opera-color": "browsersos",
+  "browser-opera-filled": "browsersos",
+  "browser-safari": "browsersos",
+  "browser-safari-color": "browsersos",
+  "browser-safari-filled": "browsersos",
   "bubble-graph": "standard",
   bug: q,
   buildings: Z,
@@ -665,46 +665,46 @@ const bo = {
   card: J,
   "card-add": "cards",
   "card-amazon": "cards",
-  "card-amazon-color": "legacy",
+  "card-amazon-color": "cards",
   "card-amex": "cards",
-  "card-amex-color": "legacy",
+  "card-amex-color": "cards",
   "card-applepay": "cards",
-  "card-applepay-color": "legacy",
+  "card-applepay-color": "cards",
   "card-bitcoin": "cards",
-  "card-bitcoin-color": "legacy",
+  "card-bitcoin-color": "cards",
   "card-dinersclub": "cards",
-  "card-dinersclub-color": "legacy",
+  "card-dinersclub-color": "cards",
   "card-discover": "cards",
-  "card-discover-color": "legacy",
+  "card-discover-color": "cards",
   "card-edit": "cards",
   "card-gift": "cards",
   "card-googlepay": "cards",
-  "card-googlepay-color": "legacy",
+  "card-googlepay-color": "cards",
   "card-heart": "cards",
   "card-in-hand": "cards",
   "card-insert": "cards",
   "card-jcb": "cards",
-  "card-jcb-color": "legacy",
+  "card-jcb-color": "cards",
   "card-join": "cards",
   "card-locked": "cards",
   "card-maestro": "cards",
-  "card-maestro-color": "legacy",
+  "card-maestro-color": "cards",
   "card-mastercard": "cards",
-  "card-mastercard-color": "legacy",
+  "card-mastercard-color": "cards",
   "card-more": "cards",
   "card-paypal": "cards",
-  "card-paypal-color": "legacy",
+  "card-paypal-color": "cards",
   "card-prohibited": "cards",
   "card-remove": "cards",
   "card-scissors": "cards",
   "card-star": "cards",
   "card-stripe": "cards",
-  "card-stripe-color": "legacy",
+  "card-stripe-color": "cards",
   "card-success": "cards",
   "card-unknown": "cards",
   "card-update": "cards",
   "card-visa": "cards",
-  "card-visa-color": "legacy",
+  "card-visa-color": "cards",
   cart: Q,
   "cart-moving": "standard",
   cash: X,
@@ -866,15 +866,15 @@ const bo = {
   "nest-egg": "standard",
   newspaper: cr,
   options: sr,
-  "os-android": "legacy",
-  "os-android-color": "legacy",
-  "os-android-filled": "legacy",
-  "os-apple": "legacy",
-  "os-apple-color": "legacy",
-  "os-apple-filled": "legacy",
-  "os-windows": "legacy",
-  "os-windows-color": "legacy",
-  "os-windows-filled": "legacy",
+  "os-android": "browsersos",
+  "os-android-color": "browsersos",
+  "os-android-filled": "browsersos",
+  "os-apple": "browsersos",
+  "os-apple-color": "browsersos",
+  "os-apple-filled": "browsersos",
+  "os-windows": "browsersos",
+  "os-windows-color": "browsersos",
+  "os-windows-filled": "browsersos",
   palette: dr,
   "paper-plane": "standard",
   paperclip: lr,
@@ -962,8 +962,8 @@ const bo = {
   umbrella: ao,
   unlink: eo,
   upload: io,
-  "venmo-colored": "legacy",
-  "venmo-filled": "legacy",
+  "venmo-colored": "brand",
+  "venmo-filled": "brand",
   virus: no,
   wallet: co,
   warning: so,
@@ -974,13 +974,14 @@ const bo = {
   "zoom-out": "standard"
 };
 
-const uo = "*{box-sizing:border-box}*:active{outline:none}*:focus{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:inline-block;height:var(--tct-icon-size, 24px);width:var(--tct-icon-size, 24px);position:relative;fill:none}:host([inline]){height:1em;width:1em}svg{display:block;position:absolute;top:0;left:0;stroke-width:var(--tct-icon-stroke-width, var(--t-icon-stroke-width, 1.5));stroke-linecap:var(--tct-icon-cap, var(--t-icon-cap, round));stroke-linejoin:var(--tct-icon-cap, var(--t-icon-cap, round));transition:var(--tct-icon-transition, none)}.stroke-primary{stroke:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-primary-transition, none)}.stroke-secondary{stroke:var(--tct-icon-stroke-secondary, var(--t-icon-stroke-secondary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-secondary-transition, none)}.fill-primary{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-primary-transition, none)}.fill-secondary{fill:var(--tct-icon-stroke-secondary, var(--t-icon-stroke-secondary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-secondary-transition, none)}.filled{fill:var(--tct-icon-fill, var(--comp-icon-fill, var(--t-icon-fill, none)));transition:var(--tct-icon-fill-transition, none)}.uniform{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, currentcolor));transition:var(--tct-icon-stroke-primary-transition, none)}:host([type=info]),:host([type=info-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host([type=success]),:host([type=success-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=warning]),:host([type=warning-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-warning, var(--const-stoplight-warning, #c35500))}:host([type=error]),:host([type=error-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-alert, var(--const-stoplight-alert, #d20a0a))}";
+const uo = "*{box-sizing:border-box}*:active{outline:none}*:focus{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:inline-block;height:var(--tct-icon-size, 24px);width:var(--tct-icon-size, 24px);position:relative;fill:none}:host([inline]){height:1em;width:1em}svg{display:block;position:absolute;top:0;left:0;stroke-width:var(--tct-icon-stroke-width, var(--t-icon-stroke-width, var(--tct-icon-group-stroke-width, 2)));stroke-linecap:var(--tct-icon-cap, var(--t-icon-cap, round));stroke-linejoin:var(--tct-icon-cap, var(--t-icon-cap, round));transition:var(--tct-icon-transition, none)}svg.brand{stroke-width:var(--tct-icon-group-brand-stroke-width, 1)}svg.browsersos{stroke-width:var(--tct-icon-group-browsersos-stroke-width, 1)}.stroke-primary{stroke:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-primary-transition, none)}.stroke-secondary{stroke:var(--tct-icon-stroke-secondary, var(--t-icon-stroke-secondary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-secondary-transition, none)}.fill-primary{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-primary-transition, none)}.fill-secondary{fill:var(--tct-icon-stroke-secondary, var(--t-icon-stroke-secondary, var(--t-text, currentcolor)));transition:var(--tct-icon-stroke-secondary-transition, none)}.filled{fill:var(--tct-icon-fill, var(--comp-icon-fill, var(--t-icon-fill, none)));transition:var(--tct-icon-fill-transition, none)}.uniform{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, currentcolor));transition:var(--tct-icon-stroke-primary-transition, none)}:host([type=info]),:host([type=info-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host([type=success]),:host([type=success-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=warning]),:host([type=warning-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-warning, var(--const-stoplight-warning, #c35500))}:host([type=error]),:host([type=error-filled]){--tct-icon-stroke-primary:transparent;--comp-status-color:var(--tct-stoplight-alert, var(--const-stoplight-alert, #d20a0a))}";
 
 const fo = uo;
 
 const ho = class {
   constructor(r) {
     t(this, r);
+    this.spritePrefix = "tecton-sprite-";
     this.iconClone = undefined;
     this.inline = undefined;
     this.label = undefined;
@@ -1038,7 +1039,7 @@ const ho = class {
   get spriteId() {
     const {spriteFileName: t} = this;
     if (!t) return;
-    return `tecton-sprite-${t}`;
+    return `${this.spritePrefix}${t}`;
   }
   checkForSprite() {
     var t;
@@ -1135,7 +1136,8 @@ const ho = class {
       role: !!t ? "img" : undefined,
       "aria-labelledby": !!t ? "label" : undefined,
       viewBox: this.iconCloneViewBox,
-      xmlns: "http://www.w3.org/2000/svg"
+      xmlns: "http://www.w3.org/2000/svg",
+      class: this.spriteFileName
     }, !!t && r("title", {
       id: "label"
     }, t), !!o && r("use", {
@@ -5011,10 +5013,10 @@ const Io = class {
   }
   render() {
     return r("div", {
-      key: "fbf148503e4dbf8fb9b033fecf698e4021fd763f",
+      key: "89cd96989f8f94952e141cc7dc2c7125106817b5",
       class: this.wrapperClasses
     }, r("div", {
-      key: "b8820ad0d238ba787775c793bb8757c60dcb82fd",
+      key: "6112dc111fcd2ea2d82416fa820ac803e7514f23",
       class: "label-wrapper"
     }, g(this), this.renderCountDOM()), this.renderInputContainerDOM(), x(this));
   }
@@ -5414,49 +5416,49 @@ const Po = class {
   }
   render() {
     return r(a, {
-      key: "97f2da0c2b5b73725ba7df8df2a0eb549f9cfd88"
+      key: "00671ce4926d564d32501ec38abd48deac07cfbb"
     }, r("div", {
-      key: "ff697afe9618dfc6e262701febdca55b279de4d5",
+      key: "5c1f13533e55cfd63c7e8e80e42cfbd1f9a219dd",
       class: "tab-container"
     }, this.scrollEnabled && r(a, {
-      key: "11151d37351e2770f29f5f0b31df5afb68855dc2"
+      key: "f3c7f03440d17924f526b315efedef8f90285a78"
     }, r("div", {
-      key: "d2bf7ed9da0348421a767ba7d38faf942ad44634",
+      key: "d7be2db2322c112984c7096a884e7a3f7b48d2d0",
       class: "gradient-left",
       hidden: !this.showScrollLeft
     }), r("div", {
-      key: "f53cc922938e075b524cae7289a4b5645b867078",
+      key: "02c6d98870223b4b081839db9af754d491e6fe2f",
       class: "gradient-right",
       hidden: !this.showScrollRight
     }), r("q2-btn", {
-      key: "0c17c23b928f2aab34632073d3b3ba380e153865",
+      key: "f694ea3ce2beb6c25d09f9a26ddddd7123bb76f6",
       class: "btn-left",
       hidden: !this.showScrollLeft,
       onClick: () => this.onScrollBtnClick("left")
     }, r("q2-icon", {
-      key: "ea146cfc55d86e1531bbe94a9a217b93463f9fea",
+      key: "79c62503753d185782b922ec2fd15e7042f8e459",
       type: "chevron-left",
       label: "scroll left"
     })), r("q2-btn", {
-      key: "fce01f8a17e78df73cc834a203b55b9427c4facc",
+      key: "8b0b9b0e6c21d08c3dc5f1c9003e4024ec3bd6db",
       class: "btn-right",
       hidden: !this.showScrollRight,
       onClick: () => this.onScrollBtnClick("right")
     }, r("q2-icon", {
-      key: "d379b82bd9465278b1e40f82137fc08bd8b0c750",
+      key: "b4fdd4caa182e430255a8787300113c472ddf9f5",
       type: "chevron-right",
       label: "scroll right"
     }))), r("ul", {
-      key: "97d39c2ff74ac064da28ca763fbd3d6e98a952dd",
+      key: "16036b801d37dcef0249aff290d19d9e484a0ce4",
       onScroll: this.checkScrollState,
       ref: t => this.listElement = t,
       class: this.noPrint ? "no-print" : null,
       role: "tablist"
     }, this.tabs.map(((t, r) => this.renderTab(t, r))))), r("div", {
-      key: "5a9a728931e3dfafe2b20b5a1d1e72b5ef67913c",
+      key: "7879b477deded91f2ec856c33a4b5170857c83ae",
       class: "tab-content"
     }, r("slot", {
-      key: "e10400800c9ff9e3b7d9947a32abeeb146981f8b",
+      key: "c1d3857b108dd9f6faea22cfb28495d6fd91f83c",
       onSlotchange: () => this.onSlotChange()
     })));
   }
@@ -5501,7 +5503,7 @@ const Go = class {
   // #region Render Methods
   render() {
     return r("div", {
-      key: "8f27e390528c79ae1589e1a7614c72455ebbdd32",
+      key: "86b748104c438b4d92f2343d30fac0b5e7150835",
       id: `tab-pane-${this.guid}-${this.index}`,
       class: `tab-pane${this.selected ? "" : " hidden"}`,
       role: "tabpanel",
@@ -5509,7 +5511,7 @@ const Go = class {
       "aria-hidden": `${!this.selected}`,
       "aria-labelledby": `tab-${this.guid}-${this.index}`
     }, r("slot", {
-      key: "2d00ea2e03bbac11a63193debd2bb9904050ba37"
+      key: "db229a7eeeaaa208635413f57ff5021b9230ecb0"
     }));
   }
   static get watchers() {