tide-design-system 2.5.17 → 2.5.18

package/README.md

@@ -1,25 +1,25 @@
 # TIDE Design System
-TIDE (*T*rader *I*nteractive *D*esign and *E*ngineering) is a design system created and maintained by the TIDE Design System product group at Trader Interactive. It was initially developed for use in the `marketplace` repository, but is available for integration into other Trader Interactive projects, subject to the following technical restrictions:
+TIDE (***T***rader ***I***nteractive ***D***esign and ***E***ngineering) is a design system created and maintained by the TIDE Design System product group at Trader Interactive. It was initially developed for use in the `marketplace` repository, but is available for integration into other Trader Interactive projects, subject to the following technical restrictions:
 
 1. CSS utilities can be leveraged by any Node-compiled project.
 2. Types can be leveraged by any TypeScript project.
 3. Basic components can be leveraged by any Vue 3 project.
 
 ## Guides
-- [Figma](./docs/figma.md): Explore `TIDE` standards, tokens, and components as maintained by the `TIDE team`.
-- [Storybook](./docs/storybook.md): Explore `TIDE` utilities and components to generate working code implementations.
-- [Marketplace Style Guides](./docs/style-guide.md): Explore `TIDE` utilities and components in a realm-specific production environment.
-- [Full Integration (Vue 3)](./docs/integration-full.md): Leverage `TIDE` utilities and components from a compatible `consumer repository`.
-- [Partial Integration (CSS only)](./docs/integration-partial.md): Leverage `TIDE` utilties from any `consumer repository`.
-- [Migration](./docs/development.md): Replace local structures with `TIDE` utilities and components.
-- [Workflows](./docs/workflows.md): Collaborate with the `TIDE team` on feature enhancements.
-- [Development](./docs/development.md): Contribute to the `tide-design-system` NPM package.
-- [Upgrade Guide](./docs/upgrading.md): Upgrade versions of the `tide-design-system` npm package
-- [Figma Token Cheatsheet](./docs/token-cheatsheet.md): Remember how to implement Figma tokens from code
-- [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.
+- [Figma](/docs/figma.md): Explore `TIDE` standards, tokens, and components as maintained by the `TIDE team`.
+- [Storybook](/docs/storybook.md): Explore `TIDE` utilities and components to generate working code implementations.
+- [Marketplace Style Guides](/docs/style-guide.md): Explore `TIDE` utilities and components in a realm-specific production environment.
+- [Full Integration (Vue 3)](/docs/integration-full.md): Leverage `TIDE` utilities and components from a compatible `consumer repository`.
+- [Partial Integration (CSS only)](/docs/integration-partial.md): Leverage `TIDE` utilities from any `consumer repository`.
+- [Migration](/docs/migration.md): Replace local structures with `TIDE` utilities and components.
+- [Workflows](/docs/workflows.md): Collaborate with the `TIDE team` on feature enhancements.
+- [Development](/docs/development.md): Contribute to the `tide-design-system` NPM package.
+- [Upgrade Guide](/docs/upgrading.md): Upgrade versions of the `tide-design-system` npm package
+- [Figma Token Cheatsheet](/docs/token-cheatsheet.md): Remember how to implement Figma tokens from code
+- [Configuration](/docs/configuration.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/chunks/logo-rvt.js

@@ -0,0 +1,16 @@
+import { openBlock as l, createElementBlock as e, createStaticVNode as h } from "vue";
+const a = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 55 32"
+};
+function c(o, t) {
+  return l(), e("svg", a, [...t[0] || (t[0] = [
+    h('<g clip-path="url(#a)"><path fill="#c50000" d="M21.5 0c18.76 0 33.26 11.7 33.24 20.65C54.72 29.3 37.98 32 28 32 17.78 32 0 28.6 0 19.39 0 10.36 11.9 4.64 12.46 4.7c.66.08.22.49-.22 1.33-.3.55.04.98-.68 1.53-.37.28-10.8 3.87-10.8 11.76 0 8.43 16.84 10.4 26.6 10.4 9.28 0 26.84-1.09 26.61-9.53-.2-7.64-13.53-17.93-31.71-17.93-10.73 0-13.54 2.72-15.1 2.92-.9.12-.76-.37-1.6-.39-.95-.02-1.46-.2-1.46-.46C4.1 2.94 12.98 0 21.5 0m-7.75 12.34q1.9 0 2.93.26 1.01.27 1.63.98.63.7.62 1.73 0 .89-.47 1.54a3.4 3.4 0 0 1-1.31 1.04q-.53.27-1.45.43.74.2 1.07.4.24.12.67.56.43.42.57.66l2 3.1h-4.67l-2.21-3.27q-.42-.63-.75-.82-.45-.25-1.02-.25H11v4.34H6.84v-10.7zm9.95 0 3.01 7.7 2.97-7.7h4.2l-4.97 10.7h-4.48l-5.06-10.7zM11 14.5v2.18h1.75q.28 0 1.1-.14.41-.07.66-.34a1 1 0 0 0 .27-.62.9.9 0 0 0-.42-.8q-.41-.27-1.54-.28z"></path><path fill="#1c1c1c" d="M34.2 14.98h4.23l-3.73 8.06h4.14l3.73-8.06h4.22l1.23-2.64H35.43z"></path></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h55v32H0z"></path></clipPath></defs>', 2)
+  ])]);
+}
+const r = { render: c };
+export {
+  r as default,
+  c as render
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9nby1ydnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9hc3NldHMvc3ZnL2JyYW5kaW5nL2xvZ28vbG9nby1ydnQuc3ZnP2NvbXBvbmVudCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50Vk5vZGUgYXMgX2NyZWF0ZUVsZW1lbnRWTm9kZSwgb3BlbkJsb2NrIGFzIF9vcGVuQmxvY2ssIGNyZWF0ZUVsZW1lbnRCbG9jayBhcyBfY3JlYXRlRWxlbWVudEJsb2NrLCBjcmVhdGVTdGF0aWNWTm9kZSBhcyBfY3JlYXRlU3RhdGljVk5vZGUgfSBmcm9tIFwidnVlXCJcblxuY29uc3QgX2hvaXN0ZWRfMSA9IHtcbiAgeG1sbnM6IFwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIixcbiAgdmlld0JveDogXCIwIDAgNTUgMzJcIlxufVxuXG5leHBvcnQgZnVuY3Rpb24gcmVuZGVyKF9jdHgsIF9jYWNoZSkge1xuICByZXR1cm4gKF9vcGVuQmxvY2soKSwgX2NyZWF0ZUVsZW1lbnRCbG9jayhcInN2Z1wiLCBfaG9pc3RlZF8xLCBbLi4uKF9jYWNoZVswXSB8fCAoX2NhY2hlWzBdID0gW1xuICAgIF9jcmVhdGVTdGF0aWNWTm9kZShcIjxnIGNsaXAtcGF0aD1cXFwidXJsKCNhKVxcXCI+PHBhdGggZmlsbD1cXFwiI2M1MDAwMFxcXCIgZD1cXFwiTTIxLjUgMGMxOC43NiAwIDMzLjI2IDExLjcgMzMuMjQgMjAuNjVDNTQuNzIgMjkuMyAzNy45OCAzMiAyOCAzMiAxNy43OCAzMiAwIDI4LjYgMCAxOS4zOSAwIDEwLjM2IDExLjkgNC42NCAxMi40NiA0LjdjLjY2LjA4LjIyLjQ5LS4yMiAxLjMzLS4zLjU1LjA0Ljk4LS42OCAxLjUzLS4zNy4yOC0xMC44IDMuODctMTAuOCAxMS43NiAwIDguNDMgMTYuODQgMTAuNCAyNi42IDEwLjQgOS4yOCAwIDI2Ljg0LTEuMDkgMjYuNjEtOS41My0uMi03LjY0LTEzLjUzLTE3LjkzLTMxLjcxLTE3LjkzLTEwLjczIDAtMTMuNTQgMi43Mi0xNS4xIDIuOTItLjkuMTItLjc2LS4zNy0xLjYtLjM5LS45NS0uMDItMS40Ni0uMi0xLjQ2LS40NkM0LjEgMi45NCAxMi45OCAwIDIxLjUgMG0tNy43NSAxMi4zNHExLjkgMCAyLjkzLjI2IDEuMDEuMjcgMS42My45OC42My43LjYyIDEuNzMgMCAuODktLjQ3IDEuNTRhMy40IDMuNCAwIDAgMS0xLjMxIDEuMDRxLS41My4yNy0xLjQ1LjQzLjc0LjIgMS4wNy40LjI0LjEyLjY3LjU2LjQzLjQyLjU3LjY2bDIgMy4xaC00LjY3bC0yLjIxLTMuMjdxLS40Mi0uNjMtLjc1LS44Mi0uNDUtLjI1LTEuMDItLjI1SDExdjQuMzRINi44NHYtMTAuN3ptOS45NSAwIDMuMDEgNy43IDIuOTctNy43aDQuMmwtNC45NyAxMC43aC00LjQ4bC01LjA2LTEwLjd6TTExIDE0LjV2Mi4xOGgxLjc1cS4yOCAwIDEuMS0uMTQuNDEtLjA3LjY2LS4zNGExIDEgMCAwIDAgLjI3LS42Mi45LjkgMCAwIDAtLjQyLS44cS0uNDEtLjI3LTEuNTQtLjI4elxcXCI+PC9wYXRoPjxwYXRoIGZpbGw9XFxcIiMxYzFjMWNcXFwiIGQ9XFxcIk0zNC4yIDE0Ljk4aDQuMjNsLTMuNzMgOC4wNmg0LjE0bDMuNzMtOC4wNmg0LjIybDEuMjMtMi42NEgzNS40M3pcXFwiPjwvcGF0aD48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPVxcXCJhXFxcIj48cGF0aCBmaWxsPVxcXCIjZmZmXFxcIiBkPVxcXCJNMCAwaDU1djMySDB6XFxcIj48L3BhdGg+PC9jbGlwUGF0aD48L2RlZnM+XCIsIDIpXG4gIF0pKV0pKVxufVxuZXhwb3J0IGRlZmF1bHQgeyByZW5kZXI6IHJlbmRlciB9Il0sIm5hbWVzIjpbIl9ob2lzdGVkXzEiLCJyZW5kZXIiLCJfY3R4IiwiX2NhY2hlIiwiX29wZW5CbG9jayIsIl9jcmVhdGVFbGVtZW50QmxvY2siLCJfY3JlYXRlU3RhdGljVk5vZGUiLCJsb2dvUnZ0Il0sIm1hcHBpbmdzIjoiO0FBRUEsTUFBTUEsSUFBYTtBQUFBLEVBQ2pCLE9BQU87QUFBQSxFQUNQLFNBQVM7QUFDWDtBQUVPLFNBQVNDLEVBQU9DLEdBQU1DLEdBQVE7QUFDbkMsU0FBUUMsRUFBVSxHQUFJQyxFQUFvQixPQUFPTCxHQUFZLENBQUMsR0FBSUcsRUFBTyxDQUFDLE1BQU1BLEVBQU8sQ0FBQyxJQUFJO0FBQUEsSUFDMUZHLEVBQW1CLDArQkFBMC9CLENBQUM7QUFBQSxFQUNsaEMsRUFBSyxDQUFDO0FBQ047QUFDQSxNQUFBQyxJQUFlLEVBQUUsUUFBUU4sRUFBTTsifQ==

package/dist/chunks/mark-rvt.js

@@ -0,0 +1,18 @@
+import { openBlock as l, createElementBlock as e, createStaticVNode as h } from "vue";
+const a = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "32",
+  height: "32",
+  viewBox: "0 0 32 32"
+};
+function c(d, t) {
+  return l(), e("svg", a, [...t[0] || (t[0] = [
+    h('<g clip-path="url(#a)"><path fill="#c50000" fill-rule="evenodd" d="M16.37 24.87c5.83 0 15.62-1.6 15.63-6.65.01-5.24-8.46-12.09-19.43-12.09C7.59 6.13 2.4 7.86 2.4 8.68q.01.23.85.27c.49 0 .41.3.94.22.9-.11 2.55-1.7 8.82-1.7 10.63 0 18.42 6.01 18.54 10.49.13 4.94-10.13 5.58-15.55 5.58-5.7 0-15.55-1.16-15.55-6.1 0-4.61 6.1-6.71 6.3-6.87.43-.32.24-.58.4-.9.26-.5.52-.73.14-.78-.33-.04-7.29 3.3-7.29 8.6 0 5.39 10.4 7.38 16.37 7.38" clip-rule="evenodd"></path><path fill="#c50000" d="M6.43 19.9v-2.54h.21q.34 0 .6.14.18.12.43.49l1.3 1.9h2.73l-1.17-1.8q-.08-.15-.34-.4-.26-.24-.38-.32a3 3 0 0 0-.63-.23q.54-.1.85-.25.48-.23.76-.62.28-.37.28-.9 0-.6-.36-1.01a2 2 0 0 0-.96-.57q-.6-.15-1.71-.15H4v6.26zm0-5H7.5q.68 0 .9.17.25.15.25.46 0 .2-.15.37-.15.15-.4.2a5 5 0 0 1-.64.08H6.43zm7.85 5h2.62l2.9-6.26h-2.45l-1.73 4.5-1.77-4.5h-2.53z"></path><path fill="#1c1c1c" d="M20 15.18h2.47l-2.18 4.72h2.42l2.18-4.72h2.47l.71-1.54h-7.36z"></path></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"></path></clipPath></defs>', 2)
+  ])]);
+}
+const p = { render: c };
+export {
+  p as default,
+  c as render
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFyay1ydnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9hc3NldHMvc3ZnL2JyYW5kaW5nL21hcmsvbWFyay1ydnQuc3ZnP2NvbXBvbmVudCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50Vk5vZGUgYXMgX2NyZWF0ZUVsZW1lbnRWTm9kZSwgb3BlbkJsb2NrIGFzIF9vcGVuQmxvY2ssIGNyZWF0ZUVsZW1lbnRCbG9jayBhcyBfY3JlYXRlRWxlbWVudEJsb2NrLCBjcmVhdGVTdGF0aWNWTm9kZSBhcyBfY3JlYXRlU3RhdGljVk5vZGUgfSBmcm9tIFwidnVlXCJcblxuY29uc3QgX2hvaXN0ZWRfMSA9IHtcbiAgeG1sbnM6IFwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIixcbiAgd2lkdGg6IFwiMzJcIixcbiAgaGVpZ2h0OiBcIjMyXCIsXG4gIHZpZXdCb3g6IFwiMCAwIDMyIDMyXCJcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHJlbmRlcihfY3R4LCBfY2FjaGUpIHtcbiAgcmV0dXJuIChfb3BlbkJsb2NrKCksIF9jcmVhdGVFbGVtZW50QmxvY2soXCJzdmdcIiwgX2hvaXN0ZWRfMSwgWy4uLihfY2FjaGVbMF0gfHwgKF9jYWNoZVswXSA9IFtcbiAgICBfY3JlYXRlU3RhdGljVk5vZGUoXCI8ZyBjbGlwLXBhdGg9XFxcInVybCgjYSlcXFwiPjxwYXRoIGZpbGw9XFxcIiNjNTAwMDBcXFwiIGZpbGwtcnVsZT1cXFwiZXZlbm9kZFxcXCIgZD1cXFwiTTE2LjM3IDI0Ljg3YzUuODMgMCAxNS42Mi0xLjYgMTUuNjMtNi42NS4wMS01LjI0LTguNDYtMTIuMDktMTkuNDMtMTIuMDlDNy41OSA2LjEzIDIuNCA3Ljg2IDIuNCA4LjY4cS4wMS4yMy44NS4yN2MuNDkgMCAuNDEuMy45NC4yMi45LS4xMSAyLjU1LTEuNyA4LjgyLTEuNyAxMC42MyAwIDE4LjQyIDYuMDEgMTguNTQgMTAuNDkuMTMgNC45NC0xMC4xMyA1LjU4LTE1LjU1IDUuNTgtNS43IDAtMTUuNTUtMS4xNi0xNS41NS02LjEgMC00LjYxIDYuMS02LjcxIDYuMy02Ljg3LjQzLS4zMi4yNC0uNTguNC0uOS4yNi0uNS41Mi0uNzMuMTQtLjc4LS4zMy0uMDQtNy4yOSAzLjMtNy4yOSA4LjYgMCA1LjM5IDEwLjQgNy4zOCAxNi4zNyA3LjM4XFxcIiBjbGlwLXJ1bGU9XFxcImV2ZW5vZGRcXFwiPjwvcGF0aD48cGF0aCBmaWxsPVxcXCIjYzUwMDAwXFxcIiBkPVxcXCJNNi40MyAxOS45di0yLjU0aC4yMXEuMzQgMCAuNi4xNC4xOC4xMi40My40OWwxLjMgMS45aDIuNzNsLTEuMTctMS44cS0uMDgtLjE1LS4zNC0uNC0uMjYtLjI0LS4zOC0uMzJhMyAzIDAgMCAwLS42My0uMjNxLjU0LS4xLjg1LS4yNS40OC0uMjMuNzYtLjYyLjI4LS4zNy4yOC0uOSAwLS42LS4zNi0xLjAxYTIgMiAwIDAgMC0uOTYtLjU3cS0uNi0uMTUtMS43MS0uMTVINHY2LjI2em0wLTVINy41cS42OCAwIC45LjE3LjI1LjE1LjI1LjQ2IDAgLjItLjE1LjM3LS4xNS4xNS0uNC4yYTUgNSAwIDAgMS0uNjQuMDhINi40M3ptNy44NSA1aDIuNjJsMi45LTYuMjZoLTIuNDVsLTEuNzMgNC41LTEuNzctNC41aC0yLjUzelxcXCI+PC9wYXRoPjxwYXRoIGZpbGw9XFxcIiMxYzFjMWNcXFwiIGQ9XFxcIk0yMCAxNS4xOGgyLjQ3bC0yLjE4IDQuNzJoMi40MmwyLjE4LTQuNzJoMi40N2wuNzEtMS41NGgtNy4zNnpcXFwiPjwvcGF0aD48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPVxcXCJhXFxcIj48cGF0aCBmaWxsPVxcXCIjZmZmXFxcIiBkPVxcXCJNMCAwaDMydjMySDB6XFxcIj48L3BhdGg+PC9jbGlwUGF0aD48L2RlZnM+XCIsIDIpXG4gIF0pKV0pKVxufVxuZXhwb3J0IGRlZmF1bHQgeyByZW5kZXI6IHJlbmRlciB9Il0sIm5hbWVzIjpbIl9ob2lzdGVkXzEiLCJyZW5kZXIiLCJfY3R4IiwiX2NhY2hlIiwiX29wZW5CbG9jayIsIl9jcmVhdGVFbGVtZW50QmxvY2siLCJfY3JlYXRlU3RhdGljVk5vZGUiLCJtYXJrUnZ0Il0sIm1hcHBpbmdzIjoiO0FBRUEsTUFBTUEsSUFBYTtBQUFBLEVBQ2pCLE9BQU87QUFBQSxFQUNQLE9BQU87QUFBQSxFQUNQLFFBQVE7QUFBQSxFQUNSLFNBQVM7QUFDWDtBQUVPLFNBQVNDLEVBQU9DLEdBQU1DLEdBQVE7QUFDbkMsU0FBUUMsRUFBVSxHQUFJQyxFQUFvQixPQUFPTCxHQUFZLENBQUMsR0FBSUcsRUFBTyxDQUFDLE1BQU1BLEVBQU8sQ0FBQyxJQUFJO0FBQUEsSUFDMUZHLEVBQW1CLDgvQkFBc2hDLENBQUM7QUFBQSxFQUM5aUMsRUFBSyxDQUFDO0FBQ047QUFDQSxNQUFBQyxJQUFlLEVBQUUsUUFBUU4sRUFBTTsifQ==

package/dist/css/realm/rvt.css

@@ -0,0 +1,23 @@
+/* RV Trader Realm Colors */
+:root {
+  /* Realm-specific Tonal Palette: Only to be referenced in the assignment of Color Roles below. */
+  --tide-realm-red:       #C50000;
+  --tide-realm-dark-red:  #7A0000;
+  --tide-realm-pink:      #FFEBEB;
+
+  /* Color Roles: Each realm will assign values to this same series of variables from a combination of the Global and Realm-specific Palettes. */
+  --tide-primary:        var(--tide-realm-red);
+  --tide-surface-accent: var(--tide-realm-pink);
+  --tide-surface-brand:  #002344;
+
+  --tide-on-primary:       var(--tide-gray-100);
+  --tide-on-surface-brand: var(--tide-realm-dark-red);
+
+  --tide-gradient-bottom-right-color: var(--tide-realm-red);
+  --tide-gradient-top-color: var(--tide-realm-pink);
+  --tide-gradient-bottom-left-color: var(--tide-realm-dark-red);
+
+  --tide-gradient-bottom-right-opacity: 15%;
+  --tide-gradient-top-opacity: 42%;
+  --tide-gradient-bottom-left-opacity: 36%;
+}

package/dist/css/storybook.css

@@ -1,6 +1,8 @@
 /* Styles used for Storybook demonstration purposes only. Not bundled into distribution package. */
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
 
+strong {font-weight: bold;}
+
 .sb-border-black      {border: 1px solid #000000;}
 .sb-border-blue       {border: 1px solid #0000FF;}
 .sb-border-blue-light {border: 1px solid #CCDEF3;}

package/dist/index.d.ts

@@ -996,6 +996,7 @@ export declare const REALM: {
     readonly EQUIPMENT: "equipment";
     readonly PWC: "pwc";
     readonly RV: "rv";
+    readonly RVT: "rvt";
     readonly SNOW: "snow";
     readonly TRUCK: "truck";
 };