tide-design-system 2.0.3 → 2.0.4

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 (90) hide show
  1. package/README.md +9 -51
  2. package/dist/IconAccountBalance-8d60a762.js +11 -0
  3. package/dist/IconAdd-41987be0.js +11 -0
  4. package/dist/IconAi-54c9f1f9.js +23 -0
  5. package/dist/IconAlignSpace-0dbce580.js +11 -0
  6. package/dist/IconApplePay-0aac1e20.js +11 -0
  7. package/dist/IconArrowBack-942e8c4c.js +11 -0
  8. package/dist/IconArrowForward-4b5bcc17.js +11 -0
  9. package/dist/IconArrowRight-143abfe9.js +11 -0
  10. package/dist/IconAssignment-28546363.js +11 -0
  11. package/dist/IconAwardStar-e260b61a.js +11 -0
  12. package/dist/IconBookmark-2df361a1.js +11 -0
  13. package/dist/IconCalendarMonth-1331bb2e.js +11 -0
  14. package/dist/IconCall-bfb28d23.js +11 -0
  15. package/dist/IconCheck-4f7c55bb.js +11 -0
  16. package/dist/IconChevronLeft-111444b3.js +11 -0
  17. package/dist/IconChevronRight-f3e73764.js +11 -0
  18. package/dist/IconClear-7f6472ed.js +11 -0
  19. package/dist/IconClose-fe46270f.js +11 -0
  20. package/dist/IconCycle-1c670925.js +11 -0
  21. package/dist/IconDelete-40861e3a.js +11 -0
  22. package/dist/IconDiamond-92bc3c14.js +11 -0
  23. package/dist/IconEdit-2ce79ec9.js +11 -0
  24. package/dist/IconError-9d150afa.js +11 -0
  25. package/dist/IconExpandContent-4611f59a.js +11 -0
  26. package/dist/IconExpandLess-97dbbba2.js +11 -0
  27. package/dist/IconExpandMore-74cf7746.js +11 -0
  28. package/dist/IconFacebook-5177a43e.js +11 -0
  29. package/dist/IconFavorite-b8b2232b.js +11 -0
  30. package/dist/IconFavoriteFilled-a03c18b0.js +11 -0
  31. package/dist/IconFormatBold-fe01c0d0.js +11 -0
  32. package/dist/IconFormatItalic-2b3d0f32.js +11 -0
  33. package/dist/IconFormatListBulleted-9f4f5f29.js +11 -0
  34. package/dist/IconForum-ad13c05f.js +11 -0
  35. package/dist/IconGoogle-1661c713.js +28 -0
  36. package/dist/IconGooglePay-c55f25e8.js +11 -0
  37. package/dist/IconGrid-1a6868d2.js +11 -0
  38. package/dist/IconHelp-1d25fcc1.js +11 -0
  39. package/dist/IconInfo-25020d15.js +11 -0
  40. package/dist/IconInsertText-a93ea55d.js +11 -0
  41. package/dist/IconInstagram-393a91c5.js +11 -0
  42. package/dist/IconIosShare-10a2497c.js +11 -0
  43. package/dist/IconLayout-b486c56c.js +11 -0
  44. package/dist/IconLinkedIn-ed3a304e.js +11 -0
  45. package/dist/IconLocalShipping-21673087.js +11 -0
  46. package/dist/IconLock-c7d18ae6.js +11 -0
  47. package/dist/IconMail-3a6fb81c.js +11 -0
  48. package/dist/IconMenu-27e0ea03.js +11 -0
  49. package/dist/IconMoreHoriz-97b1974a.js +11 -0
  50. package/dist/IconNotifications-11566098.js +11 -0
  51. package/dist/IconOpenInNew-e89309cc.js +11 -0
  52. package/dist/IconPalette-7b39c00b.js +11 -0
  53. package/dist/IconPaypal-581e5de8.js +11 -0
  54. package/dist/IconPerson-7b5fc958.js +11 -0
  55. package/dist/IconPhotoCamera-dd25e6de.js +11 -0
  56. package/dist/IconPinterest-f8569b8c.js +11 -0
  57. package/dist/IconPlayArrow-a7538942.js +11 -0
  58. package/dist/IconRemove-c19ef592.js +11 -0
  59. package/dist/IconRoundedCorners-501a2efe.js +11 -0
  60. package/dist/IconSearch-c2acd4ec.js +11 -0
  61. package/dist/IconSell-8a47939b.js +11 -0
  62. package/dist/IconShare-a8e26193.js +11 -0
  63. package/dist/IconShoppingCart-78a14827.js +11 -0
  64. package/dist/IconSms-3a93e423.js +11 -0
  65. package/dist/IconStar-8c8f1bb4.js +11 -0
  66. package/dist/IconSwapVert-066694ed.js +11 -0
  67. package/dist/IconThreeDRotation-7823ddb5.js +26 -0
  68. package/dist/IconTune-43f405a5.js +11 -0
  69. package/dist/IconTwitter-2bc0ee2b.js +11 -0
  70. package/dist/IconVideocam-7deb4ac7.js +11 -0
  71. package/dist/IconViewInAr-bf12af3e.js +11 -0
  72. package/dist/IconVisibility-f6ca5bb6.js +11 -0
  73. package/dist/IconWarning-7a1f76a9.js +11 -0
  74. package/dist/IconYoutube-6e789d14.js +11 -0
  75. package/dist/css/dynamic-utilities.css +10 -0
  76. package/dist/css/page-layout.css +27 -15
  77. package/dist/index-1042d93b.js +2055 -0
  78. package/dist/style.css +1 -0
  79. package/dist/tide-design-system.js +44 -3
  80. package/dist/types/Styles.ts +8 -0
  81. package/package.json +3 -5
  82. package/dist/assets/style.css +0 -1
  83. package/dist/css/sb-rv.css +0 -1
  84. package/dist/tide-design-system2.js +0 -5
  85. package/dist/tide-design-system3.js +0 -5
  86. package/dist/tide-design-system4.js +0 -5
  87. package/dist/tide-design-system5.js +0 -5
  88. package/dist/tide-design-system6.js +0 -5
  89. package/dist/tide-design-system7.js +0 -5
  90. package/dist/tide-design-system8.js +0 -5
package/dist/IconWarning-7a1f76a9.js ADDED
@@ -0,0 +1,11 @@
1
+ import { openBlock as c, createElementBlock as e } from "vue";
2
+ import { _ as o } from "./index-1042d93b.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
+ };
11
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbldhcm5pbmctN2ExZjc2YTkuanMiLCJzb3VyY2VzIjpbIi4uL3NyYy9hc3NldHMvc3ZnL2ljb25zL0ljb25XYXJuaW5nLnZ1ZSJdLCJzb3VyY2VzQ29udGVudCI6WyI8dGVtcGxhdGU+XG4gIDxwYXRoXG4gICAgZD1cIk0xIDIxIDEyIDJsMTEgMTlIMVptMy40NS0yaDE1LjFMMTIgNiA0LjQ1IDE5Wk0xMiAxOGEuOTcuOTcgMCAwIDAgLjcxMy0uMjg4QS45NjguOTY4IDAgMCAwIDEzIDE3YS45NjguOTY4IDAgMCAwLS4yODctLjcxMkEuOTY4Ljk2OCAwIDAgMCAxMiAxNmEuOTY4Ljk2OCAwIDAgMC0uNzEzLjI4OEEuOTY4Ljk2OCAwIDAgMCAxMSAxN2MwIC4yODMuMDk2LjUyLjI4Ny43MTIuMTkyLjE5Mi40My4yODguNzEzLjI4OFptLTEtM2gydi01aC0ydjVaXCJcbiAgLz5cbjwvdGVtcGxhdGU+XG4iXSwibmFtZXMiOlsiX3NmY19yZW5kZXIiLCJfY3R4IiwiX2NhY2hlIl0sIm1hcHBpbmdzIjoiOzs7QUFDRSxTQUFBQSxFQUFBQyxHQUFBQyxHQUFBOzs7OyJ9
package/dist/IconYoutube-6e789d14.js ADDED
@@ -0,0 +1,11 @@
1
+ import { openBlock as c, createElementBlock as e } from "vue";
2
+ import { _ as o } from "./index-1042d93b.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
+ };
11
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbllvdXR1YmUtNmU3ODlkMTQuanMiLCJzb3VyY2VzIjpbIi4uL3NyYy9hc3NldHMvc3ZnL2ljb25zL0ljb25Zb3V0dWJlLnZ1ZSJdLCJzb3VyY2VzQ29udGVudCI6WyI8dGVtcGxhdGU+XG4gIDxwYXRoXG4gICAgZD1cIk0yMi41NCA2Ljg0OGEyLjcyIDIuNzIgMCAwIDAtMS45NDUtMS44OTlDMTguODggNC41IDEyIDQuNSAxMiA0LjVzLTYuODggMC04LjU5NS40NWEyLjcyIDIuNzIgMCAwIDAtMS45NDYgMS44OThDMSA4LjUyMyAxIDEyLjAxNiAxIDEyLjAxNnMwIDMuNDkyLjQ2IDUuMTY4Yy4yNTMuOTI1Ljk5OCAxLjYyIDEuOTQ1IDEuODY3QzUuMTIgMTkuNSAxMiAxOS41IDEyIDE5LjVzNi44OCAwIDguNTk1LS40NWMuOTQ3LS4yNDUgMS42OTItLjk0NSAxLjk0Ni0xLjg2Ni40NTktMS42NzYuNDU5LTUuMTY4LjQ1OS01LjE2OHMwLTMuNDkzLS40Ni01LjE2OFptLTEyLjc4OCA4LjM0VjguODQzbDUuNzQ4IDMuMTcyLTUuNzQ4IDMuMTcxWlwiXG4gIC8+XG48L3RlbXBsYXRlPlxuIl0sIm5hbWVzIjpbIl9zZmNfcmVuZGVyIiwiX2N0eCIsIl9jYWNoZSJdLCJtYXBwaW5ncyI6Ijs7O0FBQ0UsU0FBQUEsRUFBQUMsR0FBQUMsR0FBQTs7OzsifQ==
package/dist/css/dynamic-utilities.css CHANGED
@@ -10,6 +10,16 @@
10
10
  .tide-bg-surface-gradient {background: var(--tide-surface-gradient);}
11
11
  .tide-bg-surface-floating {background: var(--tide-surface-floating);}
12
12
 
13
+ .tide-bg-surface-error {background-color: var(--tide-error-surface);}
14
+ .tide-bg-surface-info {background-color: var(--tide-info-surface);}
15
+ .tide-bg-surface-success {background-color: var(--tide-success-surface);}
16
+ .tide-bg-surface-warning {background-color: var(--tide-warning-surface);}
17
+
18
+ .tide-bg-error {background-color: var(--tide-error-primary);}
19
+ .tide-bg-info {background-color: var(--tide-info-primary);}
20
+ .tide-bg-success {background-color: var(--tide-success-primary);}
21
+ .tide-bg-warning {background-color: var(--tide-warning-primary);}
22
+
13
23
  /* Border */
14
24
  .tide-border-primary {border-color: var(--tide-primary);}
15
25
 
package/dist/css/page-layout.css CHANGED
@@ -1,25 +1,25 @@
1
1
  .tide-page-layout {
2
- --tide-max-content-width: 1168px;
3
- --tide-gap: 0px;
4
- --tide-column-count: 6;
5
- --tide-min-gutter-width: var(--tide-spacing-1);
6
- --tide-gutter-width: minmax(var(--tide-min-gutter-width), 1fr);
7
- --tide-max-column-size: calc((var(--tide-max-content-width) - (var(--tide-gap) * (var(--tide-column-count) - 1))) / var(--tide-column-count));
8
- --tide-content-columns: repeat(var(--tide-column-count), minmax(0px, var(--tide-max-column-size)));
2
+ --tide-max-content-width: 1168px;
3
+ --tide-gap: 0px;
4
+ --tide-column-count: 12;
5
+ --tide-min-gutter-width: var(--tide-spacing-1);
6
+ --tide-gutter-width: minmax(var(--tide-min-gutter-width), 1fr);
7
+ --tide-max-column-size: calc((var(--tide-max-content-width) - (var(--tide-gap) * (var(--tide-column-count) - 1))) / var(--tide-column-count));
8
+ --tide-content-columns: repeat(var(--tide-column-count), minmax(0px, var(--tide-max-column-size)));
9
9
 
10
- display: grid;
11
- gap: 0 var(--tide-gap);
12
- grid-auto-rows: min-content;
13
- grid-template-columns: [start] var(--tide-gutter-width) [content-start] var(--tide-content-columns) [content-end] var(--tide-gutter-width) [end];
10
+ display: grid;
11
+ gap: 0 var(--tide-gap);
12
+ grid-auto-rows: min-content;
13
+ grid-template-columns: [start] var(--tide-gutter-width) [content-start] var(--tide-content-columns) [content-end] var(--tide-gutter-width) [end];
14
14
  }
15
15
 
16
16
  .tide-page-layout > *,
17
17
  .tide-layout-item {
18
- --tide-start: calc(var(--tide-column-start) + 1);
19
- --tide-end: calc(var(--tide-column-end) + 2);
20
- --tide-start-end: var(--tide-start, content-start) / var(--tide-end, content-end);
18
+ --tide-start: calc(var(--tide-column-start) + 1);
19
+ --tide-end: calc(var(--tide-column-end) + 2);
20
+ --tide-start-end: var(--tide-start, content-start) / var(--tide-end, content-end);
21
21
 
22
- grid-column: var(--tide-column, var(--tide-start-end));
22
+ grid-column: var(--tide-column, var(--tide-start-end));
23
23
  }
24
24
 
25
25
  .tide-fluid {grid-column: 1 / -1;}
@@ -31,6 +31,12 @@
31
31
  .tide-start-4 {--tide-column-start: 4;}
32
32
  .tide-start-5 {--tide-column-start: 5;}
33
33
  .tide-start-6 {--tide-column-start: 6;}
34
+ .tide-start-7 {--tide-column-start: 7;}
35
+ .tide-start-8 {--tide-column-start: 8;}
36
+ .tide-start-9 {--tide-column-start: 9;}
37
+ .tide-start-10 {--tide-column-start: 10;}
38
+ .tide-start-11 {--tide-column-start: 11;}
39
+ .tide-start-12 {--tide-column-start: 12;}
34
40
 
35
41
  .tide-end-1 {--tide-column-end: 1;}
36
42
  .tide-end-2 {--tide-column-end: 2;}
@@ -39,3 +45,9 @@
39
45
  .tide-end-5 {--tide-column-end: 5;}
40
46
  .tide-end-6 {--tide-column-end: 6;}
41
47
  .tide-end-7 {--tide-column-end: 7;}
48
+ .tide-end-8 {--tide-column-end: 8;}
49
+ .tide-end-9 {--tide-column-end: 9;}
50
+ .tide-end-10 {--tide-column-end: 10;}
51
+ .tide-end-11 {--tide-column-end: 11;}
52
+ .tide-end-12 {--tide-column-end: 12;}
53
+ .tide-end-13 {--tide-column-end: 13;}