tide-design-system 2.5.16 → 2.5.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,25 +1,25 @@
1
1
  # TIDE Design System
2
- 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:
2
+ 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:
3
3
 
4
4
  1. CSS utilities can be leveraged by any Node-compiled project.
5
5
  2. Types can be leveraged by any TypeScript project.
6
6
  3. Basic components can be leveraged by any Vue 3 project.
7
7
 
8
8
  ## Guides
9
- - [Figma](./docs/figma.md): Explore `TIDE` standards, tokens, and components as maintained by the `TIDE team`.
10
- - [Storybook](./docs/storybook.md): Explore `TIDE` utilities and components to generate working code implementations.
11
- - [Marketplace Style Guides](./docs/style-guide.md): Explore `TIDE` utilities and components in a realm-specific production environment.
12
- - [Full Integration (Vue 3)](./docs/integration-full.md): Leverage `TIDE` utilities and components from a compatible `consumer repository`.
13
- - [Partial Integration (CSS only)](./docs/integration-partial.md): Leverage `TIDE` utilties from any `consumer repository`.
14
- - [Migration](./docs/development.md): Replace local structures with `TIDE` utilities and components.
15
- - [Workflows](./docs/workflows.md): Collaborate with the `TIDE team` on feature enhancements.
16
- - [Development](./docs/development.md): Contribute to the `tide-design-system` NPM package.
17
- - [Upgrade Guide](./docs/upgrading.md): Upgrade versions of the `tide-design-system` npm package
18
- - [Figma Token Cheatsheet](./docs/token-cheatsheet.md): Remember how to implement Figma tokens from code
19
- - [Configuration](./docs/configuation.md): Globally set config values for your project for custom behaviors.
20
- - [Layout Grid Utility](./docs/grid-layout.md): Lightweight CSS Grid for consistent page alignment.
21
- - [Forms and inputs](./docs/forms.md): Guide to using Tide Forms and Input Components.
22
- - [Images](./docs/images.md): Guide to using Tide Image components.
9
+ - [Figma](/docs/figma.md): Explore `TIDE` standards, tokens, and components as maintained by the `TIDE team`.
10
+ - [Storybook](/docs/storybook.md): Explore `TIDE` utilities and components to generate working code implementations.
11
+ - [Marketplace Style Guides](/docs/style-guide.md): Explore `TIDE` utilities and components in a realm-specific production environment.
12
+ - [Full Integration (Vue 3)](/docs/integration-full.md): Leverage `TIDE` utilities and components from a compatible `consumer repository`.
13
+ - [Partial Integration (CSS only)](/docs/integration-partial.md): Leverage `TIDE` utilities from any `consumer repository`.
14
+ - [Migration](/docs/migration.md): Replace local structures with `TIDE` utilities and components.
15
+ - [Workflows](/docs/workflows.md): Collaborate with the `TIDE team` on feature enhancements.
16
+ - [Development](/docs/development.md): Contribute to the `tide-design-system` NPM package.
17
+ - [Upgrade Guide](/docs/upgrading.md): Upgrade versions of the `tide-design-system` npm package
18
+ - [Figma Token Cheatsheet](/docs/token-cheatsheet.md): Remember how to implement Figma tokens from code
19
+ - [Configuration](/docs/configuration.md): Globally set config values for your project for custom behaviors.
20
+ - [Layout Grid Utility](/docs/grid-layout.md): Lightweight CSS Grid for consistent page alignment.
21
+ - [Forms and inputs](/docs/forms.md): Guide to using Tide Forms and Input Components.
22
+ - [Images](/docs/images.md): Guide to using Tide Image components.
23
23
 
24
24
  ## Glossary
25
25
  - **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
@@ -0,0 +1,16 @@
1
+ import { openBlock as l, createElementBlock as e, createStaticVNode as h } from "vue";
2
+ const a = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ viewBox: "0 0 55 32"
5
+ };
6
+ function c(o, t) {
7
+ return l(), e("svg", a, [...t[0] || (t[0] = [
8
+ 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)
9
+ ])]);
10
+ }
11
+ const r = { render: c };
12
+ export {
13
+ r as default,
14
+ c as render
15
+ };
16
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9nby1ydnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9hc3NldHMvc3ZnL2JyYW5kaW5nL2xvZ28vbG9nby1ydnQuc3ZnP2NvbXBvbmVudCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50Vk5vZGUgYXMgX2NyZWF0ZUVsZW1lbnRWTm9kZSwgb3BlbkJsb2NrIGFzIF9vcGVuQmxvY2ssIGNyZWF0ZUVsZW1lbnRCbG9jayBhcyBfY3JlYXRlRWxlbWVudEJsb2NrLCBjcmVhdGVTdGF0aWNWTm9kZSBhcyBfY3JlYXRlU3RhdGljVk5vZGUgfSBmcm9tIFwidnVlXCJcblxuY29uc3QgX2hvaXN0ZWRfMSA9IHtcbiAgeG1sbnM6IFwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIixcbiAgdmlld0JveDogXCIwIDAgNTUgMzJcIlxufVxuXG5leHBvcnQgZnVuY3Rpb24gcmVuZGVyKF9jdHgsIF9jYWNoZSkge1xuICByZXR1cm4gKF9vcGVuQmxvY2soKSwgX2NyZWF0ZUVsZW1lbnRCbG9jayhcInN2Z1wiLCBfaG9pc3RlZF8xLCBbLi4uKF9jYWNoZVswXSB8fCAoX2NhY2hlWzBdID0gW1xuICAgIF9jcmVhdGVTdGF0aWNWTm9kZShcIjxnIGNsaXAtcGF0aD1cXFwidXJsKCNhKVxcXCI+PHBhdGggZmlsbD1cXFwiI2M1MDAwMFxcXCIgZD1cXFwiTTIxLjUgMGMxOC43NiAwIDMzLjI2IDExLjcgMzMuMjQgMjAuNjVDNTQuNzIgMjkuMyAzNy45OCAzMiAyOCAzMiAxNy43OCAzMiAwIDI4LjYgMCAxOS4zOSAwIDEwLjM2IDExLjkgNC42NCAxMi40NiA0LjdjLjY2LjA4LjIyLjQ5LS4yMiAxLjMzLS4zLjU1LjA0Ljk4LS42OCAxLjUzLS4zNy4yOC0xMC44IDMuODctMTAuOCAxMS43NiAwIDguNDMgMTYuODQgMTAuNCAyNi42IDEwLjQgOS4yOCAwIDI2Ljg0LTEuMDkgMjYuNjEtOS41My0uMi03LjY0LTEzLjUzLTE3LjkzLTMxLjcxLTE3LjkzLTEwLjczIDAtMTMuNTQgMi43Mi0xNS4xIDIuOTItLjkuMTItLjc2LS4zNy0xLjYtLjM5LS45NS0uMDItMS40Ni0uMi0xLjQ2LS40NkM0LjEgMi45NCAxMi45OCAwIDIxLjUgMG0tNy43NSAxMi4zNHExLjkgMCAyLjkzLjI2IDEuMDEuMjcgMS42My45OC42My43LjYyIDEuNzMgMCAuODktLjQ3IDEuNTRhMy40IDMuNCAwIDAgMS0xLjMxIDEuMDRxLS41My4yNy0xLjQ1LjQzLjc0LjIgMS4wNy40LjI0LjEyLjY3LjU2LjQzLjQyLjU3LjY2bDIgMy4xaC00LjY3bC0yLjIxLTMuMjdxLS40Mi0uNjMtLjc1LS44Mi0uNDUtLjI1LTEuMDItLjI1SDExdjQuMzRINi44NHYtMTAuN3ptOS45NSAwIDMuMDEgNy43IDIuOTctNy43aDQuMmwtNC45NyAxMC43aC00LjQ4bC01LjA2LTEwLjd6TTExIDE0LjV2Mi4xOGgxLjc1cS4yOCAwIDEuMS0uMTQuNDEtLjA3LjY2LS4zNGExIDEgMCAwIDAgLjI3LS42Mi45LjkgMCAwIDAtLjQyLS44cS0uNDEtLjI3LTEuNTQtLjI4elxcXCI+PC9wYXRoPjxwYXRoIGZpbGw9XFxcIiMxYzFjMWNcXFwiIGQ9XFxcIk0zNC4yIDE0Ljk4aDQuMjNsLTMuNzMgOC4wNmg0LjE0bDMuNzMtOC4wNmg0LjIybDEuMjMtMi42NEgzNS40M3pcXFwiPjwvcGF0aD48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPVxcXCJhXFxcIj48cGF0aCBmaWxsPVxcXCIjZmZmXFxcIiBkPVxcXCJNMCAwaDU1djMySDB6XFxcIj48L3BhdGg+PC9jbGlwUGF0aD48L2RlZnM+XCIsIDIpXG4gIF0pKV0pKVxufVxuZXhwb3J0IGRlZmF1bHQgeyByZW5kZXI6IHJlbmRlciB9Il0sIm5hbWVzIjpbIl9ob2lzdGVkXzEiLCJyZW5kZXIiLCJfY3R4IiwiX2NhY2hlIiwiX29wZW5CbG9jayIsIl9jcmVhdGVFbGVtZW50QmxvY2siLCJfY3JlYXRlU3RhdGljVk5vZGUiLCJsb2dvUnZ0Il0sIm1hcHBpbmdzIjoiO0FBRUEsTUFBTUEsSUFBYTtBQUFBLEVBQ2pCLE9BQU87QUFBQSxFQUNQLFNBQVM7QUFDWDtBQUVPLFNBQVNDLEVBQU9DLEdBQU1DLEdBQVE7QUFDbkMsU0FBUUMsRUFBVSxHQUFJQyxFQUFvQixPQUFPTCxHQUFZLENBQUMsR0FBSUcsRUFBTyxDQUFDLE1BQU1BLEVBQU8sQ0FBQyxJQUFJO0FBQUEsSUFDMUZHLEVBQW1CLDArQkFBMC9CLENBQUM7QUFBQSxFQUNsaEMsRUFBSyxDQUFDO0FBQ047QUFDQSxNQUFBQyxJQUFlLEVBQUUsUUFBUU4sRUFBTTsifQ==
@@ -0,0 +1,18 @@
1
+ import { openBlock as l, createElementBlock as e, createStaticVNode as h } from "vue";
2
+ const a = {
3
+ xmlns: "http://www.w3.org/2000/svg",
4
+ width: "32",
5
+ height: "32",
6
+ viewBox: "0 0 32 32"
7
+ };
8
+ function c(d, t) {
9
+ return l(), e("svg", a, [...t[0] || (t[0] = [
10
+ 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)
11
+ ])]);
12
+ }
13
+ const p = { render: c };
14
+ export {
15
+ p as default,
16
+ c as render
17
+ };
18
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFyay1ydnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9hc3NldHMvc3ZnL2JyYW5kaW5nL21hcmsvbWFyay1ydnQuc3ZnP2NvbXBvbmVudCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50Vk5vZGUgYXMgX2NyZWF0ZUVsZW1lbnRWTm9kZSwgb3BlbkJsb2NrIGFzIF9vcGVuQmxvY2ssIGNyZWF0ZUVsZW1lbnRCbG9jayBhcyBfY3JlYXRlRWxlbWVudEJsb2NrLCBjcmVhdGVTdGF0aWNWTm9kZSBhcyBfY3JlYXRlU3RhdGljVk5vZGUgfSBmcm9tIFwidnVlXCJcblxuY29uc3QgX2hvaXN0ZWRfMSA9IHtcbiAgeG1sbnM6IFwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIixcbiAgd2lkdGg6IFwiMzJcIixcbiAgaGVpZ2h0OiBcIjMyXCIsXG4gIHZpZXdCb3g6IFwiMCAwIDMyIDMyXCJcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHJlbmRlcihfY3R4LCBfY2FjaGUpIHtcbiAgcmV0dXJuIChfb3BlbkJsb2NrKCksIF9jcmVhdGVFbGVtZW50QmxvY2soXCJzdmdcIiwgX2hvaXN0ZWRfMSwgWy4uLihfY2FjaGVbMF0gfHwgKF9jYWNoZVswXSA9IFtcbiAgICBfY3JlYXRlU3RhdGljVk5vZGUoXCI8ZyBjbGlwLXBhdGg9XFxcInVybCgjYSlcXFwiPjxwYXRoIGZpbGw9XFxcIiNjNTAwMDBcXFwiIGZpbGwtcnVsZT1cXFwiZXZlbm9kZFxcXCIgZD1cXFwiTTE2LjM3IDI0Ljg3YzUuODMgMCAxNS42Mi0xLjYgMTUuNjMtNi42NS4wMS01LjI0LTguNDYtMTIuMDktMTkuNDMtMTIuMDlDNy41OSA2LjEzIDIuNCA3Ljg2IDIuNCA4LjY4cS4wMS4yMy44NS4yN2MuNDkgMCAuNDEuMy45NC4yMi45LS4xMSAyLjU1LTEuNyA4LjgyLTEuNyAxMC42MyAwIDE4LjQyIDYuMDEgMTguNTQgMTAuNDkuMTMgNC45NC0xMC4xMyA1LjU4LTE1LjU1IDUuNTgtNS43IDAtMTUuNTUtMS4xNi0xNS41NS02LjEgMC00LjYxIDYuMS02LjcxIDYuMy02Ljg3LjQzLS4zMi4yNC0uNTguNC0uOS4yNi0uNS41Mi0uNzMuMTQtLjc4LS4zMy0uMDQtNy4yOSAzLjMtNy4yOSA4LjYgMCA1LjM5IDEwLjQgNy4zOCAxNi4zNyA3LjM4XFxcIiBjbGlwLXJ1bGU9XFxcImV2ZW5vZGRcXFwiPjwvcGF0aD48cGF0aCBmaWxsPVxcXCIjYzUwMDAwXFxcIiBkPVxcXCJNNi40MyAxOS45di0yLjU0aC4yMXEuMzQgMCAuNi4xNC4xOC4xMi40My40OWwxLjMgMS45aDIuNzNsLTEuMTctMS44cS0uMDgtLjE1LS4zNC0uNC0uMjYtLjI0LS4zOC0uMzJhMyAzIDAgMCAwLS42My0uMjNxLjU0LS4xLjg1LS4yNS40OC0uMjMuNzYtLjYyLjI4LS4zNy4yOC0uOSAwLS42LS4zNi0xLjAxYTIgMiAwIDAgMC0uOTYtLjU3cS0uNi0uMTUtMS43MS0uMTVINHY2LjI2em0wLTVINy41cS42OCAwIC45LjE3LjI1LjE1LjI1LjQ2IDAgLjItLjE1LjM3LS4xNS4xNS0uNC4yYTUgNSAwIDAgMS0uNjQuMDhINi40M3ptNy44NSA1aDIuNjJsMi45LTYuMjZoLTIuNDVsLTEuNzMgNC41LTEuNzctNC41aC0yLjUzelxcXCI+PC9wYXRoPjxwYXRoIGZpbGw9XFxcIiMxYzFjMWNcXFwiIGQ9XFxcIk0yMCAxNS4xOGgyLjQ3bC0yLjE4IDQuNzJoMi40MmwyLjE4LTQuNzJoMi40N2wuNzEtMS41NGgtNy4zNnpcXFwiPjwvcGF0aD48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPVxcXCJhXFxcIj48cGF0aCBmaWxsPVxcXCIjZmZmXFxcIiBkPVxcXCJNMCAwaDMydjMySDB6XFxcIj48L3BhdGg+PC9jbGlwUGF0aD48L2RlZnM+XCIsIDIpXG4gIF0pKV0pKVxufVxuZXhwb3J0IGRlZmF1bHQgeyByZW5kZXI6IHJlbmRlciB9Il0sIm5hbWVzIjpbIl9ob2lzdGVkXzEiLCJyZW5kZXIiLCJfY3R4IiwiX2NhY2hlIiwiX29wZW5CbG9jayIsIl9jcmVhdGVFbGVtZW50QmxvY2siLCJfY3JlYXRlU3RhdGljVk5vZGUiLCJtYXJrUnZ0Il0sIm1hcHBpbmdzIjoiO0FBRUEsTUFBTUEsSUFBYTtBQUFBLEVBQ2pCLE9BQU87QUFBQSxFQUNQLE9BQU87QUFBQSxFQUNQLFFBQVE7QUFBQSxFQUNSLFNBQVM7QUFDWDtBQUVPLFNBQVNDLEVBQU9DLEdBQU1DLEdBQVE7QUFDbkMsU0FBUUMsRUFBVSxHQUFJQyxFQUFvQixPQUFPTCxHQUFZLENBQUMsR0FBSUcsRUFBTyxDQUFDLE1BQU1BLEVBQU8sQ0FBQyxJQUFJO0FBQUEsSUFDMUZHLEVBQW1CLDgvQkFBc2hDLENBQUM7QUFBQSxFQUM5aUMsRUFBSyxDQUFDO0FBQ047QUFDQSxNQUFBQyxJQUFlLEVBQUUsUUFBUU4sRUFBTTsifQ==
@@ -0,0 +1,23 @@
1
+ /* RV Trader Realm Colors */
2
+ :root {
3
+ /* Realm-specific Tonal Palette: Only to be referenced in the assignment of Color Roles below. */
4
+ --tide-realm-red: #C50000;
5
+ --tide-realm-dark-red: #7A0000;
6
+ --tide-realm-pink: #FFEBEB;
7
+
8
+ /* Color Roles: Each realm will assign values to this same series of variables from a combination of the Global and Realm-specific Palettes. */
9
+ --tide-primary: var(--tide-realm-red);
10
+ --tide-surface-accent: var(--tide-realm-pink);
11
+ --tide-surface-brand: #002344;
12
+
13
+ --tide-on-primary: var(--tide-gray-100);
14
+ --tide-on-surface-brand: var(--tide-realm-dark-red);
15
+
16
+ --tide-gradient-bottom-right-color: var(--tide-realm-red);
17
+ --tide-gradient-top-color: var(--tide-realm-pink);
18
+ --tide-gradient-bottom-left-color: var(--tide-realm-dark-red);
19
+
20
+ --tide-gradient-bottom-right-opacity: 15%;
21
+ --tide-gradient-top-opacity: 42%;
22
+ --tide-gradient-bottom-left-opacity: 36%;
23
+ }
@@ -1,6 +1,8 @@
1
1
  /* Styles used for Storybook demonstration purposes only. Not bundled into distribution package. */
2
2
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
3
3
 
4
+ strong {font-weight: bold;}
5
+
4
6
  .sb-border-black {border: 1px solid #000000;}
5
7
  .sb-border-blue {border: 1px solid #0000FF;}
6
8
  .sb-border-blue-light {border: 1px solid #CCDEF3;}
package/dist/index.d.ts CHANGED
@@ -5,12 +5,6 @@ import { DefineComponent } from 'vue';
5
5
  import { PublicProps } from 'vue';
6
6
  import { Ref } from 'vue';
7
7
 
8
- declare type __VLS_Props = Props_2;
9
-
10
- declare type __VLS_PublicProps = {
11
- modelValue: number;
12
- } & __VLS_Props;
13
-
14
8
  declare type __VLS_WithTemplateSlots<T, S> = T & {
15
9
  new (): {
16
10
  $slots: S;
@@ -807,7 +801,7 @@ export declare const ICON: {
807
801
  readonly IOS_SHARE: "ios-share";
808
802
  readonly LAYOUT: "layout";
809
803
  readonly LEVELLING_JACK: "levelling-jack";
810
- readonly LINKED_IN: "linked in";
804
+ readonly LINKED_IN: "linked-in";
811
805
  readonly LOCAL_SHIPPING: "local-shipping";
812
806
  readonly LOCK: "lock";
813
807
  readonly MAIL: "mail";
@@ -988,10 +982,6 @@ declare interface Props extends SelectField {
988
982
  }
989
983
 
990
984
  declare type Props_2 = {
991
- pageTotal: number;
992
- };
993
-
994
- declare type Props_3 = {
995
985
  heading?: string;
996
986
  links: Link[];
997
987
  };
@@ -1006,6 +996,7 @@ export declare const REALM: {
1006
996
  readonly EQUIPMENT: "equipment";
1007
997
  readonly PWC: "pwc";
1008
998
  readonly RV: "rv";
999
+ readonly RVT: "rvt";
1009
1000
  readonly SNOW: "snow";
1010
1001
  readonly TRUCK: "truck";
1011
1002
  };
@@ -1371,36 +1362,6 @@ isNewTab: boolean;
1371
1362
  priority: Priority;
1372
1363
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1373
1364
 
1374
- /**
1375
- * Renders a button component for use in pagination purposes.
1376
- *
1377
- * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidebuttonpagination--docs) for TideButtonPagination
1378
- */
1379
- export declare const TideButtonPagination: DefineComponent< {
1380
- /** Indicates whether Pagination Button is associated with the displayed page */
1381
- disabled?: boolean;
1382
- /** HTML tag type */
1383
- element?: ElementBroad;
1384
- /** URL to open<br />(Link only) */
1385
- href?: string;
1386
- /** Button text */
1387
- label: string | number;
1388
- }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
1389
- /** Indicates whether Pagination Button is associated with the displayed page */
1390
- disabled?: boolean;
1391
- /** HTML tag type */
1392
- element?: ElementBroad;
1393
- /** URL to open<br />(Link only) */
1394
- href?: string;
1395
- /** Button text */
1396
- label: string | number;
1397
- }> & Readonly<{}>, {
1398
- label: string | number;
1399
- disabled: boolean;
1400
- element: ElementBroad;
1401
- href: string;
1402
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1403
-
1404
1365
  /**
1405
1366
  * Renders a button component for use to save items.
1406
1367
  *
@@ -2494,9 +2455,32 @@ modalContent: HTMLDivElement;
2494
2455
  footer?(_: {}): any;
2495
2456
  }>;
2496
2457
 
2497
- export declare const TidePagination: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
2458
+ /**
2459
+ * Renders a pagination component for navigating through pages of content.
2460
+ *
2461
+ * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidepagination--docs) for TidePagination
2462
+ */
2463
+ export declare const TidePagination: DefineComponent< {
2464
+ modelValue: number;
2465
+ } & {
2466
+ /** Total number of pages available */
2467
+ pageCount: number;
2468
+ /** Number of items per page. When provided, a results summary is shown below the pagination controls. */
2469
+ pageSize?: number;
2470
+ /** Total number of results */
2471
+ totalResults: number;
2472
+ }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
2498
2473
  "update:modelValue": (value: number) => any;
2499
- }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
2474
+ }, string, PublicProps, Readonly<{
2475
+ modelValue: number;
2476
+ } & {
2477
+ /** Total number of pages available */
2478
+ pageCount: number;
2479
+ /** Number of items per page. When provided, a results summary is shown below the pagination controls. */
2480
+ pageSize?: number;
2481
+ /** Total number of results */
2482
+ totalResults: number;
2483
+ }> & Readonly<{
2500
2484
  "onUpdate:modelValue"?: ((value: number) => any) | undefined;
2501
2485
  }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
2502
2486
 
@@ -2580,7 +2564,7 @@ realm: Realm;
2580
2564
  markOnly: boolean;
2581
2565
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
2582
2566
 
2583
- export declare const TideSeoLinks: DefineComponent<Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_3> & Readonly<{}>, {
2567
+ export declare const TideSeoLinks: DefineComponent<Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_2> & Readonly<{}>, {
2584
2568
  heading: string;
2585
2569
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
2586
2570