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 +15 -15
- package/dist/chunks/logo-rvt.js +16 -0
- package/dist/chunks/mark-rvt.js +18 -0
- package/dist/css/realm/rvt.css +23 -0
- package/dist/css/storybook.css +2 -0
- package/dist/index.d.ts +28 -44
- package/dist/index.js +1025 -1037
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
# TIDE Design System
|
|
2
|
-
TIDE (
|
|
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](
|
|
10
|
-
- [Storybook](
|
|
11
|
-
- [Marketplace Style Guides](
|
|
12
|
-
- [Full Integration (Vue 3)](
|
|
13
|
-
- [Partial Integration (CSS only)](
|
|
14
|
-
- [Migration](
|
|
15
|
-
- [Workflows](
|
|
16
|
-
- [Development](
|
|
17
|
-
- [Upgrade Guide](
|
|
18
|
-
- [Figma Token Cheatsheet](
|
|
19
|
-
- [Configuration](
|
|
20
|
-
- [Layout Grid Utility](
|
|
21
|
-
- [Forms and inputs](
|
|
22
|
-
- [Images](
|
|
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
|
+
}
|
package/dist/css/storybook.css
CHANGED
|
@@ -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
|
|
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
|
-
|
|
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<
|
|
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<
|
|
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
|
|