@zanichelli/albe-web-components 2.42.0 → 2.44.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 (204) hide show
  1. package/dist/cjs/{index-ef6dc2ee.js → index-93c4c577.js} +7 -2
  2. package/dist/cjs/index.cjs.js +2 -2
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/{utils-d3a23e75.js → utils-23a6dee4.js} +1 -1
  5. package/dist/cjs/web-components-library.cjs.js +1 -1
  6. package/dist/cjs/z-app-switcher_10.cjs.entry.js +1 -1
  7. package/dist/cjs/z-aria-alert.cjs.entry.js +1 -1
  8. package/dist/cjs/z-avatar.cjs.entry.js +1 -1
  9. package/dist/cjs/z-button-filter_5.cjs.entry.js +2 -2
  10. package/dist/cjs/z-chip.cjs.entry.js +1 -1
  11. package/dist/cjs/z-combobox.cjs.entry.js +2 -2
  12. package/dist/cjs/z-contextual-menu.cjs.entry.js +1 -1
  13. package/dist/cjs/z-cookiebar.cjs.entry.js +1 -1
  14. package/dist/cjs/z-file-upload.cjs.entry.js +2 -2
  15. package/dist/cjs/z-file.cjs.entry.js +2 -2
  16. package/dist/cjs/z-footer.cjs.entry.js +1 -1
  17. package/dist/cjs/z-list_3.cjs.entry.js +1 -1
  18. package/dist/cjs/z-menu-dropdown_2.cjs.entry.js +2 -2
  19. package/dist/cjs/z-messages-pocket.cjs.entry.js +1 -1
  20. package/dist/cjs/z-modal-login.cjs.entry.js +1 -1
  21. package/dist/cjs/z-myz-card-alert.cjs.entry.js +1 -1
  22. package/dist/cjs/z-myz-card-dictionary.cjs.entry.js +1 -1
  23. package/dist/cjs/z-myz-card-footer.cjs.entry.js +1 -1
  24. package/dist/cjs/z-myz-card-info.cjs.entry.js +2 -2
  25. package/dist/cjs/z-myz-card_4.cjs.entry.js +1 -1
  26. package/dist/cjs/z-myz-list-item.cjs.entry.js +2 -2
  27. package/dist/cjs/z-myz-topbar.cjs.entry.js +1 -1
  28. package/dist/cjs/z-navigation-tabs.cjs.entry.js +1 -1
  29. package/dist/cjs/z-notification.cjs.entry.js +17 -13
  30. package/dist/cjs/z-otp.cjs.entry.js +1 -1
  31. package/dist/cjs/z-pagination-bar.cjs.entry.js +2 -2
  32. package/dist/cjs/z-pocket_3.cjs.entry.js +2 -2
  33. package/dist/cjs/z-popover.cjs.entry.js +2 -2
  34. package/dist/cjs/z-section-title.cjs.entry.js +42 -0
  35. package/dist/cjs/z-slideshow.cjs.entry.js +2 -2
  36. package/dist/cjs/z-status-tag.cjs.entry.js +1 -1
  37. package/dist/cjs/z-table-cell.cjs.entry.js +1 -1
  38. package/dist/cjs/z-table-header.cjs.entry.js +2 -2
  39. package/dist/cjs/z-table-row.cjs.entry.js +1 -1
  40. package/dist/cjs/z-table.cjs.entry.js +1 -1
  41. package/dist/cjs/z-toast-notification-list.cjs.entry.js +1 -1
  42. package/dist/cjs/z-toast-notification.cjs.entry.js +1 -1
  43. package/dist/cjs/z-toggle-switch.cjs.entry.js +2 -2
  44. package/dist/cjs/z-tooltip.cjs.entry.js +1 -1
  45. package/dist/collection/beans/index.js +5 -0
  46. package/dist/collection/collection-manifest.json +1 -0
  47. package/dist/collection/components/notification/z-notification/index.js +52 -27
  48. package/dist/collection/components/notification/z-notification/styles.css +73 -52
  49. package/dist/collection/components/z-section-title/index.js +91 -0
  50. package/dist/collection/components/z-section-title/styles.css +44 -0
  51. package/dist/collection/utils/storybook-utils.js +50 -0
  52. package/dist/esm/{index-cda2110a.js → index-023c206a.js} +6 -1
  53. package/dist/esm/index.js +2 -2
  54. package/dist/esm/loader.js +1 -1
  55. package/dist/esm/{utils-436360f5.js → utils-05b6c600.js} +1 -1
  56. package/dist/esm/web-components-library.js +1 -1
  57. package/dist/esm/z-app-switcher_10.entry.js +1 -1
  58. package/dist/esm/z-aria-alert.entry.js +1 -1
  59. package/dist/esm/z-avatar.entry.js +1 -1
  60. package/dist/esm/z-button-filter_5.entry.js +2 -2
  61. package/dist/esm/z-chip.entry.js +1 -1
  62. package/dist/esm/z-combobox.entry.js +2 -2
  63. package/dist/esm/z-contextual-menu.entry.js +1 -1
  64. package/dist/esm/z-cookiebar.entry.js +1 -1
  65. package/dist/esm/z-file-upload.entry.js +2 -2
  66. package/dist/esm/z-file.entry.js +2 -2
  67. package/dist/esm/z-footer.entry.js +1 -1
  68. package/dist/esm/z-list_3.entry.js +1 -1
  69. package/dist/esm/z-menu-dropdown_2.entry.js +2 -2
  70. package/dist/esm/z-messages-pocket.entry.js +1 -1
  71. package/dist/esm/z-modal-login.entry.js +1 -1
  72. package/dist/esm/z-myz-card-alert.entry.js +1 -1
  73. package/dist/esm/z-myz-card-dictionary.entry.js +1 -1
  74. package/dist/esm/z-myz-card-footer.entry.js +1 -1
  75. package/dist/esm/z-myz-card-info.entry.js +2 -2
  76. package/dist/esm/z-myz-card_4.entry.js +1 -1
  77. package/dist/esm/z-myz-list-item.entry.js +2 -2
  78. package/dist/esm/z-myz-topbar.entry.js +1 -1
  79. package/dist/esm/z-navigation-tabs.entry.js +1 -1
  80. package/dist/esm/z-notification.entry.js +17 -13
  81. package/dist/esm/z-otp.entry.js +1 -1
  82. package/dist/esm/z-pagination-bar.entry.js +2 -2
  83. package/dist/esm/z-pocket_3.entry.js +2 -2
  84. package/dist/esm/z-popover.entry.js +2 -2
  85. package/dist/esm/z-section-title.entry.js +38 -0
  86. package/dist/esm/z-slideshow.entry.js +2 -2
  87. package/dist/esm/z-status-tag.entry.js +1 -1
  88. package/dist/esm/z-table-cell.entry.js +1 -1
  89. package/dist/esm/z-table-header.entry.js +2 -2
  90. package/dist/esm/z-table-row.entry.js +1 -1
  91. package/dist/esm/z-table.entry.js +1 -1
  92. package/dist/esm/z-toast-notification-list.entry.js +1 -1
  93. package/dist/esm/z-toast-notification.entry.js +1 -1
  94. package/dist/esm/z-toggle-switch.entry.js +2 -2
  95. package/dist/esm/z-tooltip.entry.js +1 -1
  96. package/dist/types/beans/index.d.ts +5 -0
  97. package/dist/types/components/notification/z-notification/index.d.ts +17 -9
  98. package/dist/types/components/z-section-title/index.d.ts +25 -0
  99. package/dist/types/components.d.ts +52 -13
  100. package/dist/web-components-library/index.esm.js +1 -1
  101. package/dist/web-components-library/{p-b48105a4.entry.js → p-00265234.entry.js} +1 -1
  102. package/dist/web-components-library/{p-2d74660a.entry.js → p-04f7a407.entry.js} +1 -1
  103. package/dist/web-components-library/{p-cf00f379.entry.js → p-091b489d.entry.js} +1 -1
  104. package/{www/build/p-d64c6f56.entry.js → dist/web-components-library/p-0953cfbc.entry.js} +1 -1
  105. package/dist/web-components-library/{p-24d62d5d.entry.js → p-1242e682.entry.js} +1 -1
  106. package/dist/web-components-library/{p-c9c7071f.entry.js → p-189c9cd3.entry.js} +1 -1
  107. package/dist/web-components-library/{p-98e15cf2.entry.js → p-2536d492.entry.js} +1 -1
  108. package/dist/web-components-library/{p-fd167bfb.entry.js → p-26410b9b.entry.js} +1 -1
  109. package/dist/web-components-library/{p-c17b64f1.js → p-26572e05.js} +1 -1
  110. package/dist/web-components-library/{p-8537e37d.entry.js → p-2b551b66.entry.js} +1 -1
  111. package/dist/web-components-library/{p-d97dd15a.entry.js → p-329633be.entry.js} +1 -1
  112. package/{www/build/p-9dc8fdb1.entry.js → dist/web-components-library/p-33dc73f1.entry.js} +1 -1
  113. package/dist/web-components-library/p-33f74396.entry.js +1 -0
  114. package/{www/build/p-5590d187.entry.js → dist/web-components-library/p-3ade3fa4.entry.js} +1 -1
  115. package/dist/web-components-library/{p-8ddeda29.entry.js → p-3b47835a.entry.js} +1 -1
  116. package/dist/web-components-library/{p-febe0261.entry.js → p-3d99e2b1.entry.js} +1 -1
  117. package/dist/web-components-library/{p-fc2043f7.entry.js → p-4e7c54ac.entry.js} +1 -1
  118. package/dist/web-components-library/{p-2edeb36b.entry.js → p-5300e675.entry.js} +1 -1
  119. package/dist/web-components-library/p-5b5d269c.js +1 -0
  120. package/dist/web-components-library/{p-21a85d4f.entry.js → p-5d429427.entry.js} +1 -1
  121. package/dist/web-components-library/{p-654c1830.entry.js → p-6b70aaa3.entry.js} +1 -1
  122. package/dist/web-components-library/{p-96da0513.entry.js → p-6deeeeff.entry.js} +1 -1
  123. package/dist/web-components-library/{p-caa452fc.entry.js → p-7bb69f45.entry.js} +1 -1
  124. package/dist/web-components-library/{p-b359a48a.entry.js → p-9207c9ca.entry.js} +1 -1
  125. package/{www/build/p-26286e79.entry.js → dist/web-components-library/p-92f0664e.entry.js} +1 -1
  126. package/dist/web-components-library/{p-a61ee49c.entry.js → p-94919e28.entry.js} +1 -1
  127. package/dist/web-components-library/{p-3371604c.entry.js → p-98cd95f3.entry.js} +1 -1
  128. package/dist/web-components-library/p-99e53bd5.entry.js +1 -0
  129. package/dist/web-components-library/{p-d59d1090.entry.js → p-a8ba7c76.entry.js} +1 -1
  130. package/dist/web-components-library/{p-5683fb4a.entry.js → p-a9a24ffd.entry.js} +1 -1
  131. package/{www/build/p-729a98ab.entry.js → dist/web-components-library/p-b9d7caa1.entry.js} +1 -1
  132. package/dist/web-components-library/p-bc168412.entry.js +1 -0
  133. package/{www/build/p-9409540b.entry.js → dist/web-components-library/p-c3bd10ad.entry.js} +1 -1
  134. package/dist/web-components-library/{p-889bcfab.entry.js → p-cd0cafe6.entry.js} +1 -1
  135. package/dist/web-components-library/{p-a90d876c.entry.js → p-e305e1f8.entry.js} +1 -1
  136. package/dist/web-components-library/{p-fc5bb8d5.entry.js → p-e6f63644.entry.js} +1 -1
  137. package/dist/web-components-library/{p-b68c2b06.entry.js → p-e98bb01e.entry.js} +1 -1
  138. package/dist/web-components-library/{p-32fbc96b.entry.js → p-ead40844.entry.js} +1 -1
  139. package/dist/web-components-library/{p-49fd1045.entry.js → p-ee229819.entry.js} +1 -1
  140. package/dist/web-components-library/{p-7a3c0d01.entry.js → p-f938f1b0.entry.js} +1 -1
  141. package/dist/web-components-library/{p-83dda293.entry.js → p-fae6d22e.entry.js} +1 -1
  142. package/dist/web-components-library/web-components-library.esm.js +1 -1
  143. package/package.json +10 -10
  144. package/react/components.d.ts +1 -0
  145. package/react/components.js +2 -1
  146. package/react/components.js.map +1 -1
  147. package/readme.md +1 -0
  148. package/www/build/index.esm.js +1 -1
  149. package/www/build/{p-b48105a4.entry.js → p-00265234.entry.js} +1 -1
  150. package/www/build/{p-2d74660a.entry.js → p-04f7a407.entry.js} +1 -1
  151. package/www/build/{p-cf00f379.entry.js → p-091b489d.entry.js} +1 -1
  152. package/{dist/web-components-library/p-d64c6f56.entry.js → www/build/p-0953cfbc.entry.js} +1 -1
  153. package/www/build/{p-24d62d5d.entry.js → p-1242e682.entry.js} +1 -1
  154. package/www/build/p-12a9a0de.js +1 -0
  155. package/www/build/{p-c9c7071f.entry.js → p-189c9cd3.entry.js} +1 -1
  156. package/www/build/{p-98e15cf2.entry.js → p-2536d492.entry.js} +1 -1
  157. package/www/build/{p-fd167bfb.entry.js → p-26410b9b.entry.js} +1 -1
  158. package/www/build/{p-c17b64f1.js → p-26572e05.js} +1 -1
  159. package/www/build/{p-8537e37d.entry.js → p-2b551b66.entry.js} +1 -1
  160. package/www/build/{p-d97dd15a.entry.js → p-329633be.entry.js} +1 -1
  161. package/{dist/web-components-library/p-9dc8fdb1.entry.js → www/build/p-33dc73f1.entry.js} +1 -1
  162. package/www/build/p-33f74396.entry.js +1 -0
  163. package/{dist/web-components-library/p-5590d187.entry.js → www/build/p-3ade3fa4.entry.js} +1 -1
  164. package/www/build/{p-8ddeda29.entry.js → p-3b47835a.entry.js} +1 -1
  165. package/www/build/{p-febe0261.entry.js → p-3d99e2b1.entry.js} +1 -1
  166. package/www/build/{p-fc2043f7.entry.js → p-4e7c54ac.entry.js} +1 -1
  167. package/www/build/{p-2edeb36b.entry.js → p-5300e675.entry.js} +1 -1
  168. package/www/build/p-5b5d269c.js +1 -0
  169. package/www/build/{p-21a85d4f.entry.js → p-5d429427.entry.js} +1 -1
  170. package/www/build/{p-654c1830.entry.js → p-6b70aaa3.entry.js} +1 -1
  171. package/www/build/{p-96da0513.entry.js → p-6deeeeff.entry.js} +1 -1
  172. package/www/build/{p-caa452fc.entry.js → p-7bb69f45.entry.js} +1 -1
  173. package/www/build/p-88b56b6e.css +1 -0
  174. package/www/build/{p-b359a48a.entry.js → p-9207c9ca.entry.js} +1 -1
  175. package/{dist/web-components-library/p-26286e79.entry.js → www/build/p-92f0664e.entry.js} +1 -1
  176. package/www/build/{p-a61ee49c.entry.js → p-94919e28.entry.js} +1 -1
  177. package/www/build/{p-3371604c.entry.js → p-98cd95f3.entry.js} +1 -1
  178. package/www/build/p-99e53bd5.entry.js +1 -0
  179. package/www/build/{p-d59d1090.entry.js → p-a8ba7c76.entry.js} +1 -1
  180. package/www/build/{p-5683fb4a.entry.js → p-a9a24ffd.entry.js} +1 -1
  181. package/{dist/web-components-library/p-729a98ab.entry.js → www/build/p-b9d7caa1.entry.js} +1 -1
  182. package/www/build/p-bc168412.entry.js +1 -0
  183. package/{dist/web-components-library/p-9409540b.entry.js → www/build/p-c3bd10ad.entry.js} +1 -1
  184. package/www/build/{p-889bcfab.entry.js → p-cd0cafe6.entry.js} +1 -1
  185. package/www/build/{p-a90d876c.entry.js → p-e305e1f8.entry.js} +1 -1
  186. package/www/build/{p-fc5bb8d5.entry.js → p-e6f63644.entry.js} +1 -1
  187. package/www/build/{p-b68c2b06.entry.js → p-e98bb01e.entry.js} +1 -1
  188. package/www/build/{p-32fbc96b.entry.js → p-ead40844.entry.js} +1 -1
  189. package/www/build/{p-49fd1045.entry.js → p-ee229819.entry.js} +1 -1
  190. package/www/build/{p-7a3c0d01.entry.js → p-f938f1b0.entry.js} +1 -1
  191. package/www/build/{p-83dda293.entry.js → p-fae6d22e.entry.js} +1 -1
  192. package/www/build/web-components-library.esm.js +1 -1
  193. package/www/index.html +1 -1
  194. package/CHANGELOG.md +0 -1449
  195. package/dist/collection/themes/index.story.js +0 -18
  196. package/dist/web-components-library/p-5dfad268.entry.js +0 -1
  197. package/dist/web-components-library/p-bc4df198.entry.js +0 -1
  198. package/dist/web-components-library/p-e5602e1b.js +0 -1
  199. package/src-react/index.ts +0 -1
  200. package/www/build/p-5dfad268.entry.js +0 -1
  201. package/www/build/p-bc4df198.entry.js +0 -1
  202. package/www/build/p-e5602e1b.js +0 -1
  203. package/www/build/p-fcff1237.css +0 -812
  204. package/www/build/p-fe32c7fa.js +0 -129
@@ -1,812 +0,0 @@
1
- @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,700;1,700&display=swap");
2
- @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&display=swap");
3
- :root {
4
- --gray950: #121212;
5
- --gray900: #292929;
6
- --gray800: #3D3D3D;
7
- --gray700: #525252;
8
- --gray600: #666666;
9
- --gray500: #9B9B9B;
10
- --gray400: #ADADAD;
11
- --gray300: #C2C2C2;
12
- --gray200: #D6D6D6;
13
- --gray100: #EBEBEB;
14
- --gray50: #F6F6F6;
15
- }
16
-
17
- :root {
18
- --blue950: #001229;
19
- --blue900: #001F46;
20
- --blue800: #002C63;
21
- --blue700: #003981;
22
- --blue600: #0047A0;
23
- --blue500: #0056C1;
24
- --blue400: #2E76CE;
25
- --blue300: #5893DB;
26
- --blue200: #82B0E7;
27
- --blue100: #ACCDF3;
28
- --blue50: #D6EAFF;
29
- }
30
-
31
- :root {
32
- --green950: #19200A;
33
- --green900: #22330A;
34
- --green800: #2B4808;
35
- --green700: #355D06;
36
- --green600: #407305;
37
- --green500: #568818;
38
- --green400: #6F9D2F;
39
- --green300: #8AB14A;
40
- --green200: #A6C66B;
41
- --green100: #C3DA92;
42
- --green50: #EFFCE0;
43
- }
44
-
45
- :root {
46
- --yellow950: #33280F;
47
- --yellow900: #5C4615;
48
- --yellow800: #85641A;
49
- --yellow700: #AB8125;
50
- --yellow600: #D09E30;
51
- --yellow500: #F6BB3B;
52
- --yellow400: #F9C852;
53
- --yellow300: #FBD468;
54
- --yellow200: #FEE17F;
55
- --yellow150: #ffde72;
56
- --yellow100: #FFEA91;
57
- --yellow50: #FBF4E6;
58
- }
59
-
60
- :root {
61
- --red950: #2A0005;
62
- --red900: #4C0009;
63
- --red800: #6F000D;
64
- --red700: #940111;
65
- --red600: #BA0115;
66
- --red500: #E2011A;
67
- --red400: #EB4F60;
68
- --red300: #EB4F60;
69
- --red200: #F49DA7;
70
- --red100: #F49DA7;
71
- --red50: #FDEFEE;
72
- }
73
-
74
- :root {
75
- --avatar-C01: #99005B;
76
- --avatar-C02: #B01300;
77
- --avatar-C03: #E62200;
78
- --avatar-C04: #7C4000;
79
- --avatar-C05: #C25600;
80
- --avatar-C06: #6E6D6D;
81
- --avatar-C07: #667D00;
82
- --avatar-C08: #008741;
83
- --avatar-C09: #00612F;
84
- --avatar-C10: #007D8A;
85
- --avatar-C11: #007DB3;
86
- --avatar-C12: #00548C;
87
- --avatar-C13: #0028B1;
88
- --avatar-C14: #00019C;
89
- --avatar-C15: #6400EE;
90
- --avatar-C16: #5F3FFF;
91
- --avatar-C17: #8B00A5;
92
- --avatar-C18: #B200FF;
93
- --avatar-C19: #C700D6;
94
- }
95
-
96
- :root {
97
- --color-error-default: #DC3122;
98
- --color-success-default: #417505;
99
- --color-warning-default: #F6BB3B;
100
- --color-black: #000000;
101
- --color-white: #FFFFFF;
102
- }
103
-
104
- :root {
105
- --font-family-sans: "IBM Plex Sans", sans-serif;
106
- --font-lt: 300;
107
- --font-rg: 400;
108
- --font-sb: 600;
109
- --font-size-1: 0.75rem;
110
- --font-size-2: 0.875rem;
111
- --font-size-3: 1rem;
112
- --font-size-4: 1.125rem;
113
- --font-size-5: 1.25rem;
114
- --font-size-6: 1.5rem;
115
- --font-size-7: 1.75rem;
116
- --font-size-8: 2rem;
117
- --font-size-9: 2.25rem;
118
- --font-size-10: 2.625rem;
119
- --font-size-11: 3rem;
120
- --font-size-12: 3.375rem;
121
- --font-size-13: 3.75rem;
122
- --font-size-14: 4.25rem;
123
- --font-size-15: 4.75rem;
124
- --font-size-16: 5.25rem;
125
- --font-size-17: 5.75rem;
126
- --dashboard-font: var(--font-family-sans);
127
- }
128
-
129
- .heading-1,
130
- .heading-1-sb,
131
- .heading-1-lt {
132
- font-size: var(--font-size-8);
133
- font-weight: var(--font-rg);
134
- line-height: 1.25;
135
- letter-spacing: 0;
136
- }
137
-
138
- .heading-2,
139
- .heading-2-sb,
140
- .heading-2-lt {
141
- font-size: var(--font-size-7);
142
- font-weight: var(--font-rg);
143
- line-height: 1.28;
144
- letter-spacing: 0;
145
- }
146
-
147
- @media (max-width: 1151px) {
148
- .heading-1,
149
- .heading-1-sb,
150
- .heading-1-lt {
151
- font-size: var(--font-size-7);
152
- line-height: 1.28;
153
- }
154
-
155
- .heading-2,
156
- .heading-2-sb,
157
- .heading-2-lt {
158
- font-size: var(--font-size-6);
159
- line-height: 1.33;
160
- }
161
- }
162
- .heading-3,
163
- .heading-3-sb,
164
- .heading-3-lt {
165
- font-size: var(--font-size-6);
166
- font-weight: var(--font-rg);
167
- line-height: 1.33;
168
- letter-spacing: 0;
169
- }
170
-
171
- .heading-4,
172
- .heading-4-sb,
173
- .heading-4-lt {
174
- font-size: var(--font-size-5);
175
- font-weight: var(--font-rg);
176
- line-height: 1.4;
177
- letter-spacing: 0;
178
- }
179
-
180
- .body-1,
181
- .body-1-sb {
182
- font-size: var(--font-size-5);
183
- font-weight: var(--font-rg);
184
- line-height: 1.4;
185
- letter-spacing: 0;
186
- }
187
-
188
- .body-2,
189
- .body-2-sb {
190
- font-size: var(--font-size-4);
191
- font-weight: var(--font-rg);
192
- line-height: 1.5;
193
- letter-spacing: 0;
194
- }
195
-
196
- .body-3,
197
- .body-3-sb {
198
- font-size: var(--font-size-3);
199
- font-weight: var(--font-rg);
200
- line-height: 1.5;
201
- letter-spacing: 0;
202
- }
203
-
204
- .body-4,
205
- .body-4-sb {
206
- font-size: var(--font-size-2);
207
- font-weight: var(--font-rg);
208
- line-height: 1.4;
209
- letter-spacing: 0.16px;
210
- }
211
-
212
- .body-5,
213
- .body-5-sb {
214
- font-size: var(--font-size-1);
215
- font-weight: var(--font-rg);
216
- line-height: 1.33;
217
- letter-spacing: 0.32px;
218
- }
219
-
220
- .interactive-1,
221
- .interactive-1-sb {
222
- font-size: var(--font-size-3);
223
- font-weight: var(--font-rg);
224
- line-height: 1.5;
225
- letter-spacing: 0;
226
- }
227
-
228
- .interactive-2,
229
- .interactive-2-sb {
230
- font-size: var(--font-size-2);
231
- font-weight: var(--font-rg);
232
- line-height: 1.4;
233
- letter-spacing: 0.16px;
234
- }
235
-
236
- .interactive-3,
237
- .interactive-3-sb {
238
- font-size: var(--font-size-1);
239
- font-weight: var(--font-rg);
240
- line-height: 1.33;
241
- letter-spacing: 0.32px;
242
- }
243
-
244
- .helper,
245
- .helper-sb {
246
- font-size: var(--font-size-1);
247
- font-weight: var(--font-rg);
248
- font-style: italic;
249
- line-height: 1.33;
250
- letter-spacing: 0.32px;
251
- }
252
-
253
- .heading-1-lt,
254
- .heading-2-lt,
255
- .heading-3-lt,
256
- .heading-4-lt {
257
- font-weight: var(--font-lt);
258
- }
259
-
260
- .heading-1-sb,
261
- .heading-2-sb,
262
- .heading-3-sb,
263
- .heading-4-sb,
264
- .body-1-sb,
265
- .body-2-sb,
266
- .body-3-sb,
267
- .body-4-sb,
268
- .body-5-sb,
269
- .interactive-1-sb,
270
- .interactive-2-sb,
271
- .interactive-3-sb,
272
- .helper-sb {
273
- font-weight: var(--font-sb);
274
- }
275
-
276
- :root {
277
- --space-unit: 8px;
278
- }
279
-
280
- :root {
281
- --shadow-color-base: rgba(66, 69, 72, 0.35);
282
- --shadow-inset-2: inset 0 2px 4px 0 var(--shadow-color-base);
283
- --shadow-inset-4: inset 0 4px 8px 0 var(--shadow-color-base);
284
- --shadow-0: 0 0 0 0 var(--shadow-color-base);
285
- --shadow-1: 0 1px 2px 0 var(--shadow-color-base);
286
- --shadow-2: 0 2px 4px 0 var(--shadow-color-base);
287
- --shadow-3: 0 3px 6px 0 var(--shadow-color-base);
288
- --shadow-4: 0 4px 8px 0 var(--shadow-color-base);
289
- --shadow-6: 0 6px 12px 0 var(--shadow-color-base);
290
- --shadow-8: 0 8px 16px 0 var(--shadow-color-base);
291
- --shadow-12: 0 12px 24px 0 var(--shadow-color-base);
292
- --shadow-16: 0 16px 32px 0 var(--shadow-color-base);
293
- --shadow-24: 0 24px 48px 0 var(--shadow-color-base);
294
- }
295
-
296
- :root {
297
- --border-no-radius: 0;
298
- --border-size-small: 1px;
299
- --border-size-medium: 2px;
300
- --border-size-large: 4px;
301
- --border-radius-small: 2px;
302
- --border-radius: 4px;
303
- }
304
-
305
- .t-weight-lt {
306
- font-weight: var(--font-lt);
307
- }
308
-
309
- .t-weight-rg {
310
- font-weight: var(--font-rg);
311
- }
312
-
313
- .t-weight-sb {
314
- font-weight: var(--font-sb);
315
- }
316
-
317
- .t-align-center {
318
- text-align: center;
319
- }
320
-
321
- .t-color-light {
322
- color: var(--text-grey-medium);
323
- fill: var(--text-grey-medium);
324
- }
325
-
326
- .caption-01 {
327
- color: var(--text-grey-800);
328
- fill: var(--text-grey-800);
329
- font-family: var(--font-family-sans);
330
- font-weight: var(--font-rg);
331
- font-size: var(--font-size-1);
332
- line-height: 16px;
333
- }
334
-
335
- .helper-text-01 {
336
- color: var(--text-grey-800);
337
- fill: var(--text-grey-800);
338
- font-family: var(--font-family-sans);
339
- font-weight: var(--font-rg);
340
- font-style: italic;
341
- font-size: var(--font-size-1);
342
- line-height: 16px;
343
- }
344
-
345
- .body-short-01 {
346
- color: var(--text-grey-800);
347
- fill: var(--text-grey-800);
348
- font-family: var(--font-family-sans);
349
- font-weight: var(--font-rg);
350
- font-size: var(--font-size-2);
351
- line-height: 20px;
352
- }
353
-
354
- .body-short-02 {
355
- color: var(--text-grey-800);
356
- fill: var(--text-grey-800);
357
- font-family: var(--font-family-sans);
358
- font-weight: var(--font-rg);
359
- font-size: var(--font-size-3);
360
- line-height: 24px;
361
- }
362
-
363
- .body-long-01 {
364
- color: var(--text-grey-800);
365
- fill: var(--text-grey-800);
366
- font-family: var(--font-family-sans);
367
- font-weight: var(--font-rg);
368
- font-size: var(--font-size-2);
369
- line-height: 20px;
370
- }
371
-
372
- .body-long-02 {
373
- color: var(--text-grey-800);
374
- fill: var(--text-grey-800);
375
- font-family: var(--font-family-sans);
376
- font-weight: var(--font-sb);
377
- font-size: var(--font-size-3);
378
- line-height: 24px;
379
- }
380
-
381
- .heading-01 {
382
- color: var(--text-grey-800);
383
- fill: var(--text-grey-800);
384
- font-family: var(--font-family-sans);
385
- font-weight: var(--font-sb);
386
- font-size: var(--font-size-2);
387
- line-height: 20px;
388
- }
389
-
390
- .heading-02 {
391
- color: var(--text-grey-800);
392
- fill: var(--text-grey-800);
393
- font-family: var(--font-family-sans);
394
- font-weight: var(--font-sb);
395
- font-size: var(--font-size-3);
396
- line-height: 24px;
397
- }
398
-
399
- .heading-03 {
400
- color: var(--text-grey-800);
401
- fill: var(--text-grey-800);
402
- font-family: var(--font-family-sans);
403
- font-weight: var(--font-sb);
404
- font-size: var(--font-size-5);
405
- line-height: 24px;
406
- }
407
-
408
- .heading-04 {
409
- color: var(--text-grey-800);
410
- fill: var(--text-grey-800);
411
- font-family: var(--font-family-sans);
412
- font-weight: var(--font-sb);
413
- font-size: var(--font-size-7);
414
- line-height: 36px;
415
- }
416
-
417
- .heading-05 {
418
- color: var(--text-grey-800);
419
- fill: var(--text-grey-800);
420
- font-family: var(--font-family-sans);
421
- font-weight: var(--font-sb);
422
- font-size: var(--font-size-8);
423
- line-height: 40px;
424
- }
425
-
426
- .expressive-heading-04 {
427
- color: var(--text-grey-800);
428
- fill: var(--text-grey-800);
429
- font-family: var(--font-family-sans);
430
- font-weight: var(--font-rg);
431
- font-size: var(--font-size-8);
432
- line-height: 40px;
433
- }
434
-
435
- @media only screen and (max-width: 767px) {
436
- .expressive-heading-04 {
437
- font-size: var(--font-size-7);
438
- line-height: 36px;
439
- }
440
- }
441
- .expressive-heading-05 {
442
- color: var(--text-grey-800);
443
- fill: var(--text-grey-800);
444
- font-family: var(--font-family-sans);
445
- font-weight: var(--font-rg);
446
- font-size: var(--font-size-11);
447
- line-height: 56px;
448
- }
449
-
450
- @media only screen and (max-width: 1024px) {
451
- .expressive-heading-05 {
452
- font-size: 36px;
453
- line-height: 44px;
454
- }
455
- }
456
- @media only screen and (max-width: 767px) {
457
- .expressive-heading-05 {
458
- font-size: var(--font-size-8);
459
- line-height: 40px;
460
- }
461
- }
462
- .expressive-paragraph-01 {
463
- color: var(--text-grey-800);
464
- fill: var(--text-grey-800);
465
- font-family: var(--font-family-sans);
466
- font-weight: var(--font-lt);
467
- font-size: var(--font-size-8);
468
- line-height: 40px;
469
- }
470
-
471
- @media only screen and (max-width: 767px) {
472
- .expressive-paragraph-01 {
473
- font-size: var(--font-size-6);
474
- line-height: 32px;
475
- }
476
- }
477
- .quotation-01 {
478
- color: var(--text-grey-800);
479
- fill: var(--text-grey-800);
480
- font-family: var(--font-family-sans);
481
- font-weight: var(--font-lt);
482
- font-size: var(--font-size-8);
483
- line-height: 40px;
484
- }
485
-
486
- @media only screen and (max-width: 767px) {
487
- .quotation-01 {
488
- font-size: var(--font-size-5);
489
- line-height: 28px;
490
- }
491
- }
492
- .quotation-02 {
493
- color: var(--text-grey-800);
494
- fill: var(--text-grey-800);
495
- font-family: var(--font-family-sans);
496
- font-weight: var(--font-lt);
497
- font-size: var(--font-size-13);
498
- line-height: 72px;
499
- }
500
-
501
- @media only screen and (max-width: 1024px) {
502
- .quotation-02 {
503
- font-size: 36px;
504
- line-height: 44px;
505
- }
506
- }
507
- @media only screen and (max-width: 767px) {
508
- .quotation-02 {
509
- font-size: var(--font-size-8);
510
- line-height: 40px;
511
- }
512
- }
513
- .display-01 {
514
- color: var(--text-grey-800);
515
- fill: var(--text-grey-800);
516
- font-family: var(--font-family-sans);
517
- font-weight: var(--font-lt);
518
- font-size: var(--font-size-15);
519
- line-height: 88px;
520
- }
521
-
522
- @media only screen and (max-width: 767px) {
523
- .display-01 {
524
- font-size: var(--font-size-10);
525
- line-height: 52px;
526
- }
527
- }
528
- .display-02 {
529
- color: var(--text-grey-800);
530
- fill: var(--text-grey-800);
531
- font-family: var(--font-family-sans);
532
- font-weight: var(--font-sb);
533
- font-size: var(--font-size-15);
534
- line-height: 88px;
535
- }
536
-
537
- @media only screen and (max-width: 767px) {
538
- .display-02 {
539
- font-size: var(--font-size-10);
540
- line-height: 52px;
541
- }
542
- }
543
- .display-03 {
544
- color: var(--text-grey-800);
545
- fill: var(--text-grey-800);
546
- font-family: var(--font-family-sans);
547
- font-weight: var(--font-lt);
548
- font-size: 156px;
549
- line-height: 164px;
550
- }
551
-
552
- @media only screen and (max-width: 1024px) {
553
- .display-03 {
554
- font-size: var(--font-size-14);
555
- line-height: 80px;
556
- }
557
- }
558
- @media only screen and (max-width: 767px) {
559
- .display-03 {
560
- font-size: var(--font-size-10);
561
- line-height: 52px;
562
- }
563
- }
564
- .display-04 {
565
- color: var(--text-grey-800);
566
- fill: var(--text-grey-800);
567
- font-family: var(--font-family-sans);
568
- font-weight: var(--font-sb);
569
- font-size: 156px;
570
- line-height: 164px;
571
- }
572
-
573
- @media only screen and (max-width: 1024px) {
574
- .display-04 {
575
- font-size: var(--font-size-14);
576
- line-height: 80px;
577
- }
578
- }
579
- @media only screen and (max-width: 767px) {
580
- .display-04 {
581
- font-size: var(--font-size-10);
582
- line-height: 52px;
583
- }
584
- }
585
- :root {
586
- --grid-mobile-viewport: 768px;
587
- --grid-mobile-column: 4;
588
- --grid-mobile-margin: 16px;
589
- --grid-mobile-gutter: 16px;
590
- --grid-tablet-viewport: 768px;
591
- --grid-tablet-column: 8;
592
- --grid-tablet-margin: 24px;
593
- --grid-tablet-gutter: 24px;
594
- --grid-desktop-viewport: 1152px;
595
- --grid-desktop-column: 12;
596
- --grid-desktop-margin: 24px;
597
- --grid-desktop-gutter: 24px;
598
- --grid-wide-viewport: 1366px;
599
- --grid-wide-column: 12;
600
- --grid-wide-margin: 32px;
601
- --grid-wide-gutter: 32px;
602
- --grid-margin: var(--grid-mobile-margin);
603
- --grid-gutter: var(--grid-mobile-gutter);
604
- }
605
-
606
- @media (min-width: 768px) and (max-width: 1151px) {
607
- :root {
608
- --grid-margin: var(--grid-tablet-margin);
609
- --grid-gutter: var(--grid-tablet-gutter);
610
- }
611
- }
612
- @media (min-width: 1152px) and (max-width: 1365px) {
613
- :root {
614
- --grid-margin: var(--grid-desktop-margin);
615
- --grid-gutter: var(--grid-desktop-gutter);
616
- }
617
- }
618
- @media (min-width: 1366px) {
619
- :root {
620
- --grid-margin: var(--grid-wide-margin);
621
- --grid-gutter: var(--grid-wide-gutter);
622
- }
623
- }
624
- :root {
625
- --myz-blue: #0056c1;
626
- --myz-blue-dark: #003476;
627
- --myz-blue-light: #1973e1;
628
- --myz-blue-lighter: #e1f0ff;
629
- --myz-red: #e2001a;
630
- --myz-red-dark: #80000f;
631
- --myz-red-light: #ff808e;
632
- --accent: #add2ff;
633
- --accent-dark: #78b5ff;
634
- --accent-light: #d0e9ff;
635
- --accent-lighter: #ebf4ff;
636
- --bg-grey-050: #f6f6f6;
637
- --bg-grey-200: #e6e6e6;
638
- --bg-grey-700: #676b6f;
639
- --bg-grey-800: #424548;
640
- --bg-grey-900: #333333;
641
- --bg-white: #ffffff;
642
- --bg-neutral-100: #e8ebee;
643
- --bg-neutral-150: #d9dee3;
644
- --bg-neutral-200: #cad1d8;
645
- --bg-neutral-300: #aeb8c2;
646
- --bg-neutral-400: #919eac;
647
- --bg-neutral-500: #738596;
648
- --bg-neutral-600: #5c6b7a;
649
- --bg-neutral-700: #46525d;
650
- --bg-neutral-800: #303840;
651
- --status-error-red: #dc3122;
652
- --status-error-red-dark: #7e0a00;
653
- --status-error-red-light: #ff9c9c;
654
- --status-error-red-lighter: #fdefee;
655
- --status-warning-yellow: #f6bb3b;
656
- --status-warning-yellow-dark: #85641a;
657
- --status-warning-yellow-light: #fee17f;
658
- --status-warning-yellow-lighter: #fbf4e6;
659
- --status-success-green: #417505;
660
- --status-success-green-dark: #233a00;
661
- --status-success-green-light: #95d150;
662
- --status-success-green-lighter: #effce0;
663
- --text-grey-800: #424548;
664
- --text-grey-700: #676b6f;
665
- --text-grey-200: #e6e6e6;
666
- --text-grey-050: #f6f6f6;
667
- --text-white: #ffffff;
668
- }
669
-
670
- :root {
671
- --border-base: 2px;
672
- --border-size-small: 1px;
673
- --radius-base: 4px;
674
- --border-radius-base: 4px;
675
- --border-radius-min: 0;
676
- --border-radius-max: 100%;
677
- }
678
-
679
- :root {
680
- --shadow-inset-2: inset 0 2px 4px 0 rgba(66, 69, 72, 0.35);
681
- --shadow-inset-4: inset 0 4px 8px 0 rgba(66, 69, 72, 0.35);
682
- --shadow-0: 0 0 0 0 rgba(66, 69, 72, 0.40);
683
- --shadow-1: 0 1px 2px 0 rgba(66, 69, 72, 0.40);
684
- --shadow-2: 0 2px 4px 0 rgba(66, 69, 72, 0.40);
685
- --shadow-3: 0 3px 6px 0 rgba(66, 69, 72, 0.40);
686
- --shadow-4: 0 4px 8px 0 rgba(66, 69, 72, 0.40);
687
- --shadow-6: 0 6px 12px 0 rgba(66, 69, 72, 0.40);
688
- --shadow-8: 0 8px 16px 0 rgba(66, 69, 72, 0.40);
689
- --shadow-12: 0 12px 24px 0 rgba(66, 69, 72, 0.35);
690
- --shadow-16: 0 16px 32px 0 rgba(66, 69, 72, 0.35);
691
- --shadow-24: 0 24px 48px 0 rgba(66, 69, 72, 0.35);
692
- }
693
-
694
- :root {
695
- --basex1: var(--space-unit);
696
- --basex2: calc(var(--space-unit) * 2);
697
- --basex3: calc(var(--space-unit) * 3);
698
- --basex4: calc(var(--space-unit) * 4);
699
- --basex5: calc(var(--space-unit) * 5);
700
- --basex6: calc(var(--space-unit) * 6);
701
- --basex7: calc(var(--space-unit) * 7);
702
- --basex8: calc(var(--space-unit) * 8);
703
- --half-x1: calc(var(--space-unit) * .5);
704
- --half-x3: calc(var(--space-unit) * 1.5);
705
- --half-x5: calc(var(--space-unit) * 2.5);
706
- --half-x7: calc(var(--space-unit) * 3.5);
707
- --half-x9: calc(var(--space-unit) * 4.5);
708
- --half-x11: calc(var(--space-unit) * 5.5);
709
- --half-x13: calc(var(--space-unit) * 6.5);
710
- --half-x14: calc(var(--space-unit) * 7.5);
711
- }
712
-
713
- /*# sourceMappingURL=tokens.css.map */
714
-
715
- :root {
716
- --color-background: var(--gray50);
717
- --color-primary01: var(--blue500);
718
- --color-primary02: var(--blue500);
719
- --color-primary03: var(--blue50);
720
- --color-secondary01: var(--blue500);
721
- --color-secondary02: var(--red500);
722
- --color-secondary03: var(--red500);
723
- --color-danger01: var(--color-error-default);
724
- --color-danger02: var(--color-error-default);
725
- --color-error01: var(--color-error-default);
726
- --color-error02: var(--red800);
727
- --color-error-inverse: var(--red50);
728
- --color-text-error: var(--color-error-default);
729
- --color-success01: var(--color-success-default);
730
- --color-success02: var(--green800);
731
- --color-text-success: var(--color-success-default);
732
- --color-success-inverse: var(--green50);
733
- --color-warning01: var(--color-warning-default);
734
- --color-warning02: var(--yellow800);
735
- --color-text-warning: var(--color-warning-default);
736
- --color-warning-inverse: var(--yellow50);
737
- --color-surface01: var(--color-white);
738
- --color-surface02: var(--gray50);
739
- --color-surface03: var(--gray200);
740
- --color-surface04: var(--gray700);
741
- --color-surface05: var(--gray800);
742
- --color-text01: var(--gray800);
743
- --color-text02: var(--gray800);
744
- --color-text03: var(--gray300);
745
- --color-text04: var(--color-white);
746
- --color-text05: var(--gray600);
747
- --color-text-inverse: var(--color-white);
748
- --color-icon01: var(--blue500);
749
- --color-icon02: var(--gray800);
750
- --color-icon03: var(--color-white);
751
- --color-input-field01: var(--color-white);
752
- --color-input-field02: var(--color-white);
753
- --color-hover-primary: var(--blue800);
754
- --color-hover-primary-text: var(--color-black);
755
- --color-hover-secondary: var(--blue800);
756
- --color-hover-tertiary: var(--blue800);
757
- --color-hover-surface: var(--gray50);
758
- --color-hover-light: var(--blue400);
759
- --color-hover-danger: var(--red800);
760
- --color-active-primary: var(--blue800);
761
- --color-active-secondary: var(--blue800);
762
- --color-active-tertiary: var(--blue800);
763
- --color-active-surface: var(--gray300);
764
- --color-active-light: var(--blue400);
765
- --color-pressed-primary: var(--blue400);
766
- --color-pressed-secondary: var(--red400);
767
- --color-selected-surface: var(--gray300);
768
- --color-selected-light: var(--gray300);
769
- --color-highlight: var(--blue100);
770
- --color-ghost01: var(--gray300);
771
- --color-ghost02: var(--gray500);
772
- --color-disabled01: var(--gray200);
773
- --color-disabled02: var(--gray700);
774
- --color-disabled03: var(--gray500);
775
- --shadow-focus-primary: 0 0 2px 2px var(--color-highlight);
776
- --color-link-primary: var(--blue500);
777
- --color-hover-link: var(--blue800);
778
- --color-active-link: var(--blue800);
779
- --color-pressed-link: var(--blue400);
780
- --color-visited-link: var(--blue800);
781
- --color-inverse-link: var(--color-white);
782
- --color-inverse-hover-link: var(--color-white);
783
- --color-inverse-active-link: var(--color-white);
784
- --color-inverse-pressed-link: var(--color-white);
785
- --color-inverse-visited-link: var(--gray300);
786
- }
787
-
788
- /*# sourceMappingURL=default.css.map */
789
-
790
- .theme-black-yellow {
791
- --color-primary01: var(--gray950);
792
- --color-primary02: var(--color-white);
793
- --color-primary03: var(--gray100);
794
- --color-secondary01: var(--yellow500);
795
- --color-secondary02: var(--yellow500);
796
- --color-secondary03: var(--yellow500);
797
- --color-text01: var(--gray950);
798
- --color-text-inverse: var(--color-white);
799
- --color-icon01: var(--gray950);
800
- --color-active-primary: var(--gray800);
801
- --color-pressed-primary: var(--gray800);
802
- --color-hover-primary: var(--gray800);
803
- --color-hover-secondary: var(--gray950);
804
- --color-hover-tertiary: var(--gray950);
805
- --color-hover-primary-text: var(--gray950);
806
- --color-hover-light: var(--yellow500);
807
- --color-background: var(--color-white);
808
- --color-hover-surface: var(--gray50);
809
- }
810
-
811
- /*# sourceMappingURL=black-yellow.css.map */
812
-