bromcom-ui 2.12.4-rc.0 → 3.0.0-alpha.1

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 (465) hide show
  1. package/dist/bromcom-ui/bromcom-ui.css +1 -1
  2. package/dist/bromcom-ui/bromcom-ui.esm.js +1 -1
  3. package/dist/bromcom-ui/{p-2a15a39d.entry.js → p-03337609.entry.js} +1 -1
  4. package/dist/bromcom-ui/{p-652c1d30.entry.js → p-14b04371.entry.js} +1 -1
  5. package/dist/bromcom-ui/{p-32a5791b.entry.js → p-19ed830b.entry.js} +1 -1
  6. package/dist/bromcom-ui/{p-55a44163.entry.js → p-1a7e1a74.entry.js} +1 -1
  7. package/dist/bromcom-ui/{p-63646141.entry.js → p-1fbec9e4.entry.js} +1 -1
  8. package/dist/bromcom-ui/p-217934a4.entry.js +5 -0
  9. package/dist/bromcom-ui/p-22e3161d.entry.js +5 -0
  10. package/dist/bromcom-ui/{p-b1754fc5.entry.js → p-2a0b6273.entry.js} +1 -1
  11. package/dist/bromcom-ui/{p-fcc6f71e.js → p-2d0ff35e.js} +1 -1
  12. package/dist/bromcom-ui/p-367bc8e0.js +5 -0
  13. package/dist/bromcom-ui/{p-b689c630.entry.js → p-369948e7.entry.js} +1 -1
  14. package/dist/bromcom-ui/{p-fcbd8a75.entry.js → p-3b079331.entry.js} +1 -1
  15. package/dist/bromcom-ui/{p-4211b6bb.entry.js → p-46628fcd.entry.js} +1 -1
  16. package/dist/bromcom-ui/{p-49c6a7eb.entry.js → p-485ed6c1.entry.js} +1 -1
  17. package/dist/bromcom-ui/{p-8129ed3a.js → p-499d8454.js} +1 -1
  18. package/dist/bromcom-ui/{p-b1382dbd.entry.js → p-4a71c61a.entry.js} +1 -1
  19. package/dist/bromcom-ui/{p-3182df7e.js → p-4d2bf0e7.js} +1 -1
  20. package/dist/bromcom-ui/{p-1fb713c8.entry.js → p-51ba3626.entry.js} +1 -1
  21. package/dist/bromcom-ui/p-556010cb.js +5 -0
  22. package/dist/bromcom-ui/{p-a4f0590d.entry.js → p-583982a6.entry.js} +1 -1
  23. package/dist/bromcom-ui/{p-d4c75e60.entry.js → p-5bf051b9.entry.js} +1 -1
  24. package/dist/bromcom-ui/p-5c4939a7.js +5 -0
  25. package/dist/bromcom-ui/p-5ea9881d.entry.js +5 -0
  26. package/dist/bromcom-ui/p-64fad38b.js +11 -0
  27. package/dist/bromcom-ui/p-6e5f5f36.js +1 -1
  28. package/dist/bromcom-ui/p-6f11eb8e.entry.js +5 -0
  29. package/dist/bromcom-ui/p-6f224017.entry.js +5 -0
  30. package/dist/bromcom-ui/{p-3c7a0345.js → p-6f2e4c9b.js} +1 -1
  31. package/dist/bromcom-ui/{p-5ae0a59b.js → p-6f861fed.js} +1 -1
  32. package/dist/bromcom-ui/{p-9eb250d4.entry.js → p-7416d1f6.entry.js} +1 -1
  33. package/dist/bromcom-ui/{p-d1298c40.js → p-7b21fcb9.js} +1 -1
  34. package/dist/bromcom-ui/p-815f884d.entry.js +5 -0
  35. package/dist/bromcom-ui/p-8363990a.entry.js +5 -0
  36. package/dist/bromcom-ui/p-8457670e.entry.js +5 -0
  37. package/dist/bromcom-ui/{p-f82db5dd.js → p-858cee66.js} +1 -1
  38. package/dist/bromcom-ui/{p-e45c1546.js → p-85eedabc.js} +1 -1
  39. package/dist/bromcom-ui/{p-65783175.js → p-8e5e362a.js} +1 -1
  40. package/dist/bromcom-ui/{p-34b9cf32.entry.js → p-9015080d.entry.js} +1 -1
  41. package/dist/bromcom-ui/{p-40a29024.entry.js → p-9d41ff2a.entry.js} +1 -1
  42. package/dist/bromcom-ui/p-a080c8ea.entry.js +5 -0
  43. package/dist/bromcom-ui/p-a141b2bc.entry.js +5 -0
  44. package/dist/bromcom-ui/{p-4680865d.js → p-a2df6c19.js} +1 -1
  45. package/dist/bromcom-ui/p-a313fba6.js +1 -1
  46. package/dist/bromcom-ui/{p-c097f624.entry.js → p-a6b4a46d.entry.js} +1 -1
  47. package/dist/bromcom-ui/p-a6b696de.js +5 -0
  48. package/dist/bromcom-ui/p-acfceb2b.entry.js +5 -0
  49. package/dist/bromcom-ui/{p-c0aa5289.entry.js → p-b46e368e.entry.js} +1 -1
  50. package/dist/bromcom-ui/p-b85227c8.entry.js +5 -0
  51. package/dist/bromcom-ui/p-c47463b1.entry.js +5 -0
  52. package/dist/bromcom-ui/{p-defdd05b.entry.js → p-c4bf7f7e.entry.js} +1 -1
  53. package/dist/bromcom-ui/{p-826a85ed.entry.js → p-c5bb29d0.entry.js} +1 -1
  54. package/dist/bromcom-ui/{p-c3b74f76.entry.js → p-cc70861b.entry.js} +1 -1
  55. package/dist/bromcom-ui/p-ce452032.entry.js +16 -0
  56. package/dist/bromcom-ui/{p-b4b9ca15.entry.js → p-d0e56f5f.entry.js} +1 -1
  57. package/dist/bromcom-ui/{p-aa6887d7.js → p-d4e4aeee.js} +1 -1
  58. package/dist/bromcom-ui/{p-6b5ed4d8.js → p-d65bc842.js} +1 -1
  59. package/dist/bromcom-ui/p-dc73abe2.js +5 -0
  60. package/dist/bromcom-ui/p-dcd69786.entry.js +5 -0
  61. package/dist/bromcom-ui/{p-50a1591e.js → p-e037ee2b.js} +1 -1
  62. package/dist/bromcom-ui/{p-874053cc.entry.js → p-e7c31126.entry.js} +1 -1
  63. package/dist/bromcom-ui/p-e9a43560.js +5 -0
  64. package/dist/bromcom-ui/p-ea24a822.entry.js +5 -0
  65. package/dist/bromcom-ui/{p-f815dc7a.entry.js → p-fdd4cabe.entry.js} +1 -1
  66. package/dist/cjs/{bcm-489c9b1a.js → bcm-1d1fcf21.js} +4 -4
  67. package/dist/cjs/bcm-accordion_68.cjs.entry.js +47182 -0
  68. package/dist/cjs/bcm-attendance-actions-comment.cjs.entry.js +8 -8
  69. package/dist/cjs/bcm-attendance-actions-dropdown.cjs.entry.js +8 -8
  70. package/dist/cjs/bcm-breadcrumb.cjs.entry.js +2 -2
  71. package/dist/cjs/bcm-caption.cjs.entry.js +9 -9
  72. package/dist/cjs/bcm-card.cjs.entry.js +5 -5
  73. package/dist/cjs/bcm-date-picker.cjs.entry.js +4 -4
  74. package/dist/cjs/bcm-datetime-picker.cjs.entry.js +8 -8
  75. package/dist/cjs/bcm-default.cjs.entry.js +2 -2
  76. package/dist/cjs/bcm-form-2.cjs.entry.js +5 -5
  77. package/dist/cjs/bcm-input-2.cjs.entry.js +9 -9
  78. package/dist/cjs/bcm-input-custom.cjs.entry.js +2 -2
  79. package/dist/cjs/bcm-input-dropdown.cjs.entry.js +9 -9
  80. package/dist/cjs/bcm-modal-2-footer.cjs.entry.js +6 -6
  81. package/dist/cjs/bcm-modal-2-header.cjs.entry.js +6 -6
  82. package/dist/cjs/bcm-modal-2.cjs.entry.js +7 -7
  83. package/dist/cjs/bcm-number-input.cjs.entry.js +9 -9
  84. package/dist/cjs/bcm-skeleton.cjs.entry.js +6 -6
  85. package/dist/cjs/bcm-table.cjs.entry.js +6 -6
  86. package/dist/cjs/bcm-tag.cjs.entry.js +15 -15
  87. package/dist/cjs/bcm-time-picker.cjs.entry.js +4 -4
  88. package/dist/cjs/bcm-toast.cjs.entry.js +18 -18
  89. package/dist/cjs/bromcom-ui.cjs.js +3 -3
  90. package/dist/cjs/{caption-template-85a18b6d.js → caption-template-f8a78504.js} +9 -9
  91. package/dist/cjs/{floating-ui-21890d11.js → floating-ui-5b396838.js} +2 -2
  92. package/dist/cjs/{generate-b55bc9ac.js → generate-a25d8fc8.js} +1 -1
  93. package/dist/cjs/{global-ae5a410a.js → global-08c079a8.js} +1 -1
  94. package/dist/cjs/{input.style-b5676e6a.js → input.style-bee84fb0.js} +1 -1
  95. package/dist/cjs/{label-template-6da4808b.js → label-template-fc301e0c.js} +6 -6
  96. package/dist/cjs/loader.cjs.js +3 -3
  97. package/dist/cjs/{number-helper-4a5c0bb5.js → number-helper-3a56812f.js} +1 -1
  98. package/dist/cjs/old-bcm-popover-box.cjs.entry.js +7 -7
  99. package/dist/cjs/old-bcm-popover.cjs.entry.js +5 -5
  100. package/dist/cjs/{package-1757d4e0.js → package-6afe17f3.js} +1 -1
  101. package/dist/cjs/{popover-placement-e7d6eabd.js → popover-placement-02e6101b.js} +1 -1
  102. package/dist/cjs/{slot-template-c8e2816c.js → slot-template-df7b5b59.js} +1 -1
  103. package/dist/cjs/{string-helper-f9184277.js → string-helper-9cdfb273.js} +2 -2
  104. package/dist/cjs/{validators-51a16def.js → validators-78797513.js} +1 -1
  105. package/dist/collection/collection-manifest.json +1 -1
  106. package/dist/collection/components/atoms/avatar/avatar.js +1 -1
  107. package/dist/collection/components/atoms/avatar/avatar.style.js +4 -4
  108. package/dist/collection/components/atoms/badge/badge.style.js +8 -8
  109. package/dist/collection/components/atoms/button/button.css +90 -92
  110. package/dist/collection/components/atoms/button/button.js +45 -46
  111. package/dist/collection/components/atoms/chip/chip.css +27 -29
  112. package/dist/collection/components/atoms/chip/chip.js +10 -11
  113. package/dist/collection/components/atoms/divider/divider.css +4 -4
  114. package/dist/collection/components/atoms/link/link.css +10 -11
  115. package/dist/collection/components/molecules/accordion/accordion.css +23 -0
  116. package/dist/collection/components/molecules/accordion/accordion.js +1 -1
  117. package/dist/collection/components/molecules/alert/alert.css +28 -24
  118. package/dist/collection/components/molecules/alert/alert.js +26 -36
  119. package/dist/collection/components/molecules/button-group/button-group.css +15 -23
  120. package/dist/collection/components/molecules/checkbox/checkbox.css +15 -15
  121. package/dist/collection/components/molecules/checkbox/checkbox.js +8 -9
  122. package/dist/collection/components/molecules/color-input/color-input.js +1 -1
  123. package/dist/collection/components/molecules/empty/empty.js +1 -1
  124. package/dist/collection/components/molecules/error-layout/error-layout.css +13 -15
  125. package/dist/collection/components/molecules/error-layout/error-layout.js +1 -1
  126. package/dist/collection/components/molecules/expansion-panel/expansion-panel.css +25 -22
  127. package/dist/collection/components/molecules/expansion-panel/expansion-panel.js +1 -1
  128. package/dist/collection/components/molecules/input/input.css +21 -13
  129. package/dist/collection/components/molecules/input/input.style.js +1 -1
  130. package/dist/collection/components/molecules/menu/menu.css +29 -23
  131. package/dist/collection/components/molecules/modal/modal.css +42 -35
  132. package/dist/collection/components/molecules/modal/modal.js +1 -1
  133. package/dist/collection/components/molecules/radio/radio.js +10 -10
  134. package/dist/collection/components/molecules/range/range.css +5 -8
  135. package/dist/collection/components/molecules/search/search.css +21 -13
  136. package/dist/collection/components/molecules/stepper/stepper.css +6 -5
  137. package/dist/collection/components/molecules/switch/switch.css +22 -21
  138. package/dist/collection/components/molecules/tab-group/tab-item-header.js +6 -6
  139. package/dist/collection/components/molecules/textarea/textarea.css +21 -13
  140. package/dist/collection/components/organism/list/list.css +44 -44
  141. package/dist/collection/components/organism/list/list.js +19 -73
  142. package/dist/collection/components/other/shortcut/shortcut.js +4 -4
  143. package/dist/collection/components/other/toast/toast.js +7 -7
  144. package/dist/collection/components/third-parts/colorful/colorful.css +21 -13
  145. package/dist/collection/components/third-parts/rc-picker/rc-picker.css +13 -9
  146. package/dist/collection/global/components/_checkbox.css +15 -15
  147. package/dist/collection/helper/popover-helper.js +5 -5
  148. package/dist/collection/helper/tooltip-helper.js +6 -6
  149. package/dist/collection/templates/caption-template.js +9 -9
  150. package/dist/collection/templates/input-template.js +1 -1
  151. package/dist/collection/templates/label-template.js +4 -4
  152. package/dist/collection/templates/step-template.js +4 -4
  153. package/dist/components/avatar.js +6 -6
  154. package/dist/components/badge.js +9 -9
  155. package/dist/components/bcm-accordion.js +2 -2
  156. package/dist/components/bcm-alert.js +28 -41
  157. package/dist/components/bcm-attendance-actions-comment.js +1 -1
  158. package/dist/components/bcm-attendance-actions-dropdown.js +1 -1
  159. package/dist/components/bcm-attendance-actions.js +1 -1
  160. package/dist/components/bcm-button-group.js +1 -1
  161. package/dist/components/bcm-checkbox-group.js +1 -1
  162. package/dist/components/bcm-color-input.js +1 -1
  163. package/dist/components/bcm-error-layout.js +2 -2
  164. package/dist/components/bcm-expansion-panel.js +2 -2
  165. package/dist/components/bcm-input-2.js +1 -1
  166. package/dist/components/bcm-input-dropdown.js +1 -1
  167. package/dist/components/bcm-modal.js +2 -2
  168. package/dist/components/bcm-popover.js +5 -5
  169. package/dist/components/bcm-range.js +1 -1
  170. package/dist/components/bcm-shortcut.js +4 -4
  171. package/dist/components/bcm-stepper.js +6 -6
  172. package/dist/components/bcm-switch.js +1 -1
  173. package/dist/components/bcm-tab-item-header.js +6 -6
  174. package/dist/components/bcm-toast.js +7 -7
  175. package/dist/components/button.js +47 -48
  176. package/dist/components/caption-template.js +9 -9
  177. package/dist/components/checkbox-lite.js +1 -1
  178. package/dist/components/checkbox.js +9 -10
  179. package/dist/components/chip.js +11 -12
  180. package/dist/components/colorful.js +1 -1
  181. package/dist/components/divider.js +1 -1
  182. package/dist/components/empty.js +1 -1
  183. package/dist/components/generate.js +1 -1
  184. package/dist/components/index4.js +2549 -171
  185. package/dist/components/index5.js +171 -2549
  186. package/dist/components/input-template.js +1 -1
  187. package/dist/components/input.js +1 -1
  188. package/dist/components/input.style.js +2 -2
  189. package/dist/components/label.js +4 -4
  190. package/dist/components/link.js +1 -1
  191. package/dist/components/list.js +21 -58
  192. package/dist/components/menu.js +1 -1
  193. package/dist/components/radio.js +10 -10
  194. package/dist/components/rc-picker.js +1 -1
  195. package/dist/components/search.js +2 -2
  196. package/dist/components/skeleton.js +1 -1
  197. package/dist/components/step.js +1 -1
  198. package/dist/components/textarea.js +1 -1
  199. package/dist/components/tooltip-helper.js +6 -6
  200. package/dist/esm/{_commonjsHelpers-be0d4ec8.js → _commonjsHelpers-7002e5de.js} +1 -1
  201. package/dist/esm/bcm-a50d55ba.js +1 -1
  202. package/dist/esm/bcm-accordion_68.entry.js +47111 -0
  203. package/dist/esm/bcm-attendance-actions-comment.entry.js +12 -12
  204. package/dist/esm/bcm-attendance-actions-dropdown.entry.js +13 -13
  205. package/dist/esm/bcm-autocomplete.entry.js +3 -3
  206. package/dist/esm/bcm-box.entry.js +1 -1
  207. package/dist/esm/bcm-breadcrumb.entry.js +6 -6
  208. package/dist/esm/bcm-caption.entry.js +14 -14
  209. package/dist/esm/bcm-card.entry.js +10 -10
  210. package/dist/esm/bcm-colorpicker.entry.js +5 -5
  211. package/dist/esm/bcm-content.entry.js +1 -1
  212. package/dist/esm/bcm-date-picker.entry.js +9 -9
  213. package/dist/esm/bcm-datetime-picker.entry.js +13 -13
  214. package/dist/esm/bcm-default.entry.js +5 -5
  215. package/dist/esm/bcm-form-2.entry.js +8 -8
  216. package/dist/esm/bcm-form-group.entry.js +1 -1
  217. package/dist/esm/bcm-input-2.entry.js +11 -11
  218. package/dist/esm/bcm-input-custom.entry.js +6 -6
  219. package/dist/esm/bcm-input-dropdown.entry.js +14 -14
  220. package/dist/esm/bcm-message.entry.js +3 -3
  221. package/dist/esm/bcm-modal-2-footer.entry.js +12 -12
  222. package/dist/esm/bcm-modal-2-header.entry.js +11 -11
  223. package/dist/esm/bcm-modal-2.entry.js +13 -13
  224. package/dist/esm/bcm-notification.entry.js +3 -3
  225. package/dist/esm/bcm-number-input.entry.js +15 -15
  226. package/dist/esm/bcm-overlay_2.entry.js +4 -4
  227. package/dist/esm/bcm-react-number.entry.js +3 -3
  228. package/dist/esm/bcm-result.entry.js +3 -3
  229. package/dist/esm/bcm-select-group.entry.js +3 -3
  230. package/dist/esm/bcm-select-option.entry.js +3 -3
  231. package/dist/esm/bcm-skeleton.entry.js +11 -11
  232. package/dist/esm/bcm-tab-pane.entry.js +3 -3
  233. package/dist/esm/bcm-table.entry.js +12 -12
  234. package/dist/esm/bcm-tabs-content.entry.js +4 -4
  235. package/dist/esm/bcm-tag.entry.js +9 -9
  236. package/dist/esm/bcm-time-picker.entry.js +9 -9
  237. package/dist/esm/bcm-timeline-item.entry.js +3 -3
  238. package/dist/esm/bcm-timeline.entry.js +3 -3
  239. package/dist/esm/bcm-toast.entry.js +16 -16
  240. package/dist/esm/bcm-treeview-group.entry.js +1 -1
  241. package/dist/esm/bromcom-ui.js +5 -5
  242. package/dist/esm/{caption-template-9d0ea503.js → caption-template-16dd9444.js} +11 -11
  243. package/dist/esm/{color-helper-e74656af.js → color-helper-ba15b0d8.js} +2 -2
  244. package/dist/esm/{colors-df32bb43.js → colors-ed4e7579.js} +1 -1
  245. package/dist/esm/{element-dragger-7ea06c76.js → element-dragger-b75266e6.js} +1 -1
  246. package/dist/esm/floating-ui-3f4394da.js +1 -1
  247. package/dist/esm/{generate-27c06421.js → generate-a4b85775.js} +2 -2
  248. package/dist/esm/{global-0dac0bf2.js → global-1baa11cd.js} +2 -2
  249. package/dist/esm/{index-b84bc8c9.js → index-00c8a8f7.js} +1 -1
  250. package/dist/esm/{index-a6d9d0af.js → index-0d3a56ec.js} +1 -1
  251. package/dist/esm/{index-b3026131.js → index-4614b7f0.js} +1 -1
  252. package/dist/esm/{input.style-e855c0f3.js → input.style-0ddc0073.js} +1 -1
  253. package/dist/esm/{is-load-decorator-613d613a.js → is-load-decorator-b8ca22f2.js} +1 -1
  254. package/dist/esm/{label-template-8c5948ab.js → label-template-4c3797f4.js} +7 -7
  255. package/dist/esm/loader.js +5 -5
  256. package/dist/esm/{number-helper-94a51ec2.js → number-helper-872d5482.js} +1 -1
  257. package/dist/esm/old-bcm-popover-box.entry.js +11 -11
  258. package/dist/esm/old-bcm-popover.entry.js +7 -7
  259. package/dist/esm/{package-34090aad.js → package-1d6f13ed.js} +1 -1
  260. package/dist/esm/{popover-placement-2f5939ea.js → popover-placement-2bf3a181.js} +1 -1
  261. package/dist/esm/{slot-template-f85d540c.js → slot-template-e0202c5a.js} +2 -2
  262. package/dist/esm/{string-helper-85990695.js → string-helper-69203215.js} +2 -2
  263. package/dist/esm/{utils-b3338faf.js → utils-7727d09e.js} +1 -1
  264. package/dist/esm/{validators-7e605ca5.js → validators-e9800e9a.js} +1 -1
  265. package/dist/types/components/atoms/avatar/avatar.style.d.ts +21 -21
  266. package/dist/types/components/molecules/alert/alert.d.ts +1 -3
  267. package/dist/types/components/organism/list/list.d.ts +0 -4
  268. package/dist/types/components.d.ts +0 -4
  269. package/package.json +1 -1
  270. package/dist/bromcom-ui/p-0089f9c5.entry.js +0 -5
  271. package/dist/bromcom-ui/p-03cc10f8.entry.js +0 -5
  272. package/dist/bromcom-ui/p-075dd6ba.entry.js +0 -5
  273. package/dist/bromcom-ui/p-07971537.entry.js +0 -5
  274. package/dist/bromcom-ui/p-0d952c81.js +0 -5
  275. package/dist/bromcom-ui/p-0e97b110.js +0 -5
  276. package/dist/bromcom-ui/p-12687eaa.entry.js +0 -5
  277. package/dist/bromcom-ui/p-1441edac.entry.js +0 -5
  278. package/dist/bromcom-ui/p-17bc7e7e.entry.js +0 -5
  279. package/dist/bromcom-ui/p-1ac9eb84.entry.js +0 -5
  280. package/dist/bromcom-ui/p-1bf1e8ad.entry.js +0 -5
  281. package/dist/bromcom-ui/p-1c8ed0b3.entry.js +0 -5
  282. package/dist/bromcom-ui/p-1d663e83.entry.js +0 -5
  283. package/dist/bromcom-ui/p-21b4ca2e.entry.js +0 -5
  284. package/dist/bromcom-ui/p-2ebe3b67.entry.js +0 -5
  285. package/dist/bromcom-ui/p-30a11f2e.entry.js +0 -5
  286. package/dist/bromcom-ui/p-30cc83af.js +0 -5
  287. package/dist/bromcom-ui/p-33d204f1.entry.js +0 -5
  288. package/dist/bromcom-ui/p-348e74e9.entry.js +0 -5
  289. package/dist/bromcom-ui/p-379b00d6.js +0 -5
  290. package/dist/bromcom-ui/p-38a52254.js +0 -5
  291. package/dist/bromcom-ui/p-3e12382d.js +0 -5
  292. package/dist/bromcom-ui/p-4b5c5f62.entry.js +0 -5
  293. package/dist/bromcom-ui/p-4c2e776d.entry.js +0 -5
  294. package/dist/bromcom-ui/p-4c9c2159.entry.js +0 -5
  295. package/dist/bromcom-ui/p-56b45430.entry.js +0 -5
  296. package/dist/bromcom-ui/p-646c8ea2.entry.js +0 -5
  297. package/dist/bromcom-ui/p-69e3b4f9.entry.js +0 -5
  298. package/dist/bromcom-ui/p-6b3bf457.entry.js +0 -5
  299. package/dist/bromcom-ui/p-6fa98b12.entry.js +0 -5
  300. package/dist/bromcom-ui/p-7247ac65.entry.js +0 -5
  301. package/dist/bromcom-ui/p-7505325c.entry.js +0 -5
  302. package/dist/bromcom-ui/p-76edf59f.js +0 -7
  303. package/dist/bromcom-ui/p-7ae23e76.entry.js +0 -5
  304. package/dist/bromcom-ui/p-7b6d3a77.entry.js +0 -5
  305. package/dist/bromcom-ui/p-7dd0467a.entry.js +0 -5
  306. package/dist/bromcom-ui/p-815f1132.entry.js +0 -5
  307. package/dist/bromcom-ui/p-852fd092.entry.js +0 -5
  308. package/dist/bromcom-ui/p-85aa9dfd.entry.js +0 -5
  309. package/dist/bromcom-ui/p-8baa08ea.entry.js +0 -5
  310. package/dist/bromcom-ui/p-8c7e1bea.entry.js +0 -5
  311. package/dist/bromcom-ui/p-8dda8873.js +0 -14
  312. package/dist/bromcom-ui/p-8ee40a96.js +0 -5
  313. package/dist/bromcom-ui/p-90b5befd.entry.js +0 -5
  314. package/dist/bromcom-ui/p-935f57ad.entry.js +0 -5
  315. package/dist/bromcom-ui/p-9402a607.entry.js +0 -5
  316. package/dist/bromcom-ui/p-9695f7c9.js +0 -5
  317. package/dist/bromcom-ui/p-97bc1843.entry.js +0 -5
  318. package/dist/bromcom-ui/p-9b080d5d.entry.js +0 -5
  319. package/dist/bromcom-ui/p-9b8e6484.entry.js +0 -5
  320. package/dist/bromcom-ui/p-9d1e255a.js +0 -5
  321. package/dist/bromcom-ui/p-9db3dcfa.entry.js +0 -5
  322. package/dist/bromcom-ui/p-ac949369.entry.js +0 -5
  323. package/dist/bromcom-ui/p-ad295560.entry.js +0 -5
  324. package/dist/bromcom-ui/p-b3faa68b.js +0 -5
  325. package/dist/bromcom-ui/p-b5bdc541.entry.js +0 -5
  326. package/dist/bromcom-ui/p-b716412b.entry.js +0 -5
  327. package/dist/bromcom-ui/p-bed627ab.js +0 -11
  328. package/dist/bromcom-ui/p-bfdf9447.entry.js +0 -5
  329. package/dist/bromcom-ui/p-c621138a.entry.js +0 -5
  330. package/dist/bromcom-ui/p-c9d35a7a.entry.js +0 -5
  331. package/dist/bromcom-ui/p-d0833fd3.entry.js +0 -5
  332. package/dist/bromcom-ui/p-d1dbebf6.entry.js +0 -5
  333. package/dist/bromcom-ui/p-d2f863d9.js +0 -5
  334. package/dist/bromcom-ui/p-d6c99f1f.entry.js +0 -5
  335. package/dist/bromcom-ui/p-daa32fc1.js +0 -5
  336. package/dist/bromcom-ui/p-dc3275aa.entry.js +0 -5
  337. package/dist/bromcom-ui/p-dccb9b5f.entry.js +0 -5
  338. package/dist/bromcom-ui/p-de1f21b5.entry.js +0 -5
  339. package/dist/bromcom-ui/p-de23b7bf.entry.js +0 -5
  340. package/dist/bromcom-ui/p-e3f8efa5.entry.js +0 -5
  341. package/dist/bromcom-ui/p-ee1b4a47.entry.js +0 -5
  342. package/dist/bromcom-ui/p-f0469946.entry.js +0 -5
  343. package/dist/bromcom-ui/p-f2fc3d54.entry.js +0 -5
  344. package/dist/bromcom-ui/p-f3c9ad5e.entry.js +0 -5
  345. package/dist/bromcom-ui/p-f6f37125.entry.js +0 -5
  346. package/dist/bromcom-ui/p-f86515f0.entry.js +0 -5
  347. package/dist/bromcom-ui/p-f908af03.entry.js +0 -5
  348. package/dist/bromcom-ui/p-f9c32e82.entry.js +0 -5
  349. package/dist/bromcom-ui/p-fd0c42ae.entry.js +0 -5
  350. package/dist/cjs/Overflow-ebad34dd.js +0 -2292
  351. package/dist/cjs/bcm-accordion.cjs.entry.js +0 -74
  352. package/dist/cjs/bcm-alert.cjs.entry.js +0 -99
  353. package/dist/cjs/bcm-attendance-actions.cjs.entry.js +0 -330
  354. package/dist/cjs/bcm-attendance.cjs.entry.js +0 -35
  355. package/dist/cjs/bcm-avatar_2.cjs.entry.js +0 -210
  356. package/dist/cjs/bcm-button-group.cjs.entry.js +0 -92
  357. package/dist/cjs/bcm-button.cjs.entry.js +0 -372
  358. package/dist/cjs/bcm-checkbox-group.cjs.entry.js +0 -415
  359. package/dist/cjs/bcm-checkbox-lite_9.cjs.entry.js +0 -2529
  360. package/dist/cjs/bcm-checkbox_2.cjs.entry.js +0 -194
  361. package/dist/cjs/bcm-chip-group.cjs.entry.js +0 -128
  362. package/dist/cjs/bcm-chip.cjs.entry.js +0 -91
  363. package/dist/cjs/bcm-collapse-group.cjs.entry.js +0 -43
  364. package/dist/cjs/bcm-collapse.cjs.entry.js +0 -62
  365. package/dist/cjs/bcm-color-input.cjs.entry.js +0 -77
  366. package/dist/cjs/bcm-colorful_2.cjs.entry.js +0 -251
  367. package/dist/cjs/bcm-date.cjs.entry.js +0 -182
  368. package/dist/cjs/bcm-drawer.cjs.entry.js +0 -96
  369. package/dist/cjs/bcm-dropdown.cjs.entry.js +0 -119
  370. package/dist/cjs/bcm-error-layout.cjs.entry.js +0 -64
  371. package/dist/cjs/bcm-expansion-panel.cjs.entry.js +0 -116
  372. package/dist/cjs/bcm-form.cjs.entry.js +0 -492
  373. package/dist/cjs/bcm-icon_6.cjs.entry.js +0 -2152
  374. package/dist/cjs/bcm-input_2.cjs.entry.js +0 -550
  375. package/dist/cjs/bcm-item.cjs.entry.js +0 -72
  376. package/dist/cjs/bcm-items.cjs.entry.js +0 -49
  377. package/dist/cjs/bcm-link.cjs.entry.js +0 -51
  378. package/dist/cjs/bcm-menu.cjs.entry.js +0 -151
  379. package/dist/cjs/bcm-modal.cjs.entry.js +0 -157
  380. package/dist/cjs/bcm-old-input.cjs.entry.js +0 -397
  381. package/dist/cjs/bcm-old-tag_2.cjs.entry.js +0 -145
  382. package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +0 -115
  383. package/dist/cjs/bcm-popconfirm.cjs.entry.js +0 -101
  384. package/dist/cjs/bcm-popover.cjs.entry.js +0 -230
  385. package/dist/cjs/bcm-progress.cjs.entry.js +0 -162
  386. package/dist/cjs/bcm-radio-group.cjs.entry.js +0 -161
  387. package/dist/cjs/bcm-radio.cjs.entry.js +0 -65
  388. package/dist/cjs/bcm-range.cjs.entry.js +0 -183
  389. package/dist/cjs/bcm-rc-picker.cjs.entry.js +0 -10235
  390. package/dist/cjs/bcm-select.cjs.entry.js +0 -1195
  391. package/dist/cjs/bcm-shortcut.cjs.entry.js +0 -65
  392. package/dist/cjs/bcm-step.cjs.entry.js +0 -89
  393. package/dist/cjs/bcm-stepper.cjs.entry.js +0 -240
  394. package/dist/cjs/bcm-switch.cjs.entry.js +0 -151
  395. package/dist/cjs/bcm-tab-group.cjs.entry.js +0 -210
  396. package/dist/cjs/bcm-tab-item-header.cjs.entry.js +0 -60
  397. package/dist/cjs/bcm-tab-item.cjs.entry.js +0 -91
  398. package/dist/cjs/bcm-tab.cjs.entry.js +0 -72
  399. package/dist/cjs/bcm-tabs.cjs.entry.js +0 -370
  400. package/dist/cjs/bcm-text.cjs.entry.js +0 -49
  401. package/dist/cjs/index-d321de96.js +0 -193
  402. package/dist/cjs/input-template-4f41f5f2.js +0 -92
  403. package/dist/cjs/json-parse-decarator-ca73e0ee.js +0 -40
  404. package/dist/cjs/lodash-917168d7.js +0 -17199
  405. package/dist/cjs/moment-d06b012f.js +0 -4601
  406. package/dist/cjs/stepper-states-969da6c3.js +0 -85
  407. package/dist/cjs/tooltip-helper-a45a6cd4.js +0 -158
  408. package/dist/esm/Overflow-65c2db90.js +0 -2275
  409. package/dist/esm/bcm-accordion.entry.js +0 -70
  410. package/dist/esm/bcm-alert.entry.js +0 -95
  411. package/dist/esm/bcm-attendance-actions.entry.js +0 -326
  412. package/dist/esm/bcm-attendance.entry.js +0 -31
  413. package/dist/esm/bcm-avatar_2.entry.js +0 -205
  414. package/dist/esm/bcm-button-group.entry.js +0 -88
  415. package/dist/esm/bcm-button.entry.js +0 -368
  416. package/dist/esm/bcm-checkbox-group.entry.js +0 -411
  417. package/dist/esm/bcm-checkbox-lite_9.entry.js +0 -2517
  418. package/dist/esm/bcm-checkbox_2.entry.js +0 -189
  419. package/dist/esm/bcm-chip-group.entry.js +0 -124
  420. package/dist/esm/bcm-chip.entry.js +0 -87
  421. package/dist/esm/bcm-collapse-group.entry.js +0 -39
  422. package/dist/esm/bcm-collapse.entry.js +0 -58
  423. package/dist/esm/bcm-color-input.entry.js +0 -73
  424. package/dist/esm/bcm-colorful_2.entry.js +0 -246
  425. package/dist/esm/bcm-date.entry.js +0 -178
  426. package/dist/esm/bcm-drawer.entry.js +0 -92
  427. package/dist/esm/bcm-dropdown.entry.js +0 -115
  428. package/dist/esm/bcm-error-layout.entry.js +0 -60
  429. package/dist/esm/bcm-expansion-panel.entry.js +0 -112
  430. package/dist/esm/bcm-form.entry.js +0 -488
  431. package/dist/esm/bcm-icon_6.entry.js +0 -2143
  432. package/dist/esm/bcm-input_2.entry.js +0 -545
  433. package/dist/esm/bcm-item.entry.js +0 -68
  434. package/dist/esm/bcm-items.entry.js +0 -45
  435. package/dist/esm/bcm-link.entry.js +0 -47
  436. package/dist/esm/bcm-menu.entry.js +0 -147
  437. package/dist/esm/bcm-modal.entry.js +0 -153
  438. package/dist/esm/bcm-old-input.entry.js +0 -393
  439. package/dist/esm/bcm-old-tag_2.entry.js +0 -140
  440. package/dist/esm/bcm-popconfirm-box.entry.js +0 -111
  441. package/dist/esm/bcm-popconfirm.entry.js +0 -97
  442. package/dist/esm/bcm-popover.entry.js +0 -226
  443. package/dist/esm/bcm-progress.entry.js +0 -158
  444. package/dist/esm/bcm-radio-group.entry.js +0 -157
  445. package/dist/esm/bcm-radio.entry.js +0 -61
  446. package/dist/esm/bcm-range.entry.js +0 -179
  447. package/dist/esm/bcm-rc-picker.entry.js +0 -10231
  448. package/dist/esm/bcm-select.entry.js +0 -1191
  449. package/dist/esm/bcm-shortcut.entry.js +0 -61
  450. package/dist/esm/bcm-step.entry.js +0 -85
  451. package/dist/esm/bcm-stepper.entry.js +0 -236
  452. package/dist/esm/bcm-switch.entry.js +0 -147
  453. package/dist/esm/bcm-tab-group.entry.js +0 -206
  454. package/dist/esm/bcm-tab-item-header.entry.js +0 -56
  455. package/dist/esm/bcm-tab-item.entry.js +0 -87
  456. package/dist/esm/bcm-tab.entry.js +0 -68
  457. package/dist/esm/bcm-tabs.entry.js +0 -366
  458. package/dist/esm/bcm-text.entry.js +0 -45
  459. package/dist/esm/index-91dbe540.js +0 -191
  460. package/dist/esm/input-template-4d3a4e34.js +0 -90
  461. package/dist/esm/json-parse-decarator-1f7310a8.js +0 -38
  462. package/dist/esm/lodash-0a4396a7.js +0 -17197
  463. package/dist/esm/moment-15cd9198.js +0 -4598
  464. package/dist/esm/stepper-states-b1aa55b0.js +0 -83
  465. package/dist/esm/tooltip-helper-112e52a6.js +0 -156
package/dist/components/bcm-expansion-panel.js CHANGED
@@ -10,7 +10,7 @@ import { C as ColorHelper } from './color-helper.js';
10
10
  import { d as defineCustomElement$3 } from './icon.js';
11
11
  import { d as defineCustomElement$2 } from './tooltip.js';
12
12
 
13
- const expansionPanelCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-expansion-panel{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:block;width:100%;background-color:var(--bcm-new-ds-color-white);border-radius:8px;border:1px solid var(--bcm-new-ds-color-slate-300);box-sizing:border-box}.bcm-expansion-panel+.bcm-expansion-panel{margin-top:4px}.bcm-expansion-panel__header{display:flex;align-items:center;justify-content:flex-start;user-select:none;min-height:50px;border-radius:8px;padding:4px 24px;color:var(--bcm-new-ds-color-slate-700);font-weight:600}.bcm-expansion-panel__header-content{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:8px}.bcm-expansion-panel__header:hover{cursor:pointer}.bcm-expansion-panel__header-title{order:1;user-select:none;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px}.bcm-expansion-panel__header-title-description{margin-left:calc(4px / 2);color:var(--bcm-new-ds-color-slate-500);font-size:12px;line-height:calc(12px + 8px)}.bcm-expansion-panel__header-tooltip{line-height:1;color:var(--bcm-new-ds-color-slate-800)}.bcm-expansion-panel__header-toggle{height:100%;order:0;width:20px;display:flex;align-items:center;justify-content:center;transform:rotate(0deg);transition:transform 0.2s ease-in-out;font-size:12px}.bcm-expansion-panel__header-extra{display:none}.bcm-expansion-panel__header-extra:not(:empty){cursor:default;display:flex;align-items:center;order:5;line-height:1;padding:0 8px}.bcm-expansion-panel__header-extra .bcm-expansion-panel__extra-content{display:flex;align-items:center}.bcm-expansion-panel__body{display:none;padding:12px 24px}.bcm-expansion-panel--icon-right .bcm-expansion-panel__header{justify-content:space-between;padding-left:24px}.bcm-expansion-panel--icon-right .bcm-expansion-panel__header-toggle{order:6}.bcm-expansion-panel--invalid .bcm-expansion-panel__header-toggle,.bcm-expansion-panel--invalid .bcm-expansion-panel__header-content{color:var(--bcm-new-ds-color-red-500)}.bcm-expansion-panel--expanded{border-bottom:1px solid var(--bcm-color-grey-5)}.bcm-expansion-panel--expanded .bcm-expansion-panel__header{border-radius:8px 8px 0 0}.bcm-expansion-panel--expanded .bcm-expansion-panel__header-toggle{transform:rotate(180deg)}.bcm-expansion-panel--expanded .bcm-expansion-panel__body{display:block}";
13
+ const expansionPanelCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-expansion-panel{font-family:Inter, sans-serif;font-size:var(--bcm-ui-font-size-5);line-height:var(--bcm-ui-line-height-5);display:block;width:100%;background-color:var(--bcm-ui-color-background-base-default);border-radius:var(--bcm-ui-border-radius-default);border:1px solid var(--bcm-ui-color-border-default);box-sizing:border-box}.bcm-expansion-panel+.bcm-expansion-panel{margin-top:-1px}.bcm-expansion-panel__header{display:flex;align-items:center;justify-content:flex-start;user-select:none;min-height:50px;border-radius:var(--bcm-ui-border-radius-default);padding:0 var(--bcm-ui-spacing-4);min-height:56px;color:var(--bcm-ui-color-text-default);font-weight:500}.bcm-expansion-panel__header-content{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:8px}.bcm-expansion-panel__header:hover{cursor:pointer}.bcm-expansion-panel__header-title{order:1;user-select:none;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--bcm-ui-spacing-2);font-weight:600;color:var(--bcm-ui-color-text-header)}.bcm-expansion-panel__header-title-description{margin-left:var(--bcm-ui-spacing-1);color:var(--bcm-ui-color-text-caption);font-size:12px;line-height:calc(12px + 8px)}.bcm-expansion-panel__header-tooltip{line-height:1;color:var(--bcm-new-ds-color-slate-800)}.bcm-expansion-panel__header-toggle{height:100%;order:0;width:20px;display:flex;align-items:center;justify-content:center;transform:rotate(0deg);transition:transform 0.2s ease-in-out;font-size:var(--bcm-ui-font-size-4);line-height:var(--bcm-ui-line-height-4)}.bcm-expansion-panel__header-extra{display:none}.bcm-expansion-panel__header-extra:not(:empty){cursor:default;display:flex;align-items:center;order:5;line-height:1;padding:0 8px}.bcm-expansion-panel__header-extra .bcm-expansion-panel__extra-content{display:flex;align-items:center}.bcm-expansion-panel__body{display:none;padding:var(--bcm-ui-spacing-2) var(--bcm-ui-spacing-4)}.bcm-expansion-panel--icon-right .bcm-expansion-panel__header{justify-content:space-between;padding-left:var(--bcm-ui-spacing-4)}.bcm-expansion-panel--icon-right .bcm-expansion-panel__header-toggle{order:6}.bcm-expansion-panel--invalid .bcm-expansion-panel__header-content{color:var(--bcm-ui-color-text-error)}.bcm-expansion-panel--expanded{border-bottom:1px solid var(--bcm-ui-color-border-default)}.bcm-expansion-panel--expanded .bcm-expansion-panel__header{border-radius:var(--bcm-ui-border-radius-default) var(--bcm-ui-border-radius-default) 0 0}.bcm-expansion-panel--expanded .bcm-expansion-panel__header-toggle{transform:rotate(180deg)}.bcm-expansion-panel--expanded .bcm-expansion-panel__body{display:block}";
14
14
 
15
15
  const BcmExpansionPanel$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
16
16
  constructor() {
@@ -100,7 +100,7 @@ const BcmExpansionPanel$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
100
100
  'bcm-expansion-panel--icon-right': this.expandIconPosition === 'right',
101
101
  hidden,
102
102
  });
103
- return (h(Host, { class: hostClasses }, h("div", { class: "bcm-expansion-panel__header", onClick: () => this.toggle(), style: { 'background-color': ColorHelper.dsColor(this.headerColor) } }, h("div", { class: "bcm-expansion-panel__header-title" }, h("span", { id: _id + '-header' }, h("slot", { name: "header" })), tooltip && (h("span", { class: "bcm-expansion-panel__header-tooltip", style: Object.assign({}, color && { color: ColorHelper.convertColorToHex(color) }) }, h("bcm-tooltip", { message: message, placement: placement, trigger: trigger, "aria-label": message }, h("bcm-icon", { color: color, icon: icon })))), h("span", { id: _id + '-description', class: "bcm-expansion-panel__header-title-description" }, h("slot", { name: "description" }))), h("span", { id: _id + '-extra', class: "bcm-expansion-panel__header-extra", onClick: (e) => this.clickExtra(e) }, h("slot", { name: "extra" })), !hideToggle && (h("div", { class: "bcm-expansion-panel__header-toggle" }, h("bcm-icon", { icon: "far fa-chevron-down" })))), h("div", { class: "bcm-expansion-panel__body", id: _id + '-body' }, h("slot", null))));
103
+ return (h(Host, { class: hostClasses }, h("div", { class: "bcm-expansion-panel__header", onClick: () => this.toggle(), style: { 'background-color': ColorHelper.dsColor(this.headerColor) } }, h("div", { class: "bcm-expansion-panel__header-title" }, h("span", { id: _id + '-header' }, h("slot", { name: "header" })), tooltip && (h("span", { class: "bcm-expansion-panel__header-tooltip", style: Object.assign({}, color && { color: ColorHelper.convertColorToHex(color) }) }, h("bcm-tooltip", { message: message, placement: placement, trigger: trigger, "aria-label": message }, h("bcm-icon", { color: color, icon: icon })))), h("span", { id: _id + '-description', class: "bcm-expansion-panel__header-title-description" }, h("slot", { name: "description" }))), h("span", { id: _id + '-extra', class: "bcm-expansion-panel__header-extra", onClick: (e) => this.clickExtra(e) }, h("slot", { name: "extra" })), !hideToggle && (h("div", { class: "bcm-expansion-panel__header-toggle" }, h("bcm-icon", { icon: "fas fa-chevron-down" })))), h("div", { class: "bcm-expansion-panel__body", id: _id + '-body' }, h("slot", null))));
104
104
  }
105
105
  get el() { return this; }
106
106
  static get style() { return expansionPanelCss; }
package/dist/components/bcm-input-2.js CHANGED
@@ -13,7 +13,7 @@ import { d as defineCustomElement$4 } from './icon.js';
13
13
  import { d as defineCustomElement$3 } from './label.js';
14
14
  import { d as defineCustomElement$2 } from './tooltip.js';
15
15
 
16
- const inputCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-input{display:inline-flex;flex-direction:column;width:100%;max-width:256px;margin-bottom:8px}.bcm-input.full-width{max-width:100%}.bcm-input.hidden{display:none}.bcm-input__container{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;align-items:stretch;flex-direction:row;background-color:var(--bcm-new-ds-color-white);border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;box-sizing:border-box;cursor:text;padding:0 0 0 4px;position:relative;width:100%}.bcm-input__container.disabled{background-color:var(--bcm-new-ds-color-slate-50);cursor:not-allowed}.bcm-input__container.disabled .bcm-input-element{color:var(--bcm-new-ds-color-slate-500)}.bcm-input__container.readonly{background-color:var(--bcm-new-ds-color-slate-50);cursor:default}.bcm-input__container.readonly .bcm-input-element{color:var(--bcm-new-ds-color-slate-600)}.bcm-input__container:not(.disabled):hover .caret-container,.bcm-input__container:not(.disabled).focused .caret-container{opacity:1}.bcm-input__container:not(.disabled):hover .input-clear-button,.bcm-input__container:not(.disabled).focused .input-clear-button{opacity:1}.bcm-input__container:not(.disabled).focused{background-color:var(--bcm-new-ds-color-slate-50)}.bcm-input__container:not(.disabled):hover{border-color:var(--bcm-color-prime-blue-6)}.bcm-input__container.empty .input-clear-button{display:none}.bcm-input__container.invalid,.bcm-input__container.error{border-color:var(--bcm-new-ds-color-red-500)}.bcm-input__container .bcm-input-element{width:100%;color:var(--bcm-new-ds-color-slate-600);flex:1;border:none;background:transparent;box-shadow:unset;padding:0 4px;font-family:\"Inter\", sans-serif;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;text-overflow:ellipsis}.bcm-input__container .bcm-input-element::placeholder{font-family:\"Inter\", sans-serif;color:var(--bcm-new-ds-color-slate-300);user-select:none}.bcm-input__container .bcm-input-element::-webkit-search-decoration,.bcm-input__container .bcm-input-element::-webkit-search-cancel-button,.bcm-input__container .bcm-input-element::-webkit-search-results-button,.bcm-input__container .bcm-input-element::-webkit-search-results-decoration,.bcm-input__container .bcm-input-element::-webkit-calendar-picker-indicator,.bcm-input__container .bcm-input-element::-webkit-inner-spin-button,.bcm-input__container .bcm-input-element::-webkit-outer-spin-button{-webkit-appearance:none}.bcm-input__container .caret-container{width:30px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;border-left:1px solid #D9D9D9;transition:0.2s opacity;user-select:none;box-sizing:border-box}.bcm-input__container .caret-container .bcm-input-caret{display:flex;align-items:center;justify-content:center;color:var(--bcm-color-grey-7);cursor:pointer;flex:1}.bcm-input__container .caret-container .bcm-input-caret bcm-icon{line-height:1}.bcm-input__container .caret-container .bcm-input-caret:hover{color:var(--bcm-color-prime-blue-6)}.bcm-input__container .caret-container .bcm-input-caret:active{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container .bcm-input-caret:last-child{border-top:1px solid #D9D9D9}.bcm-input__container .caret-container.disabled{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container.disabled .bcm-input-caret{cursor:not-allowed}.bcm-input__container .input-suffix-content{display:flex;align-items:center;justify-content:center}.bcm-input__container .input-prefix:not(:empty){padding-left:4px}.bcm-input__container .input-suffix:not(:empty){min-width:24px;padding-right:4px}.bcm-input__container .input-prefix:not(:empty),.bcm-input__container .input-suffix:not(:empty){display:flex;align-items:center;justify-content:center;cursor:default;color:#64748a}.bcm-input__container .input-prefix:not(:empty) .unit-prefix,.bcm-input__container .input-suffix:not(:empty) .unit-prefix{color:#64748a}.bcm-input__container .input-prefix-button:not(:empty),.bcm-input__container .input-suffix-button:not(:empty){cursor:pointer}.bcm-input__container .caret-container,.bcm-input__container .input-clear-button{opacity:0}.bcm-input__container--small{font-size:12px}.bcm-input__container--medium{font-size:14px}.bcm-input__container--large{font-size:16px}.bcm-input__textarea.clearable .bcm-input-element{padding-right:24px}.bcm-input__textarea .input-clear-button{position:absolute;top:4px;right:0}";
16
+ const inputCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-input{display:inline-flex;flex-direction:column;width:100%;max-width:256px;margin-bottom:8px}.bcm-input.full-width{max-width:100%}.bcm-input.hidden{display:none}.bcm-input__container{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;align-items:stretch;flex-direction:row;background-color:var(--bcm-ui-color-background-base-default);border:1px solid var(--bcm-ui-color-border-default);border-radius:var(--bcm-ui-border-radius-default);box-sizing:border-box;cursor:text;padding:0 0 0 4px;position:relative;width:100%}.bcm-input__container.disabled{background-color:var(--bcm-ui-color-background-disabled-default);border-color:var(--bcm-ui-color-border-disabled);cursor:not-allowed}.bcm-input__container.disabled .bcm-input-element{color:var(--bcm-ui-color-text-disabled)}.bcm-input__container.disabled .bcm-input-element::placeholder{color:var(--bcm-color-secondary-400)}.bcm-input__container.readonly{background-color:var(--bcm-new-ds-color-slate-50);cursor:default}.bcm-input__container.readonly .bcm-input-element{color:var(--bcm-ui-color-text-default)}.bcm-input__container:not(.disabled):hover .caret-container,.bcm-input__container:not(.disabled).focused .caret-container{opacity:1}.bcm-input__container:not(.disabled):hover .input-clear-button,.bcm-input__container:not(.disabled).focused .input-clear-button{opacity:1}.bcm-input__container:not(.disabled).focused{background-color:var(--bcm-new-ds-color-slate-50);border-color:var(--bcm-ui-color-border-primary)}.bcm-input__container:not(.disabled):hover{border-color:var(--bcm-ui-color-border-primary)}.bcm-input__container.empty .input-clear-button{display:none}.bcm-input__container.invalid,.bcm-input__container.error{border-color:var(--bcm-ui-color-border-error)}.bcm-input__container .bcm-input-element{width:100%;color:var(--bcm-ui-color-text-default);flex:1;border:none;background:transparent;box-shadow:unset;padding:0 4px;font-family:\"Inter\", sans-serif;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;text-overflow:ellipsis}.bcm-input__container .bcm-input-element::placeholder{font-family:\"Inter\", sans-serif;color:var(--bcm-ui-color-text-placeholder);user-select:none}.bcm-input__container .bcm-input-element::-webkit-search-decoration,.bcm-input__container .bcm-input-element::-webkit-search-cancel-button,.bcm-input__container .bcm-input-element::-webkit-search-results-button,.bcm-input__container .bcm-input-element::-webkit-search-results-decoration,.bcm-input__container .bcm-input-element::-webkit-calendar-picker-indicator,.bcm-input__container .bcm-input-element::-webkit-inner-spin-button,.bcm-input__container .bcm-input-element::-webkit-outer-spin-button{-webkit-appearance:none}.bcm-input__container .caret-container{width:30px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;border-left:1px solid #D9D9D9;transition:0.2s opacity;user-select:none;box-sizing:border-box}.bcm-input__container .caret-container .bcm-input-caret{display:flex;align-items:center;justify-content:center;color:var(--bcm-color-grey-7);cursor:pointer;flex:1}.bcm-input__container .caret-container .bcm-input-caret bcm-icon{line-height:1}.bcm-input__container .caret-container .bcm-input-caret:hover{color:var(--bcm-color-prime-blue-6)}.bcm-input__container .caret-container .bcm-input-caret:active{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container .bcm-input-caret:last-child{border-top:1px solid #D9D9D9}.bcm-input__container .caret-container.disabled{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container.disabled .bcm-input-caret{cursor:not-allowed}.bcm-input__container .input-suffix-content{display:flex;align-items:center;justify-content:center}.bcm-input__container .input-prefix:not(:empty){padding-left:4px}.bcm-input__container .input-suffix:not(:empty){min-width:24px;padding-right:4px}.bcm-input__container .input-prefix:not(:empty),.bcm-input__container .input-suffix:not(:empty){display:flex;align-items:center;justify-content:center;cursor:default;color:#64748a}.bcm-input__container .input-prefix:not(:empty) .unit-prefix,.bcm-input__container .input-suffix:not(:empty) .unit-prefix{color:#64748a}.bcm-input__container .input-prefix-button:not(:empty),.bcm-input__container .input-suffix-button:not(:empty){cursor:pointer}.bcm-input__container .caret-container,.bcm-input__container .input-clear-button{opacity:0}.bcm-input__container--small{font-size:var(--bcm-ui-font-size-4);line-height:var(--bcm-ui-line-height-4)}.bcm-input__container--medium{font-size:var(--bcm-ui-font-size-5);line-height:var(--bcm-ui-line-height-5)}.bcm-input__container--large{font-size:var(--bcm-ui-font-size-6);line-height:var(--bcm-ui-line-height-6)}.bcm-input__textarea.clearable .bcm-input-element{padding-right:24px}.bcm-input__textarea .input-clear-button{position:absolute;top:4px;right:0}";
17
17
 
18
18
  var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
19
19
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
package/dist/components/bcm-input-dropdown.js CHANGED
@@ -14,7 +14,7 @@ import { C as CaptionTemplate } from './caption-template.js';
14
14
  import { c as classnames } from './index2.js';
15
15
  import './types.js';
16
16
  import './types2.js';
17
- import { c as ce } from './index5.js';
17
+ import { c as ce } from './index4.js';
18
18
  import { d as defineCustomElement$9 } from './button.js';
19
19
  import { d as defineCustomElement$8 } from './colorful.js';
20
20
  import { d as defineCustomElement$7 } from './icon.js';
package/dist/components/bcm-modal.js CHANGED
@@ -10,7 +10,7 @@ import { S as SlotTemplate } from './slot-template.js';
10
10
  import { G as Generate } from './generate.js';
11
11
  import { d as defineCustomElement$2 } from './icon.js';
12
12
 
13
- const modalCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-modal{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-wrap:nowrap;width:100%;height:100%;position:fixed;z-index:-1;opacity:0;top:0;left:0;visibility:hidden;overflow:auto;padding:24px;transition:opacity 0.5s ease, visibility 0.4s ease-in-out, 0.3s z-index}.bcm-modal__show{opacity:1;z-index:10500;visibility:visible;transition:opacity 0.2s ease, visibility 0.4s ease-in-out, 0.3s z-index}.bcm-modal__show .bcm-modal__container{transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transform:translateY(0)}.bcm-modal .overlay{position:fixed;width:100vw;height:100vh;z-index:1;top:0;left:0;opacity:0.6;background-color:var(--bcm-new-ds-color-slate-900)}.bcm-modal__container{display:flex;flex-direction:column;width:100%;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1);border-radius:8px;background-color:var(--bcm-new-ds-color-white);z-index:2;transform:translateY(-50px);transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out}.bcm-modal__container.portrait{max-width:312px}.bcm-modal__container.landscape{max-width:475px}.bcm-modal__container.small{max-width:576px}.bcm-modal__container.medium{max-width:768px}.bcm-modal__container.large{max-width:992px}.bcm-modal__container.xlarge{max-width:1024px}.bcm-modal__container.xxlarge{max-width:1200px}.bcm-modal__container.xxxlarge{max-width:1700px}.bcm-modal__container.full-width{width:100%;max-width:100%}.bcm-modal__container.custom-size main{overflow:auto;height:100%;width:100%}.bcm-modal__container-main{color:var(--bcm-color-grey-8);padding:0}.bcm-modal__container-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:12px 24px;font-size:16px;line-height:calc(16px + 8px);font-weight:500;color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-100);position:relative}.bcm-modal__container-header span.full-width{width:100%}.bcm-modal__container-header-close{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;padding:8px;cursor:pointer;color:var(--bcm-new-ds-color-slate-500);transition:color 0.1s ease-in-out}.bcm-modal__container-header-close:hover{color:var(--bcm-new-ds-color-slate-600)}.bcm-modal__container-header-close:active{color:var(--bcm-new-ds-color-slate-700)}.bcm-modal__container-header-close:focus-visible{color:var(--bcm-new-ds-color-slate-800)}.bcm-modal__container-header:after{border-radius:8px 8px 0 0;content:\"\";display:block;width:100%;height:4px;background-color:var(--bcm-color-primary-500);position:absolute;top:-4px;left:0}.bcm-modal__container-footer-content{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;flex-wrap:nowrap;padding:12px 24px 24px;grid-gap:8px}";
13
+ const modalCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-modal{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-wrap:nowrap;width:100%;height:100%;position:fixed;z-index:-1;opacity:0;top:0;left:0;visibility:hidden;overflow:auto;padding:var(--bcm-ui-spacing-6);transition:opacity 0.5s ease, visibility 0.4s ease-in-out, 0.3s z-index}.bcm-modal__show{opacity:1;z-index:10500;visibility:visible;transition:opacity 0.2s ease, visibility 0.4s ease-in-out, 0.3s z-index}.bcm-modal__show .bcm-modal__container{transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transform:translateY(0)}.bcm-modal .overlay{position:fixed;width:100vw;height:100vh;z-index:1;top:0;left:0;background-color:var(--bcm-ui-color-background-transparent-default)}.bcm-modal__container{display:flex;flex-direction:column;width:100%;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1);border-radius:var(--bcm-ui-border-radius-lg);background-color:var(--bcm-ui-color-background-base-default);z-index:2;border:1px solid var(--bcm-ui-color-border-default);transform:translateY(-50px);transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out}.bcm-modal__container.portrait{max-width:312px}.bcm-modal__container.landscape{max-width:475px}.bcm-modal__container.small{max-width:576px}.bcm-modal__container.medium{max-width:768px}.bcm-modal__container.large{max-width:992px}.bcm-modal__container.xlarge{max-width:1024px}.bcm-modal__container.xxlarge{max-width:1200px}.bcm-modal__container.xxxlarge{max-width:1700px}.bcm-modal__container.full-width{width:100%;max-width:100%}.bcm-modal__container.custom-size main{overflow:auto;height:100%;width:100%}.bcm-modal__container-main{color:var(--bcm-ui-color-text-default);padding:0}.bcm-modal__container-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:var(--bcm-ui-spacing-2) var(--bcm-ui-spacing-5);border-top-left-radius:calc(var(--bcm-ui-border-radius-lg) - 1px);border-top-right-radius:calc(var(--bcm-ui-border-radius-lg) - 1px);font-size:var(--bcm-ui-font-size-5);line-height:var(--bcm-ui-line-height-5);font-weight:600;color:var(--bcm-ui-color-text-header);background-color:var(--bcm-ui-color-background-default-default)}.bcm-modal__container-header span.full-width{width:100%}.bcm-modal__container-header-close{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;cursor:pointer;font-size:var(--bcm-ui-font-size-5);line-height:var(--bcm-ui-line-height-5);color:var(--bcm-ui-color-text-default);transition-property:color, background-color, border-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;position:relative;z-index:0}.bcm-modal__container-header-close::after,.bcm-modal__container-header-close::before{z-index:-1;content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;width:var(--bcm-ui-spacing-8);height:var(--bcm-ui-spacing-8);background-color:var(--bcm-ui-color-background-default-hover);opacity:0;transition:opacity 0.2s ease-in-out}.bcm-modal__container-header-close::before{z-index:-1;background-color:var(--bcm-ui-color-background-default-hover)}.bcm-modal__container-header-close:hover::before{opacity:1}.bcm-modal__container-footer-content{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;flex-wrap:nowrap;padding:0 var(--bcm-ui-spacing-5) var(--bcm-ui-spacing-5);grid-gap:var(--bcm-ui-spacing-2)}";
14
14
 
15
15
  const BcmModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
16
16
  constructor() {
@@ -137,7 +137,7 @@ const BcmModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
137
137
  return (this.modalSlots['footer'] && (h("footer", { class: "bcm-modal__container-footer" }, h("slot", { name: "footer" }))));
138
138
  };
139
139
  const HeaderTemplate = () => {
140
- return (this.modalSlots['header'] && (h("header", { class: "bcm-modal__container-header" }, h(SlotTemplate, { name: "header", className: 'full-width' }), h("div", { class: "bcm-modal__container-header-close", onClick: () => this.hide() }, h("bcm-icon", { icon: "far fa-times" })))));
140
+ return (this.modalSlots['header'] && (h("header", { class: "bcm-modal__container-header" }, h(SlotTemplate, { name: "header", className: 'full-width' }), h("div", { class: "bcm-modal__container-header-close", onClick: () => this.hide() }, h("bcm-icon", { icon: "fas fa-times" })))));
141
141
  };
142
142
  const customStyle = Object.assign(Object.assign({}, (width && { width: width })), (height && { height: height }));
143
143
  return (h(Host, { class: `tw-overscroll-contain ${bcmModalHostClasses}` }, h("div", { class: "overlay", onClick: () => this.handleBackdrop() }), h("div", { class: bcmModalContainer, style: customStyle }, h(HeaderTemplate, null), h("main", { class: mainClasses }, h("article", null, h(SlotTemplate, null))), h(FooterTemplate, null))));
package/dist/components/bcm-popover.js CHANGED
@@ -34,15 +34,15 @@ class Popover {
34
34
  variable: "--bcm-popover",
35
35
  });
36
36
  const style = Object.assign(Object.assign({}, dc), (dc["--bcm-popover-bg"] && { "--bcm-popover-text": ColorHelper.reverseColor(dc["--bcm-popover-bg"]) }));
37
- const inner = `<div class="tw-z-[1] tw-rounded tw-py-2">
38
- ${this.message ? `<div class="tw-font-medium tw-w-full tw-pb-1 tw-px-4">${StringHelper.trim(this.message)}</div>` : ""}
39
- ${this.content ? `<div class="tw-font-normal tw-px-4">${StringHelper.trim(this.content)}</div>` : ""}
37
+ const inner = `<div class="tw-z-[1] tw-rounded-md tw-py-3">
38
+ ${this.message ? `<div class="tw-font-semibold tw-w-full tw-pb-3 tw-px-3">${StringHelper.trim(this.message)}</div>` : ""}
39
+ ${this.content ? `<div class="tw-font-normal tw-px-3">${StringHelper.trim(this.content)}</div>` : ""}
40
40
  </div>`;
41
41
  this.el = Generate.createElement("div", {
42
42
  "id": `${this.targetId}-popover-box`,
43
43
  "class": `
44
- tw-whitespace-normal tw-break-words tw-block tw-font-sans tw-pointer-events-none tw-max-w-[256px] tw-rounded tw-bg-[--bcm-popover-bg] tw-text-[--bcm-popover-text] tw-text-3 tw-absolute tw-top-0 tw-left-0 tw-z-tooltip tw-opacity-0 tw-transition-opacity tw-duration-300
45
- tw-shadow`,
44
+ tw-whitespace-normal tw-break-words tw-block tw-font-sans tw-pointer-events-none tw-max-w-[256px] tw-rounded tw-bg-[--bcm-popover-bg] tw-text-[--bcm-popover-text] tw-text-size-4 tw-absolute tw-top-0 tw-left-0 tw-z-tooltip tw-opacity-0 tw-transition-opacity tw-duration-300
45
+ tw-shadow-md`,
46
46
  "role": "popover",
47
47
  "aria-hidden": "true",
48
48
  "style": ColorHelper.generateStyleString(style),
package/dist/components/bcm-range.js CHANGED
@@ -8,7 +8,7 @@ import { G as Generate } from './generate.js';
8
8
  import { a as Bcm } from './bcm.js';
9
9
  import { d as delay } from './utils.js';
10
10
 
11
- const rangeCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-range{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;width:100%;position:relative;display:block;margin:16px 0}.bcm-range input[type=range]{position:absolute;pointer-events:none;-webkit-appearance:none;z-index:4;height:30px;width:100%;top:-17px;opacity:0}.bcm-range input[type=range].single{display:none}.bcm-range input[type=range]::-webkit-slider-thumb{pointer-events:all;width:30px;height:30px;border-radius:0;border:0 none;background-color:red;-webkit-appearance:none;cursor:pointer}.bcm-range__container-bar{width:calc(100% - 24px);left:12px;position:relative}.bcm-range__container-bar-track{position:absolute;top:-2px;width:100%;height:4px;background-color:var(--bcm-new-ds-color-slate-300);z-index:1}.bcm-range__container-bar-range{position:absolute;top:-2px;left:22.22%;right:22.22%;height:4px;background-color:var(--bcm-new-ds-color-blue-500);z-index:2}.bcm-range__container-bar-thumb{position:absolute;top:0;width:16px;height:16px;background-color:var(--bcm-new-ds-color-blue-500);border-radius:50%;z-index:3;transition:box-shadow 0.2s ease-in-out;display:flex;align-items:center;justify-content:center}.bcm-range__container-bar-thumb>span{display:flex;width:100%;height:100%}.bcm-range__container-bar-thumb.hover{box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1), 0px 3px 1px rgba(0, 0, 0, 0.05), 0px 1px 5px rgba(0, 0, 0, 0.1);cursor:pointer}.bcm-range__container-bar-thumb.hidden{display:none}.bcm-range__container-bar-thumb.left{left:22.22222%;transform:translate(-8px, -8px)}.bcm-range__container-bar-thumb.right{right:0%;transform:translate(8px, -8px)}.bcm-range .ticks{position:absolute;z-index:0;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:4px 0;user-select:none}.bcm-range .tick{position:relative;display:flex;justify-content:center;width:1px;color:var(--bcm-new-ds-color-slate-300);cursor:pointer;height:8px;line-height:32px;margin-bottom:8px;z-index:-1;transition:color 0.1s ease-in-out}.bcm-range .tick::before,.bcm-range .tick::after{content:\" \";position:absolute;width:1px;height:8px;background-color:var(--bcm-new-ds-color-slate-300);z-index:-1;transition:background-color 0.1s ease-in-out}.bcm-range .tick::before{top:-16px}.bcm-range .tick::after{top:0}.bcm-range .tick.hover{color:var(--bcm-new-ds-color-slate-400)}.bcm-range .tick.hover::before,.bcm-range .tick.hover::after{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-range .touch{position:absolute;width:calc(100% + 48px);left:-24px;top:-17px;opacity:0;height:45px;z-index:2;background-color:transparent;display:flex;flex-direction:row;justify-content:space-between}.bcm-range .touch-point{cursor:pointer;flex:1;border:1px solid var(--bcm-new-ds-color-slate-300);box-sizing:border-box;background-color:var(--bcm-new-ds-color-slate-300)}.bcm-range .touch-point:hover{border-color:var(--bcm-new-ds-color-blue-500);background-color:var(--bcm-new-ds-color-blue-500)}.bcm-range .touch::after,.bcm-range .touch::before{content:\"\";position:absolute;width:24px;height:100%;top:0}.bcm-range .touch::before{left:0}.bcm-range .touch::after{right:0}.bcm-range.vertical{margin:0 16px;padding:12px 0}.bcm-range.vertical .touch{width:calc(100% + 12px);left:-6px;top:-17px}.bcm-range.vertical .touch::after,.bcm-range.vertical .touch::before{width:12px}.bcm-range.vertical .bcm-range__container{transform:rotate(270deg)}.bcm-range.vertical .bcm-range__container .ticks .tick-text{position:absolute;top:0px;width:100%;transform:rotate(90deg)}";
11
+ const rangeCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-range{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;width:100%;position:relative;display:block;margin:16px 0}.bcm-range input[type=range]{position:absolute;pointer-events:none;-webkit-appearance:none;z-index:4;height:30px;width:100%;top:-17px;opacity:0}.bcm-range input[type=range].single{display:none}.bcm-range input[type=range]::-webkit-slider-thumb{pointer-events:all;width:30px;height:30px;border-radius:0;border:0 none;background-color:red;-webkit-appearance:none;cursor:pointer}.bcm-range__container-bar{width:calc(100% - 24px);left:12px;position:relative}.bcm-range__container-bar-track{position:absolute;top:-2px;width:100%;height:4px;background-color:var(--bcm-new-ds-color-slate-300);z-index:1}.bcm-range__container-bar-range{position:absolute;top:-2px;left:22.22%;right:22.22%;height:4px;background-color:var(--bcm-ui-color-background-primary-default);z-index:2}.bcm-range__container-bar-thumb{position:absolute;top:0;width:16px;height:16px;background-color:var(--bcm-ui-color-background-primary-default);border-radius:50%;z-index:3;transition:box-shadow 0.2s ease-in-out;display:flex;align-items:center;justify-content:center}.bcm-range__container-bar-thumb>span{display:flex;width:100%;height:100%}.bcm-range__container-bar-thumb.hover{box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1), 0px 3px 1px rgba(0, 0, 0, 0.05), 0px 1px 5px rgba(0, 0, 0, 0.1);cursor:pointer}.bcm-range__container-bar-thumb.hidden{display:none}.bcm-range__container-bar-thumb.left{left:22.22222%;transform:translate(-8px, -8px)}.bcm-range__container-bar-thumb.right{right:0%;transform:translate(8px, -8px)}.bcm-range .ticks{position:absolute;z-index:0;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:4px 0;user-select:none}.bcm-range .tick{position:relative;display:flex;justify-content:center;width:1px;color:var(--bcm-ui-color-text-placeholder);cursor:pointer;height:8px;line-height:32px;margin-bottom:8px;z-index:-1;transition:color 0.1s ease-in-out}.bcm-range .tick::before,.bcm-range .tick::after{content:\" \";position:absolute;width:1px;height:8px;background-color:var(--bcm-ui-color-background-default-hover);z-index:-1;transition:background-color 0.1s ease-in-out}.bcm-range .tick::before{top:-16px}.bcm-range .tick::after{top:0}.bcm-range .tick.hover::before,.bcm-range .tick.hover::after{background-color:var(--bcm-ui-color-background-default-active)}.bcm-range .touch{position:absolute;width:calc(100% + 48px);left:-24px;top:-17px;opacity:0;height:45px;z-index:2;background-color:transparent;display:flex;flex-direction:row;justify-content:space-between}.bcm-range .touch-point{cursor:pointer;flex:1;border:1px solid var(--bcm-new-ds-color-slate-300);box-sizing:border-box;background-color:var(--bcm-new-ds-color-slate-300)}.bcm-range .touch-point:hover{border-color:var(--bcm-new-ds-color-blue-500);background-color:var(--bcm-new-ds-color-blue-500)}.bcm-range .touch::after,.bcm-range .touch::before{content:\"\";position:absolute;width:24px;height:100%;top:0}.bcm-range .touch::before{left:0}.bcm-range .touch::after{right:0}.bcm-range.vertical{margin:0 16px;padding:12px 0}.bcm-range.vertical .touch{width:calc(100% + 12px);left:-6px;top:-17px}.bcm-range.vertical .touch::after,.bcm-range.vertical .touch::before{width:12px}.bcm-range.vertical .bcm-range__container{transform:rotate(270deg)}.bcm-range.vertical .bcm-range__container .ticks .tick-text{position:absolute;top:0px;width:100%;transform:rotate(90deg)}";
12
12
 
13
13
  const BcmRange$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
14
14
  constructor() {
package/dist/components/bcm-shortcut.js CHANGED
@@ -45,10 +45,10 @@ const BcmShortcut$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
45
45
  }
46
46
  render() {
47
47
  const { size, color, hotkey } = this;
48
- return (h(Host, { class: classnames("bcm-ui-element bcm-ui-content-display", "tw-block tw-h-fit tw-w-fit tw-rounded tw-border tw-border-solid tw-px-1", "tw-border-default-300 tw-bg-default-100 tw-text-default-700", "tw-text-center tw-font-medium tw-capitalize", {
49
- "tw-text-2": size === Bcm.Size.small,
50
- "tw-text-3": size === Bcm.Size.medium,
51
- "tw-text-4": size === Bcm.Size.large,
48
+ return (h(Host, { class: classnames("bcm-ui-element bcm-ui-content-display", "tw-block tw-h-fit tw-w-fit tw-rounded tw-border tw-border-solid tw-px-1", "tw-border-color-default tw-bg-color-default tw-text-color-default", "tw-text-center tw-font-medium tw-capitalize", {
49
+ "tw-text-size-3": size === Bcm.Size.small,
50
+ "tw-text-size-4": size === Bcm.Size.medium,
51
+ "tw-text-size-5": size === Bcm.Size.large,
52
52
  }), style: Object.assign({}, Generate.getTwColor({ color })) }, this.getHotkey(hotkey)));
53
53
  }
54
54
  }, [0, "bcm-shortcut", {
package/dist/components/bcm-stepper.js CHANGED
@@ -25,19 +25,19 @@ const StepperHeaderTemplate = ({ _title, description, status, valid, index, load
25
25
  'hidden': headerHidden,
26
26
  });
27
27
  const defaultIcons = {
28
- success: 'fal fa-check',
29
- warning: 'fal fa-exclamation-triangle',
30
- error: 'fal fa-times',
28
+ success: 'far fa-check',
29
+ warning: 'far fa-exclamation-triangle',
30
+ error: 'far fa-times',
31
31
  };
32
32
  const customIcon = (icon || (statusIcon && defaultIcons[status])) && h("bcm-icon", { icon: icon ? icon : defaultIcons[status] });
33
33
  return (h("div", { class: classes },
34
34
  h("div", { class: "bcm-stepper__header-item--container", onClick: () => !disabled && stepChange(index) },
35
35
  h("div", { class: "bcm-stepper__header-item-icon size-3" }, loading ? h("bcm-icon", { icon: "far fa-spinner-third fa-spin" }) : customIcon || index),
36
- h("div", { class: "bcm-stepper__header-item-title size-2" }, _title),
37
- h("div", { class: "bcm-stepper__header-item-description size-1 tw-text-center", innerHTML: description }))));
36
+ h("div", { class: "bcm-stepper__header-item-title tw-text-size-5" }, _title),
37
+ h("div", { class: "bcm-stepper__header-item-description tw-text-size-4 tw-text-center", innerHTML: description }))));
38
38
  };
39
39
 
40
- const stepperCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-stepper{display:block;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400}.bcm-stepper__header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:16px}.bcm-stepper__header *,.bcm-stepper__header ::after,.bcm-stepper__header ::before{box-sizing:content-box}.bcm-stepper__header-item{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-width:150px}.bcm-stepper__header-item--container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.bcm-stepper__header-item-icon{position:relative;width:32px;height:32px;min-width:32px;min-height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--bcm-new-ds-color-blue-700);color:var(--bcm-new-ds-color-gray-800);line-height:1;margin-bottom:16px;user-select:none}.bcm-stepper__header-item-icon::before{width:40px;height:40px;border-radius:50%;border:2px solid var(--bcm-new-ds-color-blue-700);border-color:transparent;position:absolute;z-index:0;user-select:none;top:-6px;left:-6px}.bcm-stepper__header-item-title{color:var(--bcm-new-ds-color-gray-800)}.bcm-stepper__header-item-description{color:var(--bcm-new-ds-color-gray-700)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-title{color:var(--bcm-new-ds-color-gray-500)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-description{color:var(--bcm-new-ds-color-gray-500)}.bcm-stepper__header-item:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-item::before,.bcm-stepper__header-item::after{content:\"\";position:absolute;width:calc(50% - 24px);height:2px;background-color:var(--bcm-new-ds-color-blue-700);top:16px;box-sizing:content-box}.bcm-stepper__header-item::after{right:0;border-radius:3px 0 0 3px}.bcm-stepper__header-item::before{left:0;border-radius:0 3px 3px 0}.bcm-stepper__header-item:first-of-type::before{display:none}.bcm-stepper__header-item:last-of-type::after{display:none}.bcm-stepper__header-item--active .bcm-stepper__header-item-icon::before{content:\"\";border:2px solid var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-item--active .bcm-stepper__header-item-title{font-weight:500}.bcm-stepper__header-line{width:100%;flex:1;height:2px;background-color:var(--bcm-new-ds-color-blue-700);margin-top:16px}.bcm-stepper__header-line--warning{background-color:var(--bcm-new-ds-color-amber-700)}.bcm-stepper__header-line--warning+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-amber-700)}.bcm-stepper__header-item--warning::after{background-color:var(--bcm-new-ds-color-amber-700)}.bcm-stepper__header-item--warning .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-amber-700)}.bcm-stepper__header-item--warning .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-amber-700)}.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-amber-800)}.bcm-stepper__header-line--success{background-color:var(--bcm-new-ds-color-emerald-700)}.bcm-stepper__header-line--success+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-emerald-700)}.bcm-stepper__header-item--success::after{background-color:var(--bcm-new-ds-color-emerald-700)}.bcm-stepper__header-item--success .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-emerald-700)}.bcm-stepper__header-item--success .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-emerald-700)}.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-emerald-800)}.bcm-stepper__header-line--error{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-line--error+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-item--error::after{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-item--error .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-red-700)}.bcm-stepper__header-item--error .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-red-700)}.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-red-800)}.bcm-stepper__header-line--default{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-line--default+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-item--default::after{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-item--default .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-item--default .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-800)}.bcm-stepper__header-line--loading{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-line--loading+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-item--loading::after{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-item--loading .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-item--loading .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-800)}.bcm-stepper__header-line--disabled{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-line--disabled+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-item--disabled::after{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-gray-400)}.bcm-stepper__header-item--disabled{cursor:not-allowed}.bcm-stepper__header-item--disabled.bcm-stepper__header-item--container{pointer-events:none}.bcm-stepper__step{display:none}.bcm-stepper__step-active{display:block}";
40
+ const stepperCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-stepper{display:block;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400}.bcm-stepper__header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:16px}.bcm-stepper__header *,.bcm-stepper__header ::after,.bcm-stepper__header ::before{box-sizing:content-box}.bcm-stepper__header-item{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-width:150px}.bcm-stepper__header-item--container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.bcm-stepper__header-item-icon{position:relative;width:32px;height:32px;min-width:32px;min-height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--bcm-new-ds-color-blue-700);color:var(--bcm-new-ds-color-gray-800);line-height:1;margin-bottom:16px;user-select:none}.bcm-stepper__header-item-icon::before{width:40px;height:40px;border-radius:50%;border:2px solid var(--bcm-new-ds-color-blue-700);border-color:transparent;position:absolute;z-index:0;user-select:none;top:-6px;left:-6px}.bcm-stepper__header-item-title{font-weight:600;color:var(--bcm-ui-color-text-default)}.bcm-stepper__header-item-description{color:var(--bcm-ui-color-text-caption)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-title{color:var(--bcm-ui-color-text-disabled)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-description{color:var(--bcm-ui-color-text-disabled)}.bcm-stepper__header-item:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-item::before,.bcm-stepper__header-item::after{content:\"\";position:absolute;width:calc(50% - 24px);height:2px;background-color:var(--bcm-new-ds-color-blue-700);top:16px;box-sizing:content-box}.bcm-stepper__header-item::after{right:0;border-radius:3px 0 0 3px}.bcm-stepper__header-item::before{left:0;border-radius:0 3px 3px 0}.bcm-stepper__header-item:first-of-type::before{display:none}.bcm-stepper__header-item:last-of-type::after{display:none}.bcm-stepper__header-item--active .bcm-stepper__header-item-icon::before{content:\"\";border:2px solid var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-item--active .bcm-stepper__header-item-title{font-weight:600}.bcm-stepper__header-line{width:100%;flex:1;height:2px;background-color:var(--bcm-new-ds-color-blue-700);margin-top:16px}.bcm-stepper__header-line--warning{background-color:var(--bcm-new-ds-color-amber-700)}.bcm-stepper__header-line--warning+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-amber-700)}.bcm-stepper__header-item--warning::after{background-color:var(--bcm-new-ds-color-amber-700)}.bcm-stepper__header-item--warning .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-amber-700)}.bcm-stepper__header-item--warning .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-amber-700)}.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-amber-800)}.bcm-stepper__header-line--success{background-color:var(--bcm-new-ds-color-emerald-700)}.bcm-stepper__header-line--success+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-emerald-700)}.bcm-stepper__header-item--success::after{background-color:var(--bcm-new-ds-color-emerald-700)}.bcm-stepper__header-item--success .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-emerald-700)}.bcm-stepper__header-item--success .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-emerald-700)}.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-emerald-800)}.bcm-stepper__header-line--error{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-line--error+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-item--error::after{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-item--error .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-red-700)}.bcm-stepper__header-item--error .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-red-700)}.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-red-800)}.bcm-stepper__header-line--default{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-line--default+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-item--default::after{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-item--default .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-item--default .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-800)}.bcm-stepper__header-line--loading{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-line--loading+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-item--loading::after{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-item--loading .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-item--loading .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-blue-700)}.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-blue-800)}.bcm-stepper__header-line--disabled{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-line--disabled+.bcm-stepper__header-item::before{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-item--disabled::after{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-icon::before{border-color:var(--bcm-new-ds-color-gray-300)}.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled) .bcm-stepper__header-item-icon{color:white}.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-new-ds-color-gray-400)}.bcm-stepper__header-item--disabled{cursor:not-allowed}.bcm-stepper__header-item--disabled.bcm-stepper__header-item--container{pointer-events:none}.bcm-stepper__step{display:none}.bcm-stepper__step-active{display:block}";
41
41
 
42
42
  const BcmStepper$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
43
43
  constructor() {
package/dist/components/bcm-switch.js CHANGED
@@ -13,7 +13,7 @@ import { d as defineCustomElement$4 } from './icon.js';
13
13
  import { d as defineCustomElement$3 } from './label.js';
14
14
  import { d as defineCustomElement$2 } from './tooltip.js';
15
15
 
16
- const switchCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-switch{display:inline-flex;user-select:none;flex-direction:column;margin-bottom:8px}.bcm-switch__container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px}.bcm-switch__container--left,.bcm-switch__container--right{align-items:center}.bcm-switch__container--left .bcm-label__text,.bcm-switch__container--right .bcm-label__text{margin:0}.bcm-switch__container--left{flex-direction:row}.bcm-switch__container--left .bcm-label__text{margin-right:4px}.bcm-switch__container--right{flex-direction:row-reverse}.bcm-switch__container--right .bcm-label__text{margin-left:4px}.bcm-switch:focus-visible{outline:none}.bcm-switch:focus-visible .bcm-switch__toggle{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-switch:focus-visible .bcm-switch__toggle.switch-checked{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-switch:hover{outline:none}.bcm-switch:hover .bcm-switch__toggle .handle{background-color:var(--bcm-new-ds-color-slate-100)}.bcm-switch:hover .bcm-switch__toggle.switch-checked .handle{background-color:var(--bcm-new-ds-color-slate-100)}.bcm-switch *{box-sizing:border-box}.bcm-switch.hidden{display:none}.bcm-switch input{display:none}.bcm-switch.disabled .bcm-switch__toggle{cursor:not-allowed;opacity:40%}.bcm-switch.readonly .bcm-switch__toggle{cursor:default;opacity:80%}.bcm-switch__label{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-flex;align-items:center;margin:0}.bcm-switch__label .active-text{color:var(--bcm-new-ds-color-blue-700);margin:0 0 0 4px}.bcm-switch__label .inactive-text{color:var(--bcm-new-ds-color-slate-700);margin:0 4px 0 0}.bcm-switch__toggle{display:flex;justify-content:space-between;align-items:center;border-radius:16px;background-color:var(--bcm-new-ds-color-slate-300);position:relative;cursor:pointer}.bcm-switch__toggle .handle{padding:1px;position:absolute;background-color:var(--bcm-new-ds-color-slate-50);display:inline-flex;align-items:center;justify-content:center;border-radius:16px;transition:left 0.2s ease-in-out, width 0.2s ease-in-out;box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1)}.bcm-switch__toggle .icon-active{opacity:0;margin-left:2px}.bcm-switch__toggle .icon-inactive{opacity:1;margin-right:2px}.bcm-switch__toggle.bcm-switch__size-small{width:32px;min-width:32px;height:16px;padding:4px}.bcm-switch__toggle.bcm-switch__size-small .handle{width:12px;height:12px;left:2px}.bcm-switch__toggle.bcm-switch__size-small.switch-checked .handle{left:18px}.bcm-switch__toggle.bcm-switch__size-small:active:not(.disabled):not(.readonly) .handle{width:16px}.bcm-switch__toggle.bcm-switch__size-small:active.switch-checked:not(.disabled):not(.readonly) .handle{left:12px}.bcm-switch__toggle.bcm-switch__size-small .switch-spinner{box-sizing:border-box;display:inline-flex;width:9px;height:9px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.bcm-switch__size-medium{width:36px;min-width:36px;height:18px;padding:4px}.bcm-switch__toggle.bcm-switch__size-medium .handle{width:14px;height:14px;left:2px}.bcm-switch__toggle.bcm-switch__size-medium.switch-checked .handle{left:20px}.bcm-switch__toggle.bcm-switch__size-medium:active:not(.disabled):not(.readonly) .handle{width:18px}.bcm-switch__toggle.bcm-switch__size-medium:active.switch-checked:not(.disabled):not(.readonly) .handle{left:14px}.bcm-switch__toggle.bcm-switch__size-medium .switch-spinner{box-sizing:border-box;display:inline-flex;width:11px;height:11px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.bcm-switch__size-large{width:40px;min-width:40px;height:20px;padding:4px}.bcm-switch__toggle.bcm-switch__size-large .handle{width:16px;height:16px;left:2px}.bcm-switch__toggle.bcm-switch__size-large.switch-checked .handle{left:22px}.bcm-switch__toggle.bcm-switch__size-large:active:not(.disabled):not(.readonly) .handle{width:20px}.bcm-switch__toggle.bcm-switch__size-large:active.switch-checked:not(.disabled):not(.readonly) .handle{left:16px}.bcm-switch__toggle.bcm-switch__size-large .switch-spinner{box-sizing:border-box;display:inline-flex;width:13px;height:13px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.switch-checked{background-color:var(--bcm-new-ds-color-blue-500)}.bcm-switch__toggle.switch-checked .icon-active{color:var(--bcm-new-ds-color-slate-100);opacity:1}.bcm-switch__toggle.switch-checked .icon-inactive{opacity:0}.bcm-switch__toggle.switch-checked .switch-spinner{border-top-color:var(--bcm-new-ds-color-blue-600)}.bcm-switch__size-small .bcm-switch__label,.bcm-switch__size-small .bcm-label__text{font-size:12px}.bcm-switch__size-small .bcm-switch__toggle{font-size:8px}.bcm-switch__size-medium .bcm-switch__label,.bcm-switch__size-medium .bcm-label__text{font-size:13px}.bcm-switch__size-medium .bcm-switch__toggle{font-size:9px}.bcm-switch__size-large .bcm-switch__label,.bcm-switch__size-large .bcm-label__text{font-size:16px}.bcm-switch__size-large .bcm-switch__toggle{font-size:12px}@keyframes switch-spinner{to{transform:rotate(360deg)}}";
16
+ const switchCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-switch{display:inline-flex;user-select:none;flex-direction:column;margin-bottom:8px}.bcm-switch__container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px}.bcm-switch__container--left,.bcm-switch__container--right{align-items:center}.bcm-switch__container--left .bcm-label__text,.bcm-switch__container--right .bcm-label__text{margin:0}.bcm-switch__container--left{flex-direction:row}.bcm-switch__container--left .bcm-label__text{margin-right:4px}.bcm-switch__container--right{flex-direction:row-reverse}.bcm-switch__container--right .bcm-label__text{margin-left:4px}.bcm-switch:focus-visible{outline:none}.bcm-switch:hover{outline:none}.bcm-switch *{box-sizing:border-box}.bcm-switch.hidden{display:none}.bcm-switch input{display:none}.bcm-switch.disabled .bcm-switch__toggle{cursor:not-allowed;opacity:40%}.bcm-switch.readonly .bcm-switch__toggle{cursor:default;opacity:80%}.bcm-switch__label{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-flex;align-items:center;margin:0}.bcm-switch__label .active-text{color:var(--bcm-ui-color-text-primary);margin:0 0 0 4px}.bcm-switch__label .inactive-text{color:var(--bcm-ui-color-text-default);margin:0 4px 0 0}.bcm-switch__toggle{display:flex;justify-content:space-between;align-items:center;border-radius:16px;background-color:var(--bcm-ui-color-background-default-dark-default);position:relative;cursor:pointer;transition-property:color, background-color, border-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.bcm-switch__toggle .handle{padding:1px;position:absolute;background-color:var(--bcm-ui-color-background-base-default);display:inline-flex;align-items:center;justify-content:center;border-radius:16px;transition-property:left, width, box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1)}.bcm-switch__toggle:hover{background-color:var(--bcm-ui-color-background-default-dark-hover)}.bcm-switch__toggle .icon-active{opacity:0;margin-left:2px;color:var(--bcm-ui-color-text-base)}.bcm-switch__toggle .icon-inactive{opacity:1;margin-right:2px;color:var(--bcm-ui-color-text-base)}.bcm-switch__toggle.bcm-switch__size-small{width:32px;min-width:32px;height:16px;padding:4px}.bcm-switch__toggle.bcm-switch__size-small .handle{width:12px;height:12px;left:2px}.bcm-switch__toggle.bcm-switch__size-small.switch-checked .handle{left:18px}.bcm-switch__toggle.bcm-switch__size-small:active:not(.disabled):not(.readonly) .handle{width:16px}.bcm-switch__toggle.bcm-switch__size-small:active.switch-checked:not(.disabled):not(.readonly) .handle{left:14px}.bcm-switch__toggle.bcm-switch__size-small .switch-spinner{box-sizing:border-box;display:inline-flex;width:9px;height:9px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.bcm-switch__size-medium{width:36px;min-width:36px;height:18px;padding:4px}.bcm-switch__toggle.bcm-switch__size-medium .handle{width:14px;height:14px;left:2px}.bcm-switch__toggle.bcm-switch__size-medium.switch-checked .handle{left:20px}.bcm-switch__toggle.bcm-switch__size-medium:active:not(.disabled):not(.readonly) .handle{width:18px}.bcm-switch__toggle.bcm-switch__size-medium:active.switch-checked:not(.disabled):not(.readonly) .handle{left:16px}.bcm-switch__toggle.bcm-switch__size-medium .switch-spinner{box-sizing:border-box;display:inline-flex;width:11px;height:11px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.bcm-switch__size-large{width:40px;min-width:40px;height:20px;padding:4px}.bcm-switch__toggle.bcm-switch__size-large .handle{width:16px;height:16px;left:2px}.bcm-switch__toggle.bcm-switch__size-large.switch-checked .handle{left:22px}.bcm-switch__toggle.bcm-switch__size-large:active:not(.disabled):not(.readonly) .handle{width:20px}.bcm-switch__toggle.bcm-switch__size-large:active.switch-checked:not(.disabled):not(.readonly) .handle{left:18px}.bcm-switch__toggle.bcm-switch__size-large .switch-spinner{box-sizing:border-box;display:inline-flex;width:13px;height:13px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.switch-checked{background-color:var(--bcm-ui-color-background-primary-default)}.bcm-switch__toggle.switch-checked .icon-active{color:var(--bcm-new-ds-color-slate-100);opacity:1}.bcm-switch__toggle.switch-checked .icon-inactive{opacity:0}.bcm-switch__toggle.switch-checked .switch-spinner{border-top-color:var(--bcm-new-ds-color-blue-600)}.bcm-switch__toggle.switch-checked:hover{background-color:var(--bcm-ui-color-background-primary-hover)}.bcm-switch__size-small .bcm-switch__label,.bcm-switch__size-small .bcm-label__text{font-size:12px}.bcm-switch__size-small .bcm-switch__toggle{font-size:8px}.bcm-switch__size-medium .bcm-switch__label,.bcm-switch__size-medium .bcm-label__text{font-size:13px}.bcm-switch__size-medium .bcm-switch__toggle{font-size:9px}.bcm-switch__size-large .bcm-switch__label,.bcm-switch__size-large .bcm-label__text{font-size:16px}.bcm-switch__size-large .bcm-switch__toggle{font-size:12px}@keyframes switch-spinner{to{transform:rotate(360deg)}}";
17
17
 
18
18
  var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
19
19
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
package/dist/components/bcm-tab-item-header.js CHANGED
@@ -37,13 +37,13 @@ const BcmTabItemHeader$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
37
37
  color: color,
38
38
  tones: [700, 800, 900]
39
39
  });
40
- return (h(Host, { role: "tab", id: `tab-${tabId}`, "aria-selected": active ? "true" : "false", "aria-controls": tabId, onClick: () => this.handleClick(), class: classnames(`tw-font-medium tw-flex tw-flex-1 tw-items-center tw-justify-center tw-border-0 tw-border-solid tw-border-b-[2px] tw-border-b-gray-300 tw-transition-font tw-focus:outline-none`, {
41
- "tw-text-2 tw-pt-1 tw-pb-1 tw-gap-2": size === Bcm.Size.small,
42
- "tw-text-3 tw-pt-2 tw-pb-2.5 tw-gap-2.5": size === Bcm.Size.medium,
43
- "tw-text-4 tw-pt-3 tw-pb-3 tw-gap-3": size === Bcm.Size.large,
40
+ return (h(Host, { role: "tab", id: `tab-${tabId}`, "aria-selected": active ? "true" : "false", "aria-controls": tabId, onClick: () => this.handleClick(), class: classnames(`bcm-ui-element tw-font-medium tw-flex tw-flex-1 tw-items-center tw-justify-center tw-border-0 tw-border-solid tw-border-b-[2px] tw-border-b-gray-500 tw-transition-font tw-focus:outline-none`, {
41
+ "tw-text-size-4 tw-pt-1 tw-pb-1 tw-gap-2": size === Bcm.Size.small,
42
+ "tw-text-size-5 tw-pt-1 tw-pb-2.5 tw-gap-2.5": size === Bcm.Size.medium,
43
+ "tw-text-size-6 tw-pt-3 tw-pb-3 tw-gap-3": size === Bcm.Size.large,
44
44
  }, disabled ? disabledClass : "tw-cursor-pointer", active
45
- ? `tw-text-default-700 enabled:hover:tw-text-default-800 enabled:active:tw-text-default-900 enabled:focus-visible:tw-text-default-900`
46
- : "tw-text-gray-700"), style: dc }));
45
+ ? `tw-text-default-700`
46
+ : "tw-text-gray-500 hover:tw-text-default-700"), style: dc }));
47
47
  }
48
48
  get el() { return this; }
49
49
  }, [0, "bcm-tab-item-header", {
package/dist/components/bcm-toast.js CHANGED
@@ -84,7 +84,7 @@ const BcmToast$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
84
84
  return container;
85
85
  }
86
86
  render() {
87
- return (h(Host, { class: "tw-hidden" }, h("div", { class: classnames({ "tw-hidden": !this.visible }), id: this._id + "-container", onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, h("div", { class: classnames("tw-pointer-events-auto tw-transform tw-transition tw-duration-300 tw-ease-in-out", "tw-flex tw-min-w-[256px] tw-max-w-[420px] tw-flex-col tw-gap-2 tw-rounded-lg tw-border tw-font-sans tw-font-normal tw-shadow-2", "tw-border-gray-300 tw-bg-white tw-text-slate-600", {
87
+ return (h(Host, { class: "tw-hidden" }, h("div", { class: classnames({ "tw-hidden": !this.visible }), id: this._id + "-container", onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, h("div", { class: classnames("tw-pointer-events-auto tw-transform tw-transition tw-duration-300 tw-ease-in-out", "tw-flex tw-min-w-[256px] tw-max-w-[420px] tw-flex-col tw-gap-2 tw-rounded-lg tw-border tw-font-sans tw-font-normal tw-shadow-2", "tw-border-color-default tw-bg-white tw-text-color-default", {
88
88
  "tw-p-4": !this.description,
89
89
  "tw-p-6": this.description,
90
90
  }, "tw-transform tw-transition tw-duration-300 tw-ease-in-out ", {
@@ -93,10 +93,10 @@ const BcmToast$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
93
93
  "tw-translate-y-[-100%]": !this.visibleContainer && this.position.split("-")[0] === "top",
94
94
  "tw-translate-y-[100%]": !this.visibleContainer && this.position.split("-")[0] === "bottom",
95
95
  }) }, h("div", { class: "tw-flex tw-items-center tw-justify-between tw-gap-5" }, h("div", { class: "tw-flex tw-items-center tw-gap-3 " }, this.status && (h("i", { class: classnames("tw-text-6", this.messageIcon ? this.messageIcon : "far", {
96
- "tw-text-emerald-500": this.status === "success",
97
- "tw-text-red-500": this.status === "error",
98
- "tw-text-amber-500": this.status === "warning",
99
- "tw-text-blue-500": this.status === "info",
96
+ "tw-text-color-success": this.status === "success",
97
+ "tw-text-color-error": this.status === "error",
98
+ "tw-text-color-warning": this.status === "warning",
99
+ "tw-text-color-info": this.status === "info",
100
100
  }, {
101
101
  "fa-check-circle": !this.messageIcon && this.status === "success",
102
102
  "fa-exclamation-circle": !this.messageIcon && this.status === "error",
@@ -105,9 +105,9 @@ const BcmToast$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
105
105
  }) })), h("span", { class: classnames({
106
106
  "tw-text-4": !this.description,
107
107
  "tw-text-6 tw-font-medium": this.description,
108
- }) }, !this.description && this.status && h("span", null, StringHelper.capitalize(this.status), ": "), this.message)), h("div", { class: "tw-flex tw-items-baseline tw-gap-2" }, this.viewButton && (h("button", { onClick: () => this.bcmToastView.emit(), title: "View details", class: classnames("tw-cursor-pointer tw-rounded tw-bg-transparent tw-p-0 tw-px-1 tw-text-4 tw-text-inherit", "hover:tw-bg-gray-100 hover:tw-text-slate-800", "active:tw-bg-gray-200", "tw-transition tw-duration-300 tw-ease-in-out", {
108
+ }) }, !this.description && this.status && h("span", null, StringHelper.capitalize(this.status), ": "), this.message)), h("div", { class: "tw-flex tw-items-baseline tw-gap-2" }, this.viewButton && (h("button", { onClick: () => this.bcmToastView.emit(), title: "View details", class: classnames("tw-appearance-none tw-outline-0 tw-border-none tw-cursor-pointer tw-rounded tw-bg-transparent tw-p-0 tw-px-1 tw-text-4 tw-text-inherit", "hover:tw-bg-color-default-hover", "active:tw-bg-color-default-active", "tw-transition tw-duration-300 tw-ease-in-out", {
109
109
  "tw-font-medium": this.description,
110
- }) }, "View")), this.closeButton && (h("button", { title: "Close", onClick: () => this.hide(), class: classnames("tw-rounded tw-bg-transparent tw-p-0", "tw-flex tw-h-6 tw-w-6 tw-cursor-pointer tw-items-center tw-justify-center tw-text-3 tw-text-inherit", "hover:tw-bg-gray-100 hover:tw-text-slate-800", "active:tw-bg-gray-200") }, h("i", { class: "fal fa-times" }))))), this.description && h("div", { class: "tw-text-3 " }, this.description), h("slot", null)))));
110
+ }) }, "View")), this.closeButton && (h("button", { title: "Close", onClick: () => this.hide(), class: classnames("tw-appearance-none tw-outline-0 tw-border-none tw-cursor-pointer", "tw-rounded tw-bg-transparent tw-p-0", "tw-flex tw-h-6 tw-w-6 tw-cursor-pointer tw-items-center tw-justify-center tw-text-3 tw-text-inherit", "hover:tw-bg-color-default-hover", "active:tw-bg-color-default-active") }, h("i", { class: "fal fa-times" }))))), this.description && h("div", { class: "tw-text-size-5 font-medium" }, this.description), h("slot", null)))));
111
111
  }
112
112
  get el() { return this; }
113
113
  }, [4, "bcm-toast", {