@zanichelli/albe-web-components 2.41.1 → 2.43.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 (359) hide show
  1. package/dist/cjs/{index-15dc9f49.js → index-0438eac5.js} +10 -0
  2. package/dist/cjs/{index-ec1433b8.js → index-84b7063a.js} +3 -0
  3. package/dist/cjs/index.cjs.js +2 -2
  4. package/dist/cjs/loader.cjs.js +2 -2
  5. package/dist/cjs/{utils-50477402.js → utils-13b55bf9.js} +3 -3
  6. package/dist/cjs/web-components-library.cjs.js +2 -2
  7. package/dist/cjs/z-alert.cjs.entry.js +1 -1
  8. package/dist/cjs/z-app-header.cjs.entry.js +1 -1
  9. package/dist/cjs/z-app-switcher_10.cjs.entry.js +2 -2
  10. package/dist/cjs/z-aria-alert.cjs.entry.js +2 -2
  11. package/dist/cjs/z-avatar.cjs.entry.js +2 -2
  12. package/dist/cjs/z-body_2.cjs.entry.js +1 -1
  13. package/dist/cjs/z-button-filter_5.cjs.entry.js +3 -3
  14. package/dist/cjs/z-button-sort.cjs.entry.js +1 -1
  15. package/dist/cjs/z-candybar.cjs.entry.js +1 -1
  16. package/dist/cjs/z-chip.cjs.entry.js +2 -2
  17. package/dist/cjs/z-combobox.cjs.entry.js +3 -3
  18. package/dist/cjs/z-contextual-menu.cjs.entry.js +2 -2
  19. package/dist/cjs/z-cookiebar.cjs.entry.js +2 -2
  20. package/dist/cjs/z-dragdrop-area_2.cjs.entry.js +49 -0
  21. package/dist/cjs/z-file-upload.cjs.entry.js +169 -0
  22. package/dist/cjs/z-file.cjs.entry.js +53 -0
  23. package/dist/cjs/z-footer-link_3.cjs.entry.js +1 -1
  24. package/dist/cjs/z-footer.cjs.entry.js +2 -2
  25. package/dist/cjs/z-ghost-loading.cjs.entry.js +1 -1
  26. package/dist/cjs/z-icon-package.cjs.entry.js +1 -1
  27. package/dist/cjs/z-info-box.cjs.entry.js +1 -1
  28. package/dist/cjs/z-list_3.cjs.entry.js +2 -2
  29. package/dist/cjs/z-menu-dropdown_2.cjs.entry.js +3 -3
  30. package/dist/cjs/z-menu-section.cjs.entry.js +1 -1
  31. package/dist/cjs/z-menu.cjs.entry.js +1 -1
  32. package/dist/cjs/z-messages-pocket.cjs.entry.js +2 -2
  33. package/dist/cjs/z-modal-login.cjs.entry.js +2 -2
  34. package/dist/cjs/z-modal.cjs.entry.js +1 -1
  35. package/dist/cjs/z-myz-card-alert.cjs.entry.js +2 -2
  36. package/dist/cjs/z-myz-card-dictionary.cjs.entry.js +2 -2
  37. package/dist/cjs/z-myz-card-footer-sections.cjs.entry.js +1 -1
  38. package/dist/cjs/z-myz-card-footer.cjs.entry.js +2 -2
  39. package/dist/cjs/z-myz-card-icon.cjs.entry.js +1 -1
  40. package/dist/cjs/z-myz-card-info.cjs.entry.js +3 -3
  41. package/dist/cjs/z-myz-card-list.cjs.entry.js +1 -1
  42. package/dist/cjs/z-myz-card_4.cjs.entry.js +2 -2
  43. package/dist/cjs/z-myz-list-item.cjs.entry.js +3 -3
  44. package/dist/cjs/z-myz-topbar.cjs.entry.js +2 -2
  45. package/dist/cjs/z-navigation-tab.cjs.entry.js +1 -1
  46. package/dist/cjs/z-navigation-tabs.cjs.entry.js +2 -2
  47. package/dist/cjs/z-notification.cjs.entry.js +2 -2
  48. package/dist/cjs/z-otp.cjs.entry.js +2 -2
  49. package/dist/cjs/z-pagination-bar.cjs.entry.js +3 -3
  50. package/dist/cjs/z-pagination-page.cjs.entry.js +1 -1
  51. package/dist/cjs/z-panel-elem.cjs.entry.js +1 -1
  52. package/dist/cjs/z-pocket-message.cjs.entry.js +1 -1
  53. package/dist/cjs/z-pocket_3.cjs.entry.js +3 -3
  54. package/dist/cjs/z-popover.cjs.entry.js +3 -3
  55. package/dist/cjs/z-section-title.cjs.entry.js +42 -0
  56. package/dist/cjs/z-slideshow.cjs.entry.js +3 -3
  57. package/dist/cjs/z-status-tag.cjs.entry.js +2 -2
  58. package/dist/cjs/z-stepper-item.cjs.entry.js +1 -1
  59. package/dist/cjs/z-stepper.cjs.entry.js +1 -1
  60. package/dist/cjs/z-table-body.cjs.entry.js +1 -1
  61. package/dist/cjs/z-table-cell.cjs.entry.js +2 -2
  62. package/dist/cjs/z-table-empty-box.cjs.entry.js +1 -1
  63. package/dist/cjs/z-table-expanded-row.cjs.entry.js +1 -1
  64. package/dist/cjs/z-table-footer.cjs.entry.js +1 -1
  65. package/dist/cjs/z-table-head.cjs.entry.js +1 -1
  66. package/dist/cjs/z-table-header-row.cjs.entry.js +1 -1
  67. package/dist/cjs/z-table-header.cjs.entry.js +3 -3
  68. package/dist/cjs/z-table-row.cjs.entry.js +2 -2
  69. package/dist/cjs/z-table-sticky-footer.cjs.entry.js +1 -1
  70. package/dist/cjs/z-table.cjs.entry.js +2 -2
  71. package/dist/cjs/z-toast-notification-list.cjs.entry.js +2 -2
  72. package/dist/cjs/z-toast-notification.cjs.entry.js +2 -2
  73. package/dist/cjs/z-toggle-button.cjs.entry.js +1 -1
  74. package/dist/cjs/z-toggle-switch.cjs.entry.js +15 -9
  75. package/dist/cjs/z-tooltip.cjs.entry.js +2 -2
  76. package/dist/cjs/z-user-dropdown.cjs.entry.js +1 -1
  77. package/dist/cjs/z-visually-hidden.cjs.entry.js +1 -1
  78. package/dist/collection/beans/index.js +10 -0
  79. package/dist/collection/collection-manifest.json +4 -0
  80. package/dist/collection/components/buttons/z-toggle-switch/index.js +7 -3
  81. package/dist/collection/components/buttons/z-toggle-switch/styles.css +5 -1
  82. package/dist/collection/components/file-upload/z-dragdrop-area/index.js +52 -0
  83. package/dist/collection/components/file-upload/z-dragdrop-area/styles.css +62 -0
  84. package/dist/collection/components/file-upload/z-file/index.js +109 -0
  85. package/dist/collection/components/file-upload/z-file/styles.css +61 -0
  86. package/dist/collection/components/file-upload/z-file-upload/index.js +329 -0
  87. package/dist/collection/components/file-upload/z-file-upload/styles.css +87 -0
  88. package/dist/collection/components/z-section-title/index.js +91 -0
  89. package/dist/collection/components/z-section-title/styles.css +44 -0
  90. package/dist/collection/utils/storybook-utils.js +50 -0
  91. package/dist/collection/utils/utils.js +2 -2
  92. package/dist/esm/{index-672bd95c.js → index-2fcbc301.js} +11 -1
  93. package/dist/esm/{index-1877eca4.js → index-90e18641.js} +3 -0
  94. package/dist/esm/index.js +2 -2
  95. package/dist/esm/loader.js +2 -2
  96. package/dist/esm/{utils-c01fe130.js → utils-8fc83bbe.js} +3 -3
  97. package/dist/esm/web-components-library.js +2 -2
  98. package/dist/esm/z-alert.entry.js +1 -1
  99. package/dist/esm/z-app-header.entry.js +1 -1
  100. package/dist/esm/z-app-switcher_10.entry.js +2 -2
  101. package/dist/esm/z-aria-alert.entry.js +2 -2
  102. package/dist/esm/z-avatar.entry.js +2 -2
  103. package/dist/esm/z-body_2.entry.js +1 -1
  104. package/dist/esm/z-button-filter_5.entry.js +3 -3
  105. package/dist/esm/z-button-sort.entry.js +1 -1
  106. package/dist/esm/z-candybar.entry.js +1 -1
  107. package/dist/esm/z-chip.entry.js +2 -2
  108. package/dist/esm/z-combobox.entry.js +3 -3
  109. package/dist/esm/z-contextual-menu.entry.js +2 -2
  110. package/dist/esm/z-cookiebar.entry.js +2 -2
  111. package/dist/esm/z-dragdrop-area_2.entry.js +44 -0
  112. package/dist/esm/z-file-upload.entry.js +165 -0
  113. package/dist/esm/z-file.entry.js +49 -0
  114. package/dist/esm/z-footer-link_3.entry.js +1 -1
  115. package/dist/esm/z-footer.entry.js +2 -2
  116. package/dist/esm/z-ghost-loading.entry.js +1 -1
  117. package/dist/esm/z-icon-package.entry.js +1 -1
  118. package/dist/esm/z-info-box.entry.js +1 -1
  119. package/dist/esm/z-list_3.entry.js +2 -2
  120. package/dist/esm/z-menu-dropdown_2.entry.js +3 -3
  121. package/dist/esm/z-menu-section.entry.js +1 -1
  122. package/dist/esm/z-menu.entry.js +1 -1
  123. package/dist/esm/z-messages-pocket.entry.js +2 -2
  124. package/dist/esm/z-modal-login.entry.js +2 -2
  125. package/dist/esm/z-modal.entry.js +1 -1
  126. package/dist/esm/z-myz-card-alert.entry.js +2 -2
  127. package/dist/esm/z-myz-card-dictionary.entry.js +2 -2
  128. package/dist/esm/z-myz-card-footer-sections.entry.js +1 -1
  129. package/dist/esm/z-myz-card-footer.entry.js +2 -2
  130. package/dist/esm/z-myz-card-icon.entry.js +1 -1
  131. package/dist/esm/z-myz-card-info.entry.js +3 -3
  132. package/dist/esm/z-myz-card-list.entry.js +1 -1
  133. package/dist/esm/z-myz-card_4.entry.js +2 -2
  134. package/dist/esm/z-myz-list-item.entry.js +3 -3
  135. package/dist/esm/z-myz-topbar.entry.js +2 -2
  136. package/dist/esm/z-navigation-tab.entry.js +1 -1
  137. package/dist/esm/z-navigation-tabs.entry.js +2 -2
  138. package/dist/esm/z-notification.entry.js +2 -2
  139. package/dist/esm/z-otp.entry.js +2 -2
  140. package/dist/esm/z-pagination-bar.entry.js +3 -3
  141. package/dist/esm/z-pagination-page.entry.js +1 -1
  142. package/dist/esm/z-panel-elem.entry.js +1 -1
  143. package/dist/esm/z-pocket-message.entry.js +1 -1
  144. package/dist/esm/z-pocket_3.entry.js +3 -3
  145. package/dist/esm/z-popover.entry.js +3 -3
  146. package/dist/esm/z-section-title.entry.js +38 -0
  147. package/dist/esm/z-slideshow.entry.js +3 -3
  148. package/dist/esm/z-status-tag.entry.js +2 -2
  149. package/dist/esm/z-stepper-item.entry.js +1 -1
  150. package/dist/esm/z-stepper.entry.js +1 -1
  151. package/dist/esm/z-table-body.entry.js +1 -1
  152. package/dist/esm/z-table-cell.entry.js +2 -2
  153. package/dist/esm/z-table-empty-box.entry.js +1 -1
  154. package/dist/esm/z-table-expanded-row.entry.js +1 -1
  155. package/dist/esm/z-table-footer.entry.js +1 -1
  156. package/dist/esm/z-table-head.entry.js +1 -1
  157. package/dist/esm/z-table-header-row.entry.js +1 -1
  158. package/dist/esm/z-table-header.entry.js +3 -3
  159. package/dist/esm/z-table-row.entry.js +2 -2
  160. package/dist/esm/z-table-sticky-footer.entry.js +1 -1
  161. package/dist/esm/z-table.entry.js +2 -2
  162. package/dist/esm/z-toast-notification-list.entry.js +2 -2
  163. package/dist/esm/z-toast-notification.entry.js +2 -2
  164. package/dist/esm/z-toggle-button.entry.js +1 -1
  165. package/dist/esm/z-toggle-switch.entry.js +15 -9
  166. package/dist/esm/z-tooltip.entry.js +2 -2
  167. package/dist/esm/z-user-dropdown.entry.js +1 -1
  168. package/dist/esm/z-visually-hidden.entry.js +1 -1
  169. package/dist/types/beans/index.d.ts +9 -0
  170. package/dist/types/components/buttons/z-toggle-switch/index.d.ts +1 -1
  171. package/dist/types/components/file-upload/z-dragdrop-area/index.d.ts +9 -0
  172. package/dist/types/components/file-upload/z-file/index.d.ts +18 -0
  173. package/dist/types/components/file-upload/z-file-upload/index.d.ts +49 -0
  174. package/dist/types/components/z-section-title/index.d.ts +25 -0
  175. package/dist/types/components.d.ts +131 -1
  176. package/dist/web-components-library/index.esm.js +1 -1
  177. package/dist/web-components-library/{p-a56f935f.entry.js → p-02474663.entry.js} +1 -1
  178. package/{www/build/p-7bbf377b.entry.js → dist/web-components-library/p-08d14eff.entry.js} +1 -1
  179. package/dist/web-components-library/{p-f9a31c55.entry.js → p-0ea43e2d.entry.js} +1 -1
  180. package/dist/web-components-library/{p-24a2ecc0.entry.js → p-0f55beb5.entry.js} +1 -1
  181. package/{www/build/p-04daa863.entry.js → dist/web-components-library/p-104b70e5.entry.js} +1 -1
  182. package/dist/web-components-library/{p-a61ea96d.entry.js → p-105b82a6.entry.js} +1 -1
  183. package/{www/build/p-f0913e02.entry.js → dist/web-components-library/p-1ab2ca97.entry.js} +1 -1
  184. package/dist/web-components-library/{p-77610e66.entry.js → p-2212daaf.entry.js} +1 -1
  185. package/dist/web-components-library/{p-23c46ff2.entry.js → p-298070b1.entry.js} +1 -1
  186. package/dist/web-components-library/{p-f78ddbf1.entry.js → p-2c836d42.entry.js} +1 -1
  187. package/dist/web-components-library/{p-1bd60c44.entry.js → p-2c8e542b.entry.js} +1 -1
  188. package/dist/web-components-library/{p-4c7189d2.entry.js → p-2eeb8a03.entry.js} +1 -1
  189. package/dist/web-components-library/{p-915f59a5.entry.js → p-2f4b5116.entry.js} +1 -1
  190. package/{www/build/p-8b806916.entry.js → dist/web-components-library/p-3420fc79.entry.js} +1 -1
  191. package/dist/web-components-library/{p-3ea930a5.entry.js → p-383c1b1b.entry.js} +1 -1
  192. package/dist/web-components-library/p-3fbd736b.entry.js +1 -0
  193. package/dist/web-components-library/{p-0293d6c6.entry.js → p-3fc438b7.entry.js} +1 -1
  194. package/dist/web-components-library/{p-dbbae18b.entry.js → p-41c5beec.entry.js} +1 -1
  195. package/{www/build/p-8680baaf.entry.js → dist/web-components-library/p-4658024f.entry.js} +1 -1
  196. package/dist/web-components-library/{p-0948e843.entry.js → p-479ec393.entry.js} +1 -1
  197. package/dist/web-components-library/{p-d2848d7c.entry.js → p-4aaf3433.entry.js} +1 -1
  198. package/dist/web-components-library/{p-f52fb47b.entry.js → p-4d45f4e2.entry.js} +1 -1
  199. package/dist/web-components-library/{p-979882a5.entry.js → p-4d9667dc.entry.js} +1 -1
  200. package/dist/web-components-library/{p-9a764099.entry.js → p-4ee90701.entry.js} +1 -1
  201. package/dist/web-components-library/p-5011c3df.entry.js +1 -0
  202. package/dist/web-components-library/{p-8b780334.entry.js → p-54c557f0.entry.js} +1 -1
  203. package/dist/web-components-library/{p-56fe8986.entry.js → p-55be2a5f.entry.js} +1 -1
  204. package/dist/web-components-library/p-5651167f.entry.js +1 -0
  205. package/dist/web-components-library/{p-57aaa3d2.entry.js → p-5789bbe7.entry.js} +1 -1
  206. package/dist/web-components-library/{p-7d57c388.entry.js → p-578a5ad1.entry.js} +1 -1
  207. package/dist/web-components-library/{p-82b2c47c.entry.js → p-5a01568f.entry.js} +1 -1
  208. package/dist/web-components-library/p-5b885231.entry.js +1 -0
  209. package/dist/web-components-library/{p-4b756d6a.entry.js → p-5e41c6c2.entry.js} +1 -1
  210. package/dist/web-components-library/{p-d1d26026.entry.js → p-6375f662.entry.js} +1 -1
  211. package/dist/web-components-library/{p-e697181c.entry.js → p-6a20f73b.entry.js} +1 -1
  212. package/dist/web-components-library/{p-8aa42057.entry.js → p-6baa8e33.entry.js} +1 -1
  213. package/dist/web-components-library/{p-2cc0c93f.entry.js → p-6bb8de3e.entry.js} +1 -1
  214. package/dist/web-components-library/{p-0b6bd214.entry.js → p-71e8c2af.entry.js} +1 -1
  215. package/dist/web-components-library/{p-cdf09ad7.entry.js → p-78e26102.entry.js} +1 -1
  216. package/dist/web-components-library/{p-1584dfb4.entry.js → p-7bc6023f.entry.js} +1 -1
  217. package/dist/web-components-library/{p-5ff60fcd.js → p-7d5a0194.js} +1 -1
  218. package/dist/web-components-library/{p-b33f83f6.entry.js → p-7eb25302.entry.js} +1 -1
  219. package/dist/web-components-library/{p-40e6d79d.entry.js → p-7ebb03d8.entry.js} +1 -1
  220. package/dist/web-components-library/{p-b87c4984.entry.js → p-7f2fa336.entry.js} +1 -1
  221. package/dist/web-components-library/{p-0084ea9f.entry.js → p-86935ea1.entry.js} +1 -1
  222. package/dist/web-components-library/p-8a631d8a.entry.js +1 -0
  223. package/dist/web-components-library/{p-4e2763b2.entry.js → p-8aa9d127.entry.js} +1 -1
  224. package/{www/build/p-c932e698.entry.js → dist/web-components-library/p-8f11dd1d.entry.js} +1 -1
  225. package/dist/web-components-library/{p-761eb0ec.entry.js → p-9260abad.entry.js} +1 -1
  226. package/dist/web-components-library/{p-09ded8b4.entry.js → p-9352da73.entry.js} +1 -1
  227. package/dist/web-components-library/p-98268a57.js +1 -0
  228. package/dist/web-components-library/{p-032bfb5c.entry.js → p-98daa188.entry.js} +1 -1
  229. package/dist/web-components-library/p-9c1db4dd.entry.js +1 -0
  230. package/{www/build/p-5fb435ca.entry.js → dist/web-components-library/p-9c7cf598.entry.js} +1 -1
  231. package/dist/web-components-library/{p-07938fc2.entry.js → p-9f282ddf.entry.js} +1 -1
  232. package/dist/web-components-library/{p-b4981c43.entry.js → p-a741eb3a.entry.js} +1 -1
  233. package/dist/web-components-library/{p-779bc51a.entry.js → p-a759ab46.entry.js} +1 -1
  234. package/dist/web-components-library/p-a785ff38.entry.js +1 -0
  235. package/dist/web-components-library/{p-ad105cb1.entry.js → p-a8edf905.entry.js} +1 -1
  236. package/dist/web-components-library/{p-b4bc83ea.entry.js → p-a9eea65b.entry.js} +1 -1
  237. package/dist/web-components-library/{p-2c120632.entry.js → p-b47fd574.entry.js} +1 -1
  238. package/dist/web-components-library/{p-bd8a9e22.entry.js → p-c284139b.entry.js} +1 -1
  239. package/dist/web-components-library/{p-706eb92e.entry.js → p-c670cc2a.entry.js} +1 -1
  240. package/dist/web-components-library/{p-bbc60b23.entry.js → p-cb13d050.entry.js} +1 -1
  241. package/dist/web-components-library/p-cc1b3608.entry.js +1 -0
  242. package/dist/web-components-library/{p-02fa9e81.entry.js → p-cf42a0d9.entry.js} +1 -1
  243. package/{www/build/p-af9c81d0.entry.js → dist/web-components-library/p-d39c0372.entry.js} +1 -1
  244. package/dist/web-components-library/{p-7e13c57d.entry.js → p-d4927410.entry.js} +1 -1
  245. package/dist/web-components-library/{p-8788a24f.entry.js → p-dd948d70.entry.js} +1 -1
  246. package/dist/web-components-library/p-dfdc8e09.js +1 -0
  247. package/dist/web-components-library/{p-45cbf885.entry.js → p-e2560604.entry.js} +1 -1
  248. package/dist/web-components-library/{p-61d066ee.entry.js → p-e5e38024.entry.js} +1 -1
  249. package/dist/web-components-library/{p-732213f9.entry.js → p-e7898f70.entry.js} +1 -1
  250. package/dist/web-components-library/p-f6a11970.entry.js +1 -0
  251. package/dist/web-components-library/web-components-library.esm.js +1 -1
  252. package/package.json +10 -10
  253. package/react/components.d.ts +4 -0
  254. package/react/components.js +6 -2
  255. package/react/components.js.map +1 -1
  256. package/readme.md +1 -0
  257. package/www/build/index.esm.js +1 -1
  258. package/www/build/{p-a56f935f.entry.js → p-02474663.entry.js} +1 -1
  259. package/{dist/web-components-library/p-7bbf377b.entry.js → www/build/p-08d14eff.entry.js} +1 -1
  260. package/www/build/{p-f9a31c55.entry.js → p-0ea43e2d.entry.js} +1 -1
  261. package/www/build/{p-24a2ecc0.entry.js → p-0f55beb5.entry.js} +1 -1
  262. package/{dist/web-components-library/p-04daa863.entry.js → www/build/p-104b70e5.entry.js} +1 -1
  263. package/www/build/{p-a61ea96d.entry.js → p-105b82a6.entry.js} +1 -1
  264. package/{dist/web-components-library/p-f0913e02.entry.js → www/build/p-1ab2ca97.entry.js} +1 -1
  265. package/www/build/{p-77610e66.entry.js → p-2212daaf.entry.js} +1 -1
  266. package/www/build/{p-23c46ff2.entry.js → p-298070b1.entry.js} +1 -1
  267. package/www/build/{p-f78ddbf1.entry.js → p-2c836d42.entry.js} +1 -1
  268. package/www/build/{p-1bd60c44.entry.js → p-2c8e542b.entry.js} +1 -1
  269. package/www/build/{p-4c7189d2.entry.js → p-2eeb8a03.entry.js} +1 -1
  270. package/www/build/{p-915f59a5.entry.js → p-2f4b5116.entry.js} +1 -1
  271. package/{dist/web-components-library/p-8b806916.entry.js → www/build/p-3420fc79.entry.js} +1 -1
  272. package/www/build/{p-3ea930a5.entry.js → p-383c1b1b.entry.js} +1 -1
  273. package/www/build/p-3fbd736b.entry.js +1 -0
  274. package/www/build/{p-0293d6c6.entry.js → p-3fc438b7.entry.js} +1 -1
  275. package/www/build/{p-dbbae18b.entry.js → p-41c5beec.entry.js} +1 -1
  276. package/{dist/web-components-library/p-8680baaf.entry.js → www/build/p-4658024f.entry.js} +1 -1
  277. package/www/build/{p-0948e843.entry.js → p-479ec393.entry.js} +1 -1
  278. package/www/build/{p-d2848d7c.entry.js → p-4aaf3433.entry.js} +1 -1
  279. package/www/build/{p-f52fb47b.entry.js → p-4d45f4e2.entry.js} +1 -1
  280. package/www/build/{p-979882a5.entry.js → p-4d9667dc.entry.js} +1 -1
  281. package/www/build/{p-9a764099.entry.js → p-4ee90701.entry.js} +1 -1
  282. package/www/build/p-5011c3df.entry.js +1 -0
  283. package/www/build/{p-8b780334.entry.js → p-54c557f0.entry.js} +1 -1
  284. package/www/build/{p-56fe8986.entry.js → p-55be2a5f.entry.js} +1 -1
  285. package/www/build/p-5651167f.entry.js +1 -0
  286. package/www/build/{p-57aaa3d2.entry.js → p-5789bbe7.entry.js} +1 -1
  287. package/www/build/{p-7d57c388.entry.js → p-578a5ad1.entry.js} +1 -1
  288. package/www/build/{p-82b2c47c.entry.js → p-5a01568f.entry.js} +1 -1
  289. package/www/build/p-5b885231.entry.js +1 -0
  290. package/www/build/{p-4b756d6a.entry.js → p-5e41c6c2.entry.js} +1 -1
  291. package/www/build/{p-d1d26026.entry.js → p-6375f662.entry.js} +1 -1
  292. package/www/build/{p-e697181c.entry.js → p-6a20f73b.entry.js} +1 -1
  293. package/www/build/{p-8aa42057.entry.js → p-6baa8e33.entry.js} +1 -1
  294. package/www/build/{p-2cc0c93f.entry.js → p-6bb8de3e.entry.js} +1 -1
  295. package/www/build/{p-0b6bd214.entry.js → p-71e8c2af.entry.js} +1 -1
  296. package/www/build/{p-cdf09ad7.entry.js → p-78e26102.entry.js} +1 -1
  297. package/www/build/{p-1584dfb4.entry.js → p-7bc6023f.entry.js} +1 -1
  298. package/www/build/{p-5ff60fcd.js → p-7d5a0194.js} +1 -1
  299. package/www/build/{p-b33f83f6.entry.js → p-7eb25302.entry.js} +1 -1
  300. package/www/build/{p-40e6d79d.entry.js → p-7ebb03d8.entry.js} +1 -1
  301. package/www/build/{p-b87c4984.entry.js → p-7f2fa336.entry.js} +1 -1
  302. package/www/build/{p-0084ea9f.entry.js → p-86935ea1.entry.js} +1 -1
  303. package/www/build/p-88b56b6e.css +1 -0
  304. package/www/build/p-8a631d8a.entry.js +1 -0
  305. package/www/build/{p-4e2763b2.entry.js → p-8aa9d127.entry.js} +1 -1
  306. package/{dist/web-components-library/p-c932e698.entry.js → www/build/p-8f11dd1d.entry.js} +1 -1
  307. package/www/build/{p-761eb0ec.entry.js → p-9260abad.entry.js} +1 -1
  308. package/www/build/{p-09ded8b4.entry.js → p-9352da73.entry.js} +1 -1
  309. package/www/build/p-98268a57.js +1 -0
  310. package/www/build/{p-032bfb5c.entry.js → p-98daa188.entry.js} +1 -1
  311. package/www/build/p-9c1db4dd.entry.js +1 -0
  312. package/{dist/web-components-library/p-5fb435ca.entry.js → www/build/p-9c7cf598.entry.js} +1 -1
  313. package/www/build/{p-07938fc2.entry.js → p-9f282ddf.entry.js} +1 -1
  314. package/www/build/{p-b4981c43.entry.js → p-a741eb3a.entry.js} +1 -1
  315. package/www/build/{p-779bc51a.entry.js → p-a759ab46.entry.js} +1 -1
  316. package/www/build/p-a785ff38.entry.js +1 -0
  317. package/www/build/{p-ad105cb1.entry.js → p-a8edf905.entry.js} +1 -1
  318. package/www/build/{p-b4bc83ea.entry.js → p-a9eea65b.entry.js} +1 -1
  319. package/www/build/{p-2c120632.entry.js → p-b47fd574.entry.js} +1 -1
  320. package/www/build/{p-bd8a9e22.entry.js → p-c284139b.entry.js} +1 -1
  321. package/www/build/{p-706eb92e.entry.js → p-c670cc2a.entry.js} +1 -1
  322. package/www/build/{p-bbc60b23.entry.js → p-cb13d050.entry.js} +1 -1
  323. package/www/build/p-cc1b3608.entry.js +1 -0
  324. package/www/build/{p-02fa9e81.entry.js → p-cf42a0d9.entry.js} +1 -1
  325. package/{dist/web-components-library/p-af9c81d0.entry.js → www/build/p-d39c0372.entry.js} +1 -1
  326. package/www/build/{p-7e13c57d.entry.js → p-d4927410.entry.js} +1 -1
  327. package/www/build/{p-8788a24f.entry.js → p-dd948d70.entry.js} +1 -1
  328. package/www/build/p-dfdc8e09.js +1 -0
  329. package/www/build/{p-45cbf885.entry.js → p-e2560604.entry.js} +1 -1
  330. package/www/build/p-e4b6f3ad.js +1 -0
  331. package/www/build/{p-61d066ee.entry.js → p-e5e38024.entry.js} +1 -1
  332. package/www/build/{p-732213f9.entry.js → p-e7898f70.entry.js} +1 -1
  333. package/www/build/p-f6a11970.entry.js +1 -0
  334. package/www/build/web-components-library.esm.js +1 -1
  335. package/www/index.html +1 -1
  336. package/www/pages/file-upload.html +236 -0
  337. package/CHANGELOG.md +0 -1406
  338. package/dist/cjs/z-heading.cjs.entry.js +0 -17
  339. package/dist/collection/themes/index.story.js +0 -18
  340. package/dist/esm/z-heading.entry.js +0 -13
  341. package/dist/web-components-library/p-3bbf16c8.entry.js +0 -1
  342. package/dist/web-components-library/p-56640ea6.js +0 -1
  343. package/dist/web-components-library/p-a321fe03.js +0 -1
  344. package/dist/web-components-library/p-c273c377.entry.js +0 -1
  345. package/dist/web-components-library/p-d0de0319.entry.js +0 -1
  346. package/dist/web-components-library/p-df58b251.entry.js +0 -1
  347. package/dist/web-components-library/p-e776d206.entry.js +0 -1
  348. package/dist/web-components-library/p-f9e401fa.entry.js +0 -1
  349. package/src-react/index.ts +0 -1
  350. package/www/build/p-1ef0dee5.js +0 -129
  351. package/www/build/p-3bbf16c8.entry.js +0 -1
  352. package/www/build/p-56640ea6.js +0 -1
  353. package/www/build/p-a321fe03.js +0 -1
  354. package/www/build/p-c273c377.entry.js +0 -1
  355. package/www/build/p-d0de0319.entry.js +0 -1
  356. package/www/build/p-df58b251.entry.js +0 -1
  357. package/www/build/p-e776d206.entry.js +0 -1
  358. package/www/build/p-f9e401fa.entry.js +0 -1
  359. package/www/build/p-fcff1237.css +0 -812
@@ -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
-