q2-tecton-elements 1.10.2 → 1.10.6

package/dist/collection/components/q2-icon/icons.js

@@ -1221,6 +1221,13 @@ const icons = {
       h("path", { d: "M19.6 8.133H24v11h-2.933V22.8l-5.134-3.667h-4.4", class: "stroke-secondary" }),
       h("path", { d: "M19.6 3H2v12.467h3.667V20.6l5.866-5.133H19.6z", class: "stroke-primary filled" })))
   },
+  'chat-question': {
+    markup: () => (h("g", null,
+      h("path", { d: "M21.295 17.534c1.587-1.55 2.525-3.534 2.525-5.698 0-4.905-4.833-8.656-10.82-8.656S2.18 6.931 2.18 11.836c0 4.905 4.833 8.836 10.82 8.836 1.046 0 2.056-.144 3.03-.36l5.626 2.344-.36-5.122z", class: "stroke-primary filled" }),
+      h("g", { class: "stroke-secondary", transform: "translate(10.5 7.5)" },
+        h("circle", { cx: "2.375", cy: "8.875", r: "1" }),
+        h("path", { d: "M0 1.5C.39.625 1.328 0 2.396 0 3.828 0 5 1.125 5 2.5S3.828 5 2.396 5v1.5" }))))
+  },
   'chat-bubbles': {
     markup: () => (h("g", null,
       h("path", { d: "M11.197 19.46c1.338.916 3.107 1.474 5.049 1.474a9.7 9.7 0 0 0 2.471-.32l2.939 1.763v-3.178c1.337-1.04 2.164-2.464 2.164-4.035 0-.766-.197-1.496-.553-2.164", class: "stroke-secondary" }),
@@ -1264,6 +1271,18 @@ const icons = {
   'checkmark-outline': {
     markup: () => (h("path", { d: "M9.912 21.175l-7.719-7.719 3.088-3.088L9.912 15 20.719 4.193l3.088 3.088z", class: "stroke-primary filled" }))
   },
+  'chevron-double-right': {
+    markup: () => (h("g", { class: "chevron-double-right" },
+      h("g", { class: "stroke-primary" },
+        h("path", { d: "M12 2l11 11-11 11" }),
+        h("path", { d: "M3 2l11 11L3 24" }))))
+  },
+  'chevron-double-left': {
+    markup: () => (h("g", { class: "chevron-double-left" },
+      h("g", { class: "stroke-primary" },
+        h("path", { d: "M14 24L3 13 14 2" }),
+        h("path", { d: "M23 24L12 13 23 2" }))))
+  },
   'chevron-down': {
     markup: () => h("path", { d: "M24 8L13 19 2 8", class: "stroke-primary" })
   },
@@ -1357,6 +1376,15 @@ const icons = {
       h("path", { class: "stroke-primary", d: "M6.2 2.2l7.2 9.6 7.2-9.6m-7.2 9.6v12" }),
       h("path", { class: "stroke-secondary", d: "M7 12.2h12.8M7 17h12.8" })))
   },
+  dashboard: {
+    markup: () => (h("g", { class: "dashboard" },
+      h("path", { d: "M0 0h26v26H0z" }),
+      h("g", { class: "stroke-primary filled" },
+        h("path", { d: "M3 3h9v12H3z" }),
+        h("path", { d: "M3 18h9v5H3z" }),
+        h("path", { d: "M14.5 3h9v7h-9z" }),
+        h("path", { d: "M14.5 13h9v10h-9z" }))))
+  },
   desktop: {
     markup: () => (h("g", null,
       h("path", { class: "stroke-primary", d: "M22.377 19.77H3.623a1.443 1.443 0 0 1-1.443-1.442V4.623c0-.797.646-1.443 1.443-1.443h18.754c.796 0 1.442.646 1.442 1.443v13.705c0 .796-.646 1.442-1.442 1.442zM2.18 15.442h21.64" }),
@@ -1370,6 +1398,13 @@ const icons = {
         h("path", { d: "M6.387 5.677v6.417l-2.839-1.449-2.838 1.42V5.677" }),
         h("circle", { cx: "3.548", cy: "3.548", r: "3.548" }))))
   },
+  divider: {
+    markup: () => (h("g", { class: "divider" },
+      h("g", { class: "stroke-primary" },
+        h("path", { d: "M3 5h20v5H3z" }),
+        h("path", { d: "M3 17h20v5H3z" })),
+      h("path", { d: "M2 13.5h22", class: "stroke-secondary" })))
+  },
   document: {
     markup: () => (h("g", null,
       h("path", { d: "M15.733 2H4v22h17.6V7.867z", class: "stroke-primary" }),
@@ -1827,6 +1862,11 @@ const icons = {
       h("path", { d: "M21.492 18.552c-.473 1.03-.7 1.49-1.31 2.399-.849 1.27-2.047 2.852-3.532 2.865-1.319.013-1.658-.842-3.448-.832-1.79.01-2.164.848-3.483.836-1.485-.014-2.62-1.442-3.47-2.713-2.376-3.552-2.624-7.721-1.159-9.937 1.042-1.576 2.686-2.497 4.23-2.497 1.574 0 2.563.847 3.864.847 1.262 0 2.031-.848 3.85-.848 1.375 0 2.832.735 3.87 2.005-3.401 1.83-2.848 6.6.588 7.875z", class: "stroke-primary" }),
       h("path", { d: "M16.125 5.587c.69-.884 1.211-2.131 1.022-3.407-1.125.077-2.44.793-3.208 1.726-.698.846-1.274 2.102-1.05 3.322 1.228.039 2.498-.695 3.236-1.641z", class: "stroke-secondary" })))
   },
+  key: {
+    markup: () => (h("g", null,
+      h("path", { d: "M18.455 3l-7.486 7.485a6.32 6.32 0 0 0-1.605-.212 6.364 6.364 0 1 0 6.363 6.363c0-.81-.157-1.581-.432-2.294l2.25-2.251V9.364h2.728L23 6.636V3h-4.545z", class: "stroke-primary filled" }),
+      h("circle", { cx: "9.364", cy: "16.636", r: "1.818", class: "stroke-secondary" })))
+  },
   laptop: {
     markup: () => (h("g", null,
       h("path", { class: "stroke-primary", d: "M4.344 15.721V5.623c0-.797.646-1.443 1.443-1.443h14.426c.797 0 1.442.646 1.442 1.443V15.72m-9.377-9.376h1.443" }),
@@ -1930,7 +1970,10 @@ const icons = {
     markup: () => (h("path", { d: "M24 12.345L14.517 4v4.931C8.443 8.931 2 10.751 2 21.448c2.781-3.793 5.043-4.93 12.517-4.93v4.93L24 12.345z", class: "stroke-primary" }))
   },
   'message-reply': {
-    markup: () => (h("path", { d: "M2 12.345L11.483 4v4.931C17.557 8.931 24 10.751 24 21.448c-2.781-3.793-5.043-4.93-12.517-4.93v4.93L2 12.345z", class: "stroke-primary" }))
+    markup: () => (h("path", { d: "M2 12.345L11.483 4v4.931C17.557 8.931 24 10.751 24 21.448c-2.781-3.793-5.043-4.93-12.517-4.93v4.93L2 12.345z", class: "stroke-primary filled" }))
+  },
+  'message-response': {
+    markup: () => (h("path", { d: "M24 12.345L14.517 4v4.931C7.043 8.931 4.661 7.598 2 4c0 11.14 7.006 12.517 12.517 12.517v4.931L24 12.345z", class: "stroke-primary filled" }))
   },
   'mobile-button': {
     markup: () => (h("g", null,
@@ -2629,6 +2672,272 @@ const icons = {
       h("g", { class: "stroke-secondary", transform: "translate(11.9 5.667)" },
         h("circle", { cx: "1.1", cy: "13.2", r: "1.1" }),
         h("path", { d: "M1.1 0v8.8" }))))
+  },
+  arts: {
+    markup: () => (h("g", null,
+      h("g", { class: "stroke-primary" },
+        h("path", { d: "M18.92 13.5h1.354m-1.95 6.692a2.032 2.032 0 0 0-2.873 0" }),
+        h("path", { d: "M12.453 22.002a6.77 6.77 0 0 0 11.209-5.115V8.564a20.27 20.27 0 0 0-4.065-.979" })),
+      h("g", { class: "stroke-secondary" },
+        h("path", { d: "M3.339 12.823a6.774 6.774 0 0 0 13.548 0V4.499A20.342 20.342 0 0 0 3.339 4.5v8.323zm3.387-3.387h1.355m4.064 0H13.5" }),
+        h("path", { d: "M10.113 16.887c1.123 0 2.032-.91 2.032-2.032H8.081c0 1.122.91 2.032 2.032 2.032z" }))))
+  },
+  bed: {
+    markup: () => (h("g", null,
+      h("g", { class: "stroke-primary" },
+        h("path", { d: "M3.339 20.242V5.339m0 12.194h20.322M3.339 14.145h20.322v6.097" })),
+      h("g", { class: "stroke-secondary", transform: "translate(6.048 7.371)" },
+        h("circle", { cx: "2.032", cy: "2.032", r: "2.032" }),
+        h("path", { d: "M17.613 4.065H6.774V.677h8.807c1.122 0 2.032.91 2.032 2.033v1.355z" }))))
+  },
+  box: {
+    markup: () => (h("g", null,
+      h("g", { class: "stroke-primary" },
+        h("path", { d: "M3 7.065h20.323m0 0L18.581 3H7.742L3 7.065v16.258h20.323z" })),
+      h("path", { d: "M15.871 13.839h-5.419V7.065L12.484 3h1.355l2.032 4.065z", class: "stroke-secondary" })))
+  },
+  'buildings-2': {
+    markup: () => (h("g", null,
+      h("g", { class: "stroke-primary" },
+        h("path", { d: "M12.302 7.186V3l10.233 2.791v16.744H3v-9.302h1.395" }),
+        h("path", { d: "M6.721 22.535V9.512h7.442v13.023z", class: "filled" })),
+      h("g", { class: "stroke-secondary" },
+        h("path", { d: "M9.512 16.023h1.86m-1.86 2.791h1.86m-1.86-5.582h1.86m5.582 5.582V8.581m2.791 10.233V9.511" }))))
+  },
+  'calendar-pay': {
+    markup: () => (h("g", null,
+      h("g", { class: "stroke-primary" },
+        h("path", { d: "M23.241 9.586H2m9.483 12.138H2V4.276h21.241v9.483M6.931 2v4.552M18.31 2v4.552" })),
+      h("g", { class: "stroke-secondary" },
+        h("path", { d: "M15.898 20.983c0 1.044.82 1.865 1.865 1.865h.745c1.045 0 1.865-.82 1.865-1.865 0-2.61-4.475-1.118-4.475-3.728 0-1.044.82-1.865 1.865-1.865h.745c1.045 0 1.865.82 1.865 1.865m-2.237 5.593v1.491m0-10.44v1.491" }))))
+  },
+  'calendar-repeat': {
+    markup: () => (h("g", null,
+      h("g", { class: "stroke-primary" },
+        h("path", { d: "M23.241 9.586H2m9.483 12.138H2V4.276h21.241v9.483M6.931 2v4.552M18.31 2v4.552" })),
+      h("g", { class: "stroke-secondary" },
+        h("path", { d: "M23 20a4 4 0 1 1-4-4c1.612 0 3.018.996 3.652 2.37" }),
+        h("path", { d: "M22.892 16.578l-.24 1.792-1.686-.226" }))))
+  },
+  'check-dollar': {
+    markup: () => (h("g", null,
+      h("path", { d: "M16.001 19H2V8h22v3.987", class: "stroke-primary" }),
+      h("g", { class: "stroke-secondary" },
+        h("path", { d: "M6.508 12.689h10.654M6.508 15.574h5.77" })),
+      h("g", null,
+        h("path", { d: "M18.898 19.983c0 1.044.82 1.864 1.865 1.864h.745c1.045 0 1.865-.82 1.865-1.864 0-2.61-4.475-1.119-4.475-3.729 0-1.044.82-1.864 1.865-1.864h.745c1.045 0 1.865.82 1.865 1.864m-2.237 5.594v1.49m0-10.439v1.49" }))))
+  },
+  'check-shield': {
+    markup: () => (h("g", null,
+      h("path", { d: "M15.023 19H2V8h22v5", class: "stroke-primary" }),
+      h("g", { class: "stroke-secondary" },
+        h("path", { d: "M6.508 12.689h10.919M6.508 15.574h5.77" })),
+      h("path", { d: "M21 15c-1.143.857-2.857 1.429-4 1.429 0 2.666 1.333 5.428 4 6.571 2.667-1.143 4-3.905 4-6.571-1.143 0-2.857-.572-4-1.429z", class: "stroke-primary filled" })))
+  },
+  'credit-score': {
+    markup: () => (h("g", null,
+      h("g", { class: "stroke-primary filled" },
+        h("path", { d: "M23.996 16.712L24 17h-5l-.003-.187a5.98 5.98 0 0 0-1.745-4.047l3.54-3.53a10.964 10.964 0 0 1 3.204 7.476z" }),
+        h("path", { d: "M13 6c3.045 0 5.8 1.237 7.793 3.236l-3.542 3.53A5.981 5.981 0 0 0 13 11V6zm0 0v5a5.981 5.981 0 0 0-4.242 1.756L5.224 9.22C7.214 7.23 9.964 6 13 6zM5.223 9.22l3.535 3.536a5.98 5.98 0 0 0-1.754 4.02L7 17H2a10.97 10.97 0 0 1 3.223-7.78z" })),
+      h("g", { class: "stroke-secondary", transform: "translate(11 9.5)" },
+        h("path", { d: "M2.845 5.689L5.5 0" }),
+        h("circle", { cx: "2", cy: "7.5", r: "2" }))))
+  },
+  'delivery-truck': {
+    markup: () => (h("g", null,
+      h("g", { class: "stroke-primary" },
+        h("path", { d: "M15.885 9.033h5.77l2.164 5.771v4.328h-2.921m-4.292 0H9.032m-4.327 0H2.18V6.148h13.705v8.295" })),
+      h("g", { class: "stroke-secondary" },
+        h("g", { class: "filled", transform: "translate(3.721 16.174)" },
+          h("circle", { cx: "3.148", cy: "2.957", r: "2.164" }),
+          h("circle", { cx: "15.049", cy: "2.957", r: "2.164" })))))
+  },
+  factory: {
+    markup: () => (h("g", null,
+      h("g", { class: "stroke-primary" },
+        h("path", { d: "M16.548 15.193V9.774l-7.451 5.419-2.032-5.419H3v13.548h20.323V9.774zm3.387 4.065h-1.354m-3.387 0h-1.355" })),
+      h("path", { d: "M12.484 3.677c-.862 0-1.64.332-2.238.863A4.064 4.064 0 0 0 3 7.065h12.871a3.387 3.387 0 0 0-3.387-3.388z", class: "stroke-secondary filled" })))
+  },
+  failed: {
+    markup: () => (h("g", null,
+      h("g", { class: "stroke-secondary" },
+        h("path", { d: "M17.4 8.6l-8.8 8.8m8.8 0L8.6 8.6" })),
+      h("circle", { cx: "13", cy: "13", r: "11", class: "stroke-primary" })))
+  },
+  'hand-with-key': {
+    markup: () => (h("g", null,
+      h("g", { class: "stroke-primary" },
+        h("path", { d: "M5.8 12.8h.7a5.27 5.27 0 0 1 4.2 2.1h2.8a3.01 3.01 0 0 1 2.8 2.8H10" }),
+        h("path", { d: "M15.88 16.3h4.62c2.52 0 2.8 1.4 2.8 1.4l-10.01 4.06c-.79.327-1.68.302-2.45-.07L5.8 19.1M3 11.4h2.8v9.1H3z" })),
+      h("g", { class: "stroke-secondary filled", transform: "translate(7.197 3)" },
+        h("circle", { cx: "2.803", cy: "3.5", r: "1" }),
+        h("path", { d: "M6.708 2.1a3.5 3.5 0 1 0 0 2.8h2.395l1.05.7 1.05-.7h2.1l.7-2.8H6.708z" }))))
+  },
+  'home-gear': {
+    markup: () => (h("g", null,
+      h("g", { class: "stroke-primary" },
+        h("path", { d: "M4.796 9.818v13.436h5.967v-5.593h1.779" }),
+        h("path", { d: "M23.813 12.068L13 2.746 2.186 12.068" })),
+      h("g", { class: "stroke-secondary", transform: "translate(9.905 10.467)" },
+        h("path", { d: "M12.795 8.767c0-.162-.015-.32-.038-.474l1.233-1.275-.733-1.27-1.719.43a3.29 3.29 0 0 0-.823-.476L10.228 4H8.762l-.487 1.702a3.29 3.29 0 0 0-.823.476l-1.718-.43L5 7.018l1.233 1.275a3.26 3.26 0 0 0-.038.474c0 .161.015.319.038.474L5 10.515l.733 1.27 1.719-.43c.248.196.525.357.823.476l.487 1.702h1.466l.486-1.702a3.29 3.29 0 0 0 .824-.476l1.718.43.734-1.27-1.233-1.274a3.26 3.26 0 0 0 .038-.474z", class: "filled" }),
+        h("circle", { cx: "9.495", cy: "8.767", r: "1.1" }),
+        h("path", { d: "M.858.11h4.475v3.729H.858z" }))))
+  },
+  law: {
+    markup: () => (h("g", null,
+      h("g", { class: "stroke-secondary" },
+        h("path", { d: "M11.218 10.872l7.304-7.304 2.74 2.739-7.305 7.304zm6.39-.914l5.479 5.478" })),
+      h("g", { class: "stroke-primary" },
+        h("path", { d: "M4.826 22.741v-3.652h10.957v3.652M5.739 15.437H3m4.343-3.874L5.407 9.626M3 22.741h14.609" }))))
+  },
+  microscope: {
+    markup: () => (h("g", null,
+      h("g", { class: "stroke-secondary" },
+        h("path", { d: "M14.952 12.859l-1.016-1.76M8.45 5.662l3.52-2.032 3.726 6.453-1.76 1.016-1.761 1.016z" })),
+      h("g", { class: "stroke-primary" },
+        h("path", { d: "M7.163 18.765l-.875-1.316a6.097 6.097 0 0 1 2.054-8.526l5.028-2.87m.77 11.969l5.779-3.337" }),
+        h("path", { d: "M21.597 23.661H5.339v-1.693a3.726 3.726 0 1 1 7.452 0l-.037 1.693" }))))
+  },
+  'mobile-fast-dollar': {
+    markup: () => (h("g", null,
+      h("g", { "stroke-width": "1.37", class: "stroke-primary" },
+        h("path", { d: "M9.898 5.715h13.771M7.377 20.252h13.801m-1.665 3.269H8.317c-.727 0-1.317-.59-1.317-1.317L10 5.08c0-.728.59-1.318 1.317-1.318h11.196c.728 0 1.317.59 1.317 1.318l-3 17.123c0 .727-.59 1.317-1.317 1.317z" })),
+      h("g", { "stroke-width": "1.5", class: "stroke-secondary" },
+        h("path", { d: "M12.898 14.983c0 1.044.82 1.864 1.865 1.864h.745c1.045 0 1.865-.82 1.865-1.864 0-2.61-4.475-1.119-4.475-3.729 0-1.044.82-1.864 1.865-1.864h.745c1.045 0 1.865.82 1.865 1.864m-2.237 5.594v1.49m0-10.439v1.49M3.5 15.5h2m-3-5h4m-5-5h6" }))))
+  },
+  mortgage: {
+    markup: () => (h("g", null,
+      h("g", { class: "stroke-secondary" },
+        h("path", { d: "M17.767 2.367l-4.4 3.667v5.133h8.8V6.034zm0 6.6v2.2" })),
+      h("g", { class: "stroke-primary" },
+        h("path", { d: "M5.17 13.627h.746c1.69 0 3.6.93 4.474 2.237h2.983c1.497 0 2.983 1.487 2.983 2.983H9.645" }),
+        h("path", { d: "M15.88 17.356h4.951c2.703 0 2.983 1.491 2.983 1.491l-10.68 4.338c-.85.34-1.804.3-2.622-.11L5.17 20.362m-2.983-8.227H5.17v9.695H2.187z" }))))
+  },
+  mountains: {
+    markup: () => (h("g", null,
+      h("g", { class: "stroke-primary filled" },
+        h("path", { d: "M10.49 9.406L8.634 6.537 3 15.244h3.841m9.156-5.838l1.857-2.869 5.634 8.707h-3.842" })),
+      h("g", { class: "stroke-secondary" },
+        h("path", { d: "M9.402 11.146h7.683M13.244 5l10.244 16.39H3z" }))))
+  },
+  roadblock: {
+    markup: () => (h("g", null,
+      h("g", { class: "stroke-primary" },
+        h("path", { d: "M8.419 16.548v6.097m-2.71 0v-6.097m14.903 0v6.097m-2.709 0v-6.097M3.677 22.645h6.774m5.42 0h6.774M8.419 5.71V3h-2.71v2.71m14.903 0V3h-2.709v2.71" })),
+      h("g", { class: "stroke-secondary" },
+        h("path", { d: "M5.71 5.71l8.129 8.129M3 7.065l6.774 6.774m6.774-8.129l6.775 6.774M12.484 5.71l8.129 8.129" }),
+        h("path", { d: "M3 5.71h20.323v8.129H3z", class: "filled" }))))
+  },
+  section: {
+    markup: () => (h("g", { class: "Icons/actions/section" },
+      h("g", { class: "stroke-primary" },
+        h("path", { d: "M2 2h22v22H2z", class: "filled" }),
+        h("path", { d: "M5 6h13v2H5zm0 6h7v3H5z" }),
+        h("path", { d: "M5 18h7v3H5z" }),
+        h("path", { d: "M14 12h7v3h-7z" }),
+        h("path", { d: "M14 18h7v3h-7z" }))))
+  },
+  'sign-closed': {
+    markup: () => (h("g", null,
+      h("g", { "stroke-width": "1.5", class: "stroke-primary", transform: "translate(7.773 3.318)" },
+        h("path", { d: "M0 5.091l4.658-3.127m6.797 3.127L6.796 1.964" }),
+        h("circle", { cx: "5.727", cy: "1.273", r: "1.273" })),
+      h("g", { "stroke-width": "1.5", class: "stroke-secondary" },
+        h("path", { d: "M23.046 19.227v3.182H3.955v-3.182m0-8.273V8.41h19.09v2.545" })),
+      h("g", { class: "filled" },
+        h("path", { d: "M4.728 14.569c-.14.203-.208.483-.208.839 0 .741.281 1.112.845 1.112.342 0 .66-.112.977-.243v.88a2.663 2.663 0 0 1-1.09.214c-1.115 0-1.802-.64-1.802-1.968 0-.717.254-1.392.873-1.748.282-.162.614-.243.994-.243.416 0 .814.09 1.193.27l-.319.82a3.704 3.704 0 0 0-.426-.169c-.398-.126-.802-.107-1.037.236zm2.311 2.749v-3.852h1.04v3.012h1.483v.84zm6.689-1.931c0 .648-.159 1.141-.477 1.478-.317.337-.782.506-1.395.506-.605 0-1.068-.17-1.39-.509-.323-.338-.484-.832-.484-1.48 0-.642.16-1.13.48-1.469.322-.337.788-.507 1.398-.507.613 0 1.078.168 1.393.503.317.336.475.828.475 1.478zm-2.65 0c0 .745.26 1.117.778 1.117.618 0 .777-.496.777-1.117 0-.612-.163-1.127-.772-1.127-.521 0-.783.375-.783 1.127zm5.81.762c0 .458-.23.854-.706 1.068-.425.192-1.046.184-1.448.1a2.42 2.42 0 0 1-.543-.189v-.927c.198.102.405.181.62.239.376.1 1.037.187 1.037-.202 0-.122-.078-.191-.183-.258a5.931 5.931 0 0 0-.512-.247c-.588-.268-.936-.544-.936-1.194 0-.794.66-1.127 1.451-1.127.4 0 .806.093 1.22.277l-.319.804c-.36-.166-.67-.248-.932-.248-.297 0-.388.127-.388.248 0 .235.529.426.755.53.55.246.884.522.884 1.126zm2.828 1.169H17.43v-3.852h2.286v.835H18.47v.606h1.154v.835H18.47v.727h1.246zm3.89-2.007c0 .643-.177 1.137-.531 1.486-.355.348-.852.521-1.492.521h-1.246v-3.852h1.333c.618 0 1.095.159 1.43.475.337.316.506.773.506 1.37zm-1.08.037c0-.623-.214-1.042-.846-1.042h-.303v2.158h.232c.69 0 .917-.435.917-1.116z" }))))
+  },
+  'sign-open': {
+    markup: () => (h("g", null,
+      h("g", { "stroke-width": "1.5", class: "stroke-primary", transform: "translate(7.403 2.339)" },
+        h("path", { d: "M0 5.419l4.959-3.328m7.235 3.328L7.235 2.091" }),
+        h("circle", { cx: "6.097", cy: "1.355", r: "1.355" })),
+      h("path", { d: "M3.339 7.758h20.323v14.903H3.339z", class: "stroke-secondary" }),
+      h("g", { class: "filled" },
+        h("path", { d: "M9.781 15.234c0 .69-.168 1.214-.507 1.573-.339.359-.833.538-1.486.538-.644 0-1.136-.18-1.48-.54-.342-.362-.514-.888-.514-1.578 0-.681.17-1.202.51-1.562.343-.36.839-.54 1.49-.54s1.146.179 1.482.536c.337.357.505.881.505 1.573zm-2.821 0c0 .792.276 1.189.828 1.189.661 0 .827-.533.827-1.19 0-.648-.17-1.198-.821-1.198-.556 0-.834.4-.834 1.2zm6.537-.741c0 .458-.135.812-.405 1.062-.271.25-.655.374-1.151.374h-.312v1.36h-1.108v-4.1h1.42c.517 0 .906.113 1.166.34.26.226.39.548.39.964zm-1.868.533h.202c.329 0 .544-.192.544-.527 0-.277-.154-.415-.46-.415h-.286v.941zm4.955 2.263h-2.433v-4.1h2.433v.889h-1.326v.645h1.228v.889h-1.228v.774h1.326zm4.621 0h-1.453l-1.498-2.888s.028.801.028 1.04v1.848h-.98v-4.1h1.446l1.509 2.85a17.398 17.398 0 0 1-.039-.996V13.19h.987v4.1z" }))))
+  },
+  'sign-sale': {
+    markup: () => (h("g", null,
+      h("g", { "stroke-width": "1.5", class: "stroke-primary" },
+        h("path", { d: "M14.42 17.258v6.387h-2.84v-6.387m2.84-12.064v-2.84h-2.84v2.84" })),
+      h("path", { d: "M2.355 5.194h21.29v9.935H2.355z", class: "stroke-secondary" }),
+      h("g", { class: "filled" },
+        h("path", { d: "M8.714 11.058c.005.267-.07.529-.213.753a1.413 1.413 0 0 1-.621.512c-.3.127-.625.19-.951.182a3.907 3.907 0 0 1-.765-.064 2.845 2.845 0 0 1-.644-.222v-1.097c.234.12.48.215.733.284.227.064.462.098.698.102a.675.675 0 0 0 .403-.096.292.292 0 0 0 .128-.245.264.264 0 0 0-.052-.163.586.586 0 0 0-.165-.142 7.11 7.11 0 0 0-.607-.293c-.24-.1-.464-.233-.669-.393a1.218 1.218 0 0 1-.33-.437 1.461 1.461 0 0 1-.108-.583 1.168 1.168 0 0 1 .459-.986 2.02 2.02 0 0 1 1.26-.355c.498.006.99.118 1.444.328l-.378.954a2.74 2.74 0 0 0-1.104-.295.578.578 0 0 0-.35.084.256.256 0 0 0-.108.21.302.302 0 0 0 .138.24c.24.148.493.278.753.386.315.12.596.315.82.568.159.223.24.493.229.767zm3.506 1.384l-.226-.85H10.51l-.23.85H8.925l1.491-4.576h1.644l1.506 4.576H12.22zm-.482-1.864l-.196-.749a17.235 17.235 0 0 1-.167-.645 14.6 14.6 0 0 1-.13-.568 10.57 10.57 0 0 1-.11.525c-.055.242-.177.721-.366 1.438l.97-.001zm2.317 1.865v-4.56h1.232v3.564h1.758v.994zm6.425 0h-2.707v-4.56h2.707v.99h-1.475v.716h1.366v.989h-1.366v.861h1.475z" }))))
+  },
+  'sign-sold': {
+    markup: () => (h("g", null,
+      h("g", { "stroke-width": "1.5", class: "stroke-primary" },
+        h("path", { d: "M14.42 17.258v6.387h-2.84v-6.387m2.84-12.064v-2.84h-2.84v2.84" })),
+      h("path", { d: "M2.355 5.194h21.29v9.935H2.355z", class: "stroke-secondary" }),
+      h("g", { class: "filled" },
+        h("path", { d: "M8.177 11.052a1.34 1.34 0 0 1-.214.751 1.404 1.404 0 0 1-.619.51c-.3.127-.622.19-.948.182a3.82 3.82 0 0 1-.76-.062A2.814 2.814 0 0 1 5 12.21v-1.091c.232.12.476.214.728.281.227.064.46.098.696.101.14.013.28-.02.402-.09a.293.293 0 0 0 .076-.408.594.594 0 0 0-.166-.141 6.108 6.108 0 0 0-.604-.293 2.876 2.876 0 0 1-.666-.391 1.209 1.209 0 0 1-.33-.436 1.438 1.438 0 0 1-.108-.581 1.167 1.167 0 0 1 .455-.981c.368-.253.81-.376 1.256-.351.498.006.988.118 1.44.327l-.378.94A2.714 2.714 0 0 0 6.7 8.804a.569.569 0 0 0-.348.085.252.252 0 0 0-.11.208.302.302 0 0 0 .139.24c.24.147.491.276.751.385.315.12.596.315.819.568.157.222.237.49.225.762zm4.956-.898a2.456 2.456 0 0 1-.562 1.744c-.44.423-1.04.64-1.649.597-.605.04-1.2-.178-1.637-.6a2.442 2.442 0 0 1-.57-1.747c-.044-.63.16-1.252.567-1.734a2.173 2.173 0 0 1 1.65-.599 2.154 2.154 0 0 1 1.644.595c.404.488.603 1.114.557 1.745zm-3.127 0c0 .879.305 1.318.916 1.318.27.02.532-.101.692-.32a1.75 1.75 0 0 0 .225-1 1.77 1.77 0 0 0-.228-1.007.78.78 0 0 0-.682-.324c-.617.001-.926.446-.926 1.333h.003zm3.948 2.279V7.885h1.228v3.556h1.75v.992zm7.565-2.365a2.348 2.348 0 0 1-.627 1.753 2.407 2.407 0 0 1-1.761.612H17.66V7.885h1.573c.614-.04 1.22.16 1.69.559.42.432.638 1.022.596 1.624zm-1.274.042a1.438 1.438 0 0 0-.247-.926.91.91 0 0 0-.75-.302h-.358v2.548h.273a.99.99 0 0 0 .818-.325c.197-.294.29-.645.262-.997l.002.003z" }))))
+  },
+  statements: {
+    markup: () => (h("g", null,
+      h("path", { d: "M3 2h16v19H3z", class: "stroke-primary filled" }),
+      h("path", { d: "M22 5v19H6", class: "stroke-primary" }),
+      h("g", { class: "stroke-secondary" },
+        h("path", { d: "M13 15.729h3m-3-4.474h3M13 6.78h3M5.898 12.983c0 1.044.82 1.865 1.865 1.865h.745c1.045 0 1.865-.82 1.865-1.865 0-2.61-4.475-1.118-4.475-3.728 0-1.044.82-1.865 1.865-1.865h.745c1.045 0 1.865.82 1.865 1.865m-2.237 5.593v1.491m0-10.44V7.39" }))))
+  },
+  taxi: {
+    markup: () => (h("g", null,
+      h("g", { class: "stroke-primary" },
+        h("path", { d: "M21 13l-1.778-6H6.778L5 13m3 7v3.5H4V20m18 0v3.5h-4V20m5 0H3v-5.25L4.818 13h16.364L23 14.75zM6.5 16h2m9 0h2" })),
+      h("path", { d: "M10 3h6v2h-6z", class: "stroke-secondary" })))
+  },
+  'transfer-receive': {
+    markup: () => (h("g", null,
+      h("g", { class: "stroke-primary" },
+        h("path", { d: "M17.651 16.045l-3.065-3.335 3.065-3.334m5.55 3.334h-8.616" })),
+      h("g", { class: "stroke-secondary" },
+        h("path", { d: "M4 16.336c0 1.67 1.287 2.983 2.925 2.983h1.17c1.637 0 2.924-1.313 2.924-2.983 0-4.177-7.019-1.79-7.019-5.967C4 8.7 5.287 7.386 6.925 7.386h1.17c1.637 0 2.924 1.313 2.924 2.983m-3.51 8.95v2.386M7.509 5v2.386" }))))
+  },
+  'transfer-send': {
+    markup: () => (h("g", null,
+      h("g", { class: "stroke-primary" },
+        h("path", { d: "M19.333 16.086l3.503-3.335-3.503-3.334M14 12.751h8.718" })),
+      h("g", { class: "stroke-secondary" },
+        h("path", { d: "M4 16.336c0 1.67 1.287 2.983 2.925 2.983h1.17c1.637 0 2.924-1.313 2.924-2.983 0-4.177-7.019-1.79-7.019-5.967C4 8.7 5.287 7.386 6.925 7.386h1.17c1.637 0 2.924 1.313 2.924 2.983m-3.51 8.95v2.386M7.509 5v2.386" }))))
+  },
+  upload: {
+    markup: () => (h("g", null,
+      h("g", { class: "stroke-secondary" },
+        h("path", { d: "M13 19V2.867m5.866 5.866L13 2.867 7.133 8.733" })),
+      h("path", { d: "M2 19.233v4.4h22v-4.4", class: "stroke-primary" })))
+  },
+  'venmo-colored': {
+    markup: () => (h("g", { class: "venmo-colored" },
+      h("path", { d: "M20.9876187,3 C21.6854112,4.15247726 22,5.33953062 22,6.83902303 C22,11.6216335 17.9173318,17.8345841 14.6037582,22.197265 L7.03535243,22.197265 L4,4.04713657 L10.6269682,3.41795887 L12.2318013,16.3329419 C13.7312937,13.8900412 15.5817425,10.0510182 15.5817425,7.43362462 C15.5817425,6.00095547 15.3363059,5.02512093 14.952744,4.22162948 L20.9876187,3 Z", id: "Path", fill: "#3D95CE", "fill-rule": "nonzero" })))
+  },
+  'venmo-filled': {
+    markup: () => (h("g", { class: "venmo-filled" },
+      h("path", { d: "M20.988 3C21.685 4.152 22 5.34 22 6.839c0 4.783-4.083 10.996-7.396 15.358H7.035L4 4.047l6.627-.629 1.605 12.915c1.5-2.443 3.35-6.282 3.35-8.9 0-1.432-.246-2.408-.63-3.211L20.989 3z", class: "filled" })))
+  },
+  virus: {
+    markup: () => (h("g", null,
+      h("g", { class: "stroke-secondary", transform: "translate(8.742 8.742)" },
+        h("circle", { cx: "1.419", cy: "6.387", r: "1.419" }),
+        h("circle", { cx: "6.742", cy: "4.613", r: "1.774" }),
+        h("circle", { cx: "1.774", cy: "1.065", r: "1.065" })),
+      h("g", { class: "stroke-primary", transform: "translate(2.622 2.622)" },
+        h("path", { d: "M6.305.544l1.086 2.622M4.993 1.087L7.616 0M.544 6.305l2.622 1.086M0 7.616l1.087-2.623m-.543 9.459l2.622-1.086m-2.079 2.397L0 13.14m6.305 7.073l1.086-2.622m.225 3.166L4.993 19.67m9.459.543l-1.086-2.622m2.397 2.079l-2.623 1.087m7.073-6.305l-2.622-1.086m3.166-.226l-1.087 2.623m.543-9.458l-2.622 1.086m2.079-2.398l1.087 2.623M14.452.544l-1.086 2.622M13.14 0l2.623 1.087" }),
+        h("circle", { cx: "10.378", cy: "10.378", r: "7.806", class: "filled" }))))
+  },
+  'zoom-in': {
+    markup: () => (h("g", null,
+      h("g", { class: "stroke-secondary" },
+        h("path", { d: "M11.036 7.893v6.286m3.143-3.143H7.893" })),
+      h("g", { class: "stroke-primary", transform: "translate(2.393 2.393)" },
+        h("path", { d: "M21.214 21.214l-3.928-3.928" }),
+        h("circle", { cx: "8.643", cy: "8.643", r: "8.643" }))))
+  },
+  'zoom-out': {
+    markup: () => (h("g", null,
+      h("g", { class: "stroke-secondary" },
+        h("path", { d: "M14.179 11.036H7.893" })),
+      h("g", { class: "stroke-primary", transform: "translate(2.393 2.393)" },
+        h("path", { d: "M21.214 21.214l-3.928-3.928" }),
+        h("circle", { cx: "8.643", cy: "8.643", r: "8.643" }))))
   }
 };
 export default icons;

package/dist/collection/components/q2-input/styles.css

@@ -112,6 +112,10 @@ label {
 }
 
 .input-container {
+    background-color: var(
+        --tct-input-bg,
+        var(--t-input-bg, var(--tct-gray-14, var(--t-gray-14, #f2f2f2)))
+    );
     display: flex;
     align-items: center;
     --comp-input-horizontal-gap: var(
@@ -174,10 +178,7 @@ label {
     height: var(--tct-input-height, 44px);
     width: 100%;
     padding: 0 var(--tct-input-horizontal-padding, var(--tct-scale-2, var(--app-scale-2, 10px)));
-    background-color: var(
-        --tct-input-bg,
-        var(--t-input-bg, var(--tct-gray-14, var(--t-gray-14, #f2f2f2)))
-    );
+    background-color: transparent;
     color: var(--tct-input-font-color, var(--t-input-font-color, var(--t-text, inherit)));
 }
 

package/dist/collection/components/q2-message/index.js

@@ -1,20 +1,38 @@
-import { Component, Prop, h } from '@stencil/core';
+import { Component, Prop, h, Method, State, Element } from '@stencil/core';
+import { isFirefox as checkIfFirefox, nextPaint } from 'src/utils';
 export class Q2Message {
   constructor() {
     this.type = 'info';
     this.appearance = 'standard';
     this.description = false;
   }
+  get isFirefox() {
+    return checkIfFirefox();
+  }
+  async present() {
+    const { isFirefox } = this;
+    this.presentToggle = !this.presentToggle;
+    if (!isFirefox)
+      return;
+    nextPaint(() => {
+      this.presentToggle = false;
+    });
+  }
   render() {
-    return (h("div", { class: "message", role: this.description ? undefined : 'alert' },
+    const { isFirefox } = this;
+    const addAriaHiddenForAriaLive = isFirefox && this.presentToggle;
+    const addDivForAriaLive = !isFirefox && this.presentToggle;
+    const { description } = this;
+    return (h("div", { class: "message", role: description ? undefined : 'alert', "aria-live": description ? undefined : 'polite', "aria-atomic": description ? undefined : 'true', "aria-relevant": description ? undefined : 'all' },
       this.appearance === 'standard' ? generateIcon(this.type) : '',
-      h("div", { class: "message-content" },
+      addDivForAriaLive && h("div", { class: "sr" }),
+      h("div", { class: "message-content", "aria-hidden": addAriaHiddenForAriaLive ? 'true' : undefined },
         h("slot", null))));
   }
   static get is() { return "q2-message"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
-    "$": ["styles.css"]
+    "$": ["styles.scss"]
   }; }
   static get styleUrls() { return {
     "$": ["styles.css"]
@@ -24,8 +42,8 @@ export class Q2Message {
       "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "string",
-        "resolved": "string",
+        "original": "'info' | 'error' | 'danger' | 'warning' | 'success'",
+        "resolved": "\"danger\" | \"error\" | \"info\" | \"success\" | \"warning\"",
         "references": {}
       },
       "required": false,
@@ -42,8 +60,8 @@ export class Q2Message {
       "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "string",
-        "resolved": "string",
+        "original": "'minimal' | 'standard'",
+        "resolved": "\"minimal\" | \"standard\"",
         "references": {}
       },
       "required": false,
@@ -75,6 +93,28 @@ export class Q2Message {
       "defaultValue": "false"
     }
   }; }
+  static get states() { return {
+    "presentToggle": {}
+  }; }
+  static get methods() { return {
+    "present": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    }
+  }; }
+  static get elementRef() { return "hostElement"; }
 }
 function generateIcon(type) {
   const iconMap = {