@baloise/ds-core 16.0.3-nightly.20240417 → 16.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (363) hide show
  1. package/components/all.d.ts +6 -2
  2. package/components/all.js +9 -3
  3. package/components/aria.js +3 -0
  4. package/components/bal-app.js +85 -1
  5. package/components/bal-checkbox-button.js +1 -1
  6. package/components/bal-checkbox2.js +3 -2
  7. package/components/bal-close2.js +1 -1
  8. package/components/bal-date-calendar2.js +1 -1
  9. package/components/bal-dropdown.d.ts +11 -0
  10. package/components/bal-dropdown.js +710 -0
  11. package/components/bal-field.js +12 -2
  12. package/components/bal-footer.js +1 -1
  13. package/components/bal-option-list.d.ts +11 -0
  14. package/components/bal-option-list.js +459 -0
  15. package/components/{bal-doc-app.d.ts → bal-option.d.ts} +4 -4
  16. package/components/bal-option.js +171 -0
  17. package/components/bal-popup.js +1 -1
  18. package/components/bal-radio2.js +1 -1
  19. package/components/bal-select2.js +3 -3
  20. package/components/bal-spinner2.js +54 -6
  21. package/components/bal-tag2.js +1 -1
  22. package/components/config.default.js +1 -0
  23. package/components/index.esm.js +1 -1
  24. package/components/index.js +290 -5
  25. package/components/option.js +46 -0
  26. package/components/tokens.esm.js +1 -1
  27. package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
  28. package/dist/baloise-design-system/baloise-design-system.js +1 -1
  29. package/dist/baloise-design-system/index.esm.js +1 -1
  30. package/dist/baloise-design-system/p-013b4c72.system.js +1 -0
  31. package/dist/baloise-design-system/p-0639833837.system.entry.js +1 -0
  32. package/dist/baloise-design-system/{p-0cd70cd814.system.entry.js → p-06e9a468fc.system.entry.js} +1 -1
  33. package/dist/baloise-design-system/p-0793c0159f.system.entry.js +1 -0
  34. package/dist/baloise-design-system/{p-45de4b9eab.system.entry.js → p-0fed7a5f26.system.entry.js} +1 -1
  35. package/dist/baloise-design-system/{p-f2de9458ad.entry.js → p-10b8686d91.entry.js} +1 -1
  36. package/dist/baloise-design-system/{p-e113196061.system.entry.js → p-126c79c9e9.system.entry.js} +1 -1
  37. package/dist/baloise-design-system/p-12bcc7da.js +1 -0
  38. package/dist/baloise-design-system/{p-3bd244cda7.entry.js → p-135c5759c5.entry.js} +1 -1
  39. package/dist/baloise-design-system/{p-88c086f8.system.js → p-14ae0709.system.js} +1 -1
  40. package/dist/baloise-design-system/{p-3bbf43bb.system.js → p-1509eaa7.system.js} +1 -1
  41. package/dist/baloise-design-system/{p-946e9e784d.system.entry.js → p-1659bb968c.system.entry.js} +1 -1
  42. package/dist/baloise-design-system/p-187f98a1.system.js +1 -0
  43. package/dist/baloise-design-system/{p-a620678fd4.system.entry.js → p-18e2e391e0.system.entry.js} +1 -1
  44. package/dist/baloise-design-system/p-1de6b20b1c.system.entry.js +1 -0
  45. package/dist/baloise-design-system/{p-1c2dee82c4.system.entry.js → p-222bc9b30e.system.entry.js} +1 -1
  46. package/dist/baloise-design-system/{p-0af6ae59f5.entry.js → p-22b041a511.entry.js} +1 -1
  47. package/dist/baloise-design-system/{p-45fe099fab.entry.js → p-25da216e4f.entry.js} +1 -1
  48. package/dist/baloise-design-system/{p-3f8e5df9c5.system.entry.js → p-25e0d82e89.system.entry.js} +1 -1
  49. package/dist/baloise-design-system/p-2d82b78410.entry.js +1 -0
  50. package/dist/baloise-design-system/{p-a0db085f89.entry.js → p-2d8bd11634.entry.js} +1 -1
  51. package/dist/baloise-design-system/p-2db9030ad9.system.entry.js +1 -0
  52. package/dist/baloise-design-system/{p-7d6318e4f1.system.entry.js → p-3128128969.system.entry.js} +1 -1
  53. package/dist/baloise-design-system/{p-9a5cb17cb9.entry.js → p-39bc49bc3d.entry.js} +1 -1
  54. package/dist/baloise-design-system/p-3bad0907.system.js +1 -0
  55. package/dist/baloise-design-system/{p-0545b101.js → p-3f1c49d0.js} +1 -1
  56. package/dist/baloise-design-system/{p-2e717f00bb.entry.js → p-4aba4c66ee.entry.js} +1 -1
  57. package/dist/baloise-design-system/{p-9e4fcb76.js → p-54f81c32.js} +1 -1
  58. package/dist/baloise-design-system/{p-7c5868cc.system.js → p-55faac1d.system.js} +1 -1
  59. package/dist/baloise-design-system/{p-34ee3721dd.entry.js → p-5b571a9fb1.entry.js} +1 -1
  60. package/dist/baloise-design-system/{p-a8f6447224.entry.js → p-60e94f8144.entry.js} +1 -1
  61. package/dist/baloise-design-system/{p-06e959a11a.entry.js → p-6164f99bb8.entry.js} +1 -1
  62. package/dist/baloise-design-system/{p-6608061443.system.entry.js → p-62ab1f0ae2.system.entry.js} +1 -1
  63. package/dist/baloise-design-system/{p-053d572047.system.entry.js → p-62b792a34b.system.entry.js} +1 -1
  64. package/dist/baloise-design-system/{p-118e15f5f2.system.entry.js → p-74f4b9818b.system.entry.js} +1 -1
  65. package/dist/baloise-design-system/{p-439518e5ed.entry.js → p-77f5e777e6.entry.js} +1 -1
  66. package/dist/baloise-design-system/{p-6ddfa58338.entry.js → p-7c42a363f3.entry.js} +1 -1
  67. package/dist/baloise-design-system/p-7cd815d3e8.entry.js +1 -0
  68. package/dist/baloise-design-system/p-80b45dd4d6.system.entry.js +1 -0
  69. package/dist/baloise-design-system/{p-af5b58ab1c.system.entry.js → p-8870e1f3e0.system.entry.js} +1 -1
  70. package/dist/baloise-design-system/{p-3cb83cf9.system.js → p-8a87b9a8.system.js} +1 -1
  71. package/dist/baloise-design-system/{p-99e5872214.system.entry.js → p-8c209ac52b.system.entry.js} +1 -1
  72. package/dist/baloise-design-system/p-8f77c423ad.entry.js +1 -0
  73. package/dist/baloise-design-system/{p-de726703ce.entry.js → p-8fe94b9e21.entry.js} +1 -1
  74. package/dist/baloise-design-system/{p-1b76afbf.js → p-94efe2aa.js} +1 -1
  75. package/dist/baloise-design-system/{p-0ce86357bd.entry.js → p-9658f4a66f.entry.js} +1 -1
  76. package/dist/baloise-design-system/{p-4112f1cc6e.entry.js → p-9a0640d065.entry.js} +1 -1
  77. package/dist/baloise-design-system/{p-c3bd665a8b.entry.js → p-9e167705ca.entry.js} +1 -1
  78. package/dist/baloise-design-system/{p-e619be36b2.system.entry.js → p-9ecce014c2.system.entry.js} +1 -1
  79. package/dist/baloise-design-system/p-a19d1e1d.js +1 -0
  80. package/dist/baloise-design-system/{p-115c7e47bd.entry.js → p-a8022ee701.entry.js} +1 -1
  81. package/dist/baloise-design-system/{p-9038dd3550.entry.js → p-a97cbb7dda.entry.js} +1 -1
  82. package/dist/baloise-design-system/p-acb5cea0.system.js +1 -0
  83. package/dist/baloise-design-system/p-ae28b86fe5.entry.js +1 -0
  84. package/dist/baloise-design-system/p-b779742f50.entry.js +1 -0
  85. package/dist/baloise-design-system/{p-bda509c8.js → p-b8d99064.js} +1 -1
  86. package/dist/baloise-design-system/p-b8f085f7b5.system.entry.js +1 -0
  87. package/dist/baloise-design-system/{p-7ca7b4dad9.system.entry.js → p-b97d9336a7.system.entry.js} +1 -1
  88. package/dist/baloise-design-system/{p-2b27e981ed.entry.js → p-b9f197815f.entry.js} +1 -1
  89. package/dist/baloise-design-system/{p-afe91abbd5.system.entry.js → p-bb3914c87a.system.entry.js} +1 -1
  90. package/dist/baloise-design-system/p-bb6304d0.system.js +1 -0
  91. package/dist/baloise-design-system/p-bcbb5b59f3.system.entry.js +1 -0
  92. package/dist/baloise-design-system/p-bcca1ed3.system.js +1 -0
  93. package/dist/baloise-design-system/{p-b89bb101d7.entry.js → p-bcebf41b74.entry.js} +1 -1
  94. package/dist/baloise-design-system/p-bd5de78b2c.entry.js +1 -0
  95. package/dist/baloise-design-system/p-c304d5fa9c.entry.js +1 -0
  96. package/dist/baloise-design-system/{p-4e7e0fe4.system.js → p-cc61fac8.system.js} +1 -1
  97. package/dist/baloise-design-system/{p-f9c9ec626c.system.entry.js → p-cd8e72d87f.system.entry.js} +1 -1
  98. package/dist/baloise-design-system/{p-e4f6e3047f.system.entry.js → p-d16557d133.system.entry.js} +1 -1
  99. package/dist/baloise-design-system/p-d7a758b3.js +1 -0
  100. package/dist/baloise-design-system/{p-29f7274983.system.entry.js → p-d919753ed0.system.entry.js} +1 -1
  101. package/dist/baloise-design-system/p-d9b38501.js +1 -0
  102. package/dist/baloise-design-system/p-d9d229a026.entry.js +1 -0
  103. package/dist/baloise-design-system/{p-13227d037a.system.entry.js → p-dbc2d22240.system.entry.js} +1 -1
  104. package/dist/baloise-design-system/{p-a9e5eba8c9.system.entry.js → p-dce3764ee5.system.entry.js} +1 -1
  105. package/dist/baloise-design-system/{p-1eeee9a37e.entry.js → p-ddf9b2a289.entry.js} +1 -1
  106. package/dist/baloise-design-system/{p-03ec11adc1.system.entry.js → p-e4de708de1.system.entry.js} +1 -1
  107. package/dist/baloise-design-system/p-e60c936359.system.entry.js +1 -0
  108. package/dist/baloise-design-system/p-e78a6409.js +1 -0
  109. package/dist/baloise-design-system/{p-f55c50abfa.system.entry.js → p-f076d1ed4f.system.entry.js} +1 -1
  110. package/dist/baloise-design-system/{p-283d037ce7.system.entry.js → p-f0b43f1452.system.entry.js} +1 -1
  111. package/dist/baloise-design-system/{p-d78eeb433a.entry.js → p-f12abda2db.entry.js} +1 -1
  112. package/dist/baloise-design-system/{p-f3ea10dd64.system.entry.js → p-f1b95d78af.system.entry.js} +1 -1
  113. package/dist/baloise-design-system/{p-ef373ed3db.entry.js → p-f56fb1a197.entry.js} +1 -1
  114. package/dist/baloise-design-system/{p-b213175c21.entry.js → p-f8974d743d.entry.js} +1 -1
  115. package/dist/baloise-design-system/p-f8a98657a1.entry.js +1 -0
  116. package/dist/cjs/app-globals-ae3a8623.js +11 -0
  117. package/dist/cjs/aria-c8955a5c.js +5 -0
  118. package/dist/cjs/bal-carousel_2.cjs.entry.js +4 -4
  119. package/dist/cjs/bal-checkbox-button.cjs.entry.js +1 -1
  120. package/dist/cjs/bal-checkbox_2.cjs.entry.js +3 -2
  121. package/dist/cjs/bal-close.cjs.entry.js +2 -2
  122. package/dist/cjs/bal-date-calendar_2.cjs.entry.js +2 -2
  123. package/dist/cjs/bal-date.cjs.entry.js +1 -1
  124. package/dist/cjs/bal-datepicker.cjs.entry.js +4 -4
  125. package/dist/cjs/bal-dropdown.cjs.entry.js +660 -0
  126. package/dist/cjs/bal-field_5.cjs.entry.js +12 -2
  127. package/dist/cjs/bal-footer.cjs.entry.js +1 -1
  128. package/dist/cjs/bal-hint_3.cjs.entry.js +3 -3
  129. package/dist/cjs/bal-icon.cjs.entry.js +1 -1
  130. package/dist/cjs/bal-input-stepper.cjs.entry.js +1 -1
  131. package/dist/cjs/bal-label.cjs.entry.js +1 -1
  132. package/dist/cjs/bal-list_8.cjs.entry.js +3 -3
  133. package/dist/cjs/bal-logo.cjs.entry.js +3 -3
  134. package/dist/cjs/bal-nav_8.cjs.entry.js +4 -4
  135. package/dist/cjs/bal-navbar_5.cjs.entry.js +3 -3
  136. package/dist/cjs/bal-number-input.cjs.entry.js +1 -1
  137. package/dist/cjs/bal-option_2.cjs.entry.js +541 -0
  138. package/dist/cjs/bal-pagination.cjs.entry.js +4 -4
  139. package/dist/cjs/bal-popover_2.cjs.entry.js +3 -3
  140. package/dist/cjs/bal-progress-bar.cjs.entry.js +3 -3
  141. package/dist/cjs/bal-radio_2.cjs.entry.js +1 -1
  142. package/dist/cjs/bal-select_2.cjs.entry.js +2 -2
  143. package/dist/cjs/bal-shape.cjs.entry.js +1 -1
  144. package/dist/cjs/bal-spinner.cjs.entry.js +49 -4
  145. package/dist/cjs/bal-steps.cjs.entry.js +3 -3
  146. package/dist/cjs/bal-tab-item_2.cjs.entry.js +3 -3
  147. package/dist/cjs/bal-tag_2.cjs.entry.js +1 -1
  148. package/dist/cjs/bal-time-input.cjs.entry.js +1 -1
  149. package/dist/cjs/baloise-design-system.cjs.js +4 -5
  150. package/dist/cjs/{breakpoints.decorator-5a45d298.js → breakpoints.decorator-47fd6060.js} +1 -1
  151. package/dist/cjs/{breakpoints.subject-ee6b98cd.js → breakpoints.subject-66093c8f.js} +1 -1
  152. package/dist/cjs/{config.default-32725178.js → config.default-5bdd6e3d.js} +1 -0
  153. package/dist/cjs/index.cjs.js +6 -4
  154. package/dist/cjs/{initialize-e38e7028.js → initialize-2a19d091.js} +9 -2
  155. package/dist/cjs/loader.cjs.js +4 -5
  156. package/dist/cjs/option-c33cf2b8.js +49 -0
  157. package/dist/cjs/{tokens.esm-b37c935b.js → tokens.esm-bb0ef2db.js} +1 -1
  158. package/dist/collection/collection-manifest.json +15 -2
  159. package/dist/collection/components/bal-checkbox/bal-checkbox-button/bal-checkbox-button.css +1 -1
  160. package/dist/collection/components/bal-checkbox/bal-checkbox.js +2 -1
  161. package/dist/collection/components/bal-checkbox/radio-checkbox.css +1 -1
  162. package/dist/collection/components/bal-close/bal-close.js +1 -1
  163. package/dist/collection/components/bal-date/bal-date-calendar/components/bal-date-calendar__list.js +1 -1
  164. package/dist/collection/components/bal-dropdown/bal-dropdown.css +1 -0
  165. package/dist/collection/components/bal-dropdown/bal-dropdown.interfaces.js +4 -0
  166. package/dist/collection/components/bal-dropdown/bal-dropdown.js +882 -0
  167. package/dist/collection/components/bal-field/bal-field.js +12 -2
  168. package/dist/collection/components/bal-option/bal-option.css +1 -0
  169. package/dist/collection/components/bal-option/bal-option.interfaces.js +4 -0
  170. package/dist/collection/components/bal-option/bal-option.js +360 -0
  171. package/dist/collection/components/bal-option-list/bal-option-list.css +1 -0
  172. package/dist/collection/components/bal-option-list/bal-option-list.interfaces.js +4 -0
  173. package/dist/collection/components/bal-option-list/bal-option-list.js +939 -0
  174. package/dist/collection/components/bal-select/bal-select.js +3 -3
  175. package/dist/collection/components/bal-spinner/bal-spinner.css +1 -1
  176. package/dist/collection/components/bal-spinner/bal-spinner.interfaces.js +4 -0
  177. package/dist/collection/components/bal-spinner/bal-spinner.js +83 -4
  178. package/dist/collection/components/bal-tag/bal-tag.css +1 -1
  179. package/dist/collection/index.js +1 -0
  180. package/dist/collection/utils/aria.js +1 -0
  181. package/dist/collection/utils/config/config.default.js +1 -0
  182. package/dist/collection/utils/config/config.js +7 -0
  183. package/dist/collection/utils/constants/version.constant.js +1 -1
  184. package/dist/collection/utils/dropdown/auto-fill.js +38 -0
  185. package/dist/collection/utils/dropdown/component.js +1 -0
  186. package/dist/collection/utils/dropdown/dropdown.i18n.js +52 -0
  187. package/dist/collection/utils/dropdown/events.js +43 -0
  188. package/dist/collection/utils/dropdown/filters.js +10 -0
  189. package/dist/collection/utils/dropdown/focus.js +19 -0
  190. package/dist/collection/utils/dropdown/form-submit.js +35 -0
  191. package/dist/collection/utils/dropdown/icon.js +15 -0
  192. package/dist/collection/utils/dropdown/index.js +13 -0
  193. package/dist/collection/utils/dropdown/input.js +12 -0
  194. package/dist/collection/utils/dropdown/option-list.js +8 -0
  195. package/dist/collection/utils/dropdown/option.js +44 -0
  196. package/dist/collection/utils/dropdown/popup.js +45 -0
  197. package/dist/collection/utils/dropdown/value.js +103 -0
  198. package/dist/esm/app-globals-b0dd0fc4.js +9 -0
  199. package/dist/esm/aria-d5877698.js +3 -0
  200. package/dist/esm/bal-carousel_2.entry.js +4 -4
  201. package/dist/esm/bal-checkbox-button.entry.js +1 -1
  202. package/dist/esm/bal-checkbox_2.entry.js +4 -3
  203. package/dist/esm/bal-close.entry.js +2 -2
  204. package/dist/esm/bal-date-calendar_2.entry.js +4 -4
  205. package/dist/esm/bal-date.entry.js +3 -3
  206. package/dist/esm/bal-datepicker.entry.js +5 -5
  207. package/dist/esm/bal-dropdown.entry.js +656 -0
  208. package/dist/esm/bal-field_5.entry.js +12 -2
  209. package/dist/esm/bal-file-upload.entry.js +1 -1
  210. package/dist/esm/bal-footer.entry.js +2 -2
  211. package/dist/esm/bal-hint_3.entry.js +3 -3
  212. package/dist/esm/bal-icon.entry.js +1 -1
  213. package/dist/esm/bal-input-stepper.entry.js +2 -2
  214. package/dist/esm/bal-label.entry.js +1 -1
  215. package/dist/esm/bal-list_8.entry.js +3 -3
  216. package/dist/esm/bal-logo.entry.js +3 -3
  217. package/dist/esm/bal-nav_8.entry.js +4 -4
  218. package/dist/esm/bal-navbar_5.entry.js +3 -3
  219. package/dist/esm/bal-number-input.entry.js +2 -2
  220. package/dist/esm/bal-option_2.entry.js +536 -0
  221. package/dist/esm/bal-pagination.entry.js +4 -4
  222. package/dist/esm/bal-popover_2.entry.js +3 -3
  223. package/dist/esm/bal-popup.entry.js +1 -1
  224. package/dist/esm/bal-progress-bar.entry.js +3 -3
  225. package/dist/esm/bal-radio_2.entry.js +2 -2
  226. package/dist/esm/bal-select_2.entry.js +3 -3
  227. package/dist/esm/bal-shape.entry.js +1 -1
  228. package/dist/esm/bal-spinner.entry.js +50 -5
  229. package/dist/esm/bal-steps.entry.js +4 -4
  230. package/dist/esm/bal-tab-item_2.entry.js +4 -4
  231. package/dist/esm/bal-tag_2.entry.js +1 -1
  232. package/dist/esm/bal-time-input.entry.js +1 -1
  233. package/dist/esm/baloise-design-system.js +4 -5
  234. package/dist/esm/{breakpoints.decorator-1a7b0912.js → breakpoints.decorator-021fbaf0.js} +1 -1
  235. package/dist/esm/{breakpoints.subject-c5f9de1c.js → breakpoints.subject-ef464f89.js} +1 -1
  236. package/dist/esm/{config.default-79f94bf7.js → config.default-7efdc82d.js} +1 -0
  237. package/dist/esm/{date-f02fdb08.js → date-38a0b208.js} +1 -1
  238. package/dist/esm/{index.esm-ec4cba26.js → index.esm-83b1f9c4.js} +1 -1
  239. package/dist/esm/index.js +8 -7
  240. package/dist/esm/{initialize-66615dde.js → initialize-e216cfe4.js} +9 -2
  241. package/dist/esm/loader.js +4 -5
  242. package/dist/esm/option-37cb0282.js +46 -0
  243. package/dist/esm/{tokens.esm-99101350.js → tokens.esm-aab9bd61.js} +1 -1
  244. package/dist/esm-es5/app-globals-b0dd0fc4.js +1 -0
  245. package/dist/esm-es5/aria-d5877698.js +1 -0
  246. package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
  247. package/dist/esm-es5/bal-checkbox-button.entry.js +1 -1
  248. package/dist/esm-es5/bal-checkbox_2.entry.js +1 -1
  249. package/dist/esm-es5/bal-close.entry.js +1 -1
  250. package/dist/esm-es5/bal-date-calendar_2.entry.js +1 -1
  251. package/dist/esm-es5/bal-date.entry.js +1 -1
  252. package/dist/esm-es5/bal-datepicker.entry.js +1 -1
  253. package/dist/esm-es5/bal-dropdown.entry.js +1 -0
  254. package/dist/esm-es5/bal-field_5.entry.js +1 -1
  255. package/dist/esm-es5/bal-file-upload.entry.js +1 -1
  256. package/dist/esm-es5/bal-footer.entry.js +1 -1
  257. package/dist/esm-es5/bal-hint_3.entry.js +1 -1
  258. package/dist/esm-es5/bal-icon.entry.js +1 -1
  259. package/dist/esm-es5/bal-input-stepper.entry.js +1 -1
  260. package/dist/esm-es5/bal-label.entry.js +1 -1
  261. package/dist/esm-es5/bal-list_8.entry.js +1 -1
  262. package/dist/esm-es5/bal-logo.entry.js +1 -1
  263. package/dist/esm-es5/bal-nav_8.entry.js +1 -1
  264. package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
  265. package/dist/esm-es5/bal-number-input.entry.js +1 -1
  266. package/dist/esm-es5/bal-option_2.entry.js +1 -0
  267. package/dist/esm-es5/bal-pagination.entry.js +1 -1
  268. package/dist/esm-es5/bal-popover_2.entry.js +1 -1
  269. package/dist/esm-es5/bal-popup.entry.js +1 -1
  270. package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
  271. package/dist/esm-es5/bal-radio_2.entry.js +1 -1
  272. package/dist/esm-es5/bal-select_2.entry.js +1 -1
  273. package/dist/esm-es5/bal-shape.entry.js +1 -1
  274. package/dist/esm-es5/bal-spinner.entry.js +1 -1
  275. package/dist/esm-es5/bal-steps.entry.js +1 -1
  276. package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
  277. package/dist/esm-es5/bal-tag_2.entry.js +1 -1
  278. package/dist/esm-es5/bal-time-input.entry.js +1 -1
  279. package/dist/esm-es5/baloise-design-system.js +1 -1
  280. package/dist/esm-es5/{breakpoints.decorator-1a7b0912.js → breakpoints.decorator-021fbaf0.js} +1 -1
  281. package/dist/esm-es5/{breakpoints.subject-c5f9de1c.js → breakpoints.subject-ef464f89.js} +1 -1
  282. package/dist/esm-es5/{config.default-79f94bf7.js → config.default-7efdc82d.js} +1 -1
  283. package/dist/esm-es5/{date-f02fdb08.js → date-38a0b208.js} +1 -1
  284. package/dist/esm-es5/{index.esm-ec4cba26.js → index.esm-83b1f9c4.js} +1 -1
  285. package/dist/esm-es5/index.js +1 -1
  286. package/dist/esm-es5/{initialize-66615dde.js → initialize-e216cfe4.js} +1 -1
  287. package/dist/esm-es5/loader.js +1 -1
  288. package/dist/esm-es5/option-37cb0282.js +1 -0
  289. package/dist/html.html-data.json +357 -0
  290. package/dist/types/components/bal-dropdown/bal-dropdown.d.ts +187 -0
  291. package/dist/types/components/bal-dropdown/bal-dropdown.interfaces.d.ts +14 -0
  292. package/dist/types/components/bal-field/bal-field.d.ts +1 -0
  293. package/dist/types/components/bal-option/bal-option.d.ts +91 -0
  294. package/dist/types/components/bal-option/bal-option.interfaces.d.ts +19 -0
  295. package/dist/types/components/bal-option-list/bal-option-list.d.ts +168 -0
  296. package/dist/types/components/bal-option-list/bal-option-list.interfaces.d.ts +5 -0
  297. package/dist/types/components/bal-select/bal-select.d.ts +1 -1
  298. package/dist/types/components/bal-spinner/bal-spinner.d.ts +14 -2
  299. package/dist/types/components/bal-spinner/bal-spinner.interfaces.d.ts +6 -0
  300. package/dist/types/components.d.ts +443 -32
  301. package/dist/types/index.d.ts +1 -0
  302. package/dist/types/interfaces.d.ts +4 -0
  303. package/dist/types/utils/aria.d.ts +1 -0
  304. package/dist/types/utils/config/config.d.ts +2 -0
  305. package/dist/types/utils/config/config.types.d.ts +2 -0
  306. package/dist/types/utils/dropdown/auto-fill.d.ts +8 -0
  307. package/dist/types/utils/dropdown/component.d.ts +34 -0
  308. package/dist/types/utils/dropdown/dropdown.i18n.d.ts +8 -0
  309. package/dist/types/utils/dropdown/events.d.ts +13 -0
  310. package/dist/types/utils/dropdown/filters.d.ts +2 -0
  311. package/dist/types/utils/dropdown/focus.d.ts +13 -0
  312. package/dist/types/utils/dropdown/form-submit.d.ts +22 -0
  313. package/dist/types/utils/dropdown/icon.d.ts +13 -0
  314. package/dist/types/utils/dropdown/index.d.ts +13 -0
  315. package/dist/types/utils/dropdown/input.d.ts +27 -0
  316. package/dist/types/utils/dropdown/option-list.d.ts +17 -0
  317. package/dist/types/utils/dropdown/option.d.ts +25 -0
  318. package/dist/types/utils/dropdown/popup.d.ts +9 -0
  319. package/dist/types/utils/dropdown/value.d.ts +28 -0
  320. package/package.json +7 -7
  321. package/components/bal-app2.js +0 -87
  322. package/components/bal-doc-app.js +0 -260
  323. package/components/initialize.js +0 -281
  324. package/dist/baloise-design-system/p-1e0e5892a3.system.entry.js +0 -1
  325. package/dist/baloise-design-system/p-2ae9656e.system.js +0 -1
  326. package/dist/baloise-design-system/p-2dda46c5f8.entry.js +0 -1
  327. package/dist/baloise-design-system/p-320dd651.js +0 -1
  328. package/dist/baloise-design-system/p-4e218ac923.system.entry.js +0 -1
  329. package/dist/baloise-design-system/p-4f4df156.js +0 -1
  330. package/dist/baloise-design-system/p-87067c24.js +0 -1
  331. package/dist/baloise-design-system/p-8ea27b553e.system.entry.js +0 -1
  332. package/dist/baloise-design-system/p-96647117d9.entry.js +0 -1
  333. package/dist/baloise-design-system/p-9d114fae.js +0 -1
  334. package/dist/baloise-design-system/p-9ee6326d8f.entry.js +0 -1
  335. package/dist/baloise-design-system/p-a4d60ac8af.system.entry.js +0 -1
  336. package/dist/baloise-design-system/p-a8d19cb362.system.entry.js +0 -1
  337. package/dist/baloise-design-system/p-b0870e2498.system.entry.js +0 -1
  338. package/dist/baloise-design-system/p-b1c7ddc442.system.entry.js +0 -1
  339. package/dist/baloise-design-system/p-b1e3fc0bc8.entry.js +0 -1
  340. package/dist/baloise-design-system/p-c0a3d422.system.js +0 -1
  341. package/dist/baloise-design-system/p-c34504aa32.entry.js +0 -1
  342. package/dist/baloise-design-system/p-d6fc0dd434.entry.js +0 -1
  343. package/dist/baloise-design-system/p-db3e6b861f.entry.js +0 -1
  344. package/dist/baloise-design-system/p-e960037ef1.entry.js +0 -1
  345. package/dist/baloise-design-system/p-f15be367.system.js +0 -1
  346. package/dist/baloise-design-system/p-f8c2d916.system.js +0 -1
  347. package/dist/baloise-design-system/p-fa8f56c6.system.js +0 -1
  348. package/dist/cjs/app-globals-1a8f18e4.js +0 -7
  349. package/dist/cjs/bal-doc-app.cjs.entry.js +0 -231
  350. package/dist/cjs/global-6ea60588.js +0 -9
  351. package/dist/collection/components/docs/bal-doc-app/bal-doc-app.css +0 -1
  352. package/dist/collection/components/docs/bal-doc-app/bal-doc-app.js +0 -229
  353. package/dist/esm/app-globals-e3e23c19.js +0 -5
  354. package/dist/esm/bal-doc-app.entry.js +0 -227
  355. package/dist/esm/global-d54e7c09.js +0 -7
  356. package/dist/esm-es5/app-globals-e3e23c19.js +0 -1
  357. package/dist/esm-es5/bal-doc-app.entry.js +0 -1
  358. package/dist/esm-es5/global-d54e7c09.js +0 -1
  359. package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts +0 -21
  360. package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/icons/src/index.d.ts +0 -81
  361. /package/dist/baloise-design-system/{p-8f430e01.system.js → p-03c136e2.system.js} +0 -0
  362. /package/dist/baloise-design-system/{p-2b04a8d8.js → p-7b9c33ba.js} +0 -0
  363. /package/dist/esm-es5/{tokens.esm-99101350.js → tokens.esm-aab9bd61.js} +0 -0
package/dist/cjs/option-c33cf2b8.js ADDED
@@ -0,0 +1,49 @@
1
+ 'use strict';
2
+
3
+ const newBalOption = (option, options) => {
4
+ const data = Object.assign(Object.assign({}, option), { disabled: false, invalid: false, selected: false, focused: false, hidden: false, multiline: false });
5
+ if (options) {
6
+ data.disabled = options.disabled === undefined ? data.disabled : options.disabled;
7
+ data.invalid = options.invalid === undefined ? data.invalid : options.invalid;
8
+ data.selected = options.selected === undefined ? data.selected : options.selected;
9
+ data.focused = options.focused === undefined ? data.focused : options.focused;
10
+ data.hidden = options.hidden === undefined ? data.hidden : options.hidden;
11
+ data.multiline = options.multiline === undefined ? data.multiline : options.multiline;
12
+ }
13
+ return data;
14
+ };
15
+ const mapOption = (option) => {
16
+ return newBalOption({
17
+ value: option.value,
18
+ label: option.label,
19
+ }, option);
20
+ };
21
+ class DropdownOptionUtil {
22
+ connectedCallback(component) {
23
+ this.component = component;
24
+ this.optionChanged();
25
+ }
26
+ async componentWillRender() {
27
+ if (this.component.listEl) {
28
+ this.component.nativeOptions = await this.component.listEl.getValues();
29
+ }
30
+ }
31
+ hasPropOptions() {
32
+ return this.component.options && this.component.options.length > 0;
33
+ }
34
+ async optionChanged() {
35
+ this.component.rawOptions = this.component.options.map(mapOption);
36
+ await this.component.valueUtil.updateInputContent();
37
+ }
38
+ async listenToOptionChange(_ev) {
39
+ var _a;
40
+ const newSelectedValues = (await ((_a = this.component.listEl) === null || _a === void 0 ? void 0 : _a.getSelectedValues())) || [];
41
+ this.component.valueUtil.updateRawValueBySelection(newSelectedValues);
42
+ if (!this.component.multiple) {
43
+ this.component.popupUtil.collapseList();
44
+ }
45
+ }
46
+ }
47
+
48
+ exports.DropdownOptionUtil = DropdownOptionUtil;
49
+ exports.newBalOption = newBalOption;
package/dist/cjs/{tokens.esm-b37c935b.js → tokens.esm-bb0ef2db.js} RENAMED
@@ -2,7 +2,7 @@
2
2
 
3
3
  /**
4
4
  * Do not edit directly
5
- * Generated on Wed, 17 Apr 2024 06:11:56 GMT
5
+ * Generated on Wed, 17 Apr 2024 14:09:02 GMT
6
6
  */
7
7
  const balColorGreen3 = "#94e3d4";
8
8
  const balColorGreen6 = "#1b5951";
package/dist/collection/collection-manifest.json CHANGED
@@ -32,6 +32,7 @@
32
32
  "components/bal-select/bal-select.js",
33
33
  "components/bal-datepicker/bal-datepicker.js",
34
34
  "components/bal-divider/bal-divider.js",
35
+ "components/bal-dropdown/bal-dropdown.js",
35
36
  "components/bal-field/bal-field.js",
36
37
  "components/bal-field/bal-field-control/bal-field-control.js",
37
38
  "components/bal-field/bal-field-hint/bal-field-hint.js",
@@ -81,6 +82,8 @@
81
82
  "components/bal-notices/bal-notices.js",
82
83
  "components/bal-notification/bal-notification.js",
83
84
  "components/bal-number-input/bal-number-input.js",
85
+ "components/bal-option/bal-option.js",
86
+ "components/bal-option-list/bal-option-list.js",
84
87
  "components/bal-pagination/bal-pagination.js",
85
88
  "components/bal-popover/bal-popover-content/bal-popover-content.js",
86
89
  "components/bal-popup/bal-popup.js",
@@ -111,8 +114,7 @@
111
114
  "components/bal-textarea/bal-textarea.js",
112
115
  "components/bal-time-input/bal-time-input.js",
113
116
  "components/bal-toast/bal-toast.js",
114
- "components/bal-tooltip/bal-tooltip.js",
115
- "components/docs/bal-doc-app/bal-doc-app.js"
117
+ "components/bal-tooltip/bal-tooltip.js"
116
118
  ],
117
119
  "compiler": {
118
120
  "name": "@stencil/core",
@@ -176,6 +178,11 @@
176
178
  "bal-datepicker"
177
179
  ]
178
180
  },
181
+ {
182
+ "components": [
183
+ "bal-dropdown"
184
+ ]
185
+ },
179
186
  {
180
187
  "components": [
181
188
  "bal-file-upload"
@@ -306,6 +313,12 @@
306
313
  "bal-select-option"
307
314
  ]
308
315
  },
316
+ {
317
+ "components": [
318
+ "bal-option",
319
+ "bal-option-list"
320
+ ]
321
+ },
309
322
  {
310
323
  "components": [
311
324
  "bal-hint",
package/dist/collection/components/bal-checkbox/bal-checkbox-button/bal-checkbox-button.css CHANGED
@@ -1 +1 @@
1
- @media(hover: hover)and (pointer: fine){.bal-checkbox-button__native.bal-focused{box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-checkbox-select-button-background-hover: var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-active: var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-checked: var(--bal-color-primary);--bal-radio-checkbox-select-button-background-checked-hover: var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-background-checked-active: var(--bal-color-primary-6);--bal-radio-checkbox-select-button-background-invalid: var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-hover: var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-active: var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-checked: var(--bal-color-border-danger);--bal-radio-checkbox-select-button-background-invalid-checked-hover: var(--bal-color-danger-5);--bal-radio-checkbox-select-button-background-invalid-checked-active: var(--bal-color-danger-6);--bal-radio-checkbox-select-button-background-disabled-hover-active: var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-disabled-checked-hover-active: var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-before: var(--bal-color-primary-1);--bal-radio-checkbox-switch-label-background-after: var(--bal-color-primary);--bal-radio-checkbox-switch-label-background-hover-after: var(--bal-color-light-blue-5);--bal-radio-checkbox-switch-label-background-active-after: var(--bal-color-primary-6);--bal-radio-checkbox-switch-label-background-checked-before: var(--bal-color-success-4);--bal-radio-checkbox-switch-label-background-checked-after: var(--bal-color-white);--bal-radio-checkbox-switch-label-background-checked-hover-before: var(--bal-color-success-5);--bal-radio-checkbox-switch-label-background-checked-active-before: var(--bal-color-success-6);--bal-radio-checkbox-switch-label-background-invalid-before: var(--bal-color-danger-1);--bal-radio-checkbox-switch-label-background-invalid-after: var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-hover-after: var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-invalid-active-after: var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-checked-before: var(--bal-color-danger-4);--bal-radio-checkbox-switch-label-background-invalid-checked-after: var(--bal-color-white);--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before: var(--bal-color-danger-5);--bal-radio-checkbox-switch-label-background-invalid-checked-active-before: var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-disabled-hover-active-before: var(--bal-color-grey-3);--bal-radio-checkbox-switch-label-background-disabled-hover-active-after: var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before: var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after: var(--bal-color-white);--bal-radio-checkbox-button-background: transparent;--bal-radio-checkbox-button-background-checked-green: var(--bal-color-green-1);--bal-radio-checkbox-button-background-checked-purple: var(--bal-color-purple-1);--bal-radio-checkbox-button-background-checked-red: var(--bal-color-red-1);--bal-radio-checkbox-button-background-checked-yellow: var(--bal-color-yellow-1);--bal-radio-checkbox-button-background-disabled: var(--bal-color-grey-1);--bal-radio-checkbox-button-background-hover: var(--bal-color-grey-1);--bal-radio-checkbox-select-button-border-color: var(--bal-color-primary);--bal-radio-checkbox-select-button-border-color-hover: var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-border-color-active: var(--bal-color-primary-6);--bal-radio-checkbox-select-button-border-color-invalid: var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-hover: var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-active: var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-invalid-checked: var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-checked-hover: var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-checked-active: var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-disabled-hover-active: var(--bal-color-border-grey-dark);--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active: var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-hover: var(--bal-color-border-primary-hovered);--bal-radio-checkbox-button-border-color-active: var(--bal-color-border-primary-pressed);--bal-radio-checkbox-button-border-color-invalid-hover: var(--bal-color-border-danger-hovered);--bal-radio-checkbox-button-border-color-invalid-active: var(--bal-color-border-danger-pressed);--bal-radio-checkbox-button-border-color: var(--bal-color-border);--bal-radio-checkbox-button-border-color-checked: var(--bal-color-border-primary);--bal-radio-checkbox-button-border-color-disabled: var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-invalid: var(--bal-color-border-danger)}.bal-checkbox-button{display:block;position:relative;flex:0 0 100%}@media screen and (min-width: 769px),print{.bal-checkbox-button--column-2{flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-3{flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-4{flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-checkbox-button--column-mobile-2{flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-mobile-3{flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-mobile-4{flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-checkbox-button--column-tablet-2{flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-tablet-3{flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-tablet-4{flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-checkbox-button--column-2{flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-3{flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-4{flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}.bal-checkbox-button__native{display:block;width:100%;height:100%;background:var(--bal-radio-checkbox-button-background);border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-width:var(--bal-form-field-control-border-width);border-color:var(--bal-radio-checkbox-button-border-color);padding:var(--bal-text-size-medium);cursor:pointer;user-select:none}.bal-checkbox-button__native--checked{border-color:var(--bal-radio-checkbox-button-border-color-checked)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-green{background:var(--bal-radio-checkbox-button-background-checked-green)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-purple{background:var(--bal-radio-checkbox-button-background-checked-purple)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-red{background:var(--bal-radio-checkbox-button-background-checked-red)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-yellow{background:var(--bal-radio-checkbox-button-background-checked-yellow)}.bal-checkbox-button__native:disabled,.bal-checkbox-button__native--disabled{background:var(--bal-radio-checkbox-button-background-disabled);border-color:var(--bal-radio-checkbox-button-border-color-disabled);cursor:default}.bal-checkbox-button__native--invalid{border-color:var(--bal-radio-checkbox-button-border-color-invalid)}@media(hover: hover)and (pointer: fine){.bal-checkbox-button__native:hover:not(:disabled):not(.bal-checkbox-button__native--colored){background:var(--bal-radio-checkbox-button-background-hover);border-color:var(--bal-radio-checkbox-button-border-color-hover)}}.bal-checkbox-button__native:active:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-active)}@media(hover: hover)and (pointer: fine){.bal-checkbox-button__native--invalid:hover:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-invalid-hover)}.bal-checkbox-button__native--invalid:active:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-invalid-active)}}
1
+ @media(hover: hover)and (pointer: fine){.bal-checkbox-button__native.bal-focused{box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-checkbox-symbol-size: 1.5rem;--bal-radio-checkbox-symbol-width: calc(0.5rem - 1px);--bal-radio-checkbox-symbol-height: calc(0.875rem - 1px);--bal-radio-checkbox-symbol-left: calc(0.5rem + 1px);--bal-radio-checkbox-symbol-margin-top: 0.25rem;--bal-radio-checkbox-label-min-height: 1.5rem;--bal-radio-checkbox-select-button-background-hover: var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-active: var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-checked: var(--bal-color-primary);--bal-radio-checkbox-select-button-background-checked-hover: var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-background-checked-active: var(--bal-color-primary-6);--bal-radio-checkbox-select-button-background-invalid: var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-hover: var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-active: var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-checked: var(--bal-color-border-danger);--bal-radio-checkbox-select-button-background-invalid-checked-hover: var(--bal-color-danger-5);--bal-radio-checkbox-select-button-background-invalid-checked-active: var(--bal-color-danger-6);--bal-radio-checkbox-select-button-background-disabled-hover-active: var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-disabled-checked-hover-active: var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-before: var(--bal-color-primary-1);--bal-radio-checkbox-switch-label-background-after: var(--bal-color-primary);--bal-radio-checkbox-switch-label-background-hover-after: var(--bal-color-light-blue-5);--bal-radio-checkbox-switch-label-background-active-after: var(--bal-color-primary-6);--bal-radio-checkbox-switch-label-background-checked-before: var(--bal-color-success-4);--bal-radio-checkbox-switch-label-background-checked-after: var(--bal-color-white);--bal-radio-checkbox-switch-label-background-checked-hover-before: var(--bal-color-success-5);--bal-radio-checkbox-switch-label-background-checked-active-before: var(--bal-color-success-6);--bal-radio-checkbox-switch-label-background-invalid-before: var(--bal-color-danger-1);--bal-radio-checkbox-switch-label-background-invalid-after: var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-hover-after: var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-invalid-active-after: var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-checked-before: var(--bal-color-danger-4);--bal-radio-checkbox-switch-label-background-invalid-checked-after: var(--bal-color-white);--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before: var(--bal-color-danger-5);--bal-radio-checkbox-switch-label-background-invalid-checked-active-before: var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-disabled-hover-active-before: var(--bal-color-grey-3);--bal-radio-checkbox-switch-label-background-disabled-hover-active-after: var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before: var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after: var(--bal-color-white);--bal-radio-checkbox-button-background: transparent;--bal-radio-checkbox-button-background-checked-green: var(--bal-color-green-1);--bal-radio-checkbox-button-background-checked-purple: var(--bal-color-purple-1);--bal-radio-checkbox-button-background-checked-red: var(--bal-color-red-1);--bal-radio-checkbox-button-background-checked-yellow: var(--bal-color-yellow-1);--bal-radio-checkbox-button-background-disabled: var(--bal-color-grey-1);--bal-radio-checkbox-button-background-hover: var(--bal-color-grey-1);--bal-radio-checkbox-select-button-border-color: var(--bal-color-primary);--bal-radio-checkbox-select-button-border-color-hover: var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-border-color-active: var(--bal-color-primary-6);--bal-radio-checkbox-select-button-border-color-invalid: var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-hover: var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-active: var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-invalid-checked: var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-checked-hover: var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-checked-active: var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-disabled-hover-active: var(--bal-color-border-grey-dark);--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active: var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-hover: var(--bal-color-border-primary-hovered);--bal-radio-checkbox-button-border-color-active: var(--bal-color-border-primary-pressed);--bal-radio-checkbox-button-border-color-invalid-hover: var(--bal-color-border-danger-hovered);--bal-radio-checkbox-button-border-color-invalid-active: var(--bal-color-border-danger-pressed);--bal-radio-checkbox-button-border-color: var(--bal-color-border);--bal-radio-checkbox-button-border-color-checked: var(--bal-color-border-primary);--bal-radio-checkbox-button-border-color-disabled: var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-invalid: var(--bal-color-border-danger)}.bal-checkbox-button{display:block;position:relative;flex:0 0 100%}@media screen and (min-width: 769px),print{.bal-checkbox-button--column-2{flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-3{flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-4{flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (max-width: 768px){.bal-checkbox-button--column-mobile-2{flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-mobile-3{flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-mobile-4{flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.bal-checkbox-button--column-tablet-2{flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-tablet-3{flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-tablet-4{flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}@media screen and (min-width: 1024px){.bal-checkbox-button--column-2{flex:0 0 calc(50% - var(--bal-space-normal)*1/2)}.bal-checkbox-button--column-3{flex:0 0 calc(33.3333333333% - var(--bal-space-normal)*2/3)}.bal-checkbox-button--column-4{flex:0 0 calc(25% - var(--bal-space-normal)*3/4)}}.bal-checkbox-button__native{display:block;width:100%;height:100%;background:var(--bal-radio-checkbox-button-background);border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-width:var(--bal-form-field-control-border-width);border-color:var(--bal-radio-checkbox-button-border-color);padding:var(--bal-text-size-medium);cursor:pointer;user-select:none}.bal-checkbox-button__native--checked{border-color:var(--bal-radio-checkbox-button-border-color-checked)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-green{background:var(--bal-radio-checkbox-button-background-checked-green)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-purple{background:var(--bal-radio-checkbox-button-background-checked-purple)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-red{background:var(--bal-radio-checkbox-button-background-checked-red)}.bal-checkbox-button__native--checked.bal-checkbox-button__native--color-yellow{background:var(--bal-radio-checkbox-button-background-checked-yellow)}.bal-checkbox-button__native:disabled,.bal-checkbox-button__native--disabled{background:var(--bal-radio-checkbox-button-background-disabled);border-color:var(--bal-radio-checkbox-button-border-color-disabled);cursor:default}.bal-checkbox-button__native--invalid{border-color:var(--bal-radio-checkbox-button-border-color-invalid)}@media(hover: hover)and (pointer: fine){.bal-checkbox-button__native:hover:not(:disabled):not(.bal-checkbox-button__native--colored){background:var(--bal-radio-checkbox-button-background-hover);border-color:var(--bal-radio-checkbox-button-border-color-hover)}}.bal-checkbox-button__native:active:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-active)}@media(hover: hover)and (pointer: fine){.bal-checkbox-button__native--invalid:hover:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-invalid-hover)}.bal-checkbox-button__native--invalid:active:not(:disabled){border-color:var(--bal-radio-checkbox-button-border-color-invalid-active)}}
package/dist/collection/components/bal-checkbox/bal-checkbox.js CHANGED
@@ -8,6 +8,7 @@ import { isSpaceKey } from "@baloise/web-app-utils";
8
8
  import { Logger } from "../../utils/log";
9
9
  import { FOCUS_KEYS } from "../../utils/focus-visible";
10
10
  import { defaultBalAriaForm } from "../../utils/form";
11
+ import { ariaBooleanToString } from "../../utils/aria";
11
12
  export class Checkbox {
12
13
  constructor() {
13
14
  this.inputId = `bal-cb-${checkboxIds++}`;
@@ -255,7 +256,7 @@ export class Checkbox {
255
256
  labelAttributes.id = `${id}-lbl`;
256
257
  labelAttributes.htmlFor = id;
257
258
  }
258
- return (h(Host, { "aria-checked": `${this.checked}`, "aria-disabled": this.disabled ? 'true' : null, "aria-hidden": this.disabled ? 'true' : null, "aria-focused": focused ? 'true' : null, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ 'bal-focused': focused }, block.class()), block.modifier('checkbox').class()), block.modifier('select-button').class(this.interface === 'select-button')), block.modifier('switch').class(this.interface === 'switch')), block.modifier('focused').class(this.focused)), block.modifier('invalid').class(this.invalid)), block.modifier('checked').class(this.checked)), block.modifier('invisible').class(this.invisible)), block.modifier('flat').class(this.flat)), block.modifier('disabled').class(this.disabled || this.readonly)), block.modifier('hovered').class(this.hovered)), block.modifier('pressed').class(this.pressed)), block.modifier('inline').class(this.inline)), onKeypress: this.onKeypress, onClick: this.onClick }, h("input", Object.assign({ class: Object.assign(Object.assign({}, inputEl.class()), inputEl.modifier('select-button').class(this.interface === 'select-button')), "data-testid": "bal-checkbox-input", type: "checkbox", id: id, "aria-labelledby": labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : null, "aria-checked": `${this.checked}`, name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.nonSubmit, readonly: this.readonly, required: this.required, onFocus: this.onFocus, onBlur: this.onBlur, ref: inputEl => (this.nativeInput = inputEl) }, inputAttributes)), !this.invisible ? (h(LabelTag, Object.assign({ class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, labelEl.class()), labelEl.modifier('checkbox').class()), labelEl.modifier('checked').class(this.checked)), labelEl.modifier('hidden').class(this.labelHidden)), labelEl.modifier('flat').class(this.flat)), labelEl.modifier('switch').class(this.interface === 'switch')) }, labelAttributes, { "data-testid": "bal-checkbox-label" }), h("span", { class: Object.assign(Object.assign(Object.assign({}, labelTextEl.class()), labelTextEl.modifier('hidden').class(this.labelHidden)), labelTextEl.modifier('flat').class(this.flat)), "data-testid": "bal-checkbox-text" }, this.label, h("slot", null)))) : ('')));
259
+ return (h(Host, { "aria-checked": `${this.checked}`, "aria-disabled": ariaBooleanToString(this.disabled), "aria-hidden": ariaBooleanToString(this.disabled || this.nonSubmit), "aria-focused": focused ? 'true' : null, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ 'bal-focused': focused }, block.class()), block.modifier('checkbox').class()), block.modifier('select-button').class(this.interface === 'select-button')), block.modifier('switch').class(this.interface === 'switch')), block.modifier('focused').class(this.focused)), block.modifier('invalid').class(this.invalid)), block.modifier('checked').class(this.checked)), block.modifier('invisible').class(this.invisible)), block.modifier('flat').class(this.flat)), block.modifier('disabled').class(this.disabled || this.readonly)), block.modifier('hovered').class(this.hovered)), block.modifier('pressed').class(this.pressed)), block.modifier('inline').class(this.inline)), onKeypress: this.onKeypress, onClick: this.onClick }, h("input", Object.assign({ class: Object.assign(Object.assign({}, inputEl.class()), inputEl.modifier('select-button').class(this.interface === 'select-button')), "data-testid": "bal-checkbox-input", type: "checkbox", id: id, "aria-labelledby": labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": ariaBooleanToString(this.disabled), "aria-checked": `${this.checked}`, "aria-hidden": ariaBooleanToString(this.nonSubmit), name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.nonSubmit, readonly: this.readonly, required: this.required, onFocus: this.onFocus, onBlur: this.onBlur, ref: inputEl => (this.nativeInput = inputEl) }, inputAttributes)), !this.invisible ? (h(LabelTag, Object.assign({ class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, labelEl.class()), labelEl.modifier('checkbox').class()), labelEl.modifier('checked').class(this.checked)), labelEl.modifier('hidden').class(this.labelHidden)), labelEl.modifier('flat').class(this.flat)), labelEl.modifier('switch').class(this.interface === 'switch')) }, labelAttributes, { "data-testid": "bal-checkbox-label" }), h("span", { class: Object.assign(Object.assign(Object.assign({}, labelTextEl.class()), labelTextEl.modifier('hidden').class(this.labelHidden)), labelTextEl.modifier('flat').class(this.flat)), "data-testid": "bal-checkbox-text" }, this.label, h("slot", null)))) : ('')));
259
260
  }
260
261
  static get is() { return "bal-checkbox"; }
261
262
  static get originalStyleUrls() {
package/dist/collection/components/bal-checkbox/radio-checkbox.css CHANGED
@@ -1 +1 @@
1
- @media(hover: hover)and (pointer: fine){.bal-radio-checkbox.bal-focused .bal-radio-checkbox__input:not(.bal-radio-checkbox__input--select-button)+.bal-radio-checkbox__label::before,.bal-radio-checkbox.bal-focused.bal-radio-checkbox--select-button{box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-checkbox-select-button-background-hover: var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-active: var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-checked: var(--bal-color-primary);--bal-radio-checkbox-select-button-background-checked-hover: var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-background-checked-active: var(--bal-color-primary-6);--bal-radio-checkbox-select-button-background-invalid: var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-hover: var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-active: var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-checked: var(--bal-color-border-danger);--bal-radio-checkbox-select-button-background-invalid-checked-hover: var(--bal-color-danger-5);--bal-radio-checkbox-select-button-background-invalid-checked-active: var(--bal-color-danger-6);--bal-radio-checkbox-select-button-background-disabled-hover-active: var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-disabled-checked-hover-active: var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-before: var(--bal-color-primary-1);--bal-radio-checkbox-switch-label-background-after: var(--bal-color-primary);--bal-radio-checkbox-switch-label-background-hover-after: var(--bal-color-light-blue-5);--bal-radio-checkbox-switch-label-background-active-after: var(--bal-color-primary-6);--bal-radio-checkbox-switch-label-background-checked-before: var(--bal-color-success-4);--bal-radio-checkbox-switch-label-background-checked-after: var(--bal-color-white);--bal-radio-checkbox-switch-label-background-checked-hover-before: var(--bal-color-success-5);--bal-radio-checkbox-switch-label-background-checked-active-before: var(--bal-color-success-6);--bal-radio-checkbox-switch-label-background-invalid-before: var(--bal-color-danger-1);--bal-radio-checkbox-switch-label-background-invalid-after: var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-hover-after: var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-invalid-active-after: var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-checked-before: var(--bal-color-danger-4);--bal-radio-checkbox-switch-label-background-invalid-checked-after: var(--bal-color-white);--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before: var(--bal-color-danger-5);--bal-radio-checkbox-switch-label-background-invalid-checked-active-before: var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-disabled-hover-active-before: var(--bal-color-grey-3);--bal-radio-checkbox-switch-label-background-disabled-hover-active-after: var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before: var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after: var(--bal-color-white);--bal-radio-checkbox-button-background: transparent;--bal-radio-checkbox-button-background-checked-green: var(--bal-color-green-1);--bal-radio-checkbox-button-background-checked-purple: var(--bal-color-purple-1);--bal-radio-checkbox-button-background-checked-red: var(--bal-color-red-1);--bal-radio-checkbox-button-background-checked-yellow: var(--bal-color-yellow-1);--bal-radio-checkbox-button-background-disabled: var(--bal-color-grey-1);--bal-radio-checkbox-button-background-hover: var(--bal-color-grey-1);--bal-radio-checkbox-select-button-border-color: var(--bal-color-primary);--bal-radio-checkbox-select-button-border-color-hover: var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-border-color-active: var(--bal-color-primary-6);--bal-radio-checkbox-select-button-border-color-invalid: var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-hover: var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-active: var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-invalid-checked: var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-checked-hover: var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-checked-active: var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-disabled-hover-active: var(--bal-color-border-grey-dark);--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active: var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-hover: var(--bal-color-border-primary-hovered);--bal-radio-checkbox-button-border-color-active: var(--bal-color-border-primary-pressed);--bal-radio-checkbox-button-border-color-invalid-hover: var(--bal-color-border-danger-hovered);--bal-radio-checkbox-button-border-color-invalid-active: var(--bal-color-border-danger-pressed);--bal-radio-checkbox-button-border-color: var(--bal-color-border);--bal-radio-checkbox-button-border-color-checked: var(--bal-color-border-primary);--bal-radio-checkbox-button-border-color-disabled: var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-invalid: var(--bal-color-border-danger)}bal-radio .bal-radio-checkbox__label::before,bal-radio .bal-radio-checkbox__label::after{margin-top:0px !important}.bal-radio-checkbox-group{display:inline-block;position:relative;width:100%}.bal-radio-checkbox-group__inner{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:var(--bal-space-normal)}.bal-radio-checkbox-group__inner--select-button{flex-direction:column;flex-wrap:wrap;flex:1;gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-radio-checkbox-group__inner--select-button{flex-direction:row}}.bal-radio-checkbox-group__inner--expanded{align-items:stretch}.bal-radio-checkbox-group__inner--expanded .bal-radio-checkbox{flex:1}@media screen and (max-width: 768px){.bal-radio-checkbox-group__inner--expanded .bal-radio-checkbox{width:100%}}.bal-radio-checkbox-group__inner--select-button.bal-radio-checkbox-group__inner--vertical{gap:var(--bal-space-x-small)}.bal-radio-checkbox-group__inner--vertical{flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}@media screen and (min-width: 769px),print{.bal-radio-checkbox-group__inner--vertical{align-items:flex-start}}@media screen and (max-width: 768px){.bal-radio-checkbox-group__inner--vertical-mobile{flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}}.bal-radio-checkbox{position:relative;display:inline-flex;justify-content:flex-start;align-items:center;outline:none;min-width:1.5rem;min-height:3rem}.bal-radio-checkbox--flat:not(.bal-radio-checkbox--select-button){min-height:1.5rem}.bal-radio-checkbox__input{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-radio-checkbox--invisible{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-radio-checkbox:not(.bal-radio-checkbox--disabled),.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input,.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input+label,.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input+label>span{cursor:pointer}.bal-radio-checkbox__label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;line-height:1.5rem;contain:layout style;display:flex;align-items:center;justify-content:center;text-align:left;min-height:1.5rem;font-family:var(--bal-font-family-text)}.bal-radio-checkbox__label__text{padding-left:2rem;hyphens:auto;padding-top:.25rem;padding-bottom:.25rem}.bal-radio-checkbox__label__text--hidden{padding-left:0;display:none}.bal-radio-checkbox__label__text--flat{padding-top:0;padding-bottom:0}.bal-radio-checkbox__label--flat:not(.bal-radio-checkbox--select-button)::before,.bal-radio-checkbox__label--flat:not(.bal-radio-checkbox--select-button)::after{top:0px !important}.bal-radio-checkbox__label--hidden::before,.bal-radio-checkbox__label--hidden::after{top:0px !important}.bal-radio-checkbox__label::before,.bal-radio-checkbox__label::after{display:inline-block;position:absolute;left:0;top:.25rem;height:1.5rem;width:1.5rem;background-color:rgba(0,0,0,0);background-position:center;background-repeat:no-repeat;background-size:1.5rem 1.5rem}.bal-radio-checkbox__label::before{content:"";border-style:var(--bal-form-field-control-border-style);border-width:2px}.bal-radio-checkbox__label::after{content:none}.bal-radio-checkbox__label--checked::after{content:""}.bal-radio-checkbox__label--radio::before,.bal-radio-checkbox__label--radio::after{border-radius:50%}.bal-radio-checkbox__label--radio::after{left:0;transform:scale(0.25)}.bal-radio-checkbox__label--checkbox::before{border-radius:var(--bal-form-field-control-radius)}.bal-radio-checkbox__label--checkbox::after{border-top:0;border-right-style:var(--bal-form-field-control-border-style);border-right-width:2px;border-bottom-style:var(--bal-form-field-control-border-style);border-bottom-width:2px;border-left:0;border-radius:1px;width:calc(.5rem - 1px);height:calc(.875rem - 1px);left:calc(.5rem + 1px);margin-top:.25rem;transform:rotate(45deg)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-primary);background:var(--bal-color-transparent)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-light-blue-5);background:var(--bal-color-grey-2)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-blue-6);background:var(--bal-color-grey-2)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-danger-5);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-danger-6);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-border-grey-dark);background:var(--bal-color-grey-2)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-primary)}.bal-radio-checkbox:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-light-blue-5)}.bal-radio-checkbox:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-blue-6)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-danger-6)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-text-grey)}.bal-radio-checkbox--inline{display:inline}.bal-radio-checkbox--select-button{padding-left:.75rem;padding-right:.75rem;min-width:3rem;border-width:2px;border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-color:var(--bal-radio-checkbox-select-button-border-color)}.bal-radio-checkbox--select-button:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-hover);background:var(--bal-radio-checkbox-select-button-background-hover)}.bal-radio-checkbox--select-button:active{border-color:var(--bal-radio-checkbox-select-button-border-color-active);background:var(--bal-radio-checkbox-select-button-background-active)}.bal-radio-checkbox--select-button label::before{top:unset}.bal-radio-checkbox--select-button label::after{top:unset;margin-top:-3px}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat::before{top:unset !important}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat::after{margin-top:-3px;top:unset !important}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat .bal-radio-checkbox__label__text--flat{padding-top:.25rem;padding-bottom:.25rem}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked{background:var(--bal-radio-checkbox-select-button-background-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-radio-checkbox-select-button-link-text-color-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover{background:var(--bal-radio-checkbox-select-button-background-checked-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active{background:var(--bal-radio-checkbox-select-button-background-checked-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid);background:var(--bal-radio-checkbox-select-button-background-invalid)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-form-field-label-danger-color)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-hover);background:var(--bal-radio-checkbox-select-button-background-invalid-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid:active{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-active);background:var(--bal-radio-checkbox-select-button-background-invalid-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked);background:var(--bal-radio-checkbox-select-button-background-invalid-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked-hover);background:var(--bal-radio-checkbox-select-button-background-invalid-checked-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked-active);background:var(--bal-radio-checkbox-select-button-background-invalid-checked-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:hover,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:active{border-color:var(--bal-radio-checkbox-select-button-border-color-disabled-hover-active);background:var(--bal-radio-checkbox-select-button-background-disabled-hover-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-form-field-label-disabled-color)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active{border-color:var(--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active);background:var(--bal-radio-checkbox-select-button-background-disabled-checked-hover-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--switch{min-width:2.5rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label{padding-left:1rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label::before{border-radius:1.5rem;position:absolute;display:block;top:0;left:0;width:2.5rem;height:1.5rem;border:1.6px solid rgba(0,0,0,0);content:"";transition:left .25s ease-out,background .25s ease-out;margin-top:.25rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label::after{border:none;margin:0;border-radius:50%;display:block;position:absolute;top:.25rem !important;left:.25rem;width:1rem;height:1rem;margin-top:.25rem;transform:translate3d(0, 0, 0);transition:left .25s ease-out,background .25s ease-out;content:""}.bal-radio-checkbox--switch .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-before)}.bal-radio-checkbox--switch .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-after)}.bal-radio-checkbox--switch:hover .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-hover-after)}.bal-radio-checkbox--switch:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked .bal-radio-checkbox__label::after{left:1.25rem;background:var(--bal-radio-checkbox-switch-label-background-checked-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-hover-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-hover-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-disabled-hover-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-disabled-hover-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after)}
1
+ @media(hover: hover)and (pointer: fine){.bal-radio-checkbox.bal-focused .bal-radio-checkbox__input:not(.bal-radio-checkbox__input--select-button)+.bal-radio-checkbox__label::before,.bal-radio-checkbox.bal-focused.bal-radio-checkbox--select-button{box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-radio-checkbox-symbol-size: 1.5rem;--bal-radio-checkbox-symbol-width: calc(0.5rem - 1px);--bal-radio-checkbox-symbol-height: calc(0.875rem - 1px);--bal-radio-checkbox-symbol-left: calc(0.5rem + 1px);--bal-radio-checkbox-symbol-margin-top: 0.25rem;--bal-radio-checkbox-label-min-height: 1.5rem;--bal-radio-checkbox-select-button-background-hover: var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-active: var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-checked: var(--bal-color-primary);--bal-radio-checkbox-select-button-background-checked-hover: var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-background-checked-active: var(--bal-color-primary-6);--bal-radio-checkbox-select-button-background-invalid: var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-hover: var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-active: var(--bal-color-danger-1);--bal-radio-checkbox-select-button-background-invalid-checked: var(--bal-color-border-danger);--bal-radio-checkbox-select-button-background-invalid-checked-hover: var(--bal-color-danger-5);--bal-radio-checkbox-select-button-background-invalid-checked-active: var(--bal-color-danger-6);--bal-radio-checkbox-select-button-background-disabled-hover-active: var(--bal-color-grey-2);--bal-radio-checkbox-select-button-background-disabled-checked-hover-active: var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-before: var(--bal-color-primary-1);--bal-radio-checkbox-switch-label-background-after: var(--bal-color-primary);--bal-radio-checkbox-switch-label-background-hover-after: var(--bal-color-light-blue-5);--bal-radio-checkbox-switch-label-background-active-after: var(--bal-color-primary-6);--bal-radio-checkbox-switch-label-background-checked-before: var(--bal-color-success-4);--bal-radio-checkbox-switch-label-background-checked-after: var(--bal-color-white);--bal-radio-checkbox-switch-label-background-checked-hover-before: var(--bal-color-success-5);--bal-radio-checkbox-switch-label-background-checked-active-before: var(--bal-color-success-6);--bal-radio-checkbox-switch-label-background-invalid-before: var(--bal-color-danger-1);--bal-radio-checkbox-switch-label-background-invalid-after: var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-hover-after: var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-invalid-active-after: var(--bal-color-border-danger);--bal-radio-checkbox-switch-label-background-invalid-checked-before: var(--bal-color-danger-4);--bal-radio-checkbox-switch-label-background-invalid-checked-after: var(--bal-color-white);--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before: var(--bal-color-danger-5);--bal-radio-checkbox-switch-label-background-invalid-checked-active-before: var(--bal-color-danger-6);--bal-radio-checkbox-switch-label-background-disabled-hover-active-before: var(--bal-color-grey-3);--bal-radio-checkbox-switch-label-background-disabled-hover-active-after: var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before: var(--bal-color-border-grey-dark);--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after: var(--bal-color-white);--bal-radio-checkbox-button-background: transparent;--bal-radio-checkbox-button-background-checked-green: var(--bal-color-green-1);--bal-radio-checkbox-button-background-checked-purple: var(--bal-color-purple-1);--bal-radio-checkbox-button-background-checked-red: var(--bal-color-red-1);--bal-radio-checkbox-button-background-checked-yellow: var(--bal-color-yellow-1);--bal-radio-checkbox-button-background-disabled: var(--bal-color-grey-1);--bal-radio-checkbox-button-background-hover: var(--bal-color-grey-1);--bal-radio-checkbox-select-button-border-color: var(--bal-color-primary);--bal-radio-checkbox-select-button-border-color-hover: var(--bal-color-light-blue-5);--bal-radio-checkbox-select-button-border-color-active: var(--bal-color-primary-6);--bal-radio-checkbox-select-button-border-color-invalid: var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-hover: var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-active: var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-invalid-checked: var(--bal-color-border-danger);--bal-radio-checkbox-select-button-border-color-invalid-checked-hover: var(--bal-color-danger-5);--bal-radio-checkbox-select-button-border-color-invalid-checked-active: var(--bal-color-danger-6);--bal-radio-checkbox-select-button-border-color-disabled-hover-active: var(--bal-color-border-grey-dark);--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active: var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-hover: var(--bal-color-border-primary-hovered);--bal-radio-checkbox-button-border-color-active: var(--bal-color-border-primary-pressed);--bal-radio-checkbox-button-border-color-invalid-hover: var(--bal-color-border-danger-hovered);--bal-radio-checkbox-button-border-color-invalid-active: var(--bal-color-border-danger-pressed);--bal-radio-checkbox-button-border-color: var(--bal-color-border);--bal-radio-checkbox-button-border-color-checked: var(--bal-color-border-primary);--bal-radio-checkbox-button-border-color-disabled: var(--bal-color-border-grey-dark);--bal-radio-checkbox-button-border-color-invalid: var(--bal-color-border-danger)}bal-radio .bal-radio-checkbox__label::before,bal-radio .bal-radio-checkbox__label::after{margin-top:0px !important}.bal-radio-checkbox-group{display:inline-block;position:relative;width:100%}.bal-radio-checkbox-group__inner{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;gap:var(--bal-space-normal)}.bal-radio-checkbox-group__inner--select-button{flex-direction:column;flex-wrap:wrap;flex:1;gap:var(--bal-space-x-small)}@media screen and (min-width: 769px),print{.bal-radio-checkbox-group__inner--select-button{flex-direction:row}}.bal-radio-checkbox-group__inner--expanded{align-items:stretch}.bal-radio-checkbox-group__inner--expanded .bal-radio-checkbox{flex:1}@media screen and (max-width: 768px){.bal-radio-checkbox-group__inner--expanded .bal-radio-checkbox{width:100%}}.bal-radio-checkbox-group__inner--select-button.bal-radio-checkbox-group__inner--vertical{gap:var(--bal-space-x-small)}.bal-radio-checkbox-group__inner--vertical{flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}@media screen and (min-width: 769px),print{.bal-radio-checkbox-group__inner--vertical{align-items:flex-start}}@media screen and (max-width: 768px){.bal-radio-checkbox-group__inner--vertical-mobile{flex-direction:column;border-radius:var(--bal-radius-normal);gap:0}}.bal-radio-checkbox{position:relative;display:inline-flex;justify-content:flex-start;align-items:center;outline:none;min-width:1.5rem;min-height:3rem}.bal-radio-checkbox--flat:not(.bal-radio-checkbox--select-button){min-height:1.5rem}.bal-radio-checkbox__input{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-radio-checkbox--invisible{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-radio-checkbox:not(.bal-radio-checkbox--disabled),.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input,.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input+label,.bal-radio-checkbox:not(.bal-radio-checkbox--disabled) input+label>span{cursor:pointer}.bal-radio-checkbox__label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;line-height:1.5rem;contain:layout style;display:flex;align-items:center;justify-content:center;text-align:left;min-height:var(--bal-radio-checkbox-label-min-height);font-family:var(--bal-font-family-text)}.bal-radio-checkbox__label__text{padding-left:2rem;hyphens:auto;padding-top:.25rem;padding-bottom:.25rem}.bal-radio-checkbox__label__text--hidden{padding-left:0;display:none}.bal-radio-checkbox__label__text--flat{padding-top:0;padding-bottom:0}.bal-radio-checkbox__label--flat:not(.bal-radio-checkbox--select-button)::before,.bal-radio-checkbox__label--flat:not(.bal-radio-checkbox--select-button)::after{top:0px !important}.bal-radio-checkbox__label--hidden::before,.bal-radio-checkbox__label--hidden::after{top:0px !important}.bal-radio-checkbox__label::before,.bal-radio-checkbox__label::after{display:inline-block;position:absolute;left:0;top:.25rem;height:var(--bal-radio-checkbox-symbol-size);width:var(--bal-radio-checkbox-symbol-size);background-color:rgba(0,0,0,0);background-position:center;background-repeat:no-repeat;background-size:var(--bal-radio-checkbox-symbol-size) var(--bal-radio-checkbox-symbol-size)}.bal-radio-checkbox__label::before{content:"";border-style:var(--bal-form-field-control-border-style);border-width:2px}.bal-radio-checkbox__label::after{content:none}.bal-radio-checkbox__label--checked::after{content:""}.bal-radio-checkbox__label--radio::before,.bal-radio-checkbox__label--radio::after{border-radius:50%}.bal-radio-checkbox__label--radio::after{left:0;transform:scale(0.25)}.bal-radio-checkbox__label--checkbox::before{border-radius:var(--bal-form-field-control-radius)}.bal-radio-checkbox__label--checkbox::after{border-top:0;border-right-style:var(--bal-form-field-control-border-style);border-right-width:2px;border-bottom-style:var(--bal-form-field-control-border-style);border-bottom-width:2px;border-left:0;border-radius:1px;width:var(--bal-radio-checkbox-symbol-width);height:var(--bal-radio-checkbox-symbol-height);left:var(--bal-radio-checkbox-symbol-left);margin-top:var(--bal-radio-checkbox-symbol-margin-top);transform:rotate(45deg)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-primary);background:var(--bal-color-transparent)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-light-blue-5);background:var(--bal-color-grey-2)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-blue-6);background:var(--bal-color-grey-2)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-border-danger);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-danger-5);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-danger-6);background:var(--bal-color-danger-1)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-border-grey-dark);background:var(--bal-color-grey-2)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-primary)}.bal-radio-checkbox:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-light-blue-5)}.bal-radio-checkbox:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-blue-6)}.bal-radio-checkbox--invalid .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-border-danger)}.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--invalid.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-danger-5)}.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--invalid.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-danger-6)}.bal-radio-checkbox--disabled .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled.bal-radio-checkbox--hovered .bal-radio-checkbox__label .bal-radio-checkbox__label__text,.bal-radio-checkbox--disabled.bal-radio-checkbox--pressed .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-text-grey)}.bal-radio-checkbox--inline{display:inline}.bal-radio-checkbox--select-button{padding-left:.75rem;padding-right:.75rem;min-width:3rem;border-width:2px;border-style:var(--bal-form-field-control-border-style);border-radius:var(--bal-form-field-control-radius);border-color:var(--bal-radio-checkbox-select-button-border-color)}.bal-radio-checkbox--select-button:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-hover);background:var(--bal-radio-checkbox-select-button-background-hover)}.bal-radio-checkbox--select-button:active{border-color:var(--bal-radio-checkbox-select-button-border-color-active);background:var(--bal-radio-checkbox-select-button-background-active)}.bal-radio-checkbox--select-button label::before{top:unset}.bal-radio-checkbox--select-button label::after{top:unset;margin-top:-3px}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat::before{top:unset !important}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat::after{margin-top:-3px;top:unset !important}.bal-radio-checkbox--select-button .bal-radio-checkbox__label--flat .bal-radio-checkbox__label__text--flat{padding-top:.25rem;padding-bottom:.25rem}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked{background:var(--bal-radio-checkbox-select-button-background-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-radio-checkbox-select-button-link-text-color-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover{background:var(--bal-radio-checkbox-select-button-background-checked-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active{background:var(--bal-radio-checkbox-select-button-background-checked-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-primary)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-light-blue-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-blue-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--checked:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text{color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid);background:var(--bal-radio-checkbox-select-button-background-invalid)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-form-field-label-danger-color)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-hover);background:var(--bal-radio-checkbox-select-button-background-invalid-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid:active{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-active);background:var(--bal-radio-checkbox-select-button-background-invalid-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked);background:var(--bal-radio-checkbox-select-button-background-invalid-checked)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked-hover);background:var(--bal-radio-checkbox-select-button-background-invalid-checked-hover)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active{border-color:var(--bal-radio-checkbox-select-button-border-color-invalid-checked-active);background:var(--bal-radio-checkbox-select-button-background-invalid-checked-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-danger)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-5)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-danger-6)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:hover,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:active{border-color:var(--bal-radio-checkbox-select-button-border-color-disabled-hover-active);background:var(--bal-radio-checkbox-select-button-background-disabled-hover-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label .bal-radio-checkbox__label__text .is-link{color:var(--bal-form-field-label-disabled-color)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active{border-color:var(--bal-radio-checkbox-select-button-border-color-disabled-checked-hover-active);background:var(--bal-radio-checkbox-select-button-background-disabled-checked-hover-active)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch)::before{border-color:var(--bal-color-white);background:var(--bal-color-transparent)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::after{background:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--radio.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox::after{border-right-color:var(--bal-color-white);border-bottom-color:var(--bal-color-white)}.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before,.bal-radio-checkbox--select-button.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label:not(.bal-radio-checkbox__label--switch).bal-radio-checkbox__label--checkbox.bal-radio-checkbox__label--checked::before{background:var(--bal-color-border-grey-dark)}.bal-radio-checkbox--switch{min-width:2.5rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label{padding-left:1rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label::before{border-radius:1.5rem;position:absolute;display:block;top:0;left:0;width:2.5rem;height:1.5rem;border:1.6px solid rgba(0,0,0,0);content:"";transition:left .25s ease-out,background .25s ease-out;margin-top:.25rem}.bal-radio-checkbox--switch .bal-radio-checkbox__label::after{border:none;margin:0;border-radius:50%;display:block;position:absolute;top:.25rem !important;left:.25rem;width:1rem;height:1rem;margin-top:.25rem;transform:translate3d(0, 0, 0);transition:left .25s ease-out,background .25s ease-out;content:""}.bal-radio-checkbox--switch .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-before)}.bal-radio-checkbox--switch .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-after)}.bal-radio-checkbox--switch:hover .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-hover-after)}.bal-radio-checkbox--switch:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked .bal-radio-checkbox__label::after{left:1.25rem;background:var(--bal-radio-checkbox-switch-label-background-checked-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-hover-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-checked-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid:hover .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-hover-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-hover-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--invalid.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-invalid-checked-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-disabled-hover-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:hover .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-disabled-hover-active-after)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::before,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::before{background:var(--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-before)}.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:hover .bal-radio-checkbox__label::after,.bal-radio-checkbox--switch.bal-radio-checkbox--disabled.bal-radio-checkbox--checked:active .bal-radio-checkbox__label::after{background:var(--bal-radio-checkbox-switch-label-background-disabled-checked-hover-active-after)}
package/dist/collection/components/bal-close/bal-close.js CHANGED
@@ -27,7 +27,7 @@ export class Close {
27
27
  const buttonEl = blockEl.element('button');
28
28
  const iconEl = buttonEl.element('icon');
29
29
  const label = i18nBalClose[this.language].close;
30
- return (h(Host, { class: Object.assign({}, blockEl.class()) }, h("button", Object.assign({ type: "button", "aria-label": label, title: label, class: Object.assign(Object.assign(Object.assign({}, buttonEl.class()), buttonEl.modifier('inverted').class(this.inverted)), buttonEl.modifier(`size-${this.size}`).class(this.size !== '')), "data-testid": "bal-close" }, this.inheritedAttributes), h("bal-icon", { name: "close", size: this.size === 'small' ? 'x-small' : this.size === 'medium' ? 'medium' : 'small', inverted: this.inverted, class: Object.assign({}, iconEl.class()) }))));
30
+ return (h(Host, { class: Object.assign({}, blockEl.class()) }, h("button", Object.assign({ type: "button", "aria-label": label, title: label, tabindex: -1, class: Object.assign(Object.assign(Object.assign({}, buttonEl.class()), buttonEl.modifier('inverted').class(this.inverted)), buttonEl.modifier(`size-${this.size}`).class(this.size !== '')), "data-testid": "bal-close" }, this.inheritedAttributes), h("bal-icon", { name: "close", size: this.size === 'small' ? 'x-small' : this.size === 'medium' ? 'medium' : 'small', inverted: this.inverted, class: Object.assign({}, iconEl.class()) }))));
31
31
  }
32
32
  static get is() { return "bal-close"; }
33
33
  static get originalStyleUrls() {
package/dist/collection/components/bal-date/bal-date-calendar/components/bal-date-calendar__list.js CHANGED
@@ -6,7 +6,7 @@ export const CalendarList = ({ name, isVisible, girdHeight, list, onSelect, ref,
6
6
  const blockBodyList = blockBody.element('list');
7
7
  return (h("ul", { class: Object.assign(Object.assign(Object.assign({}, blockBodyList.class()), blockBodyList.modifier(name).class()), blockBodyList.modifier('visible').class(isVisible)), "aria-hidden": isVisible ? 'false' : 'true', style: {
8
8
  height: `${girdHeight - 2 - 8 - 8}px`,
9
- }, ref: el => (ref ? ref(el) : undefined) }, list.map(item => (h("li", { id: `${name}-${item.value}`, key: item.value }, h("button", { class: Object.assign(Object.assign(Object.assign(Object.assign({}, blockBodyList.element('item').class()), blockBodyList.element('item').modifier('today').class(item.today)), blockBodyList.element('item').modifier('selected').class(item.selected)), blockBodyList.element('item').modifier('disabled').class(item.disabled)), disabled: item.disabled, tabIndex: -1, onClick: () => {
9
+ }, ref: el => (ref ? ref(el) : undefined) }, list.map(item => (h("li", { key: item.value, id: `${name}-${item.value}` }, h("button", { class: Object.assign(Object.assign(Object.assign(Object.assign({}, blockBodyList.element('item').class()), blockBodyList.element('item').modifier('today').class(item.today)), blockBodyList.element('item').modifier('selected').class(item.selected)), blockBodyList.element('item').modifier('disabled').class(item.disabled)), disabled: item.disabled, tabIndex: -1, onClick: () => {
10
10
  if (!item.disabled) {
11
11
  onSelect(item);
12
12
  }
package/dist/collection/components/bal-dropdown/bal-dropdown.css ADDED
@@ -0,0 +1 @@
1
+ :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;flex:1}.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-size:var(--bal-weight-regular);font-family:var(--bal-font-family-text);color:var(--bal-dropdown-control-text-color);outline:none;box-shadow:var(--bal-shadow-none);padding-right:1rem;height:auto;min-height:3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;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));justify-content: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{flex:1;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)}.bal-dropdown__root__content__chips{--bal-tag-size-small-font-size: var(--bal-text-size-normal);display:flex;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{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: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);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:flex;justify-content:center;align-items:center;cursor:pointer}.bal-dropdown__rear{z-index:1}
package/dist/collection/components/bal-dropdown/bal-dropdown.interfaces.js ADDED
@@ -0,0 +1,4 @@
1
+ /* eslint-disable no-unused-vars */
2
+ /* eslint-disable @typescript-eslint/no-unused-vars */
3
+ // eslint-disable-next-line @typescript-eslint/triple-slash-reference
4
+ /// <reference path="../../interfaces.d.ts" />