@baloise/ds-core 17.2.5 → 17.3.0-nightly.20250117

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 (584) hide show
  1. package/components/all.d.ts +2 -0
  2. package/components/all.js +3 -0
  3. package/components/bal-app.js +1 -93
  4. package/components/bal-app2.js +95 -0
  5. package/components/bal-doc-app.d.ts +11 -0
  6. package/components/bal-doc-app.js +262 -0
  7. package/components/bal-dropdown.js +1 -1
  8. package/components/bal-notices.js +11 -7
  9. package/components/bal-notification.js +10 -3
  10. package/components/bal-snackbar.js +34 -28
  11. package/components/bal-spinner2.js +2 -2
  12. package/components/bal-stack2.js +1 -1
  13. package/components/bal-stage-back-link.js +2 -2
  14. package/components/bal-stage-body.js +1 -1
  15. package/components/bal-stage-foot.js +1 -1
  16. package/components/bal-stage-head.js +1 -1
  17. package/components/bal-stage-image.js +1 -1
  18. package/components/bal-stage.js +1 -1
  19. package/components/bal-step-item.js +2 -2
  20. package/components/bal-tab-item.js +2 -2
  21. package/components/bal-table.js +1 -1
  22. package/components/bal-tabs2.js +2 -2
  23. package/components/bal-tag-group.js +1 -1
  24. package/components/bal-tag2.js +1 -1
  25. package/components/bal-text2.js +2 -2
  26. package/components/bal-textarea.js +1 -1
  27. package/components/bal-time-input.js +1 -1
  28. package/components/bal-toast.js +9 -8
  29. package/components/bal-tooltip.js +1 -1
  30. package/components/index.js +5 -304
  31. package/components/initialize.js +312 -0
  32. package/components/tokens.esm.js +1 -1
  33. package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
  34. package/dist/baloise-design-system/baloise-design-system.js +1 -1
  35. package/dist/baloise-design-system/index.esm.js +1 -1
  36. package/dist/baloise-design-system/{p-0d7b7182.js → p-007fc954.js} +1 -1
  37. package/dist/baloise-design-system/p-0170c59c18.system.entry.js +1 -0
  38. package/dist/baloise-design-system/p-0932b2841b.system.entry.js +1 -0
  39. package/dist/baloise-design-system/p-0b55b442e0.system.entry.js +1 -0
  40. package/dist/baloise-design-system/p-0d0376d32d.entry.js +1 -0
  41. package/dist/baloise-design-system/{p-cb045ca0.system.js → p-0d3f11e3.system.js} +1 -1
  42. package/dist/baloise-design-system/{p-bb6304d0.system.js → p-0f37a65c.system.js} +1 -1
  43. package/dist/baloise-design-system/{p-0177e3a0.system.js → p-130a16ee.system.js} +1 -1
  44. package/dist/baloise-design-system/p-15677de7d0.system.entry.js +1 -0
  45. package/dist/baloise-design-system/p-18b510f972.entry.js +1 -0
  46. package/dist/baloise-design-system/{p-e7d20c82.system.js → p-195ee683.system.js} +1 -1
  47. package/dist/baloise-design-system/{p-8a73c9b8.js → p-1a094c1b.js} +1 -1
  48. package/dist/baloise-design-system/p-1a91f0403a.system.entry.js +1 -0
  49. package/dist/baloise-design-system/p-1b5f932fe9.system.entry.js +1 -0
  50. package/dist/baloise-design-system/{p-86244838e4.entry.js → p-1c08d81e34.entry.js} +1 -1
  51. package/dist/baloise-design-system/{p-18d7c665.system.js → p-1e6c53c7.system.js} +1 -1
  52. package/dist/baloise-design-system/p-22bf3854a2.system.entry.js +1 -0
  53. package/dist/baloise-design-system/{p-72312d33a3.system.entry.js → p-233258cd04.system.entry.js} +1 -1
  54. package/dist/baloise-design-system/p-245629d7ca.system.entry.js +1 -0
  55. package/dist/baloise-design-system/p-270deaf56d.entry.js +1 -0
  56. package/dist/baloise-design-system/p-273fb2c2.system.js +1 -0
  57. package/dist/baloise-design-system/p-2ac179162f.system.entry.js +1 -0
  58. package/dist/baloise-design-system/{p-72ffb739.system.js → p-2f1fbb48.system.js} +1 -1
  59. package/dist/baloise-design-system/p-2f3c628b01.system.entry.js +1 -0
  60. package/dist/baloise-design-system/{p-a679bf1c24.entry.js → p-31443ba141.entry.js} +1 -1
  61. package/dist/baloise-design-system/p-32f2098f72.entry.js +1 -0
  62. package/dist/baloise-design-system/p-34797e19f0.system.entry.js +1 -0
  63. package/dist/baloise-design-system/{p-d67d2979ad.system.entry.js → p-34ca390a2c.system.entry.js} +1 -1
  64. package/dist/baloise-design-system/{p-e3c1d653.js → p-35baa468.js} +1 -1
  65. package/dist/baloise-design-system/p-3664ca2ce5.system.entry.js +1 -0
  66. package/dist/baloise-design-system/p-38b11e34b4.system.entry.js +1 -0
  67. package/dist/baloise-design-system/p-3b18905319.entry.js +1 -0
  68. package/dist/baloise-design-system/{p-89aaadaf.system.js → p-3bf02fb8.system.js} +1 -1
  69. package/dist/baloise-design-system/p-3fcdc7bf1d.entry.js +1 -0
  70. package/dist/baloise-design-system/{p-f39958528f.entry.js → p-403f40e26a.entry.js} +1 -1
  71. package/dist/baloise-design-system/p-43078d9a20.entry.js +1 -0
  72. package/dist/baloise-design-system/p-436204d6b0.system.entry.js +1 -0
  73. package/dist/baloise-design-system/p-444d11044c.system.entry.js +1 -0
  74. package/dist/baloise-design-system/{p-69e7c8d6.js → p-44e7532c.js} +1 -1
  75. package/dist/baloise-design-system/p-4543306ed6.system.entry.js +1 -0
  76. package/dist/baloise-design-system/p-45bbf6330f.entry.js +1 -0
  77. package/dist/baloise-design-system/p-46251973.js +1 -0
  78. package/dist/baloise-design-system/p-47660601a1.entry.js +1 -0
  79. package/dist/baloise-design-system/p-477a9f8a40.entry.js +1 -0
  80. package/dist/baloise-design-system/{p-4f99ecfe.system.js → p-47878379.system.js} +1 -1
  81. package/dist/baloise-design-system/p-489cda24c4.system.entry.js +1 -0
  82. package/dist/baloise-design-system/p-48a601d6f0.system.entry.js +1 -0
  83. package/dist/baloise-design-system/p-48c06e18ca.system.entry.js +1 -0
  84. package/dist/baloise-design-system/p-4a614fb255.system.entry.js +1 -0
  85. package/dist/baloise-design-system/{p-744daf78.js → p-4d7c0d39.js} +1 -1
  86. package/dist/baloise-design-system/p-4d7db9cd72.entry.js +1 -0
  87. package/dist/baloise-design-system/p-4dfdd589d8.system.entry.js +1 -0
  88. package/dist/baloise-design-system/{p-c4088d90.js → p-4f4c99db.js} +1 -1
  89. package/dist/baloise-design-system/p-4f74bac34b.system.entry.js +1 -0
  90. package/dist/baloise-design-system/{p-cc35663d.js → p-513f6b88.js} +1 -1
  91. package/dist/baloise-design-system/p-540bfa19.system.js +1 -0
  92. package/dist/baloise-design-system/p-57777973d0.entry.js +1 -0
  93. package/dist/baloise-design-system/p-596000a871.entry.js +1 -0
  94. package/dist/baloise-design-system/p-5a3e5f6551.entry.js +1 -0
  95. package/dist/baloise-design-system/p-5c0ac570ac.entry.js +1 -0
  96. package/dist/baloise-design-system/p-5cd2674f.system.js +1 -0
  97. package/dist/baloise-design-system/p-5d5d78c033.entry.js +1 -0
  98. package/dist/baloise-design-system/{p-ebf5cc68.js → p-5d689d39.js} +1 -1
  99. package/dist/baloise-design-system/p-60839711e5.system.entry.js +1 -0
  100. package/dist/baloise-design-system/p-60898c978e.system.entry.js +1 -0
  101. package/dist/baloise-design-system/p-61e350025e.entry.js +1 -0
  102. package/dist/baloise-design-system/p-62f6d6e101.system.entry.js +1 -0
  103. package/dist/baloise-design-system/p-630b9272b1.entry.js +1 -0
  104. package/dist/baloise-design-system/p-63b89f722f.system.entry.js +1 -0
  105. package/dist/baloise-design-system/{p-802216cd.system.js → p-64aca444.system.js} +1 -1
  106. package/dist/baloise-design-system/{p-ad5039de.system.js → p-68bef926.system.js} +1 -1
  107. package/dist/baloise-design-system/p-6c032f2c50.entry.js +1 -0
  108. package/dist/baloise-design-system/p-7042d9e34c.system.entry.js +1 -0
  109. package/dist/baloise-design-system/{p-ee379377.js → p-71352a52.js} +1 -1
  110. package/dist/baloise-design-system/{p-54b7eb9ee0.entry.js → p-715f1670d4.entry.js} +1 -1
  111. package/dist/baloise-design-system/p-717d8ea880.entry.js +1 -0
  112. package/dist/baloise-design-system/p-725eed2595.entry.js +1 -0
  113. package/dist/baloise-design-system/p-759f25a3e5.entry.js +1 -0
  114. package/dist/baloise-design-system/p-77a0166eb8.entry.js +1 -0
  115. package/dist/baloise-design-system/p-7abb060a59.entry.js +1 -0
  116. package/dist/baloise-design-system/p-7c0cb969.system.js +1 -0
  117. package/dist/baloise-design-system/p-7c76d17d2f.entry.js +1 -0
  118. package/dist/baloise-design-system/p-7ced24b550.system.entry.js +1 -0
  119. package/dist/baloise-design-system/p-7e7d73b667.entry.js +1 -0
  120. package/dist/baloise-design-system/p-830d9e47.js +1 -0
  121. package/dist/baloise-design-system/{p-49361909.js → p-841d42ba.js} +1 -1
  122. package/dist/baloise-design-system/{p-a5ea24121d.entry.js → p-8594937575.entry.js} +1 -1
  123. package/dist/baloise-design-system/p-89a8d47c12.entry.js +1 -0
  124. package/dist/baloise-design-system/p-8ca39745bf.system.entry.js +1 -0
  125. package/dist/baloise-design-system/p-8cb8360dcd.system.entry.js +1 -0
  126. package/dist/baloise-design-system/p-8d1dc2f0d6.system.entry.js +1 -0
  127. package/dist/baloise-design-system/{p-7396469a.system.js → p-8f6bf2ad.system.js} +1 -1
  128. package/dist/baloise-design-system/p-93a3dd9834.entry.js +1 -0
  129. package/dist/baloise-design-system/p-9438e5c989.entry.js +1 -0
  130. package/dist/baloise-design-system/{p-c6a673f7.system.js → p-95055e88.system.js} +1 -1
  131. package/dist/baloise-design-system/p-974e5cb5ec.system.entry.js +1 -0
  132. package/dist/baloise-design-system/{p-1f762ec5aa.system.entry.js → p-975634d334.system.entry.js} +1 -1
  133. package/dist/baloise-design-system/p-9762a47c03.entry.js +1 -0
  134. package/dist/baloise-design-system/{p-56c370cb.system.js → p-980e4b57.system.js} +1 -1
  135. package/dist/baloise-design-system/p-9b6e9746c1.entry.js +1 -0
  136. package/dist/baloise-design-system/{p-a33f51bca5.system.entry.js → p-9ba757663f.system.entry.js} +1 -1
  137. package/dist/baloise-design-system/p-9c4e561740.system.entry.js +1 -0
  138. package/dist/baloise-design-system/p-9fbf3690.system.js +1 -0
  139. package/dist/baloise-design-system/p-aa125ebac6.system.entry.js +1 -0
  140. package/dist/baloise-design-system/p-ae30be6f8c.system.entry.js +1 -0
  141. package/dist/baloise-design-system/{p-e7150a50.system.js → p-b1c18bf1.system.js} +1 -1
  142. package/dist/baloise-design-system/p-b21f2874.system.js +1 -0
  143. package/dist/baloise-design-system/p-b3fee89b7f.entry.js +1 -0
  144. package/dist/baloise-design-system/{p-1d22490c.system.js → p-b63742f3.system.js} +1 -1
  145. package/dist/baloise-design-system/{p-d516d3b1.js → p-b7fbadbe.js} +1 -1
  146. package/dist/baloise-design-system/p-b8da005f.js +1 -0
  147. package/dist/baloise-design-system/p-c6f86d0612.entry.js +1 -0
  148. package/dist/baloise-design-system/p-c991d944.js +1 -0
  149. package/dist/baloise-design-system/{p-12edf09f.js → p-ca3bb9ce.js} +1 -1
  150. package/dist/baloise-design-system/{p-4e9084dc.js → p-caacebbe.js} +1 -1
  151. package/dist/baloise-design-system/{p-e7d6c81a63.system.entry.js → p-cc1b00dad4.system.entry.js} +1 -1
  152. package/dist/baloise-design-system/p-cc899b3f92.entry.js +1 -0
  153. package/dist/baloise-design-system/p-ccdca1ecc8.system.entry.js +1 -0
  154. package/dist/baloise-design-system/p-ce1ce7d198.system.entry.js +1 -0
  155. package/dist/baloise-design-system/p-d24c5aa8ad.entry.js +1 -0
  156. package/dist/baloise-design-system/p-d296994410.system.entry.js +1 -0
  157. package/dist/baloise-design-system/p-d5e8e2bec8.entry.js +1 -0
  158. package/dist/baloise-design-system/p-d96cc18c2d.system.entry.js +1 -0
  159. package/dist/baloise-design-system/p-d9bc111444.system.entry.js +1 -0
  160. package/dist/baloise-design-system/p-dc61e01d7b.entry.js +1 -0
  161. package/dist/baloise-design-system/p-ddfbabb4d5.system.entry.js +1 -0
  162. package/dist/baloise-design-system/{p-8782ba61.system.js → p-de59bd37.system.js} +1 -1
  163. package/dist/baloise-design-system/p-e104ac3699.system.entry.js +1 -0
  164. package/dist/baloise-design-system/{p-cc8cfbf3.js → p-e3e1d211.js} +1 -1
  165. package/dist/baloise-design-system/p-e4b50159.js +1 -0
  166. package/dist/baloise-design-system/p-e5c0a1dbb2.entry.js +1 -0
  167. package/dist/baloise-design-system/{p-e573491b.system.js → p-e60e0c65.system.js} +1 -1
  168. package/dist/baloise-design-system/{p-f557519e.js → p-e67ca444.js} +1 -1
  169. package/dist/baloise-design-system/{p-d1b12bcd.system.js → p-e70c7951.system.js} +1 -1
  170. package/dist/baloise-design-system/{p-c6dfe80e.system.js → p-e78be5ef.system.js} +1 -1
  171. package/dist/baloise-design-system/p-e7c9357245.entry.js +1 -0
  172. package/dist/baloise-design-system/p-e972e5d2f1.entry.js +1 -0
  173. package/dist/baloise-design-system/p-eaadfca758.entry.js +1 -0
  174. package/dist/baloise-design-system/p-ec5776f5.js +1 -0
  175. package/dist/baloise-design-system/p-ef3bfa9f.system.js +1 -0
  176. package/dist/baloise-design-system/p-ef6a64f4.js +1 -0
  177. package/dist/baloise-design-system/p-f01ae7b55b.entry.js +1 -0
  178. package/dist/baloise-design-system/p-f05776ad3b.entry.js +1 -0
  179. package/dist/baloise-design-system/p-f11e2822c1.system.entry.js +1 -0
  180. package/dist/baloise-design-system/p-f5db58379c.system.entry.js +1 -0
  181. package/dist/baloise-design-system/{p-b18c1a6c8e.entry.js → p-f5f7e99624.entry.js} +1 -1
  182. package/dist/baloise-design-system/{p-80f1ad47.js → p-f6447888.js} +1 -1
  183. package/dist/baloise-design-system/p-f80438cdac.entry.js +1 -0
  184. package/dist/baloise-design-system/p-fa43380807.system.entry.js +1 -0
  185. package/dist/baloise-design-system/{p-7a6a128f.js → p-fe6cbf28.js} +1 -1
  186. package/dist/baloise-design-system/p-ff859bec24.system.entry.js +1 -0
  187. package/dist/baloise-design-system/p-ffeef88a26.entry.js +1 -0
  188. package/dist/cjs/{animation.decorator-d160ba91.js → animation.decorator-7a936417.js} +1 -1
  189. package/dist/cjs/app-globals-44d3a5af.js +7 -0
  190. package/dist/cjs/bal-accordion_4.cjs.entry.js +4 -5
  191. package/dist/cjs/bal-app.cjs.entry.js +2 -3
  192. package/dist/cjs/bal-button_2.cjs.entry.js +2 -3
  193. package/dist/cjs/bal-carousel_2.cjs.entry.js +14 -15
  194. package/dist/cjs/bal-checkbox-button.cjs.entry.js +4 -5
  195. package/dist/cjs/bal-checkbox_2.cjs.entry.js +5 -6
  196. package/dist/cjs/bal-close.cjs.entry.js +3 -4
  197. package/dist/cjs/bal-date-calendar-cell.cjs.entry.js +3 -4
  198. package/dist/cjs/bal-date-calendar_2.cjs.entry.js +8 -9
  199. package/dist/cjs/bal-date.cjs.entry.js +7 -8
  200. package/dist/cjs/bal-doc-app.cjs.entry.js +233 -0
  201. package/dist/cjs/bal-dropdown.cjs.entry.js +7 -8
  202. package/dist/cjs/bal-field_5.cjs.entry.js +3 -4
  203. package/dist/cjs/bal-file-upload.cjs.entry.js +3 -4
  204. package/dist/cjs/bal-footer.cjs.entry.js +4 -5
  205. package/dist/cjs/bal-form.cjs.entry.js +2 -3
  206. package/dist/cjs/bal-heading_2.cjs.entry.js +2 -2
  207. package/dist/cjs/bal-hint_5.cjs.entry.js +6 -7
  208. package/dist/cjs/bal-icon.cjs.entry.js +3 -4
  209. package/dist/cjs/bal-input-slider.cjs.entry.js +3 -4
  210. package/dist/cjs/bal-input-stepper.cjs.entry.js +6 -7
  211. package/dist/cjs/bal-input.cjs.entry.js +3 -4
  212. package/dist/cjs/bal-label.cjs.entry.js +3 -4
  213. package/dist/cjs/bal-list_8.cjs.entry.js +7 -8
  214. package/dist/cjs/bal-logo.cjs.entry.js +6 -7
  215. package/dist/cjs/bal-modal_3.cjs.entry.js +3 -4
  216. package/dist/cjs/bal-nav_8.cjs.entry.js +9 -10
  217. package/dist/cjs/bal-navbar_5.cjs.entry.js +5 -6
  218. package/dist/cjs/bal-notices_3.cjs.entry.js +44 -31
  219. package/dist/cjs/bal-notification.cjs.entry.js +7 -2
  220. package/dist/cjs/bal-number-input.cjs.entry.js +6 -7
  221. package/dist/cjs/bal-option_2.cjs.entry.js +4 -5
  222. package/dist/cjs/bal-pagination.cjs.entry.js +7 -8
  223. package/dist/cjs/bal-popup.cjs.entry.js +4 -5
  224. package/dist/cjs/bal-progress-bar.cjs.entry.js +6 -7
  225. package/dist/cjs/bal-radio-button.cjs.entry.js +4 -5
  226. package/dist/cjs/bal-radio_2.cjs.entry.js +5 -6
  227. package/dist/cjs/bal-segment_2.cjs.entry.js +10 -11
  228. package/dist/cjs/bal-select_2.cjs.entry.js +3 -4
  229. package/dist/cjs/bal-shape.cjs.entry.js +1 -1
  230. package/dist/cjs/bal-spinner.cjs.entry.js +6 -7
  231. package/dist/cjs/bal-stack.cjs.entry.js +1 -1
  232. package/dist/cjs/bal-stage_6.cjs.entry.js +9 -10
  233. package/dist/cjs/bal-step-item.cjs.entry.js +2 -2
  234. package/dist/cjs/bal-steps.cjs.entry.js +7 -8
  235. package/dist/cjs/bal-tab-item_2.cjs.entry.js +19 -20
  236. package/dist/cjs/bal-table.cjs.entry.js +1 -1
  237. package/dist/cjs/bal-tag_2.cjs.entry.js +2 -2
  238. package/dist/cjs/bal-textarea.cjs.entry.js +4 -5
  239. package/dist/cjs/bal-time-input.cjs.entry.js +6 -7
  240. package/dist/cjs/bal-tooltip.cjs.entry.js +4 -5
  241. package/dist/cjs/baloise-design-system.cjs.js +7 -5
  242. package/dist/cjs/{breakpoints.decorator-ca324663.js → breakpoints.decorator-8bc2a3b4.js} +1 -1
  243. package/dist/cjs/{breakpoints.subject-d4a17081.js → breakpoints.subject-4a58cbc5.js} +2 -2
  244. package/dist/cjs/{config.decorator-b393a72f.js → config.decorator-c38efed9.js} +1 -1
  245. package/dist/cjs/config.default-48618371.js +48 -0
  246. package/dist/cjs/{icons.constant-7c82086a.js → config.utils-bccf141d.js} +82 -0
  247. package/dist/cjs/{date-c2a815e4.js → date-355f73bb.js} +1 -1
  248. package/dist/cjs/{element-states.decorator-f79681aa.js → element-states.decorator-c8199b43.js} +1 -1
  249. package/dist/cjs/{floating-ui-5cc3a363.js → floating-ui-3147d2ff.js} +1 -1
  250. package/dist/cjs/{focus.decorator-e6050e24.js → focus.decorator-fa6c95a5.js} +1 -1
  251. package/dist/cjs/{form-input-be32df30.js → form-input-85323470.js} +1 -1
  252. package/dist/cjs/global-872cca8d.js +9 -0
  253. package/dist/cjs/{helpers-240da822.js → helpers-c858e965.js} +20 -21
  254. package/dist/cjs/index.cjs.js +9 -10
  255. package/dist/cjs/{initialize-367b85e5.js → initialize-3059001f.js} +126 -117
  256. package/dist/cjs/loader.cjs.js +7 -5
  257. package/dist/cjs/{mutation.decorator-249a9606.js → mutation.decorator-229267c9.js} +1 -1
  258. package/dist/cjs/{number-111783eb.js → number-047915cd.js} +2 -2
  259. package/dist/cjs/{overlays-e408bbaf.js → overlays-81ea4414.js} +1 -1
  260. package/dist/cjs/{resize.decorator-ebed89a1.js → resize.decorator-16e4bcd7.js} +1 -1
  261. package/dist/cjs/{swipe.decorator-8ff8dd2c.js → swipe.decorator-220cd690.js} +1 -1
  262. package/dist/cjs/{swipe.subject-00bf8c8f.js → swipe.subject-65733bae.js} +1 -1
  263. package/dist/cjs/{swiper.util-ef01dd7a.js → swiper.util-9bad4b2d.js} +2 -2
  264. package/dist/cjs/{tokens.esm-7755b9a3.js → tokens.esm-21cc318e.js} +1 -1
  265. package/dist/cjs/{visibility.decorator-dc8cec8a.js → visibility.decorator-9e162aad.js} +1 -1
  266. package/dist/cjs/{window-resize.decorator-dd9de715.js → window-resize.decorator-4827af73.js} +1 -1
  267. package/dist/collection/collection-manifest.json +2 -1
  268. package/dist/collection/components/bal-dropdown/bal-dropdown.css +1 -1
  269. package/dist/collection/components/bal-notices/bal-notices.css +1 -1
  270. package/dist/collection/components/bal-notices/bal-notices.js +53 -5
  271. package/dist/collection/components/bal-notification/bal-notification.css +1 -1
  272. package/dist/collection/components/bal-notification/bal-notification.js +46 -1
  273. package/dist/collection/components/bal-snackbar/bal-snackbar.css +1 -1
  274. package/dist/collection/components/bal-snackbar/bal-snackbar.js +29 -21
  275. package/dist/collection/components/bal-spinner/bal-spinner.css +1 -1
  276. package/dist/collection/components/bal-spinner/bal-spinner.js +1 -1
  277. package/dist/collection/components/bal-stack/bal-stack.js +1 -1
  278. package/dist/collection/components/bal-stage/bal-stage-back-link/bal-stage-back-link.js +2 -2
  279. package/dist/collection/components/bal-stage/bal-stage-body/bal-stage-body.js +1 -1
  280. package/dist/collection/components/bal-stage/bal-stage-foot/bal-stage-foot.js +1 -1
  281. package/dist/collection/components/bal-stage/bal-stage-head/bal-stage-head.js +1 -1
  282. package/dist/collection/components/bal-stage/bal-stage-image/bal-stage-image.js +1 -1
  283. package/dist/collection/components/bal-stage/bal-stage.js +1 -1
  284. package/dist/collection/components/bal-steps/bal-step-item/bal-step-item.js +2 -2
  285. package/dist/collection/components/bal-table/bal-table.js +1 -1
  286. package/dist/collection/components/bal-tabs/bal-tab-item/bal-tab-item.js +2 -2
  287. package/dist/collection/components/bal-tabs/bal-tabs.js +2 -2
  288. package/dist/collection/components/bal-tag/bal-tag-group/bal-tag-group.js +1 -1
  289. package/dist/collection/components/bal-tag/bal-tag.js +1 -1
  290. package/dist/collection/components/bal-text/bal-text.js +2 -2
  291. package/dist/collection/components/bal-textarea/bal-textarea.js +1 -1
  292. package/dist/collection/components/bal-time-input/bal-time-input.js +1 -1
  293. package/dist/collection/components/bal-toast/bal-toast.css +1 -1
  294. package/dist/collection/components/bal-toast/bal-toast.js +27 -7
  295. package/dist/collection/components/bal-tooltip/bal-tooltip.js +1 -1
  296. package/dist/collection/components/docs/bal-doc-app/bal-doc-app.css +1 -0
  297. package/dist/collection/components/docs/bal-doc-app/bal-doc-app.js +247 -0
  298. package/dist/collection/utils/constants/version.constant.js +1 -1
  299. package/dist/collection/utils/overlays/notice.controller.js +14 -5
  300. package/dist/esm/{animation.decorator-903bd4d2.js → animation.decorator-14b892ea.js} +1 -1
  301. package/dist/esm/app-globals-c5ea8144.js +5 -0
  302. package/dist/esm/bal-accordion_4.entry.js +4 -5
  303. package/dist/esm/bal-app.entry.js +2 -3
  304. package/dist/esm/bal-button_2.entry.js +2 -3
  305. package/dist/esm/bal-carousel_2.entry.js +14 -15
  306. package/dist/esm/bal-checkbox-button.entry.js +4 -5
  307. package/dist/esm/bal-checkbox_2.entry.js +5 -6
  308. package/dist/esm/bal-close.entry.js +3 -4
  309. package/dist/esm/bal-date-calendar-cell.entry.js +3 -4
  310. package/dist/esm/bal-date-calendar_2.entry.js +8 -9
  311. package/dist/esm/bal-date.entry.js +7 -8
  312. package/dist/esm/bal-doc-app.entry.js +229 -0
  313. package/dist/esm/bal-dropdown.entry.js +7 -8
  314. package/dist/esm/bal-field_5.entry.js +3 -4
  315. package/dist/esm/bal-file-upload.entry.js +3 -4
  316. package/dist/esm/bal-footer.entry.js +4 -5
  317. package/dist/esm/bal-form.entry.js +2 -3
  318. package/dist/esm/bal-heading_2.entry.js +2 -2
  319. package/dist/esm/bal-hint_5.entry.js +6 -7
  320. package/dist/esm/bal-icon.entry.js +3 -4
  321. package/dist/esm/bal-input-slider.entry.js +3 -4
  322. package/dist/esm/bal-input-stepper.entry.js +6 -7
  323. package/dist/esm/bal-input.entry.js +3 -4
  324. package/dist/esm/bal-label.entry.js +3 -4
  325. package/dist/esm/bal-list_8.entry.js +7 -8
  326. package/dist/esm/bal-logo.entry.js +6 -7
  327. package/dist/esm/bal-modal_3.entry.js +3 -4
  328. package/dist/esm/bal-nav_8.entry.js +9 -10
  329. package/dist/esm/bal-navbar_5.entry.js +5 -6
  330. package/dist/esm/bal-notices_3.entry.js +44 -31
  331. package/dist/esm/bal-notification.entry.js +7 -2
  332. package/dist/esm/bal-number-input.entry.js +6 -7
  333. package/dist/esm/bal-option_2.entry.js +4 -5
  334. package/dist/esm/bal-pagination.entry.js +7 -8
  335. package/dist/esm/bal-popup.entry.js +4 -5
  336. package/dist/esm/bal-progress-bar.entry.js +6 -7
  337. package/dist/esm/bal-radio-button.entry.js +4 -5
  338. package/dist/esm/bal-radio_2.entry.js +5 -6
  339. package/dist/esm/bal-segment_2.entry.js +10 -11
  340. package/dist/esm/bal-select_2.entry.js +3 -4
  341. package/dist/esm/bal-shape.entry.js +1 -1
  342. package/dist/esm/bal-spinner.entry.js +6 -7
  343. package/dist/esm/bal-stack.entry.js +1 -1
  344. package/dist/esm/bal-stage_6.entry.js +9 -10
  345. package/dist/esm/bal-step-item.entry.js +2 -2
  346. package/dist/esm/bal-steps.entry.js +7 -8
  347. package/dist/esm/bal-tab-item_2.entry.js +19 -20
  348. package/dist/esm/bal-table.entry.js +1 -1
  349. package/dist/esm/bal-tag_2.entry.js +2 -2
  350. package/dist/esm/bal-textarea.entry.js +4 -5
  351. package/dist/esm/bal-time-input.entry.js +6 -7
  352. package/dist/esm/bal-tooltip.entry.js +4 -5
  353. package/dist/esm/baloise-design-system.js +7 -5
  354. package/dist/esm/{breakpoints.decorator-d02c344d.js → breakpoints.decorator-eb76b9f7.js} +1 -1
  355. package/dist/esm/{breakpoints.subject-b33e2f3a.js → breakpoints.subject-eefff46e.js} +2 -2
  356. package/dist/esm/{config.decorator-d18abfe1.js → config.decorator-09912ddf.js} +1 -1
  357. package/dist/esm/{config.default-7efdc82d.js → config.default-75703209.js} +1 -1
  358. package/dist/esm/{icons.constant-a7885631.js → config.utils-6c4a6204.js} +72 -1
  359. package/dist/esm/{date-3b88d03c.js → date-13fc5993.js} +1 -1
  360. package/dist/esm/{element-states.decorator-200c85c8.js → element-states.decorator-4567881f.js} +1 -1
  361. package/dist/esm/{floating-ui-f930810d.js → floating-ui-90bc6e58.js} +1 -1
  362. package/dist/esm/{focus.decorator-a6de858a.js → focus.decorator-43ea59ca.js} +1 -1
  363. package/dist/esm/{form-input-a5a2b129.js → form-input-3856ed2a.js} +1 -1
  364. package/dist/esm/global-181336dc.js +7 -0
  365. package/dist/esm/{helpers-21ff73ef.js → helpers-ae0db1dd.js} +1 -2
  366. package/dist/esm/index.js +11 -12
  367. package/dist/esm/{initialize-22c1bebc.js → initialize-66a526c0.js} +126 -117
  368. package/dist/esm/loader.js +7 -5
  369. package/dist/esm/{mutation.decorator-07d5ba75.js → mutation.decorator-f4254690.js} +1 -1
  370. package/dist/esm/{number-54693efa.js → number-42482e68.js} +2 -2
  371. package/dist/esm/{overlays-b7ba3a20.js → overlays-9a5950bd.js} +1 -1
  372. package/dist/esm/{resize.decorator-28179d27.js → resize.decorator-d4cbf627.js} +1 -1
  373. package/dist/esm/{swipe.decorator-b46cda4b.js → swipe.decorator-47bde191.js} +1 -1
  374. package/dist/esm/{swipe.subject-1d0412f1.js → swipe.subject-51271b9b.js} +1 -1
  375. package/dist/esm/{swiper.util-21981c17.js → swiper.util-a4c7d0f9.js} +2 -2
  376. package/dist/esm/{tokens.esm-7e86f897.js → tokens.esm-80d4337f.js} +1 -1
  377. package/dist/esm/{visibility.decorator-d0cac6a6.js → visibility.decorator-28c2d364.js} +1 -1
  378. package/dist/esm/{window-resize.decorator-165ca916.js → window-resize.decorator-c9f19a48.js} +1 -1
  379. package/dist/esm-es5/{animation.decorator-903bd4d2.js → animation.decorator-14b892ea.js} +1 -1
  380. package/dist/esm-es5/app-globals-c5ea8144.js +1 -0
  381. package/dist/esm-es5/bal-accordion_4.entry.js +1 -1
  382. package/dist/esm-es5/bal-app.entry.js +1 -1
  383. package/dist/esm-es5/bal-button_2.entry.js +1 -1
  384. package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
  385. package/dist/esm-es5/bal-checkbox-button.entry.js +1 -1
  386. package/dist/esm-es5/bal-checkbox_2.entry.js +1 -1
  387. package/dist/esm-es5/bal-close.entry.js +1 -1
  388. package/dist/esm-es5/bal-date-calendar-cell.entry.js +1 -1
  389. package/dist/esm-es5/bal-date-calendar_2.entry.js +1 -1
  390. package/dist/esm-es5/bal-date.entry.js +1 -1
  391. package/dist/esm-es5/bal-doc-app.entry.js +1 -0
  392. package/dist/esm-es5/bal-dropdown.entry.js +1 -1
  393. package/dist/esm-es5/bal-field_5.entry.js +1 -1
  394. package/dist/esm-es5/bal-file-upload.entry.js +1 -1
  395. package/dist/esm-es5/bal-footer.entry.js +1 -1
  396. package/dist/esm-es5/bal-form.entry.js +1 -1
  397. package/dist/esm-es5/bal-heading_2.entry.js +1 -1
  398. package/dist/esm-es5/bal-hint_5.entry.js +1 -1
  399. package/dist/esm-es5/bal-icon.entry.js +1 -1
  400. package/dist/esm-es5/bal-input-slider.entry.js +1 -1
  401. package/dist/esm-es5/bal-input-stepper.entry.js +1 -1
  402. package/dist/esm-es5/bal-input.entry.js +1 -1
  403. package/dist/esm-es5/bal-label.entry.js +1 -1
  404. package/dist/esm-es5/bal-list_8.entry.js +1 -1
  405. package/dist/esm-es5/bal-logo.entry.js +1 -1
  406. package/dist/esm-es5/bal-modal_3.entry.js +1 -1
  407. package/dist/esm-es5/bal-nav_8.entry.js +1 -1
  408. package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
  409. package/dist/esm-es5/bal-notices_3.entry.js +1 -1
  410. package/dist/esm-es5/bal-notification.entry.js +1 -1
  411. package/dist/esm-es5/bal-number-input.entry.js +1 -1
  412. package/dist/esm-es5/bal-option_2.entry.js +1 -1
  413. package/dist/esm-es5/bal-pagination.entry.js +1 -1
  414. package/dist/esm-es5/bal-popup.entry.js +1 -1
  415. package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
  416. package/dist/esm-es5/bal-radio-button.entry.js +1 -1
  417. package/dist/esm-es5/bal-radio_2.entry.js +1 -1
  418. package/dist/esm-es5/bal-segment_2.entry.js +1 -1
  419. package/dist/esm-es5/bal-select_2.entry.js +1 -1
  420. package/dist/esm-es5/bal-shape.entry.js +1 -1
  421. package/dist/esm-es5/bal-spinner.entry.js +1 -1
  422. package/dist/esm-es5/bal-stack.entry.js +1 -1
  423. package/dist/esm-es5/bal-stage_6.entry.js +1 -1
  424. package/dist/esm-es5/bal-step-item.entry.js +1 -1
  425. package/dist/esm-es5/bal-steps.entry.js +1 -1
  426. package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
  427. package/dist/esm-es5/bal-table.entry.js +1 -1
  428. package/dist/esm-es5/bal-tag_2.entry.js +1 -1
  429. package/dist/esm-es5/bal-textarea.entry.js +1 -1
  430. package/dist/esm-es5/bal-time-input.entry.js +1 -1
  431. package/dist/esm-es5/bal-tooltip.entry.js +1 -1
  432. package/dist/esm-es5/baloise-design-system.js +1 -1
  433. package/dist/esm-es5/{breakpoints.decorator-d02c344d.js → breakpoints.decorator-eb76b9f7.js} +1 -1
  434. package/dist/esm-es5/{breakpoints.subject-b33e2f3a.js → breakpoints.subject-eefff46e.js} +1 -1
  435. package/dist/esm-es5/{config.decorator-d18abfe1.js → config.decorator-09912ddf.js} +1 -1
  436. package/dist/esm-es5/config.default-75703209.js +1 -0
  437. package/dist/esm-es5/config.utils-6c4a6204.js +1 -0
  438. package/dist/esm-es5/{date-3b88d03c.js → date-13fc5993.js} +1 -1
  439. package/dist/esm-es5/{element-states.decorator-200c85c8.js → element-states.decorator-4567881f.js} +1 -1
  440. package/dist/esm-es5/{floating-ui-f930810d.js → floating-ui-90bc6e58.js} +1 -1
  441. package/dist/esm-es5/{focus.decorator-a6de858a.js → focus.decorator-43ea59ca.js} +1 -1
  442. package/dist/esm-es5/{form-input-a5a2b129.js → form-input-3856ed2a.js} +1 -1
  443. package/dist/esm-es5/global-181336dc.js +1 -0
  444. package/dist/esm-es5/helpers-ae0db1dd.js +1 -0
  445. package/dist/esm-es5/index.js +1 -1
  446. package/dist/esm-es5/initialize-66a526c0.js +1 -0
  447. package/dist/esm-es5/loader.js +1 -1
  448. package/dist/esm-es5/{mutation.decorator-07d5ba75.js → mutation.decorator-f4254690.js} +1 -1
  449. package/dist/esm-es5/number-42482e68.js +1 -0
  450. package/dist/esm-es5/{overlays-b7ba3a20.js → overlays-9a5950bd.js} +1 -1
  451. package/dist/esm-es5/{resize.decorator-28179d27.js → resize.decorator-d4cbf627.js} +1 -1
  452. package/dist/esm-es5/{swipe.decorator-b46cda4b.js → swipe.decorator-47bde191.js} +1 -1
  453. package/dist/esm-es5/{swipe.subject-1d0412f1.js → swipe.subject-51271b9b.js} +1 -1
  454. package/dist/esm-es5/{swiper.util-21981c17.js → swiper.util-a4c7d0f9.js} +1 -1
  455. package/dist/esm-es5/{visibility.decorator-d0cac6a6.js → visibility.decorator-28c2d364.js} +1 -1
  456. package/dist/esm-es5/{window-resize.decorator-165ca916.js → window-resize.decorator-c9f19a48.js} +1 -1
  457. package/dist/html.html-data.json +12 -0
  458. package/dist/types/components/bal-notices/bal-notices.d.ts +8 -0
  459. package/dist/types/components/bal-notification/bal-notification.d.ts +8 -0
  460. package/dist/types/components/bal-snackbar/bal-snackbar.d.ts +0 -3
  461. package/dist/types/components/bal-toast/bal-toast.d.ts +4 -1
  462. package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts +21 -0
  463. package/dist/types/components.d.ts +63 -0
  464. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/icons/src/index.d.ts +82 -0
  465. package/dist/types/utils/overlays/notice.controller.d.ts +2 -0
  466. package/package.json +7 -7
  467. package/dist/baloise-design-system/p-0640709738.system.entry.js +0 -1
  468. package/dist/baloise-design-system/p-0a22b25b5b.system.entry.js +0 -1
  469. package/dist/baloise-design-system/p-0af64ec6f2.entry.js +0 -1
  470. package/dist/baloise-design-system/p-0c3b2d6c8e.entry.js +0 -1
  471. package/dist/baloise-design-system/p-0e323fe0.system.js +0 -1
  472. package/dist/baloise-design-system/p-11d1b8b8c6.system.entry.js +0 -1
  473. package/dist/baloise-design-system/p-12ff7815.js +0 -1
  474. package/dist/baloise-design-system/p-145d5c4e.system.js +0 -1
  475. package/dist/baloise-design-system/p-14c3418170.system.entry.js +0 -1
  476. package/dist/baloise-design-system/p-16145691fd.entry.js +0 -1
  477. package/dist/baloise-design-system/p-1a77262b04.entry.js +0 -1
  478. package/dist/baloise-design-system/p-1b0ba8f0a2.system.entry.js +0 -1
  479. package/dist/baloise-design-system/p-1df848f9fc.system.entry.js +0 -1
  480. package/dist/baloise-design-system/p-2229e98e.js +0 -1
  481. package/dist/baloise-design-system/p-26a55cbddc.entry.js +0 -1
  482. package/dist/baloise-design-system/p-28f96ad58b.entry.js +0 -1
  483. package/dist/baloise-design-system/p-2a842fec05.entry.js +0 -1
  484. package/dist/baloise-design-system/p-2d4ebe6538.system.entry.js +0 -1
  485. package/dist/baloise-design-system/p-32faec4f65.entry.js +0 -1
  486. package/dist/baloise-design-system/p-36db598b9c.entry.js +0 -1
  487. package/dist/baloise-design-system/p-36fe1faedd.entry.js +0 -1
  488. package/dist/baloise-design-system/p-38ca9dfde3.system.entry.js +0 -1
  489. package/dist/baloise-design-system/p-3b5ab50d03.system.entry.js +0 -1
  490. package/dist/baloise-design-system/p-3bd47497b5.entry.js +0 -1
  491. package/dist/baloise-design-system/p-3bda73d30c.system.entry.js +0 -1
  492. package/dist/baloise-design-system/p-41931a0925.entry.js +0 -1
  493. package/dist/baloise-design-system/p-440f0ed2a6.system.entry.js +0 -1
  494. package/dist/baloise-design-system/p-455872a1.system.js +0 -1
  495. package/dist/baloise-design-system/p-4584876a4c.entry.js +0 -1
  496. package/dist/baloise-design-system/p-4b7fd117bc.system.entry.js +0 -1
  497. package/dist/baloise-design-system/p-4ba2983131.entry.js +0 -1
  498. package/dist/baloise-design-system/p-4c030e87cf.system.entry.js +0 -1
  499. package/dist/baloise-design-system/p-4dad7840.js +0 -1
  500. package/dist/baloise-design-system/p-4fee64d2d2.system.entry.js +0 -1
  501. package/dist/baloise-design-system/p-54d9711a77.system.entry.js +0 -1
  502. package/dist/baloise-design-system/p-5591d69c49.entry.js +0 -1
  503. package/dist/baloise-design-system/p-59d20a5382.entry.js +0 -1
  504. package/dist/baloise-design-system/p-5b6ee3b824.system.entry.js +0 -1
  505. package/dist/baloise-design-system/p-5b81757b8c.entry.js +0 -1
  506. package/dist/baloise-design-system/p-5b93e0df0c.system.entry.js +0 -1
  507. package/dist/baloise-design-system/p-5d2479f2ea.system.entry.js +0 -1
  508. package/dist/baloise-design-system/p-5f234e78f6.system.entry.js +0 -1
  509. package/dist/baloise-design-system/p-62251008b0.entry.js +0 -1
  510. package/dist/baloise-design-system/p-66df17135c.system.entry.js +0 -1
  511. package/dist/baloise-design-system/p-6e6f2f3713.system.entry.js +0 -1
  512. package/dist/baloise-design-system/p-6efc37f9.system.js +0 -1
  513. package/dist/baloise-design-system/p-70f7b546.system.js +0 -1
  514. package/dist/baloise-design-system/p-7449aea98b.entry.js +0 -1
  515. package/dist/baloise-design-system/p-769dd49917.system.entry.js +0 -1
  516. package/dist/baloise-design-system/p-775dbee0fc.system.entry.js +0 -1
  517. package/dist/baloise-design-system/p-79554c4acd.system.entry.js +0 -1
  518. package/dist/baloise-design-system/p-79f753d617.system.entry.js +0 -1
  519. package/dist/baloise-design-system/p-8243fda7b3.system.entry.js +0 -1
  520. package/dist/baloise-design-system/p-85e3b067cf.system.entry.js +0 -1
  521. package/dist/baloise-design-system/p-87458c9059.system.entry.js +0 -1
  522. package/dist/baloise-design-system/p-899bc0be9d.system.entry.js +0 -1
  523. package/dist/baloise-design-system/p-8a47461794.entry.js +0 -1
  524. package/dist/baloise-design-system/p-8b386e9117.entry.js +0 -1
  525. package/dist/baloise-design-system/p-90385fd100.system.entry.js +0 -1
  526. package/dist/baloise-design-system/p-921b0836e1.entry.js +0 -1
  527. package/dist/baloise-design-system/p-96780bdefd.entry.js +0 -1
  528. package/dist/baloise-design-system/p-9b2657ef04.entry.js +0 -1
  529. package/dist/baloise-design-system/p-a1952399c3.system.entry.js +0 -1
  530. package/dist/baloise-design-system/p-a19d1e1d.js +0 -1
  531. package/dist/baloise-design-system/p-a39af8b3f1.entry.js +0 -1
  532. package/dist/baloise-design-system/p-a6ff014e4c.entry.js +0 -1
  533. package/dist/baloise-design-system/p-aafb6696.js +0 -1
  534. package/dist/baloise-design-system/p-aeca345ebb.entry.js +0 -1
  535. package/dist/baloise-design-system/p-b3f2c626.system.js +0 -1
  536. package/dist/baloise-design-system/p-b4576f5814.entry.js +0 -1
  537. package/dist/baloise-design-system/p-b534fd5f5a.system.entry.js +0 -1
  538. package/dist/baloise-design-system/p-b55c42a4a9.system.entry.js +0 -1
  539. package/dist/baloise-design-system/p-bb18da59e3.system.entry.js +0 -1
  540. package/dist/baloise-design-system/p-bc9b6b4e82.system.entry.js +0 -1
  541. package/dist/baloise-design-system/p-bfa5f3ae60.system.entry.js +0 -1
  542. package/dist/baloise-design-system/p-c1fcce934b.entry.js +0 -1
  543. package/dist/baloise-design-system/p-c353a1861c.system.entry.js +0 -1
  544. package/dist/baloise-design-system/p-c487d3770e.entry.js +0 -1
  545. package/dist/baloise-design-system/p-c844e6fbc9.entry.js +0 -1
  546. package/dist/baloise-design-system/p-c8bd61c717.entry.js +0 -1
  547. package/dist/baloise-design-system/p-c8db6fb15f.entry.js +0 -1
  548. package/dist/baloise-design-system/p-cb3920cc26.system.entry.js +0 -1
  549. package/dist/baloise-design-system/p-d0066a5950.entry.js +0 -1
  550. package/dist/baloise-design-system/p-d1861b7c10.entry.js +0 -1
  551. package/dist/baloise-design-system/p-d306ec28cf.entry.js +0 -1
  552. package/dist/baloise-design-system/p-d568852b4c.entry.js +0 -1
  553. package/dist/baloise-design-system/p-d60b2e3878.entry.js +0 -1
  554. package/dist/baloise-design-system/p-d9b32333.system.js +0 -1
  555. package/dist/baloise-design-system/p-ddcc5387b5.system.entry.js +0 -1
  556. package/dist/baloise-design-system/p-e283e1cf22.entry.js +0 -1
  557. package/dist/baloise-design-system/p-e2c3dde206.system.entry.js +0 -1
  558. package/dist/baloise-design-system/p-e3b0312116.system.entry.js +0 -1
  559. package/dist/baloise-design-system/p-e53217f8.js +0 -1
  560. package/dist/baloise-design-system/p-e8382bd4a9.entry.js +0 -1
  561. package/dist/baloise-design-system/p-f089f4c8c8.system.entry.js +0 -1
  562. package/dist/baloise-design-system/p-f2fde3ca52.entry.js +0 -1
  563. package/dist/baloise-design-system/p-f35275e46a.system.entry.js +0 -1
  564. package/dist/baloise-design-system/p-f47bafc866.system.entry.js +0 -1
  565. package/dist/baloise-design-system/p-f5e11c86e5.entry.js +0 -1
  566. package/dist/baloise-design-system/p-f64319f1.js +0 -1
  567. package/dist/baloise-design-system/p-f8ca0ec73a.entry.js +0 -1
  568. package/dist/baloise-design-system/p-fd357a0c70.entry.js +0 -1
  569. package/dist/baloise-design-system/p-fff8faa67f.system.entry.js +0 -1
  570. package/dist/cjs/app-globals-a3f2765f.js +0 -11
  571. package/dist/cjs/config.default-5bdd6e3d.js +0 -48
  572. package/dist/cjs/config.utils-e4cd49d6.js +0 -84
  573. package/dist/esm/app-globals-92fef8fd.js +0 -9
  574. package/dist/esm/config.utils-6ac6c9bd.js +0 -72
  575. package/dist/esm-es5/app-globals-92fef8fd.js +0 -1
  576. package/dist/esm-es5/config.default-7efdc82d.js +0 -1
  577. package/dist/esm-es5/config.utils-6ac6c9bd.js +0 -1
  578. package/dist/esm-es5/helpers-21ff73ef.js +0 -1
  579. package/dist/esm-es5/icons.constant-a7885631.js +0 -1
  580. package/dist/esm-es5/initialize-22c1bebc.js +0 -1
  581. package/dist/esm-es5/number-54693efa.js +0 -1
  582. /package/dist/baloise-design-system/{p-0bd1bf82.js → p-821ffe35.js} +0 -0
  583. /package/dist/baloise-design-system/{p-32e7b6b1.system.js → p-c5149bd0.system.js} +0 -0
  584. /package/dist/esm-es5/{tokens.esm-7e86f897.js → tokens.esm-80d4337f.js} +0 -0
package/components/bal-dropdown.js CHANGED
@@ -400,7 +400,7 @@ const DropdownInput = ({ name, inputId, httpFormSubmit, ariaForm, rawValue, auto
400
400
  h(Input, null)));
401
401
  };
402
402
 
403
- const balDropdownCss = ":root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-2);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-2);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1;width:100%}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:.5rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root:not(.bal-dropdown__root--disabled):not(.bal-dropdown__root--invalid):not(.bal-dropdown__root--theme-purple):not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-dropdown-control-background-hover)}}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:block;visibility:hidden;opacity:0;min-width:100%;width:100%;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}.bal-dropdown__list--expanded{visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:\"\";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}.bal-dropdown__rear{z-index:1}.bal-dropdown__root--size-small{min-height:2rem}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-background-grey-light)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-color-purple-1)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active{background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-purple-2)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-expanded,.bal-dropdown__root--theme-purple-expanded:hover,.bal-dropdown__root--theme-purple-expanded:active{border:none;background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple-expanded .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:hover .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-expanded .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--focused.bal-dropdown__root--theme-purple:before{content:\"\";border-width:var(--bal-border-width-normal);border-style:solid;border-color:var(--bal-focus-shadow);position:absolute;background:rgba(0,0,0,0);border-radius:var(--bal-radius-normal);top:-0.25rem;bottom:-0.25rem;left:-0.25rem;right:-0.25rem}.bal-dropdown__root__content--size-small{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:\"\";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}";
403
+ const balDropdownCss = ":root{--bal-dropdown-control-background:var(--bal-color-white);--bal-dropdown-control-background-hover:var(--bal-form-field-control-background-hover);--bal-dropdown-control-background-invalid:var(--bal-form-field-control-danger-background);--bal-dropdown-control-background-disabled:var(--bal-form-field-control-disabled-background);--bal-dropdown-control-input-background:var(--bal-color-grey-1);--bal-dropdown-control-native-input-background:transparent;--bal-dropdown-control-native-input-background-hover:transparent;--bal-dropdown-control-input-inverted-footer-background:transparent;--bal-dropdown-control-input-inverted-footer-background-hover:transparent;--bal-dropdown-control-input-multiple-background:transparent;--bal-dropdown-control-input-multiple-background-read-only-selection:transparent;--bal-dropdown-control-input-option-background:transparent;--bal-dropdown-control-input-option-background-selected:var(--bal-color-primary-1);--bal-dropdown-control-input-option-background-focused:var(--bal-color-grey-2);--bal-dropdown-control-input-option-background-hover:var(--bal-color-grey-2);--bal-dropdown-control-border-radius:var(--bal-form-field-control-radius);--bal-dropdown-popover-border-color:var(--bal-color-grey-2);--bal-dropdown-control-border-color:var(--bal-form-field-control-border-color);--bal-dropdown-control-border-color-focused:var(--bal-color-primary);--bal-dropdown-control-border-color-hover:var(--bal-form-field-control-border-color-hover);--bal-dropdown-control-border-color-invalid:var(--bal-form-field-control-danger-border-color);--bal-dropdown-control-border-color-disabled:var(--bal-form-field-control-disabled-border-color);--bal-dropdown-control-border-color-focus-within:var(--bal-color-primary);--bal-dropdown-option-border-top-color:var(--bal-color-grey-2);--bal-dropdown-popover-empty-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color:var(--bal-form-field-control-color);--bal-dropdown-control-text-color-focused:var(--bal-color-primary);--bal-dropdown-input-text-color-disabled:var(--bal-form-field-label-disabled-color);--bal-dropdown-control-inverted-footer-native-input-text-color:var(--bal-color-text-white);--bal-dropdown-option-content-label-text-color:var(--bal-form-field-control-color)}.bal-dropdown{display:block;position:relative;-ms-flex:1;flex:1;width:100%}.bal-dropdown__root{border-width:.125rem;border-style:solid;border-color:var(--bal-dropdown-control-border-color);border-radius:var(--bal-dropdown-control-border-radius);background:var(--bal-dropdown-control-background);font-weight:var(--bal-font-weight-regular);font-size:var(--bal-text-size-normal);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;-webkit-box-shadow:var(--bal-shadow-none);box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:-ms-flexbox;display:flex;width:100%;text-align:left;gap:.5rem;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.bal-dropdown__root--autofill{background:#faffbd !important;background:light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important}.bal-dropdown__root>span{-ms-flex:1;flex:1;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bal-dropdown__root--focused{border-color:var(--bal-dropdown-control-border-color-focused)}.bal-dropdown__root--invalid{border-color:var(--bal-dropdown-control-border-color-invalid);background:var(--bal-dropdown-control-background-invalid)}.bal-dropdown__root--disabled{border-color:var(--bal-dropdown-control-border-color-disabled);background:var(--bal-dropdown-control-background-disabled)}.bal-dropdown__root__content--placeholder{color:var(--bal-form-field-control-placeholder-color)}.bal-dropdown__root__content--disabled{color:var(--bal-dropdown-input-text-color-disabled)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root:not(.bal-dropdown__root--disabled):not(.bal-dropdown__root--invalid):not(.bal-dropdown__root--theme-purple):not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-dropdown-control-background-hover)}}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size:var(--bal-text-size-normal);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--bal-space-xx-small);padding-top:var(--bal-space-x-small);padding-bottom:var(--bal-space-x-small)}.bal-dropdown__root__content__chips>bal-tag{z-index:1}.bal-dropdown__root__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:rgba(0,0,0,0);position:absolute;right:var(--bal-border-width-normal);left:var(--bal-border-width-normal);top:var(--bal-border-width-normal);bottom:var(--bal-border-width-normal);opacity:0;padding-left:calc(.75em - var(--bal-border-width-normal));padding-right:calc(.75em - var(--bal-border-width-normal));cursor:pointer}.bal-dropdown__root__input:disabled{cursor:default}.bal-dropdown__root__input:-webkit-autofill{opacity:1}.bal-dropdown__root__input:autofill{opacity:1}.bal-dropdown__root__input:-internal-autofill-selected{opacity:0}.bal-dropdown__root__select{position:absolute !important;left:0;top:0;margin:0;padding:0;opacity:0;outline:0;border:none;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);overflow:hidden}.bal-dropdown__root--autofill .bal-dropdown__root__input{opacity:0}.bal-dropdown__list{display:none;visibility:hidden;opacity:0;min-width:100%;width:100%;position:absolute;top:0;left:0;will-change:left,top,opacity;background:var(--bal-color-white);border-radius:var(--bal-radius-normal);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);z-index:var(--bal-z-index-popup)}.bal-dropdown__list--expanded{display:block;visibility:visible;opacity:1}.bal-dropdown__native{bottom:0;left:0;position:absolute;opacity:0;pointer-events:none;width:100%}.bal-dropdown__clear{background:rgba(0,0,0,0);border:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:\"\";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}.bal-dropdown__rear{z-index:1}.bal-dropdown__root--size-small{min-height:2rem}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-background-grey-light)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-color-purple-1)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active{background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner g,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner path,.bal-dropdown__root--theme-purple:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded){border:none;background:var(--bal-color-purple-2)}@media (hover: hover)and (pointer: fine){.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-dropdown__root__content{color:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):hover .bal-icon__inner circle{fill:var(--bal-color-text-primary-pressed)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active{background:var(--bal-color-purple-3)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner g,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner path,.bal-dropdown__root--theme-purple-filled:not(.bal-dropdown__root--theme-purple-expanded):active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}}.bal-dropdown__root--theme-purple-expanded,.bal-dropdown__root--theme-purple-expanded:hover,.bal-dropdown__root--theme-purple-expanded:active{border:none;background:var(--bal-color-purple-2)}.bal-dropdown__root--theme-purple-expanded .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:hover .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:hover .bal-dropdown__root__content,.bal-dropdown__root--theme-purple-expanded:active .bal-dropdown__root__input,.bal-dropdown__root--theme-purple-expanded:active .bal-dropdown__root__content{color:var(--bal-color-text-primary)}.bal-dropdown__root--theme-purple-expanded .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:hover .bal-icon__inner circle,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner svg,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner g,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner path,.bal-dropdown__root--theme-purple-expanded:active .bal-icon__inner circle{fill:var(--bal-color-text-primary)}.bal-dropdown__root--focused.bal-dropdown__root--theme-purple:before{content:\"\";border-width:var(--bal-border-width-normal);border-style:solid;border-color:var(--bal-focus-shadow);position:absolute;background:rgba(0,0,0,0);border-radius:var(--bal-radius-normal);top:-0.25rem;bottom:-0.25rem;left:-0.25rem;right:-0.25rem}.bal-dropdown__root__content--size-small{font-size:var(--bal-text-size-small);font-weight:var(--bal-font-weight-bold)}.bal-dropdown__clear--theme-purple{height:2rem;width:2rem;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.bal-dropdown__clear--theme-purple::before{content:\"\";position:absolute;right:32px;background:var(--bal-color-white);width:2px;height:100%}";
404
404
  const BalDropdownStyle0 = balDropdownCss;
405
405
 
406
406
  const Dropdown = /*@__PURE__*/ proxyCustomElement(class Dropdown extends HTMLElement {
package/components/bal-notices.js CHANGED
@@ -1,24 +1,28 @@
1
1
  import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
2
+ import { B as BEM } from './bem.js';
2
3
 
3
- const balNoticesCss = ".bal-notices{position:fixed !important;display:-ms-flexbox !important;display:flex !important;top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;padding:1rem !important;margin:0 !important;overflow:hidden !important;z-index:var(--bal-z-index-toast) !important;pointer-events:none !important;-ms-flex-direction:column !important;flex-direction:column !important}.bal-notices .container{width:100% !important}.bal-notices.has-snackbar{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end;-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin:.5em}.bal-notices.has-snackbar .bal-snackbar{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-item-align:end;align-self:flex-end;pointer-events:auto !important}.bal-notices.has-toast{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;margin:.5em}.bal-notices.has-toast .bal-toast{-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:center;align-self:center}";
4
+ const balNoticesCss = ".bal-notices{position:fixed !important;display:-ms-flexbox !important;display:flex !important;top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;padding-top:1rem !important;padding-bottom:1rem !important;margin:0 !important;overflow:hidden !important;z-index:var(--bal-z-index-toast) !important;pointer-events:none !important;-ms-flex-direction:column !important;flex-direction:column !important}.bal-notices:not(.bal-notices--container){padding-left:1rem !important;padding-right:1rem !important}.bal-notices__inner{display:-ms-flexbox;display:flex;gap:.5rem}.bal-notices__inner--snackbar{height:100vh;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end;-ms-flex-direction:column;flex-direction:column;margin:.5em}.bal-notices__inner--snackbar .bal-snackbar{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-item-align:end;align-self:flex-end;pointer-events:auto !important}.bal-notices__inner--toast{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;margin:.5em}.bal-notices__inner--toast .bal-toast{-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:center;align-self:center}.bal-notices__inner.container{--bal-toast-width:100%;--bal-toast-width-tablet:100%;--bal-toast-width-desktop:100%}.bal-notices--animated .bal-toast{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInDown;animation-name:slideInDown}.bal-notices--animated .bal-snackbar{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);visibility:visible}to{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}";
4
5
  const BalNoticesStyle0 = balNoticesCss;
5
6
 
6
7
  const Notices = /*@__PURE__*/ proxyCustomElement(class Notices extends HTMLElement {
7
8
  constructor() {
8
9
  super();
9
10
  this.__registerHost();
11
+ this.animated = true;
10
12
  this.interface = 'toast';
13
+ this.container = undefined;
11
14
  }
12
15
  render() {
13
- return (h(Host, { key: '2f40e609d0b26b17d7b46c55fb5d509ad02920b6', class: {
14
- 'bal-app': true,
15
- 'bal-notices': true,
16
- [`has-${this.interface}`]: true,
17
- } }, h("slot", { key: 'f761cd73d1cfc480e0992c9b32cc6fd30eeca51e' })));
16
+ const block = BEM.block('notices');
17
+ const innerEl = block.element('inner');
18
+ const hasContainer = this.interface === 'toast' && this.container !== undefined;
19
+ return (h(Host, { key: '053b822408de6ad62883b8a901648d7c4bece50a', class: Object.assign(Object.assign(Object.assign({ 'bal-app': true }, block.class()), block.modifier('container').class(hasContainer)), block.modifier('animated').class(this.animated)) }, h("div", { key: '0a46d87a51d6b6501d55484b03dc20b19892d03c', class: Object.assign(Object.assign(Object.assign({}, innerEl.class()), innerEl.modifier(this.interface).class()), { container: hasContainer, [`is-${this.container}`]: hasContainer && this.container !== '' }) }, h("slot", { key: '157c6c9f6e0ea1a31022716502c2f6faa443f688' }))));
18
20
  }
19
21
  static get style() { return BalNoticesStyle0; }
20
22
  }, [4, "bal-notices", {
21
- "interface": [1]
23
+ "animated": [4],
24
+ "interface": [1],
25
+ "container": [1]
22
26
  }]);
23
27
  function defineCustomElement$1() {
24
28
  if (typeof customElements === "undefined") {
package/components/bal-notification.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
2
+ import { B as BEM } from './bem.js';
2
3
 
3
- const balNotificationCss = ":root{--bal-notification-font-size:var(--bal-text-size-normal);--bal-notification-font-family:var(--bal-font-family-text);--bal-notification-background:var(--bal-color-grey-2);--bal-notification-background-primary:var(--bal-color-grey-2);--bal-notification-background-info:var(--bal-color-info-2);--bal-notification-background-success:var(--bal-color-success-2);--bal-notification-background-warning:var(--bal-color-warning-2);--bal-notification-background-danger:var(--bal-color-danger-2);--bal-notification-radius:var(--bal-radius-large);--bal-notification-color:var(--bal-color-text-primary);--bal-notification-color-primary:var(--bal-color-text-primary);--bal-notification-color-info:var(--bal-color-text-primary);--bal-notification-color-success:var(--bal-color-text-primary);--bal-notification-color-warning:var(--bal-color-text-primary);--bal-notification-color-danger:var(--bal-color-text-primary)}.bal-notification{display:block;position:static}.bal-notification__inner{min-height:3.5rem;border-radius:var(--bal-notification-radius);font-size:var(--bal-notification-font-size);font-family:var(--bal-notification-font-family);background:var(--bal-notification-background);color:var(--bal-notification-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-notification__inner{padding:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-notification__inner{padding:var(--bal-space-medium-desktop)}}.bal-notification__inner--color-primary{background:var(--bal-notification-background-primary);color:var(--bal-notification-color-primary)}.bal-notification__inner--color-info{background:var(--bal-notification-background-info);color:var(--bal-notification-color-info)}.bal-notification__inner--color-danger{background:var(--bal-notification-background-danger);color:var(--bal-notification-color-danger)}.bal-notification__inner--color-warning{background:var(--bal-notification-background-warning);color:var(--bal-notification-color-warning)}.bal-notification__inner--color-success{background:var(--bal-notification-background-success);color:var(--bal-notification-color-success)}";
4
+ const balNotificationCss = ":root{--bal-notification-font-size:var(--bal-text-size-normal);--bal-notification-font-family:var(--bal-font-family-text);--bal-notification-title-font-family:var(--bal-font-family-title);--bal-notification-title-font-size:var(--bal-text-size-medium);--bal-notification-title-font-size-tablet:var(--bal-text-size-medium-tablet);--bal-notification-title-font-size-desktop:var(--bal-text-size-medium-desktop);--bal-notification-background:var(--bal-color-grey-2);--bal-notification-background-primary:var(--bal-color-grey-2);--bal-notification-background-info:var(--bal-color-info-2);--bal-notification-background-success:var(--bal-color-success-2);--bal-notification-background-warning:var(--bal-color-warning-2);--bal-notification-background-danger:var(--bal-color-danger-2);--bal-notification-background-light:var(--bal-color-grey-1);--bal-notification-background-light-primary:var(--bal-color-purple-1);--bal-notification-background-light-info:var(--bal-color-info-1);--bal-notification-background-light-success:var(--bal-color-green-1);--bal-notification-background-light-warning:var(--bal-color-yellow-1);--bal-notification-background-light-danger:var(--bal-color-red-1);--bal-notification-border:var(--bal-color-grey-4);--bal-notification-border-primary:var(--bal-color-purple-3);--bal-notification-border-info:var(--bal-color-info-3);--bal-notification-border-success:var(--bal-color-green-5);--bal-notification-border-warning:var(--bal-color-yellow-4);--bal-notification-border-danger:var(--bal-color-red-4);--bal-notification-radius:var(--bal-radius-large);--bal-notification-light-radius:var(--bal-radius-normal);--bal-notification-color:var(--bal-color-text-primary);--bal-notification-color-primary:var(--bal-color-text-primary);--bal-notification-color-info:var(--bal-color-text-primary);--bal-notification-color-success:var(--bal-color-text-primary);--bal-notification-color-warning:var(--bal-color-text-primary);--bal-notification-color-danger:var(--bal-color-text-primary)}.bal-notification{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:.125rem;position:relative;min-height:3.5rem;border-radius:var(--bal-notification-radius);font-family:var(--bal-notification-font-family);font-size:var(--bal-notification-font-size);font-weight:var(--bal-font-weight-regular);background:var(--bal-notification-background);color:var(--bal-notification-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding:var(--bal-space-medium)}@media screen and (min-width: 769px),print{.bal-notification{padding:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-notification{padding:var(--bal-space-medium-desktop)}}.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-family:var(--bal-notification-title-font-family);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-notification-title-font-size);line-height:var(--bal-text-line-height-title)}@media screen and (min-width: 769px),print{.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-size:var(--bal-notification-title-font-size-tablet)}}@media screen and (min-width: 1024px){.bal-notification>strong,.bal-notification>b,.bal-notification>h2{font-size:var(--bal-notification-title-font-size-desktop)}}.bal-notification>span,.bal-notification>p{font-family:var(--bal-notification-font-family);font-size:var(--bal-notification-font-size);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text)}.bal-notification--color-light{border:2px solid var(--bal-notification-border-primary);background:var(--bal-notification-background-light-primary);color:var(--bal-notification-color-primary);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-primary{background:var(--bal-notification-background-primary);color:var(--bal-notification-color-primary)}.bal-notification--color-primary-light{border:2px solid var(--bal-notification-border-primary);background:var(--bal-notification-background-light-primary);color:var(--bal-notification-color-primary);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-info{background:var(--bal-notification-background-info);color:var(--bal-notification-color-info)}.bal-notification--color-info-light{border:2px solid var(--bal-notification-border-info);background:var(--bal-notification-background-light-info);color:var(--bal-notification-color-info);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-danger{background:var(--bal-notification-background-danger);color:var(--bal-notification-color-danger)}.bal-notification--color-danger-light{border:2px solid var(--bal-notification-border-danger);background:var(--bal-notification-background-light-danger);color:var(--bal-notification-color-danger);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-warning{background:var(--bal-notification-background-warning);color:var(--bal-notification-color-warning)}.bal-notification--color-warning-light{border:2px solid var(--bal-notification-border-warning);background:var(--bal-notification-background-light-warning);color:var(--bal-notification-color-warning);border-radius:var(--bal-notification-light-radius)}.bal-notification--color-success{background:var(--bal-notification-background-success);color:var(--bal-notification-color-success)}.bal-notification--color-success-light{border:2px solid var(--bal-notification-border-success);background:var(--bal-notification-background-light-success);color:var(--bal-notification-color-success);border-radius:var(--bal-notification-light-radius)}.bal-notification:not(.bal-notification--no-icon){padding-left:3rem}.bal-notification:not(.bal-notification--no-icon):before{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;position:absolute;height:1.5rem;width:1.5rem;left:.825rem;top:1.5rem;content:\"\";display:block;background-color:var(--bal-color-primary);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z\" fill=\"black\"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z\" fill=\"black\"/></svg>')}.bal-notification--color-primary:not(.bal-notification--no-icon):before,.bal-notification--color-primary-light:not(.bal-notification--no-icon):before{mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z\" fill=\"black\"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z\" fill=\"black\"/></svg>')}.bal-notification--color-info:not(.bal-notification--no-icon):before,.bal-notification--color-info-light:not(.bal-notification--no-icon):before{mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z\" fill=\"black\"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z\" fill=\"black\"/></svg>')}.bal-notification--color-success:not(.bal-notification--no-icon):before,.bal-notification--color-success-light:not(.bal-notification--no-icon):before{mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z\" fill=\"black\"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z\" fill=\"black\"/></svg>')}.bal-notification--color-warning:not(.bal-notification--no-icon):before,.bal-notification--color-warning-light:not(.bal-notification--no-icon):before{mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>')}.bal-notification--color-danger:not(.bal-notification--no-icon):before,.bal-notification--color-danger-light:not(.bal-notification--no-icon):before{mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>')}";
4
5
  const BalNotificationStyle0 = balNotificationCss;
5
6
 
6
7
  const Notification = /*@__PURE__*/ proxyCustomElement(class Notification extends HTMLElement {
@@ -8,13 +9,19 @@ const Notification = /*@__PURE__*/ proxyCustomElement(class Notification extends
8
9
  super();
9
10
  this.__registerHost();
10
11
  this.color = '';
12
+ this.light = false;
13
+ this.noIcon = false;
11
14
  }
12
15
  render() {
13
- return (h(Host, { key: '7afb73a04a3bc6174ad6945bb2e9cfd362acf360', class: "bal-notification" }, h("div", { key: '7707822b7569a46d1b35a76fd4be41f0ed366495', class: `bal-notification__inner bal-notification__inner--color-${this.color}`, "data-testid": "bal-notification-content" }, h("slot", { key: 'e04c72f6f0b97f5df99ad9c8ce7aeacb9bf088b9' }))));
16
+ const block = BEM.block('notification');
17
+ block.element('inner');
18
+ return (h(Host, { key: 'beffd9044572b99e98721aed8bffe8b4321d771e', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`no-icon`).class(this.noIcon)), block.modifier(`color-${this.color}${this.light ? '-light' : ''}`).class(!!this.color)), block.modifier(`color-light`).class(!this.color && this.light)), "data-testid": "bal-notification-content" }, h("slot", { key: '784ad1c80494175528ebb82fd64904a3fb4fd874' })));
14
19
  }
15
20
  static get style() { return BalNotificationStyle0; }
16
21
  }, [4, "bal-notification", {
17
- "color": [1]
22
+ "color": [1],
23
+ "light": [4],
24
+ "noIcon": [4, "no-icon"]
18
25
  }]);
19
26
  function defineCustomElement$1() {
20
27
  if (typeof customElements === "undefined") {
package/components/bal-snackbar.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
2
- import { d as defineCustomElement$6 } from './bal-button2.js';
3
- import { d as defineCustomElement$5 } from './bal-close2.js';
4
- import { d as defineCustomElement$4 } from './bal-heading2.js';
2
+ import { B as BEM } from './bem.js';
3
+ import { d as defineCustomElement$5 } from './bal-button2.js';
4
+ import { d as defineCustomElement$4 } from './bal-close2.js';
5
5
  import { d as defineCustomElement$3 } from './bal-icon2.js';
6
6
  import { d as defineCustomElement$2 } from './bal-spinner2.js';
7
7
 
8
- const balSnackbarCss = ":root{--bal-snackbar-font-size:var(--bal-text-size-normal);--bal-snackbar-font-family:var(--bal-font-family-text);--bal-snackbar-background:var(--bal-color-white);--bal-snackbar-background-primary:var(--bal-color-white);--bal-snackbar-background-info:var(--bal-color-info-2);--bal-snackbar-background-success:var(--bal-color-success-2);--bal-snackbar-background-warning:var(--bal-color-warning-2);--bal-snackbar-background-danger:var(--bal-color-danger-2);--bal-snackbar-radius:var(--bal-radius-large);--bal-snackbar-color:var(--bal-color-text-primary);--bal-snackbar-color-primary:var(--bal-color-text-primary);--bal-snackbar-color-info:var(--bal-color-text-primary);--bal-snackbar-color-success:var(--bal-color-text-primary);--bal-snackbar-color-warning:var(--bal-color-text-primary);--bal-snackbar-color-danger:var(--bal-color-text-primary)}.bal-snackbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-positive:0 !important;flex-grow:0 !important;width:100%;-ms-flex-pack:end;justify-content:flex-end}@media screen and (max-width: 768px){.bal-snackbar{width:18rem}}@media screen and (min-width: 769px),print{.bal-snackbar{width:18rem}}@media screen and (min-width: 1024px){.bal-snackbar{width:27.5rem}}.bal-snackbar__inner{min-height:3.5rem;border-radius:var(--bal-snackbar-radius);font-size:var(--bal-snackbar-font-size);font-family:var(--bal-snackbar-font-family);background:var(--bal-snackbar-background);color:var(--bal-snackbar-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-positive:1;flex-grow:1;margin:.5rem 0 0 0;-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);-ms-flex-item-align:end;align-self:flex-end;-ms-flex-direction:column !important;flex-direction:column !important;row-gap:1rem;padding:var(--bal-space-medium)}.bal-snackbar__inner--is-primary{background:var(--bal-snackbar-background-primary);color:var(--bal-snackbar-color-primary)}.bal-snackbar__inner--is-info{background:var(--bal-snackbar-background-info);color:var(--bal-snackbar-color-info)}.bal-snackbar__inner--is-danger{background:var(--bal-snackbar-background-danger);color:var(--bal-snackbar-color-danger)}.bal-snackbar__inner--is-warning{background:var(--bal-snackbar-background-warning);color:var(--bal-snackbar-color-warning)}.bal-snackbar__inner--is-success{background:var(--bal-snackbar-background-success);color:var(--bal-snackbar-color-success)}@media screen and (min-width: 769px),print{.bal-snackbar__inner{padding:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-snackbar__inner{padding:var(--bal-space-medium-desktop)}}.bal-snackbar__header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem}.bal-snackbar__header>span{font-size:var(--bal-text-size-small);line-height:var(--bal-line-height-small)}@media screen and (min-width: 769px),print{.bal-snackbar__header>span{font-size:var(--bal-text-size-small-tablet);line-height:var(--bal-line-height-tablet-small)}}@media screen and (min-width: 1024px){.bal-snackbar__header>span{font-size:var(--bal-text-size-small-desktop);line-height:var(--bal-line-height-desktop-small)}}.bal-snackbar__footer{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start;margin-top:.5rem}.bal-snackbar__close.bal-close{position:absolute;right:1.5rem;top:1.5rem}";
8
+ const balSnackbarCss = ":root{--bal-snackbar-font-size:var(--bal-text-size-small);--bal-snackbar-font-family:var(--bal-font-family-text);--bal-snackbar-title-font-size:var(--bal-text-size-medium);--bal-snackbar-title-font-family:var(--bal-font-family-title);--bal-snackbar-background:var(--bal-color-white);--bal-snackbar-background-primary:var(--bal-color-white);--bal-snackbar-background-info:var(--bal-color-info-2);--bal-snackbar-background-success:var(--bal-color-success-2);--bal-snackbar-background-warning:var(--bal-color-warning-2);--bal-snackbar-background-danger:var(--bal-color-danger-2);--bal-snackbar-radius:var(--bal-radius-large);--bal-snackbar-color:var(--bal-color-text-primary);--bal-snackbar-color-primary:var(--bal-color-text-primary);--bal-snackbar-color-info:var(--bal-color-text-primary);--bal-snackbar-color-success:var(--bal-color-text-primary);--bal-snackbar-color-warning:var(--bal-color-text-primary);--bal-snackbar-color-danger:var(--bal-color-text-primary)}.bal-snackbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:0 !important;flex-grow:0 !important;gap:.5rem;padding:var(--bal-space-medium) var(--bal-space-normal);border-radius:var(--bal-snackbar-radius);background:var(--bal-snackbar-background);color:var(--bal-snackbar-color);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;min-height:3.5rem;width:18rem}@media screen and (min-width: 769px),print{.bal-snackbar{width:18rem}}@media screen and (min-width: 1024px){.bal-snackbar{width:27.5rem}}.bal-snackbar--color-primary{background:var(--bal-snackbar-background-primary);color:var(--bal-snackbar-color-primary)}.bal-snackbar--color-info{background:var(--bal-snackbar-background-info);color:var(--bal-snackbar-color-info)}.bal-snackbar--color-danger{background:var(--bal-snackbar-background-danger);color:var(--bal-snackbar-color-danger)}.bal-snackbar--color-warning{background:var(--bal-snackbar-background-warning);color:var(--bal-snackbar-color-warning)}.bal-snackbar--color-success{background:var(--bal-snackbar-background-success);color:var(--bal-snackbar-color-success)}.bal-snackbar__details{display:-ms-flexbox;display:flex;gap:1rem}.bal-snackbar__details__icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.5rem}.bal-snackbar__details__icon--masked{background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.bal-snackbar__details__icon--masked,.bal-snackbar__details__icon--color-primary{mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z\" fill=\"black\"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M5.52 3.448C6.452 2.521 7.716 2 9.033 2s2.562 0.521 3.493 1.448C13.478 4.374 14.001 5.632 14.001 6.942v4.413c0 0.31 0.124 0.605 0.344 0.824 0.249 0.248 0.445 0.342 0.719 0.342 0.278 0 0.503 0.224 0.503 0.501 0 0.277-0.225 0.501-0.503 0.501H3.003c-0.278 0-0.503-0.224-0.503-0.501 0-0.277 0.225-0.501 0.503-0.501 0.275 0 0.47-0.094 0.719-0.342 0.219-0.219 0.344-0.514 0.344-0.824V6.942c0-1.311 0.523-2.569 1.456-3.494zM7.274 15.25c0-0.414 0.338-0.75 0.754-0.75h2.01c0.416 0 0.754 0.336 0.754 0.75s-0.338 0.75-0.754 0.75h-2.01c-0.416 0-0.754-0.336-0.754-0.75z\" fill=\"black\"/></svg>')}.bal-snackbar__details__icon--color-info{mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z\" fill=\"black\"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M6.176 13.705c-0.65 0-1.176 0.514-1.176 1.147 0 0.635 0.526 1.149 1.176 1.149h2.824h2.824c0.65 0 1.176-0.514 1.176-1.149 0-0.633-0.526-1.147-1.176-1.147h-1.647V8.426c0-0.634-0.526-1.147-1.176-1.147H7.118C6.468 7.279 5.941 7.792 5.941 8.426c0 0.633 0.526 1.147 1.176 1.147h0.706v4.132H6.176zM10.882 3.836c0 1.014-0.843 1.836-1.882 1.836S7.118 4.85 7.118 3.836C7.118 2.822 7.96 2 9 2s1.882 0.822 1.882 1.836z\" fill=\"black\"/></svg>')}.bal-snackbar__details__icon--color-success{mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z\" fill=\"black\"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M15.637 3.247c0.426 0.379 0.486 1.059 0.134 1.518L7.73 15.251l-0.002 0.003c-0.183 0.237-0.413 0.426-0.672 0.555-0.26 0.13-0.543 0.195-0.829 0.191-0.291-0.004-0.577-0.08-0.837-0.219-0.259-0.14-0.485-0.341-0.662-0.588l-2.517-3.488c-0.339-0.47-0.261-1.147 0.175-1.512 0.436-0.365 1.064-0.28 1.403 0.19l2.463 3.414 7.976-10.403c0.352-0.459 0.982-0.524 1.408-0.144z\" fill=\"black\"/></svg>')}.bal-snackbar__details__icon--color-warning{mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>')}.bal-snackbar__details__icon--color-danger{mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"><path d=\"M9.333 2c0.805 0 1.458 0.514 1.458 1.148v5.508c0 0.634-0.653 1.148-1.458 1.148s-1.458-0.514-1.458-1.148V3.148C7.875 2.514 8.528 2 9.333 2zM9.333 16c1.289 0 2.334-0.822 2.334-1.836s-1.045-1.836-2.334-1.836S7 13.15 7 14.164 8.044 16 9.333 16z\" fill=\"black\"/></svg>')}.bal-snackbar__details__close{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;width:2rem}.bal-snackbar__details__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:.125rem}.bal-snackbar__details__content h2{font-family:var(--bal-snackbar-title-font-family);font-size:var(--bal-snackbar-title-font-size);font-weight:var(--bal-font-weight-bold);line-height:var(--bal-text-line-height-title)}@media screen and (min-width: 769px),print{.bal-snackbar__details__content h2{font-size:var(--bal-text-size-medium-tablet)}}@media screen and (min-width: 1024px){.bal-snackbar__details__content h2{font-size:var(--bal-text-size-medium-desktop)}}.bal-snackbar__details__content span{font-family:var(--bal-snackbar-font-family);font-size:var(--bal-snackbar-font-size);font-weight:var(--bal-font-weight-regular);line-height:var(--bal-text-line-height-text)}.bal-snackbar__button-wrapper{display:-ms-flexbox;display:flex}.bal-snackbar__button-wrapper .bal-button{-webkit-margin-start:2.5rem;margin-inline-start:2.5rem;-webkit-margin-before:.5rem;margin-block-start:.5rem}";
9
9
  const BalSnackbarStyle0 = balSnackbarCss;
10
10
 
11
11
  const Snackbar = /*@__PURE__*/ proxyCustomElement(class Snackbar extends HTMLElement {
@@ -19,7 +19,6 @@ const Snackbar = /*@__PURE__*/ proxyCustomElement(class Snackbar extends HTMLEle
19
19
  this.balAction.emit(this.snackbarId);
20
20
  this.actionHandler();
21
21
  };
22
- this.animationClass = 'fadeInDown';
23
22
  this.color = '';
24
23
  this.duration = 0;
25
24
  this.subject = '';
@@ -51,24 +50,37 @@ const Snackbar = /*@__PURE__*/ proxyCustomElement(class Snackbar extends HTMLEle
51
50
  this.element.remove();
52
51
  this.closeHandler();
53
52
  }
54
- get colorType() {
55
- if (this.color === '') {
56
- return '';
57
- }
58
- return `bal-snackbar__inner--is-${this.color}`;
59
- }
60
- get buttonType() {
61
- if (this.color === '') {
62
- return 'info';
63
- }
64
- return this.color;
65
- }
53
+ // get colorType() {
54
+ // if (this.color === '') {
55
+ // return ''
56
+ // }
57
+ // return `bal-snackbar__inner--is-${this.color}`
58
+ // }
59
+ // get buttonType(): BalProps.BalButtonColor {
60
+ // if (this.color === '') {
61
+ // return 'info'
62
+ // }
63
+ // return this.color
64
+ // }
66
65
  render() {
67
- const labelAttributes = {};
66
+ const block = BEM.block('snackbar');
67
+ const detailsEl = block.element('details');
68
+ const buttonWrapperEl = block.element('button-wrapper');
69
+ const subjectId = this.snackbarId + '-subject';
70
+ const messageAttributes = {};
68
71
  if (this.message !== undefined && this.message !== '') {
69
- labelAttributes.innerHTML = this.message;
72
+ messageAttributes.innerHTML = this.message;
70
73
  }
71
- return (h(Host, { key: '302d36cf1491bdb34cc87139c604c605b873dea8', id: this.snackbarId, class: "bal-snackbar" }, h("div", { key: '2d7d2e2c2fc3509d52d0079ba0e2dd024fafa27f', role: "alert", class: `bal-snackbar__inner ${this.animationClass} ${this.colorType}` }, h("div", { key: '80c1136fe846cc3393b36b20cd8b483ba5cdde2c', class: "bal-snackbar__header" }, h("span", { key: '43c09569ff714e596dc925532a6a23c62ad1480c', class: "icon-text" }, h("span", { key: '8d2631bfb6a6323a9b89279d428d04fa858ae222', class: "icon", style: { display: this.icon ? '' : 'none' } }, h("bal-icon", { key: 'e95d781626faf9691da3e26ea8cb02d036cd7783', name: this.icon, color: 'primary' })), h("bal-heading", { key: 'd07fa9dea7ab0008be54e971416e1df9e06043d1', level: "h5", space: "none", "data-testid": "bal-snackbar-heading" }, this.subject))), h("span", Object.assign({ key: '5596bf1d718f4609835316a9521522c8fcbd3f59', class: "bal-snackbar__label", "data-testid": "bal-snackbar-label" }, labelAttributes), h("slot", { key: 'c46f14807eaf146bde235c3bd121d401df670ed1' }), h("span", { key: '7a33a791aec0799c4650dfd1ba91c297d6e6156d', class: "hidden" })), h("bal-close", { key: 'b3565119bae15c11394786e0b0e9413f03417d88', class: "bal-snackbar__close", "data-testid": "bal-snackbar-close", onClick: () => this.close() }), this.action ? (h("div", { class: "bal-snackbar__footer" }, h("bal-button", { color: "info", href: this.href, target: this.target, onClick: () => this.onActionHandler(), "data-testid": "bal-snackbar-action" }, this.action))) : (''))));
74
+ const isIconDefined = this.icon !== undefined && this.icon !== null && this.icon !== '';
75
+ const colorIcons = {
76
+ info: 'info-circle',
77
+ primary: 'info-circle',
78
+ warning: 'alert-triangle',
79
+ danger: 'alert-triangle',
80
+ success: 'check-circle',
81
+ };
82
+ const icon = isIconDefined ? this.icon : colorIcons[this.color || 'info'];
83
+ return (h(Host, { key: 'f7c2af83a4cdb00cf64ecc41c249bbc96eb99a56', id: this.snackbarId, role: "alertdialog", class: Object.assign(Object.assign({}, block.class()), block.modifier(`color-${this.color}`).class(!!this.color)), "aria-labelledby": subjectId }, h("div", { key: 'de20fea5880d141637e63eaab0cec93e44673745', class: Object.assign({}, detailsEl.class()) }, h("div", { key: '4bceb9b4680715d501e7e0fad200e225feca29d4', "aria-hidden": "true", class: Object.assign(Object.assign(Object.assign({}, detailsEl.element('icon').class()), detailsEl.element('icon').modifier('masked').class(!isIconDefined)), detailsEl.element('icon').modifier(`color-${this.color}`).class(!isIconDefined)) }, isIconDefined ? h("bal-icon", { name: icon, color: 'primary', size: "medium" }) : ''), h("div", { key: '2bf5d7f9b68260dac90dcfd1a1da5d9d2ca9b2a4', class: Object.assign({}, detailsEl.element('content').class()) }, h("h2", { key: 'a7ac3ab5fc847a8242f34947af57fe849b2d843d', id: subjectId }, this.subject), h("span", Object.assign({ key: 'd77eb9352cb5c8df426c77892b6aab7e506fbe73' }, messageAttributes), h("slot", { key: '88a32633220e164154bf2ef4fb68dacd5c1ab973' }), h("span", { key: '73329ef3def8c43252dcbd85fc72aa3a3291799e', class: "hidden" }))), h("div", { key: 'ce1ad2520d6667e264fd279448050db0300ee3d4', class: Object.assign({}, detailsEl.element('close').class()) }, h("bal-close", { key: '2a70da54ed0988c3b04dd4c1cd071758a5dfce8a', class: "bal-snackbar__close", "data-testid": "bal-snackbar-close", onClick: () => this.close() }))), this.action ? (h("div", { class: Object.assign({}, buttonWrapperEl.class()) }, h("bal-button", { color: "info", size: "small", href: this.href, target: this.target, onClick: () => this.onActionHandler(), "data-testid": "bal-snackbar-action" }, this.action))) : ('')));
72
84
  }
73
85
  get element() { return this; }
74
86
  static get style() { return BalSnackbarStyle0; }
@@ -83,7 +95,6 @@ const Snackbar = /*@__PURE__*/ proxyCustomElement(class Snackbar extends HTMLEle
83
95
  "actionHandler": [16],
84
96
  "href": [1],
85
97
  "target": [1],
86
- "animationClass": [32],
87
98
  "closeIn": [64],
88
99
  "close": [64]
89
100
  }]);
@@ -92,7 +103,7 @@ function defineCustomElement$1() {
92
103
  if (typeof customElements === "undefined") {
93
104
  return;
94
105
  }
95
- const components = ["bal-snackbar", "bal-button", "bal-close", "bal-heading", "bal-icon", "bal-spinner"];
106
+ const components = ["bal-snackbar", "bal-button", "bal-close", "bal-icon", "bal-spinner"];
96
107
  components.forEach(tagName => { switch (tagName) {
97
108
  case "bal-snackbar":
98
109
  if (!customElements.get(tagName)) {
@@ -100,16 +111,11 @@ function defineCustomElement$1() {
100
111
  }
101
112
  break;
102
113
  case "bal-button":
103
- if (!customElements.get(tagName)) {
104
- defineCustomElement$6();
105
- }
106
- break;
107
- case "bal-close":
108
114
  if (!customElements.get(tagName)) {
109
115
  defineCustomElement$5();
110
116
  }
111
117
  break;
112
- case "bal-heading":
118
+ case "bal-close":
113
119
  if (!customElements.get(tagName)) {
114
120
  defineCustomElement$4();
115
121
  }
package/components/bal-spinner2.js CHANGED
@@ -6,7 +6,7 @@ import { B as BEM } from './bem.js';
6
6
  import { d as defaultConfig } from './config.default.js';
7
7
  import { L as ListenToConfig } from './config.decorator.js';
8
8
 
9
- const balSpinnerCss = "bal-spinner,.bal-spinner{text-align:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;width:4rem}bal-spinner svg,.bal-spinner svg{-webkit-transform:unset !important;transform:unset !important}.bal-spinner--small{width:2rem}.bal-spinner--circle{margin:auto;border-width:.25rem;border-style:solid;border-color:var(--bal-color-grey);border-radius:50%;border-top-color:var(--bal-color-primary);width:1.5rem;height:1.5rem}.bal-spinner--circle.bal-spinner--small{width:1.125rem;height:1.125rem;border-width:.2rem}.bal-spinner--circle.bal-spinner--animated{-webkit-animation:spinner 1.6s linear infinite;animation:spinner 1.6s linear infinite}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";
9
+ const balSpinnerCss = "bal-spinner,.bal-spinner{text-align:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;width:4rem}bal-spinner svg,.bal-spinner svg{-webkit-transform:unset !important;transform:unset !important}.bal-spinner--small{width:2rem}.bal-spinner--circle{margin:auto;border-width:.25rem;border-style:solid;border-color:var(--bal-color-grey);border-radius:50%;border-top-color:var(--bal-color-primary);width:1.5rem;height:1.5rem}.bal-spinner--circle.bal-spinner--small{width:1.125rem;height:1.125rem;border-width:.2rem}.bal-spinner--circle.bal-spinner--animated{-webkit-animation:spinner 1.6s linear infinite;animation:spinner 1.6s linear infinite}.bal-spinner--circle.bal-spinner--color-white{border-color:var(--bal-color-white);border-top-color:var(--bal-color-primary)}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";
10
10
  const BalSpinnerStyle0 = balSpinnerCss;
11
11
 
12
12
  const Spinner = /*@__PURE__*/ proxyCustomElement(class Spinner extends HTMLElement {
@@ -140,7 +140,7 @@ const Spinner = /*@__PURE__*/ proxyCustomElement(class Spinner extends HTMLEleme
140
140
  */
141
141
  render() {
142
142
  const block = BEM.block('spinner');
143
- return (h(Host, { key: '4aaf8217ef26f408e1cab309a966cc9ec52f7044', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('circle').class(this.variation === 'circle')), block.modifier('small').class(this.small)), block.modifier('animated').class(this.animated)), role: "progressbar", "aria-hidden": "true" }));
143
+ return (h(Host, { key: '6c3756c1b6cc6684bfc61906748ce66c3ba67890', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('circle').class(this.variation === 'circle')), block.modifier('small').class(this.small)), block.modifier('animated').class(this.animated)), block.modifier(`color-${this.color}`).class(this.variation === 'circle')), role: "progressbar", "aria-hidden": "true" }));
144
144
  }
145
145
  get el() { return this; }
146
146
  static get watchers() { return {
package/components/bal-stack2.js CHANGED
@@ -50,7 +50,7 @@ const Stack = /*@__PURE__*/ proxyCustomElement(class Stack extends HTMLElement {
50
50
  if (alignment) {
51
51
  alignValue = this.alignment.split(' ').join('-');
52
52
  }
53
- return (h(Host, { key: 'ae7ee9d0fde5a1324d87d8a6549a1afc10647cff', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`use-wrap`).class(useWrap)), block.modifier(`layout-${layoutValue}`).class(layout || direction)), block.modifier(`align-${alignValue}`).class(align || alignment)), block.modifier(`space-${this.space}`).class(space)), block.modifier(`space-row-${this.spaceRow}`).class(spaceRow)), block.modifier(`space-row-${this.spaceColumn}`).class(spaceColumn)), block.modifier(`px-${this.px}`).class(px)), block.modifier(`py-${this.py}`).class(py)), block.modifier(`fit-content`).class(fitContent)) }, h("slot", { key: '364013576169de63cc540f287cd5b59e21dd7a7b' })));
53
+ return (h(Host, { key: '536a3cf3f4979288a0035ef0cdc966c4d390ff60', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`use-wrap`).class(useWrap)), block.modifier(`layout-${layoutValue}`).class(layout || direction)), block.modifier(`align-${alignValue}`).class(align || alignment)), block.modifier(`space-${this.space}`).class(space)), block.modifier(`space-row-${this.spaceRow}`).class(spaceRow)), block.modifier(`space-row-${this.spaceColumn}`).class(spaceColumn)), block.modifier(`px-${this.px}`).class(px)), block.modifier(`py-${this.py}`).class(py)), block.modifier(`fit-content`).class(fitContent)) }, h("slot", { key: 'd1101bb18f49fb392e3ef7b1949f5ce5d797a204' })));
54
54
  }
55
55
  static get style() { return BalStackStyle0; }
56
56
  }, [4, "bal-stack", {
package/components/bal-stage-back-link.js CHANGED
@@ -12,10 +12,10 @@ const StageBackLink = /*@__PURE__*/ proxyCustomElement(class StageBackLink exten
12
12
  }
13
13
  render() {
14
14
  const block = BEM.block('stage-back-link');
15
- return (h(Host, { key: 'b759ddecb2f96b0a7c9b82935257270022c61221', class: Object.assign(Object.assign({}, block.class()), block.modifier('shadow').class(this.shadow)) }, h("a", { key: '4e39e44fddadc8ddbee24642205ef827aa67bb46', class: {
15
+ return (h(Host, { key: 'bc5906c288b5be99aba87a5c8b24773f8e980fe5', class: Object.assign(Object.assign({}, block.class()), block.modifier('shadow').class(this.shadow)) }, h("a", { key: 'd3ee0d9c434e58bcfbf6b70355dfd5b96b5a0d4d', class: {
16
16
  'link': true,
17
17
  'is-inverted': this.inverted,
18
- }, href: this.href }, h("bal-icon", { key: '4f0f6b430046d3509c8c82c559aa01af3ff92340', class: "mr-x-small", name: "caret-left", size: "x-small", inverted: this.inverted, shadow: this.shadow }), h("slot", { key: '7d689bca25898c187a5bbb507a1cecd18e17c46f' }))));
18
+ }, href: this.href }, h("bal-icon", { key: '9ea9ce3b98138878573dd43f43e174da381a5cf2', class: "mr-x-small", name: "caret-left", size: "x-small", inverted: this.inverted, shadow: this.shadow }), h("slot", { key: '95ad39a717f47a0d02940a6b6f609ae90226cd76' }))));
19
19
  }
20
20
  get el() { return this; }
21
21
  }, [4, "bal-stage-back-link", {
package/components/bal-stage-body.js CHANGED
@@ -8,7 +8,7 @@ const StageBody = /*@__PURE__*/ proxyCustomElement(class StageBody extends HTMLE
8
8
  }
9
9
  render() {
10
10
  const block = BEM.block('stage-body');
11
- return (h(Host, { key: 'ea116cb3554072981fe5ea1773ee1df1178c08a6', class: Object.assign({}, block.class()) }, h("slot", { key: '4b24bbf7b1503fd29d710722fbe697ae3a14f0ba' })));
11
+ return (h(Host, { key: '8d78c9777215c84373e246ae0495512137620d0c', class: Object.assign({}, block.class()) }, h("slot", { key: 'e866a1e129ad6c87567018a3538e526cc432bdcc' })));
12
12
  }
13
13
  get el() { return this; }
14
14
  }, [4, "bal-stage-body"]);
package/components/bal-stage-foot.js CHANGED
@@ -6,7 +6,7 @@ const StageFoot = /*@__PURE__*/ proxyCustomElement(class StageFoot extends HTMLE
6
6
  this.__registerHost();
7
7
  }
8
8
  render() {
9
- return (h(Host, { key: '9217b4fe523082782e8c56466811e1ee452b2763', class: "hero-foot" }, h("slot", { key: '5ad55c58d8d833afee7889a2032891cb58631a1b' })));
9
+ return (h(Host, { key: '77f405fb5a84be341f5709ea9451fd5b01eae1a5', class: "hero-foot" }, h("slot", { key: '7b93751fe0fd796422cdf0d669404bf22f1312c8' })));
10
10
  }
11
11
  get el() { return this; }
12
12
  }, [4, "bal-stage-foot"]);
package/components/bal-stage-head.js CHANGED
@@ -6,7 +6,7 @@ const StageHead = /*@__PURE__*/ proxyCustomElement(class StageHead extends HTMLE
6
6
  this.__registerHost();
7
7
  }
8
8
  render() {
9
- return (h(Host, { key: 'f42eb0dbf4d7459ecff34e7ef9d3669140f55da4', class: "hero-head" }, h("slot", { key: 'baf5b283e24d1d135686e32a9c2f8c7ead74bc52' })));
9
+ return (h(Host, { key: '1d3ba006d2d6aafe5795cdb2f59d9cb02822c927', class: "hero-head" }, h("slot", { key: '2c24fa40d9505b5b7b673d99d7b831161372e35b' })));
10
10
  }
11
11
  get el() { return this; }
12
12
  }, [4, "bal-stage-head"]);
package/components/bal-stage-image.js CHANGED
@@ -23,7 +23,7 @@ const StageImage = /*@__PURE__*/ proxyCustomElement(class StageImage extends HTM
23
23
  render() {
24
24
  const block = BEM.block('stage-image');
25
25
  const imageSrc = this.fallback ? this.fallback : this.srcSet.split(',')[0];
26
- return (h(Host, { key: '9fd029b0b8b95896c661566bdef677b4e8bddd78', class: Object.assign({}, block.class()) }, this.isOnLoadEventDone ? (h("img", Object.assign({ src: imageSrc, srcset: this.srcSet, sizes: "100vw" }, this.imageInheritAttributes))) : ('')));
26
+ return (h(Host, { key: '403567b2d7e9052448bfabeee037dddbd29ddfc5', class: Object.assign({}, block.class()) }, this.isOnLoadEventDone ? (h("img", Object.assign({ src: imageSrc, srcset: this.srcSet, sizes: "100vw" }, this.imageInheritAttributes))) : ('')));
27
27
  }
28
28
  get el() { return this; }
29
29
  }, [0, "bal-stage-image", {
package/components/bal-stage.js CHANGED
@@ -48,7 +48,7 @@ const Stage = /*@__PURE__*/ proxyCustomElement(class Stage extends HTMLElement {
48
48
  render() {
49
49
  const block = BEM.block('stage');
50
50
  const element = BEM.block('stage-content');
51
- return (h(Host, { key: 'cebb6bb53e0d96094c6ddbd8e8cf1ce94ac3e24f', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`is-${this.size === '' ? 'medium' : this.size}`).class()), block.modifier(`is-${this.color}`).class(!!this.color)), block.modifier('has-shape').class(!!this.shape)), style: { '--bal-stage-container-width': this.getContainerWidth() } }, h("section", { key: '17310e9c145cd19b947c21a2ef10691eba42298d', class: Object.assign(Object.assign({}, element.class()), { container: true, [`${this.containerClass}`]: this.containerSize !== '' }) }, h("slot", { key: '749e4985a3756ca02f309bf15a20c08854a873f7' }), this.shape && (h("div", { key: '0e9c6c1742114a042b4320048fca983b123029d6', class: { container: true, [`${this.containerClass}`]: this.containerSize !== '' } }, h("bal-shape", { key: '59810aca102e9beff8db9344d774cc29ac8aab3d', color: this.color, variation: this.shapeVariation, rotation: this.shapeRotation }))))));
51
+ return (h(Host, { key: 'e24550c75ccbc228367fcfec8a24f1cc55101fc8', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`is-${this.size === '' ? 'medium' : this.size}`).class()), block.modifier(`is-${this.color}`).class(!!this.color)), block.modifier('has-shape').class(!!this.shape)), style: { '--bal-stage-container-width': this.getContainerWidth() } }, h("section", { key: 'd925080116d60d4891ac4e141e3d6fa68338aaa8', class: Object.assign(Object.assign({}, element.class()), { container: true, [`${this.containerClass}`]: this.containerSize !== '' }) }, h("slot", { key: 'f4d2eb4d16600695f336b076c07518d553a93cdf' }), this.shape && (h("div", { key: 'cf059b309141555194945d62124437a3d90145f0', class: { container: true, [`${this.containerClass}`]: this.containerSize !== '' } }, h("bal-shape", { key: '99b25f746ad8858c885b6bf15df6246492b26b84', color: this.color, variation: this.shapeVariation, rotation: this.shapeRotation }))))));
52
52
  }
53
53
  static get style() { return BalStageStyle0; }
54
54
  }, [4, "bal-stage", {
package/components/bal-step-item.js CHANGED
@@ -52,10 +52,10 @@ const StepItem = /*@__PURE__*/ proxyCustomElement(class StepItem extends HTMLEle
52
52
  };
53
53
  }
54
54
  render() {
55
- return (h(Host, { key: '9b9322c92f3e7182359bd81ddead34efe7731b0c', role: "tabpanel", class: {
55
+ return (h(Host, { key: '8ee5cc145653a031dd60e10cd8e15a5cea413ded', role: "tabpanel", class: {
56
56
  'bal-step-item': true,
57
57
  'bal-step-item--active': this.isActive,
58
- } }, h("slot", { key: 'bde852be10cae07db611abc2ed292eca77a48ad4' })));
58
+ } }, h("slot", { key: 'e424db22122910323793ae2b93c4dd8dcf9f2c31' })));
59
59
  }
60
60
  get el() { return this; }
61
61
  }, [4, "bal-step-item", {
package/components/bal-tab-item.js CHANGED
@@ -64,10 +64,10 @@ const TabItem = /*@__PURE__*/ proxyCustomElement(class TabItem extends HTMLEleme
64
64
  render() {
65
65
  const hasPanel = !this.noPanel;
66
66
  const noPanelOrInactive = !this.isActive || this.noPanel;
67
- return (h(Host, { key: '9c52bfb73f94ac8b9482fbd7d5d0e72462ea7073', id: this.tabPanelID, class: {
67
+ return (h(Host, { key: '73cd7faf737780486e58b71b4c51508e0311e277', id: this.tabPanelID, class: {
68
68
  'bal-tab-item': true,
69
69
  'bal-tab-item--active': this.isActive,
70
- }, role: hasPanel ? 'tabpanel' : undefined, "aria-label": hasPanel ? this.label : undefined, "aria-hidden": noPanelOrInactive ? 'true' : 'false', tabindex: noPanelOrInactive ? '-1' : undefined, hidden: noPanelOrInactive ? true : undefined }, h("slot", { key: 'fc17bf76c24c61134bd35341fc61859ab99fb798' })));
70
+ }, role: hasPanel ? 'tabpanel' : undefined, "aria-label": hasPanel ? this.label : undefined, "aria-hidden": noPanelOrInactive ? 'true' : 'false', tabindex: noPanelOrInactive ? '-1' : undefined, hidden: noPanelOrInactive ? true : undefined }, h("slot", { key: 'd533d087306ee17ba5b78c9b756db6cf923ef1a5' })));
71
71
  }
72
72
  get el() { return this; }
73
73
  }, [4, "bal-tab-item", {
package/components/bal-table.js CHANGED
@@ -14,7 +14,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
14
14
  const block = BEM.block('table');
15
15
  const fullwidthClass = 'is-fullwidth';
16
16
  const hasFullwidth = this.expanded;
17
- return (h(Host, { key: '44262d7f133d1124da1ceb878840039cbf2c7ff6', class: Object.assign(Object.assign(Object.assign({}, block.class()), { 'ag-theme-alpine': true }), block.modifier(fullwidthClass).class(hasFullwidth)) }, h("slot", { key: 'ecbc47dc22edf2bfd54a4d72e9813b7e425a5a00' })));
17
+ return (h(Host, { key: '1059612d6670d6a8c333a6903dfa1ffff7150964', class: Object.assign(Object.assign(Object.assign({}, block.class()), { 'ag-theme-alpine': true }), block.modifier(fullwidthClass).class(hasFullwidth)) }, h("slot", { key: '22d1e47908682547a1d22d17348bfb66dfd81e7a' })));
18
18
  }
19
19
  get el() { return this; }
20
20
  static get style() { return BalTableStyle0; }
package/components/bal-tabs2.js CHANGED
@@ -718,9 +718,9 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends HTMLElement {
718
718
  .filter(t => this.isTabActive(t))
719
719
  .map(t => t.label)
720
720
  .join(',');
721
- return (h(Host, { key: '8d867bd044fecb683137fd045a25a4d00977d715', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('navbar').class(this.inNavbar)), block.modifier('vertical').class(isVertical)), block.modifier('fullwidth').class(this.expanded || this.fullwidth)), block.modifier('accordion').class(this.accordion)), block.modifier('animated').class(this.animated)), block.modifier('expanding').class(this.accordionState === 8 /* AccordionState.Expanding */)), block.modifier('expanded').class(this.accordionState === 4 /* AccordionState.Expanded */)), block.modifier('collapsing').class(this.accordionState === 2 /* AccordionState.Collapsing */)), block.modifier('collapsed').class(this.accordionState === 1 /* AccordionState.Collapsed */)), "data-value": dataValue, "data-label": dataLabel }, isSelect ? (h(TabSelect, { value: this.value, items: tabs, onSelectTab: this.onSelectTab })) : (h(TabNav, { swiper: this.swiper, items: tabs, isLinkList: isLinkList, tabsId: this.tabsId, clickable: this.clickable, accordion: this.accordion, isAccordionOpen: this.isAccordionOpen, lineActive: valueExists, lineHidden: !this.enableLineRender, inverted: isInverted, animated: this.animated, context: this.context, border: hasBorder, spaceless: this.spaceless, expanded: this.expanded, isMobile: isMobile, isTouch: isTouch, isVertical: isVertical, inNavbar: this.inNavbar, iconPosition: this.iconPosition, showSwiperControls: !this.isVertical(), verticalColSize: this.verticalColSize, onSelectTab: this.onSelectTab, dimInactiveElements: this.dimInactiveElements })), h("div", { key: 'a8082250c734922919296b24c9467199b9a23930', part: contentPart, class: Object.assign(Object.assign(Object.assign({}, contentEl.class()), contentEl.modifier('vertical').class(this.isVertical())), contentEl
721
+ return (h(Host, { key: 'a1d8a76b19bfde81e59e6c59277d6445aa085cc8', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('navbar').class(this.inNavbar)), block.modifier('vertical').class(isVertical)), block.modifier('fullwidth').class(this.expanded || this.fullwidth)), block.modifier('accordion').class(this.accordion)), block.modifier('animated').class(this.animated)), block.modifier('expanding').class(this.accordionState === 8 /* AccordionState.Expanding */)), block.modifier('expanded').class(this.accordionState === 4 /* AccordionState.Expanded */)), block.modifier('collapsing').class(this.accordionState === 2 /* AccordionState.Collapsing */)), block.modifier('collapsed').class(this.accordionState === 1 /* AccordionState.Collapsed */)), "data-value": dataValue, "data-label": dataLabel }, isSelect ? (h(TabSelect, { value: this.value, items: tabs, onSelectTab: this.onSelectTab })) : (h(TabNav, { swiper: this.swiper, items: tabs, isLinkList: isLinkList, tabsId: this.tabsId, clickable: this.clickable, accordion: this.accordion, isAccordionOpen: this.isAccordionOpen, lineActive: valueExists, lineHidden: !this.enableLineRender, inverted: isInverted, animated: this.animated, context: this.context, border: hasBorder, spaceless: this.spaceless, expanded: this.expanded, isMobile: isMobile, isTouch: isTouch, isVertical: isVertical, inNavbar: this.inNavbar, iconPosition: this.iconPosition, showSwiperControls: !this.isVertical(), verticalColSize: this.verticalColSize, onSelectTab: this.onSelectTab, dimInactiveElements: this.dimInactiveElements })), h("div", { key: '1a460259f8231a6f669e423343ab32f7b718fa06', part: contentPart, class: Object.assign(Object.assign(Object.assign({}, contentEl.class()), contentEl.modifier('vertical').class(this.isVertical())), contentEl
722
722
  .modifier('hidden')
723
- .class(this.context === 'meta' || this.context === 'navbar' || this.context === 'navigation')) }, h("div", { key: 'ab8af83ca427a58fdbd1fc5474798879cec06ef3', id: this.tabsId, class: Object.assign({}, contentEl.element('wrapper').class()) }, h("slot", { key: '50ed58aacd364ec3fe3b57d1775490d4335d1729' })))));
723
+ .class(this.context === 'meta' || this.context === 'navbar' || this.context === 'navigation')) }, h("div", { key: '40d55adc3c7bdb32ab8e26eb80a6a4766079c54a', id: this.tabsId, class: Object.assign({}, contentEl.element('wrapper').class()) }, h("slot", { key: 'ad35eebf2cb6c481217f8539f4932096406df50d' })))));
724
724
  }
725
725
  get el() { return this; }
726
726
  static get watchers() { return {
package/components/bal-tag-group.js CHANGED
@@ -6,7 +6,7 @@ const TagGroup = /*@__PURE__*/ proxyCustomElement(class TagGroup extends HTMLEle
6
6
  this.__registerHost();
7
7
  }
8
8
  render() {
9
- return (h(Host, { key: '524a094b4adf71e481268ff8a88eabdfe8323b38', class: "bal-tag-group" }, h("slot", { key: 'b03a1908eec3f767f9547f01f44b26c75e7cb198' })));
9
+ return (h(Host, { key: 'd1f82919080730fd2555d25e4e5adda071f0c6a2', class: "bal-tag-group" }, h("slot", { key: '2f0ce67b5870beb486f86341214f5f32f234ae47' })));
10
10
  }
11
11
  }, [4, "bal-tag-group"]);
12
12
  function defineCustomElement$1() {
package/components/bal-tag2.js CHANGED
@@ -38,7 +38,7 @@ const Tag = /*@__PURE__*/ proxyCustomElement(class Tag extends HTMLElement {
38
38
  const hasDisabled = this.disabled;
39
39
  const positionClass = `is-${this.position}`;
40
40
  const hasPosition = this.position !== undefined;
41
- return (h(Host, Object.assign({ key: 'f7e55913d45b3043066cd32973bfe22ea9cb2e19', "aria-disabled": this.disabled ? 'true' : null, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(sizeClass).class(hasSize)), block.modifier(colorClass).class(hasColor)), block.modifier(disabledClass).class(hasDisabled)), block.modifier(positionClass).class(hasPosition)), block.modifier('is-invalid').class(this.invalid)) }, this.inheritedAttributes), h("span", { key: 'a70a1395177d1717117555d406311161c62a87f1', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, elLabel.class()), elLabel.modifier(sizeClass).class(hasSize)), elLabel.modifier(colorClass).class(hasColor)), elLabel.modifier(disabledClass).class(hasDisabled)), elLabel.modifier('is-invalid').class(this.invalid)), "data-testid": "bal-tag-label" }, h("slot", { key: '9678f086ef39473f3a7a78720b59abba8eeaa0c8' })), h("bal-close", Object.assign({ key: '03f425bbe857348736170c5c75093ed11c8f95d9', class: Object.assign({}, block.element('close').class()), style: {
41
+ return (h(Host, Object.assign({ key: 'fcb28709fa01ca31a2ae98d59bacfb356e28fd0c', "aria-disabled": this.disabled ? 'true' : null, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(sizeClass).class(hasSize)), block.modifier(colorClass).class(hasColor)), block.modifier(disabledClass).class(hasDisabled)), block.modifier(positionClass).class(hasPosition)), block.modifier('is-invalid').class(this.invalid)) }, this.inheritedAttributes), h("span", { key: 'e82b7f7b34add1277872fc105a327f50b305b2f8', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, elLabel.class()), elLabel.modifier(sizeClass).class(hasSize)), elLabel.modifier(colorClass).class(hasColor)), elLabel.modifier(disabledClass).class(hasDisabled)), elLabel.modifier('is-invalid').class(this.invalid)), "data-testid": "bal-tag-label" }, h("slot", { key: '9a29590870327840f6bbf0c9bedebbcb1be51ba8' })), h("bal-close", Object.assign({ key: 'a236adc61866d6ba1080780813b75806c93ec657', class: Object.assign({}, block.element('close').class()), style: {
42
42
  display: this.closable && !this.disabled ? 'flex' : 'none',
43
43
  }, size: this.size === 'small' ? 'small' : '', inverted: (['blue', 'primary', 'info', 'success', 'warning', 'danger', 'red', 'purple', 'yellow', 'green'].includes(this.color) &&
44
44
  !this.light) ||
package/components/bal-text2.js CHANGED
@@ -56,10 +56,10 @@ const Text = /*@__PURE__*/ proxyCustomElement(class Text extends HTMLElement {
56
56
  const Text = this.inline ? 'span' : 'p';
57
57
  const color = this.parseColor();
58
58
  const block = BEM.block('text');
59
- return (h(Host, { key: '410f0e92f74f64df3047a4c2ae64f2ff4dfa1740', class: Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`space-${this.space}`).class(this.space !== '')), block.modifier(`inline`).class(this.inline)) }, h(Text, { key: 'beef074e67dc900f2580e03f2d8944a5257b517a', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.element('text').class()), block.element('text').modifier(`color-${color}`).class(!!color)), block.element('text').modifier(`bold`).class(this.bold)), block.element('text').modifier(`heading`).class(this.heading)), block.element('text').modifier(`shadow`).class(this.shadow)), block.element('text').modifier(`no-wrap`).class(this.noWrap)), block
59
+ return (h(Host, { key: '54ea51b4d2db0793307072aa6dd3bd5969f4e1d0', class: Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`space-${this.space}`).class(this.space !== '')), block.modifier(`inline`).class(this.inline)) }, h(Text, { key: 'c894a460f369a284910f224b430dd7fc4b9b5123', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.element('text').class()), block.element('text').modifier(`color-${color}`).class(!!color)), block.element('text').modifier(`bold`).class(this.bold)), block.element('text').modifier(`heading`).class(this.heading)), block.element('text').modifier(`shadow`).class(this.shadow)), block.element('text').modifier(`no-wrap`).class(this.noWrap)), block
60
60
  .element('text')
61
61
  .modifier(`size-${this.size}`)
62
- .class(this.size !== '')), "data-testid": "bal-text" }, h("slot", { key: '3845390717b94d779233d0f02702231d8144a54e' }))));
62
+ .class(this.size !== '')), "data-testid": "bal-text" }, h("slot", { key: '94c09c5d469712da76d9ca0c4a80222c3e76f8a3' }))));
63
63
  }
64
64
  static get style() { return BalTextStyle0; }
65
65
  }, [4, "bal-text", {
package/components/bal-textarea.js CHANGED
@@ -117,7 +117,7 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
117
117
  const value = this.getValue();
118
118
  const block = BEM.block('textarea');
119
119
  const elNative = block.element('native');
120
- return (h(Host, { key: '149d29f8d5914cf4b32beb3fe6e1e7e62a85db08', onClick: this.handleClick, "aria-disabled": this.disabled ? 'true' : null, class: Object.assign({}, block.class()) }, h("textarea", Object.assign({ key: '52709d8de1e3b4e02f500d6bcec497156f06fc1d', class: Object.assign(Object.assign({}, elNative.class()), { 'textarea': true, 'is-disabled': this.disabled || this.readonly, 'is-danger': this.invalid, 'clickable': this.clickable }), "data-testid": "bal-textarea-input", ref: inputEl => (this.nativeInput = inputEl), name: this.name, id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, disabled: this.disabled, readonly: this.readonly, required: this.required, autoCapitalize: this.autocapitalize, autocomplete: this.autocomplete, autoFocus: this.autofocus, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder, inputMode: this.inputmode, value: this.value, cols: this.cols, rows: this.rows, wrap: this.wrap, onFocus: this.onFocus, onInput: ev => this.onInput(ev), onBlur: this.onBlur, onClick: this.onClick, onKeyPress: e => this.balKeyPress.emit(e) }, this.inheritedAttributes), value, h("slot", { key: '48a083ac55240858d9cbf656631739cc349b6cf1' }))));
120
+ return (h(Host, { key: 'c480f893ab85bf7c3aebacd7cae0f9cac2f45729', onClick: this.handleClick, "aria-disabled": this.disabled ? 'true' : null, class: Object.assign({}, block.class()) }, h("textarea", Object.assign({ key: 'e24dc8d2deb3e9a700f1b34177bb953ea5d48f84', class: Object.assign(Object.assign({}, elNative.class()), { 'textarea': true, 'is-disabled': this.disabled || this.readonly, 'is-danger': this.invalid, 'clickable': this.clickable }), "data-testid": "bal-textarea-input", ref: inputEl => (this.nativeInput = inputEl), name: this.name, id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, disabled: this.disabled, readonly: this.readonly, required: this.required, autoCapitalize: this.autocapitalize, autocomplete: this.autocomplete, autoFocus: this.autofocus, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder, inputMode: this.inputmode, value: this.value, cols: this.cols, rows: this.rows, wrap: this.wrap, onFocus: this.onFocus, onInput: ev => this.onInput(ev), onBlur: this.onBlur, onClick: this.onClick, onKeyPress: e => this.balKeyPress.emit(e) }, this.inheritedAttributes), value, h("slot", { key: '8951528c192b5cfaff238fc6b4371f0005f788d4' }))));
121
121
  }
122
122
  get el() { return this; }
123
123
  static get watchers() { return {
package/components/bal-time-input.js CHANGED
@@ -145,7 +145,7 @@ const TimeInput = /*@__PURE__*/ proxyCustomElement(class TimeInput extends HTMLE
145
145
  const value = this.focused ? this.getRawValue() : this.getFormattedValue();
146
146
  const block = BEM.block('time-input');
147
147
  const native = block.element('native');
148
- return (h(Host, { key: '2578b65264137e9434088835c57d22d206103771', "aria-disabled": this.disabled ? 'true' : null, class: Object.assign({}, block.class()) }, h("bal-input-group", { key: 'b01517906f8bf0a8062150353c8ab222b8168d7a', disabled: this.disabled || this.readonly, invalid: this.invalid }, h("input", Object.assign({ key: '07e361337fcfb7089f43f8b01393df8978f3806e', type: "time", class: Object.assign({ 'input': true, 'is-disabled': this.disabled || this.readonly, 'is-danger': this.invalid, 'has-focus': this.focused, 'show-placeholder': !this.focused && (this.value === '' || this.value === undefined), 'has-value': this.value !== '' && this.value !== undefined }, native.class()), ref: input => (this.nativeInput = input), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, name: this.name, disabled: this.disabled, readonly: this.readonly, required: this.required, placeholder: `${i18nBalTimeInput[this.language].hours}:${i18nBalTimeInput[this.language].minutes}`, value: value, onInput: ev => this.onInput(ev), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), onKeyDown: e => this.onKeydown(e), onKeyPress: e => this.balKeyPress.emit(e) }, this.inheritedAttributes)), h("bal-icon", { key: 'c5962393a8981a078a6cf0e2f41890ecc534fd11', "is-right": true, color: this.disabled || this.readonly ? 'grey' : this.invalid ? 'danger' : 'primary', name: "clock" }))));
148
+ return (h(Host, { key: '0c7874f83c267aa444d6bb4ea38e2c9815e9f673', "aria-disabled": this.disabled ? 'true' : null, class: Object.assign({}, block.class()) }, h("bal-input-group", { key: '5899915ba6c27ea056882af19e829844bd8a8a8b', disabled: this.disabled || this.readonly, invalid: this.invalid }, h("input", Object.assign({ key: '2de51b908e7d92e4bd1987c056e296a21298b228', type: "time", class: Object.assign({ 'input': true, 'is-disabled': this.disabled || this.readonly, 'is-danger': this.invalid, 'has-focus': this.focused, 'show-placeholder': !this.focused && (this.value === '' || this.value === undefined), 'has-value': this.value !== '' && this.value !== undefined }, native.class()), ref: input => (this.nativeInput = input), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, name: this.name, disabled: this.disabled, readonly: this.readonly, required: this.required, placeholder: `${i18nBalTimeInput[this.language].hours}:${i18nBalTimeInput[this.language].minutes}`, value: value, onInput: ev => this.onInput(ev), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), onKeyDown: e => this.onKeydown(e), onKeyPress: e => this.balKeyPress.emit(e) }, this.inheritedAttributes)), h("bal-icon", { key: '876f2dbff9fe3153f7d33b1825b289772eeefb26', "is-right": true, color: this.disabled || this.readonly ? 'grey' : this.invalid ? 'danger' : 'primary', name: "clock" }))));
149
149
  }
150
150
  get el() { return this; }
151
151
  static get watchers() { return {