tide-design-system 2.0.0

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.
Files changed (129) hide show
  1. package/README.md +55 -0
  2. package/dist/IconAccountBalance-91cf067b.js +10 -0
  3. package/dist/IconAdd-95c51c0e.js +10 -0
  4. package/dist/IconAi-08172540.js +22 -0
  5. package/dist/IconAlignSpace-9ab2bdf2.js +10 -0
  6. package/dist/IconApplePay-1ee6317b.js +10 -0
  7. package/dist/IconArrowBack-a2226a94.js +10 -0
  8. package/dist/IconArrowForward-e1ca9957.js +10 -0
  9. package/dist/IconArrowRight-53382084.js +10 -0
  10. package/dist/IconAssignment-332c2b2b.js +10 -0
  11. package/dist/IconAwardStar-1ca35385.js +10 -0
  12. package/dist/IconBookmark-49b42628.js +10 -0
  13. package/dist/IconCalendarMonth-22c938d7.js +10 -0
  14. package/dist/IconCall-989a47fc.js +10 -0
  15. package/dist/IconCheck-a3467b47.js +10 -0
  16. package/dist/IconChevronLeft-c1d90bb7.js +10 -0
  17. package/dist/IconChevronRight-ad47891f.js +10 -0
  18. package/dist/IconClear-7c8fad4e.js +10 -0
  19. package/dist/IconClose-4b6c5aed.js +10 -0
  20. package/dist/IconCycle-99d40f2d.js +10 -0
  21. package/dist/IconDelete-446eff93.js +10 -0
  22. package/dist/IconDiamond-765a7d8d.js +10 -0
  23. package/dist/IconEdit-ce05f3b5.js +10 -0
  24. package/dist/IconError-7983707a.js +10 -0
  25. package/dist/IconExpandContent-8b6e2125.js +10 -0
  26. package/dist/IconExpandLess-9e23f1e9.js +10 -0
  27. package/dist/IconExpandMore-ded098a7.js +10 -0
  28. package/dist/IconFacebook-3cab65a8.js +10 -0
  29. package/dist/IconFavorite-5fe831f4.js +10 -0
  30. package/dist/IconFavoriteFilled-58fa0bf7.js +10 -0
  31. package/dist/IconFormatBold-889f6b8b.js +10 -0
  32. package/dist/IconFormatItalic-103eba00.js +10 -0
  33. package/dist/IconFormatListBulleted-4c824025.js +10 -0
  34. package/dist/IconForum-abc2fe82.js +10 -0
  35. package/dist/IconGoogle-281b6d80.js +27 -0
  36. package/dist/IconGooglePay-cc83c5c8.js +10 -0
  37. package/dist/IconGrid-ef763745.js +10 -0
  38. package/dist/IconHelp-2ad33f76.js +10 -0
  39. package/dist/IconInfo-5878df77.js +10 -0
  40. package/dist/IconInsertText-0c62badf.js +10 -0
  41. package/dist/IconInstagram-69e21cfb.js +10 -0
  42. package/dist/IconIosShare-be5f117c.js +10 -0
  43. package/dist/IconLayout-c1ffbcd3.js +10 -0
  44. package/dist/IconLinkedIn-807ef6f5.js +10 -0
  45. package/dist/IconLocalShipping-2c6d71e0.js +10 -0
  46. package/dist/IconLock-9178e816.js +10 -0
  47. package/dist/IconMail-0123a7c6.js +10 -0
  48. package/dist/IconMenu-33ed2d99.js +10 -0
  49. package/dist/IconMoreHoriz-c281099f.js +10 -0
  50. package/dist/IconNotifications-89f80e0f.js +10 -0
  51. package/dist/IconOpenInNew-87ad0454.js +10 -0
  52. package/dist/IconPalette-7ee5b40c.js +10 -0
  53. package/dist/IconPaypal-e311eadd.js +10 -0
  54. package/dist/IconPerson-932fbcbc.js +10 -0
  55. package/dist/IconPhotoCamera-fdbd5767.js +10 -0
  56. package/dist/IconPinterest-2d19c2eb.js +10 -0
  57. package/dist/IconPlayArrow-9837a5c0.js +10 -0
  58. package/dist/IconRemove-29ef8f82.js +10 -0
  59. package/dist/IconRoundedCorners-8ad194fc.js +10 -0
  60. package/dist/IconSearch-5ff23d26.js +10 -0
  61. package/dist/IconSell-0e0ecd20.js +10 -0
  62. package/dist/IconShare-47084765.js +10 -0
  63. package/dist/IconShoppingCart-9d6495b3.js +10 -0
  64. package/dist/IconSms-5ba18382.js +10 -0
  65. package/dist/IconStar-ef69284b.js +10 -0
  66. package/dist/IconSwapVert-05e14e3d.js +10 -0
  67. package/dist/IconThreeDRotation-2433b2e8.js +25 -0
  68. package/dist/IconTune-3c6452f0.js +10 -0
  69. package/dist/IconTwitter-a634cef4.js +10 -0
  70. package/dist/IconVideocam-5712435e.js +10 -0
  71. package/dist/IconViewInAr-d38a23d5.js +10 -0
  72. package/dist/IconVisibility-8cdf7151.js +10 -0
  73. package/dist/IconWarning-b9e61180.js +10 -0
  74. package/dist/IconYoutube-92447826.js +10 -0
  75. package/dist/css/animation.css +14 -0
  76. package/dist/css/dynamic-buttons.css +79 -0
  77. package/dist/css/dynamic-inputs.css +43 -0
  78. package/dist/css/dynamic-utilities.css +30 -0
  79. package/dist/css/main.css +10 -0
  80. package/dist/css/page-layout.css +57 -0
  81. package/dist/css/realm/aero.css +42 -0
  82. package/dist/css/realm/atv.css +43 -0
  83. package/dist/css/realm/boatmart.css +42 -0
  84. package/dist/css/realm/cycle.css +42 -0
  85. package/dist/css/realm/equip.css +42 -0
  86. package/dist/css/realm/pwc.css +42 -0
  87. package/dist/css/realm/rv.css +42 -0
  88. package/dist/css/realm/snow.css +42 -0
  89. package/dist/css/realm/truck.css +42 -0
  90. package/dist/css/reset.css +79 -0
  91. package/dist/css/storybook.css +4 -0
  92. package/dist/css/utilities.css +301 -0
  93. package/dist/css/variables.css +114 -0
  94. package/dist/index-c5bc4216.js +1910 -0
  95. package/dist/style.css +1 -0
  96. package/dist/tide2-design-system.js +36 -0
  97. package/dist/types/Alert.ts +8 -0
  98. package/dist/types/Badge.ts +21 -0
  99. package/dist/types/BreadCrumb.ts +5 -0
  100. package/dist/types/Detail.ts +4 -0
  101. package/dist/types/Element.ts +13 -0
  102. package/dist/types/Field.ts +55 -0
  103. package/dist/types/Form.ts +1 -0
  104. package/dist/types/Formatted.ts +22 -0
  105. package/dist/types/Icon.ts +77 -0
  106. package/dist/types/Link.ts +5 -0
  107. package/dist/types/ListingMedia.ts +43 -0
  108. package/dist/types/Priority.ts +11 -0
  109. package/dist/types/Raw.ts +5 -0
  110. package/dist/types/Realm.ts +12 -0
  111. package/dist/types/RealmConfig.ts +14 -0
  112. package/dist/types/Select.ts +4 -0
  113. package/dist/types/Size.ts +6 -0
  114. package/dist/types/Storybook.ts +14 -0
  115. package/dist/types/StorybookStyles.ts +209 -0
  116. package/dist/types/Styles.ts +479 -0
  117. package/dist/types/Tab.ts +5 -0
  118. package/dist/types/Target.ts +6 -0
  119. package/dist/types/TextInput.ts +16 -0
  120. package/dist/types/Validation.ts +18 -0
  121. package/dist/types/Vehicle.ts +139 -0
  122. package/dist/types/VehicleDetail.ts +44 -0
  123. package/dist/types/index.d.ts +7 -0
  124. package/dist/utilities/format.ts +148 -0
  125. package/dist/utilities/forms.ts +47 -0
  126. package/dist/utilities/media.ts +77 -0
  127. package/dist/utilities/storybook.ts +237 -0
  128. package/dist/utilities/validation.ts +92 -0
  129. package/package.json +63 -0
@@ -0,0 +1,10 @@
1
+ import { openBlock as c, createElementBlock as o } from "vue";
2
+ import { _ as e } from "./index-c5bc4216.js";
3
+ const t = {}, r = { d: "M6 22c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 4 20V10c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 6 8h1V6c0-1.383.487-2.563 1.463-3.538C9.438 1.487 10.617 1 12 1s2.563.488 3.537 1.462C16.512 3.438 17 4.617 17 6v2h1c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v10c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 18 22H6Zm0-2h12V10H6v10Zm6-3c.55 0 1.02-.196 1.412-.587.392-.392.588-.863.588-1.413s-.196-1.02-.588-1.412A1.926 1.926 0 0 0 12 13c-.55 0-1.02.196-1.412.588A1.926 1.926 0 0 0 10 15c0 .55.196 1.02.588 1.413.391.391.862.587 1.412.587ZM9 8h6V6c0-.833-.292-1.542-.875-2.125A2.893 2.893 0 0 0 12 3c-.833 0-1.542.292-2.125.875A2.893 2.893 0 0 0 9 6v2Z" };
4
+ function n(s, _) {
5
+ return c(), o("path", r);
6
+ }
7
+ const f = /* @__PURE__ */ e(t, [["render", n]]);
8
+ export {
9
+ f as default
10
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as c, createElementBlock as e } from "vue";
2
+ import { _ as o } from "./index-c5bc4216.js";
3
+ const t = {}, r = { d: "M4 20c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 18V6c0-.55.196-1.02.587-1.412A1.926 1.926 0 0 1 4 4h16c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v12c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 20 20H4Zm8-7L4 8v10h16V8l-8 5Zm0-2 8-5H4l8 5ZM4 8V6v12V8Z" };
4
+ function n(_, s) {
5
+ return c(), e("path", r);
6
+ }
7
+ const f = /* @__PURE__ */ o(t, [["render", n]]);
8
+ export {
9
+ f as default
10
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as e, createElementBlock as o } from "vue";
2
+ import { _ as t } from "./index-c5bc4216.js";
3
+ const c = {}, n = { d: "M3 18v-2h18v2H3Zm0-5v-2h18v2H3Zm0-5V6h18v2H3Z" };
4
+ function r(_, s) {
5
+ return e(), o("path", n);
6
+ }
7
+ const f = /* @__PURE__ */ t(c, [["render", r]]);
8
+ export {
9
+ f as default
10
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as c, createElementBlock as o } from "vue";
2
+ import { _ as e } from "./index-c5bc4216.js";
3
+ const r = {}, t = { d: "M6 14c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 4 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 6 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 6 14Zm6 0c-.55 0-1.02-.196-1.412-.588A1.926 1.926 0 0 1 10 12c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 12 10c.55 0 1.02.196 1.412.588.392.391.588.862.588 1.412 0 .55-.196 1.02-.588 1.412A1.926 1.926 0 0 1 12 14Zm6 0c-.55 0-1.02-.196-1.413-.588A1.926 1.926 0 0 1 16 12c0-.55.196-1.02.587-1.412A1.926 1.926 0 0 1 18 10c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412 0 .55-.196 1.02-.587 1.412A1.926 1.926 0 0 1 18 14Z" };
4
+ function n(_, s) {
5
+ return c(), o("path", t);
6
+ }
7
+ const a = /* @__PURE__ */ e(r, [["render", n]]);
8
+ export {
9
+ a as default
10
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as c, createElementBlock as o } from "vue";
2
+ import { _ as t } from "./index-c5bc4216.js";
3
+ const e = {}, n = { d: "M4 19v-2h2v-7c0-1.383.417-2.612 1.25-3.688.833-1.075 1.917-1.779 3.25-2.112v-.7c0-.417.146-.77.438-1.063A1.447 1.447 0 0 1 12 2c.417 0 .77.146 1.063.438.291.291.437.645.437 1.062v.7c1.333.333 2.417 1.037 3.25 2.112C17.583 7.388 18 8.617 18 10v7h2v2H4Zm8 3c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 10 20h4c0 .55-.196 1.02-.588 1.413A1.926 1.926 0 0 1 12 22Zm-4-5h8v-7c0-1.1-.392-2.042-1.175-2.825C14.042 6.392 13.1 6 12 6s-2.042.392-2.825 1.175C8.392 7.958 8 8.9 8 10v7Z" };
4
+ function r(s, _) {
5
+ return c(), o("path", n);
6
+ }
7
+ const i = /* @__PURE__ */ t(e, [["render", r]]);
8
+ export {
9
+ i as default
10
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as c, createElementBlock as e } from "vue";
2
+ import { _ as o } from "./index-c5bc4216.js";
3
+ const t = {}, n = { d: "M5 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h7v2H5v14h14v-7h2v7c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21H5Zm4.7-5.3-1.4-1.4L17.6 5H14V3h7v7h-2V6.4l-9.3 9.3Z" };
4
+ function r(_, s) {
5
+ return c(), e("path", n);
6
+ }
7
+ const f = /* @__PURE__ */ o(t, [["render", r]]);
8
+ export {
9
+ f as default
10
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as c, createElementBlock as e } from "vue";
2
+ import { _ as t } from "./index-c5bc4216.js";
3
+ const o = {}, a = { d: "M12 22a9.676 9.676 0 0 1-3.875-.788 10.144 10.144 0 0 1-3.188-2.15 10.142 10.142 0 0 1-2.15-3.187A9.676 9.676 0 0 1 2 12c0-1.383.27-2.683.813-3.9a10.13 10.13 0 0 1 2.2-3.175A10.48 10.48 0 0 1 8.25 2.788 9.979 9.979 0 0 1 12.2 2c1.333 0 2.592.23 3.775.688a9.918 9.918 0 0 1 3.112 1.9 9.092 9.092 0 0 1 2.125 2.875A8.273 8.273 0 0 1 22 11.05c0 1.917-.583 3.387-1.75 4.412C19.083 16.489 17.667 17 16 17h-1.85c-.15 0-.254.042-.313.125a.47.47 0 0 0-.087.275c0 .2.125.488.375.863.25.374.375.804.375 1.287 0 .833-.23 1.45-.688 1.85-.458.4-1.062.6-1.812.6Zm-5.5-9c.433 0 .792-.142 1.075-.425.283-.283.425-.642.425-1.075 0-.433-.142-.792-.425-1.075C7.292 10.142 6.933 10 6.5 10c-.433 0-.792.142-1.075.425-.283.283-.425.642-.425 1.075 0 .433.142.792.425 1.075.283.283.642.425 1.075.425Zm3-4c.433 0 .792-.142 1.075-.425.283-.283.425-.642.425-1.075 0-.433-.142-.792-.425-1.075C10.292 6.142 9.933 6 9.5 6c-.433 0-.792.142-1.075.425C8.142 6.708 8 7.067 8 7.5c0 .433.142.792.425 1.075.283.283.642.425 1.075.425Zm5 0c.433 0 .792-.142 1.075-.425.283-.283.425-.642.425-1.075 0-.433-.142-.792-.425-1.075C15.292 6.142 14.933 6 14.5 6c-.433 0-.792.142-1.075.425-.283.283-.425.642-.425 1.075 0 .433.142.792.425 1.075.283.283.642.425 1.075.425Zm3 4c.433 0 .792-.142 1.075-.425.283-.283.425-.642.425-1.075 0-.433-.142-.792-.425-1.075-.283-.283-.642-.425-1.075-.425-.433 0-.792.142-1.075.425-.283.283-.425.642-.425 1.075 0 .433.142.792.425 1.075.283.283.642.425 1.075.425ZM12 20c.15 0 .27-.042.363-.125a.419.419 0 0 0 .137-.325c0-.233-.125-.508-.375-.825-.25-.317-.375-.792-.375-1.425 0-.7.242-1.258.725-1.675.483-.417 1.075-.625 1.775-.625H16c1.1 0 2.042-.32 2.825-.963C19.608 13.396 20 12.4 20 11.05c0-2.017-.77-3.696-2.313-5.038C16.146 4.671 14.317 4 12.2 4 9.933 4 8 4.775 6.4 6.325 4.8 7.875 4 9.767 4 12c0 2.217.78 4.104 2.338 5.663C7.896 19.22 9.783 20 12 20Z" };
4
+ function r(n, _) {
5
+ return c(), e("path", a);
6
+ }
7
+ const C = /* @__PURE__ */ t(o, [["render", r]]);
8
+ export {
9
+ C as default
10
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as c, createElementBlock as e } from "vue";
2
+ import { _ as o } from "./index-c5bc4216.js";
3
+ const t = {}, r = { d: "M9.348 13.414c-.136.75-.68 4.246-.84 5.234-.011.07-.039.098-.117.098H5.477a.475.475 0 0 1-.472-.543L7.294 3.676a.793.793 0 0 1 .78-.66c5.95 0 6.45-.145 7.97.445 2.347.91 2.562 3.105 1.718 5.48-.84 2.446-2.832 3.496-5.472 3.528-1.696.027-2.715-.274-2.942.945Zm9.598-5.621c-.07-.05-.098-.07-.117.05-.078.446-.2.88-.344 1.313-1.558 4.446-5.879 4.059-7.988 4.059-.239 0-.395.129-.426.367-.883 5.484-1.059 6.629-1.059 6.629-.039.277.137.504.414.504h2.48a.7.7 0 0 0 .68-.582c.028-.211-.042.238.563-3.567.18-.859.559-.77 1.145-.77 2.773 0 4.937-1.124 5.582-4.386.254-1.36.18-2.789-.93-3.617Z" };
4
+ function a(n, _) {
5
+ return c(), e("path", r);
6
+ }
7
+ const m = /* @__PURE__ */ o(t, [["render", a]]);
8
+ export {
9
+ m as default
10
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as c, createElementBlock as e } from "vue";
2
+ import { _ as o } from "./index-c5bc4216.js";
3
+ const t = {}, r = { d: "M12 12c-1.1 0-2.042-.392-2.825-1.175C8.392 10.042 8 9.1 8 8s.392-2.042 1.175-2.825C9.958 4.392 10.9 4 12 4s2.042.392 2.825 1.175C15.608 5.958 16 6.9 16 8s-.392 2.042-1.175 2.825C14.042 11.608 13.1 12 12 12Zm-8 8v-2.8c0-.567.146-1.087.438-1.563A2.911 2.911 0 0 1 5.6 14.55a14.843 14.843 0 0 1 3.15-1.163A13.76 13.76 0 0 1 12 13c1.1 0 2.183.13 3.25.387 1.067.259 2.117.646 3.15 1.163.483.25.87.612 1.163 1.087.291.476.437.996.437 1.563V20H4Zm2-2h12v-.8a.973.973 0 0 0-.5-.85c-.9-.45-1.808-.787-2.725-1.012a11.6 11.6 0 0 0-5.55 0c-.917.225-1.825.562-2.725 1.012a.973.973 0 0 0-.5.85v.8Zm6-8c.55 0 1.02-.196 1.412-.588C13.804 9.021 14 8.55 14 8c0-.55-.196-1.02-.588-1.412A1.926 1.926 0 0 0 12 6c-.55 0-1.02.196-1.412.588A1.926 1.926 0 0 0 10 8c0 .55.196 1.02.588 1.412.391.392.862.588 1.412.588Z" };
4
+ function n(s, a) {
5
+ return c(), e("path", r);
6
+ }
7
+ const f = /* @__PURE__ */ o(t, [["render", n]]);
8
+ export {
9
+ f as default
10
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as c, createElementBlock as o } from "vue";
2
+ import { _ as e } from "./index-c5bc4216.js";
3
+ const t = {}, r = { d: "M12 17.5c1.25 0 2.313-.438 3.188-1.313.874-.875 1.312-1.937 1.312-3.187 0-1.25-.438-2.313-1.313-3.188C14.313 8.938 13.25 8.5 12 8.5c-1.25 0-2.313.438-3.188 1.313C7.939 10.687 7.5 11.75 7.5 13c0 1.25.438 2.313 1.313 3.188.874.875 1.937 1.312 3.187 1.312Zm0-2c-.7 0-1.292-.242-1.775-.725C9.742 14.292 9.5 13.7 9.5 13s.242-1.292.725-1.775c.483-.483 1.075-.725 1.775-.725s1.292.242 1.775.725c.483.483.725 1.075.725 1.775s-.242 1.292-.725 1.775c-.483.483-1.075.725-1.775.725ZM4 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 19V7c0-.55.196-1.02.587-1.412A1.926 1.926 0 0 1 4 5h3.15L9 3h6l1.85 2H20c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v12c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 20 21H4Zm0-2h16V7h-4.05l-1.825-2h-4.25L8.05 7H4v12Z" };
4
+ function n(s, _) {
5
+ return c(), o("path", r);
6
+ }
7
+ const m = /* @__PURE__ */ e(t, [["render", n]]);
8
+ export {
9
+ m as default
10
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as c, createElementBlock as e } from "vue";
2
+ import { _ as t } from "./index-c5bc4216.js";
3
+ const o = {}, r = { d: "M23 12c0 6.077-4.923 11-11 11-1.136 0-2.227-.173-3.256-.492.448-.732 1.118-1.93 1.367-2.883.132-.515.682-2.617.682-2.617.36.683 1.407 1.264 2.52 1.264 3.318 0 5.708-3.052 5.708-6.844 0-3.633-2.967-6.352-6.782-6.352-4.745 0-7.27 3.185-7.27 6.658 0 1.614.861 3.624 2.232 4.262.208.098.32.054.368-.146.035-.15.222-.9.306-1.246a.33.33 0 0 0-.075-.315c-.448-.555-.812-1.566-.812-2.51 0-2.427 1.836-4.773 4.968-4.773 2.7 0 4.595 1.84 4.595 4.475 0 2.976-1.504 5.039-3.46 5.039-1.078 0-1.89-.892-1.628-1.987.31-1.309.91-2.72.91-3.664 0-.843-.453-1.548-1.393-1.548-1.105 0-1.992 1.14-1.992 2.67 0 .976.329 1.632.329 1.632S8.23 18.227 8.03 19.088c-.222.95-.133 2.289-.04 3.158C3.9 20.645 1 16.662 1 12 1 5.923 5.923 1 12 1s11 4.923 11 11Z" };
4
+ function n(s, _) {
5
+ return c(), e("path", r);
6
+ }
7
+ const i = /* @__PURE__ */ t(o, [["render", n]]);
8
+ export {
9
+ i as default
10
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as o, createElementBlock as e } from "vue";
2
+ import { _ as r } from "./index-c5bc4216.js";
3
+ const t = {}, c = { d: "M8 19V5l11 7-11 7Z" };
4
+ function n(_, s) {
5
+ return o(), e("path", c);
6
+ }
7
+ const l = /* @__PURE__ */ r(t, [["render", n]]);
8
+ export {
9
+ l as default
10
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as e, createElementBlock as o } from "vue";
2
+ import { _ as t } from "./index-c5bc4216.js";
3
+ const c = {}, r = { d: "M5 13V11H19V13H5Z" };
4
+ function n(_, s) {
5
+ return e(), o("path", r);
6
+ }
7
+ const m = /* @__PURE__ */ t(c, [["render", n]]);
8
+ export {
9
+ m as default
10
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as h, createElementBlock as v } from "vue";
2
+ import { _ as e } from "./index-c5bc4216.js";
3
+ const o = {}, c = { d: "M3 21v-2h2v2H3Zm0-4v-2h2v2H3Zm0-4v-2h2v2H3Zm0-4V7h2v2H3Zm0-4V3h2v2H3Zm4 16v-2h2v2H7ZM7 5V3h2v2H7Zm4 16v-2h2v2h-2Zm4 0v-2h2v2h-2Zm4 0v-2h2v2h-2Zm0-4v-2h2v2h-2Zm2-4h-2V8c0-.833-.292-1.542-.875-2.125A2.893 2.893 0 0 0 16 5h-5V3h5c1.383 0 2.563.487 3.538 1.463C20.512 5.437 21 6.617 21 8v5Z" };
4
+ function m(r, t) {
5
+ return h(), v("path", c);
6
+ }
7
+ const _ = /* @__PURE__ */ e(o, [["render", m]]);
8
+ export {
9
+ _ as default
10
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as c, createElementBlock as e } from "vue";
2
+ import { _ as o } from "./index-c5bc4216.js";
3
+ const t = {}, r = { d: "m19.6 21-6.3-6.3A6.096 6.096 0 0 1 9.5 16c-1.817 0-3.354-.63-4.612-1.887C3.629 12.854 3 11.317 3 9.5c0-1.817.63-3.354 1.888-4.612C6.146 3.629 7.683 3 9.5 3c1.817 0 3.354.63 4.613 1.888C15.37 6.146 16 7.683 16 9.5a6.096 6.096 0 0 1-1.3 3.8l6.3 6.3-1.4 1.4ZM9.5 14c1.25 0 2.313-.438 3.188-1.313C13.562 11.813 14 10.75 14 9.5c0-1.25-.438-2.313-1.313-3.188C11.813 5.438 10.75 5 9.5 5c-1.25 0-2.313.438-3.188 1.313S5 8.25 5 9.5c0 1.25.438 2.313 1.313 3.188C7.188 13.562 8.25 14 9.5 14Z" };
4
+ function n(_, a) {
5
+ return c(), e("path", r);
6
+ }
7
+ const m = /* @__PURE__ */ o(t, [["render", n]]);
8
+ export {
9
+ m as default
10
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as c, createElementBlock as e } from "vue";
2
+ import { _ as o } from "./index-c5bc4216.js";
3
+ const t = {}, r = { d: "M14.25 21.4c-.383.383-.858.575-1.425.575-.567 0-1.042-.192-1.425-.575l-8.8-8.8c-.183-.183-.33-.4-.438-.65a1.99 1.99 0 0 1-.162-.8V4c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 4 2h7.15a2.071 2.071 0 0 1 1.45.6l8.8 8.825c.383.383.575.854.575 1.412a1.92 1.92 0 0 1-.575 1.413l-7.15 7.15ZM12.825 20l7.15-7.15L11.15 4H4v7.15L12.825 20ZM6.5 8c.417 0 .77-.146 1.063-.438C7.854 7.271 8 6.918 8 6.5c0-.417-.146-.77-.438-1.063A1.447 1.447 0 0 0 6.5 5c-.417 0-.77.146-1.063.438A1.447 1.447 0 0 0 5 6.5c0 .417.146.77.438 1.063.291.291.645.437 1.062.437Z" };
4
+ function n(_, a) {
5
+ return c(), e("path", r);
6
+ }
7
+ const f = /* @__PURE__ */ o(t, [["render", n]]);
8
+ export {
9
+ f as default
10
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as c, createElementBlock as a } from "vue";
2
+ import { _ as A } from "./index-c5bc4216.js";
3
+ const e = {}, o = { d: "M18 22a2.893 2.893 0 0 1-2.125-.875A2.893 2.893 0 0 1 15 19c0-.117.008-.238.025-.363s.042-.237.075-.337l-7.05-4.1c-.283.25-.6.446-.95.588-.35.141-.717.212-1.1.212a2.893 2.893 0 0 1-2.125-.875A2.893 2.893 0 0 1 3 12c0-.833.292-1.542.875-2.125A2.893 2.893 0 0 1 6 9c.383 0 .75.07 1.1.213.35.141.667.337.95.587l7.05-4.1a1.843 1.843 0 0 1-.075-.338A2.738 2.738 0 0 1 15 5c0-.833.292-1.542.875-2.125A2.893 2.893 0 0 1 18 2c.833 0 1.542.292 2.125.875S21 4.167 21 5s-.292 1.542-.875 2.125A2.893 2.893 0 0 1 18 8c-.383 0-.75-.07-1.1-.213a3.293 3.293 0 0 1-.95-.587L8.9 11.3c.033.1.058.212.075.337a2.742 2.742 0 0 1 0 .726 1.838 1.838 0 0 1-.075.337l7.05 4.1c.283-.25.6-.446.95-.588.35-.141.717-.212 1.1-.212.833 0 1.542.292 2.125.875S21 18.167 21 19s-.292 1.542-.875 2.125A2.893 2.893 0 0 1 18 22Zm0-16a.97.97 0 0 0 .712-.287A.967.967 0 0 0 19 5a.967.967 0 0 0-.288-.713A.968.968 0 0 0 18 4a.968.968 0 0 0-.712.287A.967.967 0 0 0 17 5c0 .283.096.52.288.713A.968.968 0 0 0 18 6ZM6 13c.283 0 .52-.096.713-.287A.968.968 0 0 0 7 12a.968.968 0 0 0-.287-.713A.967.967 0 0 0 6 11a.967.967 0 0 0-.713.287A.968.968 0 0 0 5 12c0 .283.096.52.287.713.192.191.43.287.713.287Zm12 7c.283 0 .52-.096.712-.288A.968.968 0 0 0 19 19a.968.968 0 0 0-.288-.712A.968.968 0 0 0 18 18a.968.968 0 0 0-.712.288A.968.968 0 0 0 17 19c0 .283.096.52.288.712A.965.965 0 0 0 18 20Z" };
4
+ function t(r, n) {
5
+ return c(), a("path", o);
6
+ }
7
+ const m = /* @__PURE__ */ A(e, [["render", t]]);
8
+ export {
9
+ m as default
10
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as c, createElementBlock as o } from "vue";
2
+ import { _ as t } from "./index-c5bc4216.js";
3
+ const e = {}, r = { d: "M7 22c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5 20c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 7 18c.55 0 1.02.196 1.412.587C8.804 18.98 9 19.45 9 20s-.196 1.02-.588 1.413A1.926 1.926 0 0 1 7 22Zm10 0c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 15 20c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 17 18c.55 0 1.02.196 1.413.587.391.392.587.863.587 1.413s-.196 1.02-.587 1.413A1.926 1.926 0 0 1 17 22ZM6.15 6l2.4 5h7l2.75-5H6.15ZM5.2 4h14.75c.383 0 .675.17.875.513.2.341.208.687.025 1.037l-3.55 6.4c-.183.333-.43.592-.738.775A1.945 1.945 0 0 1 15.55 13H8.1L7 15h12v2H7c-.75 0-1.317-.33-1.7-.988-.383-.658-.4-1.312-.05-1.962L6.6 11.6 3 4H1V2h3.25l.95 2Z" };
4
+ function n(s, _) {
5
+ return c(), o("path", r);
6
+ }
7
+ const l = /* @__PURE__ */ t(e, [["render", n]]);
8
+ export {
9
+ l as default
10
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as c, createElementBlock as e } from "vue";
2
+ import { _ as o } from "./index-c5bc4216.js";
3
+ const t = {}, a = { d: "M8 11c.283 0 .52-.096.713-.287A.968.968 0 0 0 9 10a.968.968 0 0 0-.287-.713A.968.968 0 0 0 8 9a.968.968 0 0 0-.713.287A.968.968 0 0 0 7 10c0 .283.096.52.287.713.192.191.43.287.713.287Zm4 0c.283 0 .52-.096.713-.287A.968.968 0 0 0 13 10a.967.967 0 0 0-.287-.713A.968.968 0 0 0 12 9a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 10c0 .283.096.52.287.713.192.191.43.287.713.287Zm4 0a.97.97 0 0 0 .712-.287A.968.968 0 0 0 17 10a.967.967 0 0 0-.288-.713A.968.968 0 0 0 16 9a.968.968 0 0 0-.713.287A.967.967 0 0 0 15 10c0 .283.096.52.287.713.192.191.43.287.713.287ZM2 22V4c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 4 2h16c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v12c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 20 18H6l-4 4Zm3.15-6H20V4H4v13.125L5.15 16Z" };
4
+ function r(n, A) {
5
+ return c(), e("path", a);
6
+ }
7
+ const s = /* @__PURE__ */ o(t, [["render", r]]);
8
+ export {
9
+ s as default
10
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as t, createElementBlock as e } from "vue";
2
+ import { _ as o } from "./index-c5bc4216.js";
3
+ const c = {}, r = { d: "m8.85 16.825 3.15-1.9 3.15 1.925-.825-3.6 2.775-2.4-3.65-.325-1.45-3.4-1.45 3.375-3.65.325 2.775 2.425-.825 3.575ZM5.825 21l1.625-7.025L2 9.25l7.2-.625L12 2l2.8 6.625 7.2.625-5.45 4.725L18.175 21 12 17.275 5.825 21Z" };
4
+ function n(_, s) {
5
+ return t(), e("path", r);
6
+ }
7
+ const l = /* @__PURE__ */ o(c, [["render", n]]);
8
+ export {
9
+ l as default
10
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as e, createElementBlock as t } from "vue";
2
+ import { _ as o } from "./index-c5bc4216.js";
3
+ const c = {}, r = { d: "M8 13V5.825L5.425 8.4 4 7l5-5 5 5-1.425 1.4L10 5.825V13H8Zm7 9-5-5 1.425-1.4L14 18.175V11h2v7.175l2.575-2.575L20 17l-5 5Z" };
4
+ function n(_, s) {
5
+ return e(), t("path", r);
6
+ }
7
+ const l = /* @__PURE__ */ o(c, [["render", n]]);
8
+ export {
9
+ l as default
10
+ };
@@ -0,0 +1,25 @@
1
+ import { openBlock as t, createElementBlock as c, Fragment as a, createElementVNode as e } from "vue";
2
+ import { _ as o } from "./index-c5bc4216.js";
3
+ const h = {}, n = /* @__PURE__ */ e("mask", {
4
+ height: "24",
5
+ id: "a",
6
+ maskUnits: "userSpaceOnUse",
7
+ style: { "mask-type": "alpha" },
8
+ width: "24",
9
+ x: "0",
10
+ y: "0"
11
+ }, [
12
+ /* @__PURE__ */ e("path", { d: "M0 0h24v24H0z" })
13
+ ], -1), s = /* @__PURE__ */ e("g", { mask: "url(#a)" }, [
14
+ /* @__PURE__ */ e("path", { d: "M12 22a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12h2c0 1.917.604 3.608 1.813 5.075 1.208 1.467 2.754 2.392 4.637 2.775L9 18.4l1.4-1.4 4.55 4.55c-.483.167-.97.283-1.462.35S12.5 22 12 22Zm.5-7V9h3a.97.97 0 0 1 .712.287c.192.192.288.43.288.713v4a.97.97 0 0 1-.288.713.968.968 0 0 1-.712.287h-3Zm-5 0v-1.5H10v-1H8.5v-1H10v-1H7.5V9h3c.283 0 .52.096.713.287.191.192.287.43.287.713v4c0 .283-.096.52-.287.713A.968.968 0 0 1 10.5 15h-3Zm6.5-1.5h1v-3h-1v3Zm6-1.5c0-1.917-.604-3.608-1.813-5.075-1.208-1.467-2.754-2.392-4.637-2.775L15 5.6 13.6 7 9.05 2.45c.483-.167.97-.283 1.462-.35S11.5 2 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12h-2Z" })
15
+ ], -1);
16
+ function r(m, _) {
17
+ return t(), c(a, null, [
18
+ n,
19
+ s
20
+ ], 64);
21
+ }
22
+ const d = /* @__PURE__ */ o(h, [["render", r]]);
23
+ export {
24
+ d as default
25
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as e, createElementBlock as h } from "vue";
2
+ import { _ as o } from "./index-c5bc4216.js";
3
+ const t = {}, v = { d: "M11 21v-6h2v2h8v2h-8v2h-2Zm-8-2v-2h6v2H3Zm4-4v-2H3v-2h4V9h2v6H7Zm4-2v-2h10v2H11Zm4-4V3h2v2h4v2h-4v2h-2ZM3 7V5h10v2H3Z" };
4
+ function c(n, r) {
5
+ return e(), h("path", v);
6
+ }
7
+ const s = /* @__PURE__ */ o(t, [["render", c]]);
8
+ export {
9
+ s as default
10
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as t, createElementBlock as e } from "vue";
2
+ import { _ as o } from "./index-c5bc4216.js";
3
+ const c = {}, r = { d: "M18.202 2.25h3.309l-7.228 8.26 8.503 11.24H16.13l-5.217-6.816L4.95 21.75H1.636l7.73-8.836L1.214 2.25H8.04l4.711 6.23 5.452-6.23Zm-1.163 17.522h1.833L7.04 4.125H5.07l11.97 15.647Z" };
4
+ function n(_, l) {
5
+ return t(), e("path", r);
6
+ }
7
+ const f = /* @__PURE__ */ o(c, [["render", n]]);
8
+ export {
9
+ f as default
10
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as c, createElementBlock as e } from "vue";
2
+ import { _ as o } from "./index-c5bc4216.js";
3
+ const t = {}, r = { d: "M4 20c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 18V6c0-.55.196-1.02.587-1.412A1.926 1.926 0 0 1 4 4h12c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v4.5l4-4v11l-4-4V18c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 16 20H4Zm0-2h12V6H4v12Z" };
4
+ function n(_, s) {
5
+ return c(), e("path", r);
6
+ }
7
+ const f = /* @__PURE__ */ o(t, [["render", n]]);
8
+ export {
9
+ f as default
10
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as c, createElementBlock as e } from "vue";
2
+ import { _ as o } from "./index-c5bc4216.js";
3
+ const t = {}, r = { d: "M11 19.475 6 16.6a1.948 1.948 0 0 1-1-1.725v-5.75A1.948 1.948 0 0 1 6 7.4l5-2.875c.317-.183.65-.275 1-.275s.683.092 1 .275L18 7.4a1.948 1.948 0 0 1 1 1.725v5.75a1.948 1.948 0 0 1-1 1.725l-5 2.875c-.317.183-.65.275-1 .275s-.683-.092-1-.275Zm0-2.3v-4.6L7 10.25v4.625l4 2.3Zm2 0 4-2.3V10.25l-4 2.325v4.6ZM2 7V4c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 4 2h3v2H4v3H2Zm5 15H4c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 20v-3h2v3h3v2Zm10 0v-2h3v-3h2v3c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 20 22h-3Zm3-15V4h-3V2h3c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v3h-2Zm-8 3.85 3.95-2.325L12 6.25 8.05 8.525 12 10.85Z" };
4
+ function v(n, h) {
5
+ return c(), e("path", r);
6
+ }
7
+ const _ = /* @__PURE__ */ o(t, [["render", v]]);
8
+ export {
9
+ _ as default
10
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as c, createElementBlock as t } from "vue";
2
+ import { _ as e } from "./index-c5bc4216.js";
3
+ const o = {}, r = { d: "M12 16c1.25 0 2.313-.438 3.188-1.313.874-.874 1.312-1.937 1.312-3.187 0-1.25-.438-2.313-1.313-3.188C14.313 7.439 13.25 7 12 7c-1.25 0-2.313.438-3.188 1.313C7.939 9.187 7.5 10.25 7.5 11.5c0 1.25.438 2.313 1.313 3.188C9.687 15.562 10.75 16 12 16Zm0-1.8c-.75 0-1.387-.262-1.912-.787A2.604 2.604 0 0 1 9.3 11.5c0-.75.262-1.387.787-1.912A2.604 2.604 0 0 1 12 8.8c.75 0 1.387.262 1.912.787.525.526.788 1.163.788 1.913s-.262 1.387-.787 1.912A2.604 2.604 0 0 1 12 14.2Zm0 4.8c-2.433 0-4.65-.68-6.65-2.038-2-1.358-3.45-3.179-4.35-5.462.9-2.283 2.35-4.104 4.35-5.463C7.35 4.68 9.567 4 12 4c2.433 0 4.65.68 6.65 2.037 2 1.359 3.45 3.18 4.35 5.463-.9 2.283-2.35 4.104-4.35 5.462C16.65 18.322 14.433 19 12 19Zm0-2a9.544 9.544 0 0 0 5.188-1.488A9.773 9.773 0 0 0 20.8 11.5a9.773 9.773 0 0 0-3.613-4.013A9.545 9.545 0 0 0 12 6a9.545 9.545 0 0 0-5.188 1.487A9.773 9.773 0 0 0 3.2 11.5a9.773 9.773 0 0 0 3.612 4.012A9.544 9.544 0 0 0 12 17Z" };
4
+ function n(a, s) {
5
+ return c(), t("path", r);
6
+ }
7
+ const m = /* @__PURE__ */ e(o, [["render", n]]);
8
+ export {
9
+ m as default
10
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as c, createElementBlock as e } from "vue";
2
+ import { _ as o } from "./index-c5bc4216.js";
3
+ const t = {}, n = { d: "M1 21 12 2l11 19H1Zm3.45-2h15.1L12 6 4.45 19ZM12 18a.97.97 0 0 0 .713-.288A.968.968 0 0 0 13 17a.968.968 0 0 0-.287-.712A.968.968 0 0 0 12 16a.968.968 0 0 0-.713.288A.968.968 0 0 0 11 17c0 .283.096.52.287.712.192.192.43.288.713.288Zm-1-3h2v-5h-2v5Z" };
4
+ function r(a, _) {
5
+ return c(), e("path", n);
6
+ }
7
+ const f = /* @__PURE__ */ o(t, [["render", r]]);
8
+ export {
9
+ f as default
10
+ };
@@ -0,0 +1,10 @@
1
+ import { openBlock as c, createElementBlock as e } from "vue";
2
+ import { _ as o } from "./index-c5bc4216.js";
3
+ const t = {}, r = { d: "M22.54 6.848a2.72 2.72 0 0 0-1.945-1.899C18.88 4.5 12 4.5 12 4.5s-6.88 0-8.595.45a2.72 2.72 0 0 0-1.946 1.898C1 8.523 1 12.016 1 12.016s0 3.492.46 5.168c.253.925.998 1.62 1.945 1.867C5.12 19.5 12 19.5 12 19.5s6.88 0 8.595-.45c.947-.245 1.692-.945 1.946-1.866.459-1.676.459-5.168.459-5.168s0-3.493-.46-5.168Zm-12.788 8.34V8.843l5.748 3.172-5.748 3.171Z" };
4
+ function s(n, _) {
5
+ return c(), e("path", r);
6
+ }
7
+ const m = /* @__PURE__ */ o(t, [["render", s]]);
8
+ export {
9
+ m as default
10
+ };
@@ -0,0 +1,14 @@
1
+ .slide-down-from-top-enter-active,
2
+ .slide-down-from-top-leave-active {
3
+ transition: transform var(--animate);
4
+ }
5
+
6
+ .slide-down-from-top-enter-from,
7
+ .slide-down-from-top-leave-to {
8
+ transform: translateY(-100%);
9
+ }
10
+
11
+ .slide-down-from-top-enter-to,
12
+ .slide-down-from-top-leave-from {
13
+ transform: translateY(0);
14
+ }
@@ -0,0 +1,79 @@
1
+ .tide-link-as-button,
2
+ .tide-button {
3
+ padding-top: 0.75rem;
4
+ padding-bottom: 0.75rem;
5
+ }
6
+
7
+ .tide-link-as-button.quaternary,
8
+ .tide-button.quaternary {
9
+ padding-right: 1rem;
10
+ padding-left: 1rem;
11
+ }
12
+
13
+ /* Rest State */
14
+ .primary {
15
+ background: var(--primary);
16
+ border: 2px solid var(--primary);
17
+ color: var(--on-primary);
18
+ }
19
+
20
+ .secondary {
21
+ background: 2px solid var(--surface);
22
+ border: 2px solid var(--primary);
23
+ color: var(--primary);
24
+ }
25
+
26
+ .tertiary {
27
+ background: var(--white);
28
+ border: 1px solid var(--border);
29
+ color: var(--secondary);
30
+ }
31
+
32
+ .quaternary {
33
+ background: var(--white);
34
+ color: var(--secondary);
35
+ }
36
+
37
+ .floating {
38
+ background-color: var(--transparent-100);
39
+ color: var(--secondary);
40
+ box-shadow: var(--shadow-bottom);
41
+ }
42
+
43
+ /* Hover State */
44
+ a.primary:hover,
45
+ button.primary:enabled:hover {
46
+ border: 2px solid var(--primary);
47
+ background: 2px solid var(--white);
48
+ color: var(--primary);
49
+ }
50
+
51
+ a.secondary:hover,
52
+ button.secondary:enabled:hover {
53
+ background: var(--primary);
54
+ color: var(--on-primary);
55
+ }
56
+
57
+ a.tertiary:hover,
58
+ button.tertiary:enabled:hover {
59
+ border: 1px solid var(--border-high);
60
+ }
61
+
62
+ a.quaternary:hover,
63
+ button.quaternary:enabled:hover {
64
+ background: var(--surface-variant);
65
+ }
66
+
67
+ .floating:hover,
68
+ button.floating:enabled:hover {
69
+ background-color: var(--white);
70
+ }
71
+
72
+ /* Disabled State */
73
+ button.primary:disabled,
74
+ button.secondary:disabled,
75
+ button.tertiary:disabled,
76
+ button.quaternary:disabled,
77
+ button.floating:disabled {
78
+ opacity: 0.32;
79
+ }
@@ -0,0 +1,43 @@
1
+ .block-field .field {
2
+ --input-outline-width: var(--border-w-1);
3
+ outline: var(--input-outline-width) solid var(--ti-surface-border-rest);
4
+ outline-offset: calc(var(--input-outline-width) * -1);
5
+ color: var(--ti-surface-foreground);
6
+ }
7
+
8
+ .block-field .field::placeholder {
9
+ color: var(--ti-surface-variant-foreground);
10
+ }
11
+
12
+ .block-field.error {
13
+ color: var(--error-on-surface);
14
+ }
15
+
16
+ .block-field.error .field {
17
+ outline-color: var(--error-border-rest);
18
+ }
19
+
20
+ .block-field.error:focus-within .field {
21
+ outline-color: var(--error-border-rest);
22
+ }
23
+
24
+ .block-field.error:hover {
25
+ color: var(--error-on-surface-variant);
26
+ }
27
+
28
+ .block-field.error:hover .field {
29
+ outline-color: var(--error-border-high);
30
+ }
31
+
32
+ .block-field.disabled {
33
+ opacity: 0.333;
34
+ }
35
+
36
+ .block-field:hover .field {
37
+ outline-color: var(--ti-surface-border-high);
38
+ }
39
+
40
+ .block-field:focus-within .field {
41
+ --input-outline-width: var(--border-w-2);
42
+ outline-color: var(--ti-surface-border-high);
43
+ }
@@ -0,0 +1,30 @@
1
+ /* Atomic Utilities */
2
+ /* Background */
3
+ .tide-bg-primary {background: var(--primary);}
4
+ .tide-bg-secondary {background: var(--secondary);}
5
+
6
+ .tide-bg-surface {background: var(--surface);}
7
+ .tide-bg-surface-variant {background: var(--surface-variant);}
8
+ .tide-bg-surface-brand {background: var(--surface-brand);}
9
+ .tide-bg-surface-accent {background: var(--surface-accent);}
10
+ .tide-bg-surface-accent-variant {background: var(--surface-accent-variant);}
11
+ .tide-bg-surface-gradient {background: var(--surface-gradient);}
12
+ .tide-bg-surface-floating {background: var(--surface-floating);}
13
+
14
+ /* Border */
15
+ .tide-border-primary {border-color: var(--primary);}
16
+
17
+ .tide-border {border-color: var(--border);}
18
+ .tide-border-low {border-color: var(--border-low);}
19
+ .tide-border-high {border-color: var(--border-high);}
20
+ .tide-border-floating {border-color: var(--border-floating);}
21
+
22
+ /* Foreground */
23
+ .tide-font-on-primary {color: var(--on-primary);}
24
+ .tide-font-on-secondary {color: var(--on-secondary);}
25
+
26
+ .tide-font-on-surface {color: var(--on-surface);}
27
+ .tide-font-on-surface-variant {color: var(--on-surface-variant);}
28
+ .tide-font-on-surface-brand {color: var(--on-surface-brand);}
29
+ .tide-font-on-surface-inverse {color: var(--on-surface-inverse);}
30
+ .tide-font-on-surface-variant-inverse {color: var(--on-surface-inverse-variant);}
@@ -0,0 +1,10 @@
1
+ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
2
+
3
+ @import './variables.css';
4
+ @import './reset.css';
5
+ @import './utilities.css';
6
+ @import './dynamic-buttons.css';
7
+ @import './dynamic-inputs.css';
8
+ @import './dynamic-utilities.css';
9
+ @import './animation.css';
10
+ @import './page-layout.css';
@@ -0,0 +1,57 @@
1
+ .page-layout {
2
+ --max-content-width: 1168px;
3
+ --gap: 0px;
4
+ --column-count: 12;
5
+ --min-gutter-width: var(--spacing-1);
6
+ --gutter-width: minmax(var(--min-gutter-width), 1fr);
7
+ --max-column-size: calc((var(--max-content-width) - (var(--gap) * (var(--column-count) - 1))) / var(--column-count));
8
+ --content-columns: repeat(var(--column-count), minmax(0px, var(--max-column-size)));
9
+
10
+ display: grid;
11
+ gap: 0 var(--gap);
12
+ grid-auto-rows: min-content;
13
+ grid-template-columns: [start] var(--gutter-width) [content-start] var(--content-columns) [content-end] var(--gutter-width) [end];
14
+ }
15
+
16
+ .page-layout > *,
17
+ .layout-item {
18
+ --start: calc(var(--column-start) + 1);
19
+ --end: calc(var(--column-end) + 2);
20
+ --start-end: var(--start, content-start) / var(--end, content-end);
21
+
22
+ grid-column: var(--column, var(--start-end));
23
+ }
24
+
25
+ .tide-fluid {grid-column: 1 / -1;}
26
+
27
+ .tide-start-0 {--column-start: 0;}
28
+ .tide-start-1 {--column-start: 1;}
29
+ .tide-start-2 {--column-start: 2;}
30
+ .tide-start-3 {--column-start: 3;}
31
+ .tide-start-4 {--column-start: 4;}
32
+ .tide-start-5 {--column-start: 5;}
33
+ .tide-start-6 {--column-start: 6;}
34
+ .tide-start-7 {--column-start: 7;}
35
+ .tide-start-8 {--column-start: 8;}
36
+ .tide-start-9 {--column-start: 9;}
37
+ .tide-start-10 {--column-start: 10;}
38
+ .tide-start-11 {--column-start: 11;}
39
+ .tide-start-12 {--column-start: 12;}
40
+
41
+ .tide-end-1 {--column-end: 1;}
42
+ .tide-end-2 {--column-end: 2;}
43
+ .tide-end-3 {--column-end: 3;}
44
+ .tide-end-4 {--column-end: 4;}
45
+ .tide-end-5 {--column-end: 5;}
46
+ .tide-end-6 {--column-end: 6;}
47
+ .tide-end-7 {--column-end: 7;}
48
+ .tide-end-8 {--column-end: 8;}
49
+ .tide-end-9 {--column-end: 9;}
50
+ .tide-end-10 {--column-end: 10;}
51
+ .tide-end-11 {--column-end: 11;}
52
+ .tide-end-12 {--column-end: 12;}
53
+ .tide-end-13 {--column-end: 13;}
54
+
55
+ .site-main {
56
+ isolation: isolate;
57
+ }