tide-design-system 2.5.8 → 2.5.11

package/README.md

@@ -19,6 +19,7 @@ TIDE (*T*rader *I*nteractive *D*esign and *E*ngineering) is a design system crea
 - [Configuration](./docs/configuation.md): Globally set config values for your project for custom behaviors.
 - [Layout Grid Utility](./docs/grid-layout.md): Lightweight CSS Grid for consistent page alignment.
 - [Forms and inputs](./docs/forms.md): Guide to using Tide Forms and Input Components.
+- [Images](./docs/images.md): Guide to using Tide Image components.
 
 ## Glossary
 - **TIDE**: the design system itself - a series of conceptual, agreed-upon standards and guidelines meant to emphasize a consistent, scalable user experience across the suite of Trader Interactive websites

package/dist/IconCalculate-Bbp4hHOW.js

@@ -0,0 +1,16 @@
+import { openBlock as h, createElementBlock as t, createElementVNode as o } from "vue";
+const n = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function l(r, e) {
+  return h(), t("svg", n, [...e[0] || (e[0] = [
+    o("path", { d: "M8.14 18h1.5v-2h2v-1.5h-2v-2h-1.5v2h-2V16h2zm5-.75h5v-1.5h-5zm0-2.5h5v-1.5h-5zm1.1-3.8 1.4-1.4 1.4 1.4L18.1 9.9l-1.4-1.45 1.4-1.4L17.04 6l-1.4 1.4-1.4-1.4-1.05 1.05 1.4 1.4-1.4 1.45zM6.4 9.2h5V7.7h-5zM5.14 21q-.82 0-1.41-.59-.6-.59-.59-1.41V5q0-.82.59-1.41.6-.6 1.41-.59h14q.82 0 1.42.59.58.58.58 1.41v14q0 .83-.58 1.41-.6.6-1.42.59zm0-2h14V5h-14z" }, null, -1)
+  ])]);
+}
+const m = { render: l };
+export {
+  m as default,
+  l as render
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbkNhbGN1bGF0ZS1CYnA0aEhPVy5qcyIsInNvdXJjZXMiOlsiLi4vc3JjL2Fzc2V0cy9zdmcvaWNvbnMvSWNvbkNhbGN1bGF0ZS5zdmc/Y29tcG9uZW50Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNyZWF0ZUVsZW1lbnRWTm9kZSBhcyBfY3JlYXRlRWxlbWVudFZOb2RlLCBvcGVuQmxvY2sgYXMgX29wZW5CbG9jaywgY3JlYXRlRWxlbWVudEJsb2NrIGFzIF9jcmVhdGVFbGVtZW50QmxvY2sgfSBmcm9tIFwidnVlXCJcblxuY29uc3QgX2hvaXN0ZWRfMSA9IHtcbiAgeG1sbnM6IFwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIixcbiAgdmlld0JveDogXCIwIDAgMjQgMjRcIlxufVxuXG5leHBvcnQgZnVuY3Rpb24gcmVuZGVyKF9jdHgsIF9jYWNoZSkge1xuICByZXR1cm4gKF9vcGVuQmxvY2soKSwgX2NyZWF0ZUVsZW1lbnRCbG9jayhcInN2Z1wiLCBfaG9pc3RlZF8xLCBbLi4uKF9jYWNoZVswXSB8fCAoX2NhY2hlWzBdID0gW1xuICAgIF9jcmVhdGVFbGVtZW50Vk5vZGUoXCJwYXRoXCIsIHsgZDogXCJNOC4xNCAxOGgxLjV2LTJoMnYtMS41aC0ydi0yaC0xLjV2MmgtMlYxNmgyem01LS43NWg1di0xLjVoLTV6bTAtMi41aDV2LTEuNWgtNXptMS4xLTMuOCAxLjQtMS40IDEuNCAxLjRMMTguMSA5LjlsLTEuNC0xLjQ1IDEuNC0xLjRMMTcuMDQgNmwtMS40IDEuNC0xLjQtMS40LTEuMDUgMS4wNSAxLjQgMS40LTEuNCAxLjQ1ek02LjQgOS4yaDVWNy43aC01ek01LjE0IDIxcS0uODIgMC0xLjQxLS41OS0uNi0uNTktLjU5LTEuNDFWNXEwLS44Mi41OS0xLjQxLjYtLjYgMS40MS0uNTloMTRxLjgyIDAgMS40Mi41OS41OC41OC41OCAxLjQxdjE0cTAgLjgzLS41OCAxLjQxLS42LjYtMS40Mi41OXptMC0yaDE0VjVoLTE0elwiIH0sIG51bGwsIC0xKVxuICBdKSldKSlcbn1cbmV4cG9ydCBkZWZhdWx0IHsgcmVuZGVyOiByZW5kZXIgfSJdLCJuYW1lcyI6WyJfaG9pc3RlZF8xIiwicmVuZGVyIiwiX2N0eCIsIl9jYWNoZSIsIl9vcGVuQmxvY2siLCJfY3JlYXRlRWxlbWVudEJsb2NrIiwiX2NyZWF0ZUVsZW1lbnRWTm9kZSIsIkljb25DYWxjdWxhdGUiXSwibWFwcGluZ3MiOiI7QUFFQSxNQUFNQSxJQUFhO0FBQUEsRUFDakIsT0FBTztBQUFBLEVBQ1AsU0FBUztBQUNYO0FBRU8sU0FBU0MsRUFBT0MsR0FBTUMsR0FBUTtBQUNuQyxTQUFRQyxFQUFVLEdBQUlDLEVBQW9CLE9BQU9MLEdBQVksQ0FBQyxHQUFJRyxFQUFPLENBQUMsTUFBTUEsRUFBTyxDQUFDLElBQUk7QUFBQSxJQUMxRkcsRUFBb0IsUUFBUSxFQUFFLEdBQUcsOFZBQTZWLEdBQUksTUFBTSxFQUFFO0FBQUEsRUFDOVksRUFBSyxDQUFDO0FBQ047QUFDQSxNQUFBQyxJQUFlLEVBQUUsUUFBUU4sRUFBTTsifQ==

package/dist/IconCalculate-CGwDSRuU.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"};function h(o,t){return e.openBlock(),e.createElementBlock("svg",n,[...t[0]||(t[0]=[e.createElementVNode("path",{d:"M8.14 18h1.5v-2h2v-1.5h-2v-2h-1.5v2h-2V16h2zm5-.75h5v-1.5h-5zm0-2.5h5v-1.5h-5zm1.1-3.8 1.4-1.4 1.4 1.4L18.1 9.9l-1.4-1.45 1.4-1.4L17.04 6l-1.4 1.4-1.4-1.4-1.05 1.05 1.4 1.4-1.4 1.45zM6.4 9.2h5V7.7h-5zM5.14 21q-.82 0-1.41-.59-.6-.59-.59-1.41V5q0-.82.59-1.41.6-.6 1.41-.59h14q.82 0 1.42.59.58.58.58 1.41v14q0 .83-.58 1.41-.6.6-1.42.59zm0-2h14V5h-14z"},null,-1)])])}const r={render:h};exports.default=r;exports.render=h;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbkNhbGN1bGF0ZS1DR3dEU1J1VS5janMiLCJzb3VyY2VzIjpbIi4uL3NyYy9hc3NldHMvc3ZnL2ljb25zL0ljb25DYWxjdWxhdGUuc3ZnP2NvbXBvbmVudCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50Vk5vZGUgYXMgX2NyZWF0ZUVsZW1lbnRWTm9kZSwgb3BlbkJsb2NrIGFzIF9vcGVuQmxvY2ssIGNyZWF0ZUVsZW1lbnRCbG9jayBhcyBfY3JlYXRlRWxlbWVudEJsb2NrIH0gZnJvbSBcInZ1ZVwiXG5cbmNvbnN0IF9ob2lzdGVkXzEgPSB7XG4gIHhtbG5zOiBcImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIsXG4gIHZpZXdCb3g6IFwiMCAwIDI0IDI0XCJcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHJlbmRlcihfY3R4LCBfY2FjaGUpIHtcbiAgcmV0dXJuIChfb3BlbkJsb2NrKCksIF9jcmVhdGVFbGVtZW50QmxvY2soXCJzdmdcIiwgX2hvaXN0ZWRfMSwgWy4uLihfY2FjaGVbMF0gfHwgKF9jYWNoZVswXSA9IFtcbiAgICBfY3JlYXRlRWxlbWVudFZOb2RlKFwicGF0aFwiLCB7IGQ6IFwiTTguMTQgMThoMS41di0yaDJ2LTEuNWgtMnYtMmgtMS41djJoLTJWMTZoMnptNS0uNzVoNXYtMS41aC01em0wLTIuNWg1di0xLjVoLTV6bTEuMS0zLjggMS40LTEuNCAxLjQgMS40TDE4LjEgOS45bC0xLjQtMS40NSAxLjQtMS40TDE3LjA0IDZsLTEuNCAxLjQtMS40LTEuNC0xLjA1IDEuMDUgMS40IDEuNC0xLjQgMS40NXpNNi40IDkuMmg1VjcuN2gtNXpNNS4xNCAyMXEtLjgyIDAtMS40MS0uNTktLjYtLjU5LS41OS0xLjQxVjVxMC0uODIuNTktMS40MS42LS42IDEuNDEtLjU5aDE0cS44MiAwIDEuNDIuNTkuNTguNTguNTggMS40MXYxNHEwIC44My0uNTggMS40MS0uNi42LTEuNDIuNTl6bTAtMmgxNFY1aC0xNHpcIiB9LCBudWxsLCAtMSlcbiAgXSkpXSkpXG59XG5leHBvcnQgZGVmYXVsdCB7IHJlbmRlcjogcmVuZGVyIH0iXSwibmFtZXMiOlsiX2hvaXN0ZWRfMSIsInJlbmRlciIsIl9jdHgiLCJfY2FjaGUiLCJfb3BlbkJsb2NrIiwiX2NyZWF0ZUVsZW1lbnRCbG9jayIsIl9jcmVhdGVFbGVtZW50Vk5vZGUiLCJJY29uQ2FsY3VsYXRlIl0sIm1hcHBpbmdzIjoidUdBRU1BLEVBQWEsQ0FDakIsTUFBTyw2QkFDUCxRQUFTLFdBQ1gsRUFFTyxTQUFTQyxFQUFPQyxFQUFNQyxFQUFRLENBQ25DLE9BQVFDLFlBQVUsRUFBSUMscUJBQW9CLE1BQU9MLEVBQVksQ0FBQyxHQUFJRyxFQUFPLENBQUMsSUFBTUEsRUFBTyxDQUFDLEVBQUksQ0FDMUZHLEVBQUFBLG1CQUFvQixPQUFRLENBQUUsRUFBRyw2VkFBNlYsRUFBSSxLQUFNLEVBQUUsQ0FDOVksRUFBSyxDQUFDLENBQ04sQ0FDQSxNQUFBQyxFQUFlLENBQUUsT0FBUU4sQ0FBTSJ9

package/dist/css/utilities-base.css

@@ -270,6 +270,7 @@
 .tide-bg-surface-accent   {background: var(--tide-surface-accent);}
 .tide-bg-surface-gradient {background: var(--tide-surface-gradient);}
 .tide-bg-surface-floating {background: var(--tide-surface-floating);}
+.tide-bg-surface-inverse  {background: var(--tide-surface-inverse);}
 
 /* Icon background colors only */
 .tide-bg-primary-error   {background-color: var(--tide-error-primary);}

package/dist/css/utilities-responsive.css

@@ -271,6 +271,7 @@
 	.sm-tide-bg-surface-accent   {background: var(--tide-surface-accent);}
 	.sm-tide-bg-surface-gradient {background: var(--tide-surface-gradient);}
 	.sm-tide-bg-surface-floating {background: var(--tide-surface-floating);}
+	.sm-tide-bg-surface-inverse  {background: var(--tide-surface-inverse);}
 
 	/* Icon background colors only */
 	.sm-tide-bg-primary-error   {background-color: var(--tide-error-primary);}
@@ -847,6 +848,7 @@
 	.md-tide-bg-surface-accent   {background: var(--tide-surface-accent);}
 	.md-tide-bg-surface-gradient {background: var(--tide-surface-gradient);}
 	.md-tide-bg-surface-floating {background: var(--tide-surface-floating);}
+	.md-tide-bg-surface-inverse  {background: var(--tide-surface-inverse);}
 
 	/* Icon background colors only */
 	.md-tide-bg-primary-error   {background-color: var(--tide-error-primary);}
@@ -1423,6 +1425,7 @@
 	.lg-tide-bg-surface-accent   {background: var(--tide-surface-accent);}
 	.lg-tide-bg-surface-gradient {background: var(--tide-surface-gradient);}
 	.lg-tide-bg-surface-floating {background: var(--tide-surface-floating);}
+	.lg-tide-bg-surface-inverse  {background: var(--tide-surface-inverse);}
 
 	/* Icon background colors only */
 	.lg-tide-bg-primary-error   {background-color: var(--tide-error-primary);}
@@ -1999,6 +2002,7 @@
 	.xl-tide-bg-surface-accent   {background: var(--tide-surface-accent);}
 	.xl-tide-bg-surface-gradient {background: var(--tide-surface-gradient);}
 	.xl-tide-bg-surface-floating {background: var(--tide-surface-floating);}
+	.xl-tide-bg-surface-inverse  {background: var(--tide-surface-inverse);}
 
 	/* Icon background colors only */
 	.xl-tide-bg-primary-error   {background-color: var(--tide-error-primary);}

package/dist/css/variables.css

@@ -190,6 +190,7 @@
   --tide-surface:          var(--tide-gray-100);
   --tide-surface-variant:  var(--tide-gray-200);
   --tide-surface-floating: var(--tide-transparent-100);
+  --tide-surface-inverse:  var(--tide-gray-900);
 
   --tide-on-surface:                 var(--tide-gray-900);
   --tide-on-surface-variant:         var(--tide-gray-700);