bromcom-ui 2.12.3-rc.3-test.0 → 3.0.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (436) 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-7c5763cc.entry.js → p-03337609.entry.js} +1 -1
  4. package/dist/bromcom-ui/{p-540fbc32.entry.js → p-10687c62.entry.js} +1 -1
  5. package/dist/bromcom-ui/{p-c49b6287.entry.js → p-19ed830b.entry.js} +1 -1
  6. package/dist/bromcom-ui/{p-32c55505.entry.js → p-1a7e1a74.entry.js} +1 -1
  7. package/dist/bromcom-ui/{p-d59d9687.entry.js → p-1fbec9e4.entry.js} +1 -1
  8. package/dist/bromcom-ui/{p-dd24646a.entry.js → p-2afde14e.entry.js} +1 -1
  9. package/dist/bromcom-ui/{p-beaec5b8.js → p-2d0ff35e.js} +1 -1
  10. package/dist/bromcom-ui/{p-7e0e02b3.js → p-31a60231.js} +1 -1
  11. package/dist/bromcom-ui/{p-67343ad8.entry.js → p-3b079331.entry.js} +1 -1
  12. package/dist/bromcom-ui/{p-cbcf6d9c.js → p-3be27626.js} +1 -1
  13. package/dist/bromcom-ui/{p-6bea284a.js → p-499d8454.js} +1 -1
  14. package/dist/bromcom-ui/{p-a6aa173f.entry.js → p-4a71c61a.entry.js} +1 -1
  15. package/dist/bromcom-ui/{p-80edaf47.entry.js → p-4cc12992.entry.js} +1 -1
  16. package/dist/bromcom-ui/{p-c77541f4.js → p-4d2bf0e7.js} +2 -2
  17. package/dist/bromcom-ui/p-556010cb.js +5 -0
  18. package/dist/bromcom-ui/{p-a00b053e.entry.js → p-56b9cdf7.entry.js} +1 -1
  19. package/dist/bromcom-ui/{p-1b558b0f.entry.js → p-583982a6.entry.js} +1 -1
  20. package/dist/bromcom-ui/p-59dc2542.js +5 -0
  21. package/dist/bromcom-ui/{p-fec89309.entry.js → p-5adcfd9b.entry.js} +1 -1
  22. package/dist/bromcom-ui/p-5ea9881d.entry.js +5 -0
  23. package/dist/bromcom-ui/{p-9f5ee998.entry.js → p-5f47e061.entry.js} +1 -1
  24. package/dist/bromcom-ui/p-64fad38b.js +11 -0
  25. package/dist/bromcom-ui/{p-507db92e.entry.js → p-6d42e250.entry.js} +1 -1
  26. package/dist/bromcom-ui/p-6f11eb8e.entry.js +5 -0
  27. package/dist/bromcom-ui/{p-8c018ae0.js → p-6f2e4c9b.js} +1 -1
  28. package/dist/bromcom-ui/{p-7e44e6b5.js → p-6f861fed.js} +1 -1
  29. package/dist/bromcom-ui/{p-d1298c40.js → p-7b21fcb9.js} +1 -1
  30. package/dist/bromcom-ui/p-815f884d.entry.js +5 -0
  31. package/dist/bromcom-ui/{p-6657830f.js → p-85eedabc.js} +1 -1
  32. package/dist/bromcom-ui/{p-974a427c.entry.js → p-8c009880.entry.js} +1 -1
  33. package/dist/bromcom-ui/p-8d0d0c5b.entry.js +5 -0
  34. package/dist/bromcom-ui/{p-9850cbce.js → p-8e5e362a.js} +1 -1
  35. package/dist/bromcom-ui/{p-cf11cdde.entry.js → p-8f062608.entry.js} +1 -1
  36. package/dist/bromcom-ui/p-9cbf3f1d.entry.js +16 -0
  37. package/dist/bromcom-ui/{p-aeb4be41.js → p-a2df6c19.js} +1 -1
  38. package/dist/bromcom-ui/{p-8b8dd8fe.entry.js → p-a2e0a182.entry.js} +1 -1
  39. package/dist/bromcom-ui/{p-2b42d77e.entry.js → p-a6b4a46d.entry.js} +1 -1
  40. package/dist/bromcom-ui/p-a6b696de.js +5 -0
  41. package/dist/bromcom-ui/p-a947136c.entry.js +5 -0
  42. package/dist/bromcom-ui/{p-fafa70ac.entry.js → p-ac720743.entry.js} +1 -1
  43. package/dist/bromcom-ui/{p-10f511ff.entry.js → p-b3af25ef.entry.js} +1 -1
  44. package/dist/bromcom-ui/{p-77ef609e.entry.js → p-b46e368e.entry.js} +1 -1
  45. package/dist/bromcom-ui/{p-25bbe3e6.entry.js → p-bae91cbf.entry.js} +1 -1
  46. package/dist/bromcom-ui/{p-15402dac.entry.js → p-c10b25e2.entry.js} +1 -1
  47. package/dist/bromcom-ui/{p-59f7fa84.entry.js → p-c4bf7f7e.entry.js} +1 -1
  48. package/dist/bromcom-ui/p-c4d524b5.entry.js +5 -0
  49. package/dist/bromcom-ui/{p-9b59c689.entry.js → p-c5bb29d0.entry.js} +1 -1
  50. package/dist/bromcom-ui/{p-052005c9.js → p-c7ae8fa9.js} +1 -1
  51. package/dist/bromcom-ui/{p-5d670fd7.entry.js → p-cc70861b.entry.js} +1 -1
  52. package/dist/bromcom-ui/{p-e8eaa3bb.entry.js → p-d0e56f5f.entry.js} +1 -1
  53. package/dist/bromcom-ui/{p-a31644e3.entry.js → p-d49d3d72.entry.js} +1 -1
  54. package/dist/bromcom-ui/{p-a0d6d680.js → p-d65bc842.js} +1 -1
  55. package/dist/bromcom-ui/{p-d19d45ed.entry.js → p-dc2d5b2f.entry.js} +1 -1
  56. package/dist/bromcom-ui/p-dc73abe2.js +5 -0
  57. package/dist/bromcom-ui/{p-170cf07d.js → p-e037ee2b.js} +1 -1
  58. package/dist/bromcom-ui/p-e46fde49.js +5 -0
  59. package/dist/bromcom-ui/{p-87192588.entry.js → p-e499306b.entry.js} +1 -1
  60. package/dist/bromcom-ui/p-ebd9132c.entry.js +5 -0
  61. package/dist/bromcom-ui/{p-01e63843.entry.js → p-f5a8e601.entry.js} +1 -1
  62. package/dist/bromcom-ui/{p-9253d439.entry.js → p-f66c4afa.entry.js} +1 -1
  63. package/dist/bromcom-ui/{p-a486613b.entry.js → p-fdd4cabe.entry.js} +1 -1
  64. package/dist/cjs/bcm-accordion_68.cjs.entry.js +47182 -0
  65. package/dist/cjs/bcm-attendance-actions-comment.cjs.entry.js +4 -4
  66. package/dist/cjs/bcm-attendance-actions-dropdown.cjs.entry.js +4 -4
  67. package/dist/cjs/bcm-breadcrumb.cjs.entry.js +2 -2
  68. package/dist/cjs/bcm-caption.cjs.entry.js +5 -5
  69. package/dist/cjs/bcm-card.cjs.entry.js +2 -2
  70. package/dist/cjs/bcm-date-picker.cjs.entry.js +2 -2
  71. package/dist/cjs/bcm-datetime-picker.cjs.entry.js +3 -3
  72. package/dist/cjs/bcm-default.cjs.entry.js +2 -2
  73. package/dist/cjs/bcm-form-2.cjs.entry.js +2 -2
  74. package/dist/cjs/bcm-input-2.cjs.entry.js +5 -5
  75. package/dist/cjs/bcm-input-custom.cjs.entry.js +2 -2
  76. package/dist/cjs/bcm-input-dropdown.cjs.entry.js +5 -5
  77. package/dist/cjs/bcm-modal-2-footer.cjs.entry.js +4 -4
  78. package/dist/cjs/bcm-modal-2-header.cjs.entry.js +4 -4
  79. package/dist/cjs/bcm-modal-2.cjs.entry.js +4 -4
  80. package/dist/cjs/bcm-number-input.cjs.entry.js +6 -6
  81. package/dist/cjs/bcm-skeleton.cjs.entry.js +4 -4
  82. package/dist/cjs/bcm-table.cjs.entry.js +4 -4
  83. package/dist/cjs/bcm-tag.cjs.entry.js +3 -3
  84. package/dist/cjs/bcm-time-picker.cjs.entry.js +2 -2
  85. package/dist/cjs/bcm-toast.cjs.entry.js +18 -18
  86. package/dist/cjs/bromcom-ui.cjs.js +3 -3
  87. package/dist/cjs/{caption-template-85a18b6d.js → caption-template-f8a78504.js} +9 -9
  88. package/dist/cjs/{generate-bff3fa38.js → generate-e3956756.js} +14 -14
  89. package/dist/cjs/{global-825d9cd4.js → global-642cd031.js} +1 -1
  90. package/dist/cjs/{input.style-b5676e6a.js → input.style-bee84fb0.js} +1 -1
  91. package/dist/cjs/{label-template-e83447b5.js → label-template-fc301e0c.js} +4 -4
  92. package/dist/cjs/loader.cjs.js +3 -3
  93. package/dist/cjs/{number-helper-9bc46d37.js → number-helper-43361f4e.js} +1 -1
  94. package/dist/cjs/old-bcm-popover-box.cjs.entry.js +3 -3
  95. package/dist/cjs/old-bcm-popover.cjs.entry.js +2 -2
  96. package/dist/cjs/{package-dda6f822.js → package-033055fc.js} +1 -1
  97. package/dist/cjs/{validators-c0eef77a.js → validators-9a6ae72d.js} +1 -1
  98. package/dist/collection/collection-manifest.json +1 -1
  99. package/dist/collection/components/atoms/avatar/avatar.js +1 -1
  100. package/dist/collection/components/atoms/avatar/avatar.style.js +4 -4
  101. package/dist/collection/components/atoms/badge/badge.style.js +8 -8
  102. package/dist/collection/components/atoms/button/button.css +90 -92
  103. package/dist/collection/components/atoms/button/button.js +45 -46
  104. package/dist/collection/components/atoms/chip/chip.css +27 -29
  105. package/dist/collection/components/atoms/chip/chip.js +10 -11
  106. package/dist/collection/components/atoms/divider/divider.css +4 -4
  107. package/dist/collection/components/atoms/link/link.css +10 -11
  108. package/dist/collection/components/molecules/accordion/accordion.css +23 -0
  109. package/dist/collection/components/molecules/accordion/accordion.js +1 -1
  110. package/dist/collection/components/molecules/alert/alert.css +28 -24
  111. package/dist/collection/components/molecules/alert/alert.js +26 -36
  112. package/dist/collection/components/molecules/button-group/button-group.css +15 -23
  113. package/dist/collection/components/molecules/checkbox/checkbox.css +15 -15
  114. package/dist/collection/components/molecules/checkbox/checkbox.js +8 -9
  115. package/dist/collection/components/molecules/color-input/color-input.js +1 -1
  116. package/dist/collection/components/molecules/empty/empty.js +1 -1
  117. package/dist/collection/components/molecules/error-layout/error-layout.css +13 -15
  118. package/dist/collection/components/molecules/error-layout/error-layout.js +1 -1
  119. package/dist/collection/components/molecules/expansion-panel/expansion-panel.css +25 -22
  120. package/dist/collection/components/molecules/expansion-panel/expansion-panel.js +1 -1
  121. package/dist/collection/components/molecules/input/input.css +21 -13
  122. package/dist/collection/components/molecules/input/input.style.js +1 -1
  123. package/dist/collection/components/molecules/menu/menu.css +29 -23
  124. package/dist/collection/components/molecules/modal/modal.css +21 -27
  125. package/dist/collection/components/molecules/radio/radio.js +10 -10
  126. package/dist/collection/components/molecules/range/range.css +5 -8
  127. package/dist/collection/components/molecules/search/search.css +21 -13
  128. package/dist/collection/components/molecules/stepper/stepper.css +6 -5
  129. package/dist/collection/components/molecules/switch/switch.css +22 -21
  130. package/dist/collection/components/molecules/tab-group/tab-item-header.js +6 -6
  131. package/dist/collection/components/molecules/textarea/textarea.css +21 -13
  132. package/dist/collection/components/organism/list/list.css +44 -44
  133. package/dist/collection/components/other/shortcut/shortcut.js +4 -4
  134. package/dist/collection/components/other/toast/toast.js +16 -16
  135. package/dist/collection/components/third-parts/colorful/colorful.css +21 -13
  136. package/dist/collection/components/third-parts/rc-picker/rc-picker.css +13 -9
  137. package/dist/collection/global/components/_checkbox.css +15 -15
  138. package/dist/collection/helper/popover-helper.js +5 -5
  139. package/dist/collection/helper/tooltip-helper.js +6 -6
  140. package/dist/collection/templates/caption-template.js +9 -9
  141. package/dist/collection/templates/input-template.js +1 -1
  142. package/dist/collection/templates/label-template.js +4 -4
  143. package/dist/collection/templates/step-template.js +4 -4
  144. package/dist/components/Overflow.js +141 -83
  145. package/dist/components/avatar.js +6 -6
  146. package/dist/components/badge.js +9 -9
  147. package/dist/components/bcm-accordion.js +2 -2
  148. package/dist/components/bcm-alert.js +28 -41
  149. package/dist/components/bcm-attendance-actions-comment.js +1 -1
  150. package/dist/components/bcm-attendance-actions-dropdown.js +1 -1
  151. package/dist/components/bcm-attendance-actions.js +1 -1
  152. package/dist/components/bcm-button-group.js +1 -1
  153. package/dist/components/bcm-checkbox-group.js +1 -1
  154. package/dist/components/bcm-color-input.js +1 -1
  155. package/dist/components/bcm-error-layout.js +2 -2
  156. package/dist/components/bcm-expansion-panel.js +2 -2
  157. package/dist/components/bcm-input-2.js +1 -1
  158. package/dist/components/bcm-input-dropdown.js +1 -1
  159. package/dist/components/bcm-modal.js +1 -1
  160. package/dist/components/bcm-popover.js +5 -5
  161. package/dist/components/bcm-range.js +1 -1
  162. package/dist/components/bcm-shortcut.js +4 -4
  163. package/dist/components/bcm-stepper.js +6 -6
  164. package/dist/components/bcm-switch.js +1 -1
  165. package/dist/components/bcm-tab-item-header.js +6 -6
  166. package/dist/components/bcm-toast.js +16 -16
  167. package/dist/components/button.js +47 -48
  168. package/dist/components/caption-template.js +9 -9
  169. package/dist/components/checkbox-lite.js +1 -1
  170. package/dist/components/checkbox.js +9 -10
  171. package/dist/components/chip.js +11 -12
  172. package/dist/components/colorful.js +1 -1
  173. package/dist/components/divider.js +1 -1
  174. package/dist/components/empty.js +1 -1
  175. package/dist/components/generate.js +1 -1
  176. package/dist/components/index4.js +2549 -171
  177. package/dist/components/index5.js +171 -2549
  178. package/dist/components/input-template.js +1 -1
  179. package/dist/components/input.js +1 -1
  180. package/dist/components/input.style.js +2 -2
  181. package/dist/components/label.js +4 -4
  182. package/dist/components/link.js +1 -1
  183. package/dist/components/list.js +2 -2
  184. package/dist/components/menu.js +1 -1
  185. package/dist/components/radio.js +10 -10
  186. package/dist/components/rc-picker.js +2651 -2404
  187. package/dist/components/search.js +2 -2
  188. package/dist/components/skeleton.js +1 -1
  189. package/dist/components/step.js +1 -1
  190. package/dist/components/textarea.js +1 -1
  191. package/dist/components/tooltip-helper.js +6 -6
  192. package/dist/esm/{_commonjsHelpers-82aa9212.js → _commonjsHelpers-7002e5de.js} +1 -1
  193. package/dist/esm/bcm-accordion_68.entry.js +47111 -0
  194. package/dist/esm/bcm-attendance-actions-comment.entry.js +11 -11
  195. package/dist/esm/bcm-attendance-actions-dropdown.entry.js +12 -12
  196. package/dist/esm/bcm-autocomplete.entry.js +3 -3
  197. package/dist/esm/bcm-box.entry.js +1 -1
  198. package/dist/esm/bcm-breadcrumb.entry.js +6 -6
  199. package/dist/esm/bcm-caption.entry.js +13 -13
  200. package/dist/esm/bcm-card.entry.js +10 -10
  201. package/dist/esm/bcm-colorpicker.entry.js +5 -5
  202. package/dist/esm/bcm-content.entry.js +1 -1
  203. package/dist/esm/bcm-date-picker.entry.js +8 -8
  204. package/dist/esm/bcm-datetime-picker.entry.js +12 -12
  205. package/dist/esm/bcm-default.entry.js +5 -5
  206. package/dist/esm/bcm-form-2.entry.js +7 -7
  207. package/dist/esm/bcm-form-group.entry.js +1 -1
  208. package/dist/esm/bcm-input-2.entry.js +10 -10
  209. package/dist/esm/bcm-input-custom.entry.js +6 -6
  210. package/dist/esm/bcm-input-dropdown.entry.js +13 -13
  211. package/dist/esm/bcm-message.entry.js +3 -3
  212. package/dist/esm/bcm-modal-2-footer.entry.js +12 -12
  213. package/dist/esm/bcm-modal-2-header.entry.js +11 -11
  214. package/dist/esm/bcm-modal-2.entry.js +12 -12
  215. package/dist/esm/bcm-notification.entry.js +3 -3
  216. package/dist/esm/bcm-number-input.entry.js +14 -14
  217. package/dist/esm/bcm-overlay_2.entry.js +4 -4
  218. package/dist/esm/bcm-react-number.entry.js +3 -3
  219. package/dist/esm/bcm-result.entry.js +3 -3
  220. package/dist/esm/bcm-select-group.entry.js +3 -3
  221. package/dist/esm/bcm-select-option.entry.js +3 -3
  222. package/dist/esm/bcm-skeleton.entry.js +11 -11
  223. package/dist/esm/bcm-tab-pane.entry.js +3 -3
  224. package/dist/esm/bcm-table.entry.js +12 -12
  225. package/dist/esm/bcm-tabs-content.entry.js +4 -4
  226. package/dist/esm/bcm-tag.entry.js +8 -8
  227. package/dist/esm/bcm-time-picker.entry.js +8 -8
  228. package/dist/esm/bcm-timeline-item.entry.js +3 -3
  229. package/dist/esm/bcm-timeline.entry.js +3 -3
  230. package/dist/esm/bcm-toast.entry.js +24 -24
  231. package/dist/esm/bcm-treeview-group.entry.js +1 -1
  232. package/dist/esm/bromcom-ui.js +5 -5
  233. package/dist/esm/{caption-template-d7953d13.js → caption-template-16dd9444.js} +11 -11
  234. package/dist/esm/{color-helper-74614f24.js → color-helper-ba15b0d8.js} +2 -2
  235. package/dist/esm/{colors-dd598eea.js → colors-ed4e7579.js} +1 -1
  236. package/dist/esm/{element-dragger-89bb52fd.js → element-dragger-b75266e6.js} +1 -1
  237. package/dist/esm/{generate-1281254a.js → generate-d2495751.js} +15 -15
  238. package/dist/esm/{global-c031697c.js → global-88abdcdc.js} +2 -2
  239. package/dist/esm/{index-f549811f.js → index-00c8a8f7.js} +1 -1
  240. package/dist/esm/{index-036974d7.js → index-0d3a56ec.js} +1 -1
  241. package/dist/esm/{index-0615c2b8.js → index-4614b7f0.js} +1 -1
  242. package/dist/esm/{input.style-e855c0f3.js → input.style-0ddc0073.js} +1 -1
  243. package/dist/esm/{is-load-decorator-8277e3b8.js → is-load-decorator-b8ca22f2.js} +1 -1
  244. package/dist/esm/{label-template-a26f76c0.js → label-template-4c3797f4.js} +6 -6
  245. package/dist/esm/loader.js +5 -5
  246. package/dist/esm/{number-helper-778c8f87.js → number-helper-a1e5c9e5.js} +1 -1
  247. package/dist/esm/old-bcm-popover-box.entry.js +11 -11
  248. package/dist/esm/old-bcm-popover.entry.js +6 -6
  249. package/dist/esm/{package-08ddc3fa.js → package-7549581c.js} +1 -1
  250. package/dist/esm/{popover-placement-d12fec40.js → popover-placement-2bf3a181.js} +1 -1
  251. package/dist/esm/{slot-template-2a19b2db.js → slot-template-e0202c5a.js} +2 -2
  252. package/dist/esm/{string-helper-3592bdc2.js → string-helper-69203215.js} +1 -1
  253. package/dist/esm/{utils-57652744.js → utils-7727d09e.js} +1 -1
  254. package/dist/esm/{validators-0c6e8dea.js → validators-57df25a7.js} +1 -1
  255. package/dist/types/components/atoms/avatar/avatar.style.d.ts +21 -21
  256. package/dist/types/components/molecules/alert/alert.d.ts +1 -3
  257. package/dist/types/components.d.ts +0 -2
  258. package/package.json +1 -1
  259. package/dist/bromcom-ui/p-04594f76.entry.js +0 -5
  260. package/dist/bromcom-ui/p-0e110a9f.entry.js +0 -5
  261. package/dist/bromcom-ui/p-0e5f1168.entry.js +0 -5
  262. package/dist/bromcom-ui/p-1345d51b.entry.js +0 -5
  263. package/dist/bromcom-ui/p-1baed29d.entry.js +0 -5
  264. package/dist/bromcom-ui/p-1e61a44c.entry.js +0 -5
  265. package/dist/bromcom-ui/p-1f93fd33.entry.js +0 -5
  266. package/dist/bromcom-ui/p-228c74e9.entry.js +0 -5
  267. package/dist/bromcom-ui/p-23759244.entry.js +0 -5
  268. package/dist/bromcom-ui/p-270e1b24.entry.js +0 -5
  269. package/dist/bromcom-ui/p-27596881.entry.js +0 -5
  270. package/dist/bromcom-ui/p-29791e4a.entry.js +0 -5
  271. package/dist/bromcom-ui/p-2bd0545e.js +0 -5
  272. package/dist/bromcom-ui/p-2cd6cdee.js +0 -5
  273. package/dist/bromcom-ui/p-3179ce74.entry.js +0 -7
  274. package/dist/bromcom-ui/p-33166492.entry.js +0 -5
  275. package/dist/bromcom-ui/p-376a20ed.js +0 -5
  276. package/dist/bromcom-ui/p-3da7b6c0.entry.js +0 -5
  277. package/dist/bromcom-ui/p-41276d76.entry.js +0 -5
  278. package/dist/bromcom-ui/p-412abc6d.entry.js +0 -5
  279. package/dist/bromcom-ui/p-4393b33e.entry.js +0 -5
  280. package/dist/bromcom-ui/p-46db5206.js +0 -5
  281. package/dist/bromcom-ui/p-4834bc26.js +0 -5
  282. package/dist/bromcom-ui/p-4856568f.entry.js +0 -5
  283. package/dist/bromcom-ui/p-534f958a.entry.js +0 -5
  284. package/dist/bromcom-ui/p-65da044b.js +0 -5
  285. package/dist/bromcom-ui/p-6687afd7.entry.js +0 -5
  286. package/dist/bromcom-ui/p-6ceb315f.entry.js +0 -5
  287. package/dist/bromcom-ui/p-74e6d2b6.js +0 -5
  288. package/dist/bromcom-ui/p-7c45705d.entry.js +0 -5
  289. package/dist/bromcom-ui/p-7dbfff1b.entry.js +0 -5
  290. package/dist/bromcom-ui/p-822dda00.js +0 -5
  291. package/dist/bromcom-ui/p-881853bd.entry.js +0 -5
  292. package/dist/bromcom-ui/p-8b6d3a37.js +0 -5
  293. package/dist/bromcom-ui/p-8cd80ac4.entry.js +0 -5
  294. package/dist/bromcom-ui/p-8f32198d.js +0 -14
  295. package/dist/bromcom-ui/p-904b0c28.entry.js +0 -5
  296. package/dist/bromcom-ui/p-926b314d.entry.js +0 -5
  297. package/dist/bromcom-ui/p-95a797b3.entry.js +0 -5
  298. package/dist/bromcom-ui/p-9ebe6ef9.entry.js +0 -5
  299. package/dist/bromcom-ui/p-a0f44b56.entry.js +0 -5
  300. package/dist/bromcom-ui/p-a2065e9e.entry.js +0 -5
  301. package/dist/bromcom-ui/p-a2e5bb35.entry.js +0 -5
  302. package/dist/bromcom-ui/p-a352f45e.entry.js +0 -5
  303. package/dist/bromcom-ui/p-ae57f046.entry.js +0 -5
  304. package/dist/bromcom-ui/p-b1084320.entry.js +0 -5
  305. package/dist/bromcom-ui/p-b301fa40.entry.js +0 -5
  306. package/dist/bromcom-ui/p-b43e975b.entry.js +0 -5
  307. package/dist/bromcom-ui/p-b9a88f16.entry.js +0 -5
  308. package/dist/bromcom-ui/p-bbcb683f.entry.js +0 -5
  309. package/dist/bromcom-ui/p-bd50c28f.entry.js +0 -5
  310. package/dist/bromcom-ui/p-c1a992e7.entry.js +0 -5
  311. package/dist/bromcom-ui/p-c39e73dc.entry.js +0 -5
  312. package/dist/bromcom-ui/p-c503526a.entry.js +0 -5
  313. package/dist/bromcom-ui/p-c63f5261.entry.js +0 -5
  314. package/dist/bromcom-ui/p-d2bd0293.entry.js +0 -5
  315. package/dist/bromcom-ui/p-e0ab7b38.js +0 -11
  316. package/dist/bromcom-ui/p-e1b6f98e.entry.js +0 -5
  317. package/dist/bromcom-ui/p-e36c7523.entry.js +0 -5
  318. package/dist/bromcom-ui/p-e5532875.entry.js +0 -5
  319. package/dist/bromcom-ui/p-e94d2f48.js +0 -5
  320. package/dist/bromcom-ui/p-ead59725.entry.js +0 -5
  321. package/dist/bromcom-ui/p-eca0acda.js +0 -5
  322. package/dist/bromcom-ui/p-ede7ca76.entry.js +0 -5
  323. package/dist/bromcom-ui/p-eef8f7c7.entry.js +0 -5
  324. package/dist/bromcom-ui/p-effc088c.entry.js +0 -5
  325. package/dist/bromcom-ui/p-fc787048.entry.js +0 -5
  326. package/dist/bromcom-ui/p-ff2b4565.entry.js +0 -5
  327. package/dist/cjs/Overflow-5a73947b.js +0 -2233
  328. package/dist/cjs/bcm-accordion.cjs.entry.js +0 -74
  329. package/dist/cjs/bcm-alert.cjs.entry.js +0 -99
  330. package/dist/cjs/bcm-attendance-actions.cjs.entry.js +0 -330
  331. package/dist/cjs/bcm-attendance.cjs.entry.js +0 -35
  332. package/dist/cjs/bcm-avatar_2.cjs.entry.js +0 -210
  333. package/dist/cjs/bcm-button-group.cjs.entry.js +0 -92
  334. package/dist/cjs/bcm-button.cjs.entry.js +0 -372
  335. package/dist/cjs/bcm-checkbox-group.cjs.entry.js +0 -415
  336. package/dist/cjs/bcm-checkbox-lite_9.cjs.entry.js +0 -2529
  337. package/dist/cjs/bcm-checkbox_2.cjs.entry.js +0 -194
  338. package/dist/cjs/bcm-chip-group.cjs.entry.js +0 -128
  339. package/dist/cjs/bcm-chip.cjs.entry.js +0 -91
  340. package/dist/cjs/bcm-collapse-group.cjs.entry.js +0 -43
  341. package/dist/cjs/bcm-collapse.cjs.entry.js +0 -62
  342. package/dist/cjs/bcm-color-input.cjs.entry.js +0 -77
  343. package/dist/cjs/bcm-colorful_2.cjs.entry.js +0 -251
  344. package/dist/cjs/bcm-date_6.cjs.entry.js +0 -15363
  345. package/dist/cjs/bcm-drawer.cjs.entry.js +0 -96
  346. package/dist/cjs/bcm-dropdown.cjs.entry.js +0 -119
  347. package/dist/cjs/bcm-error-layout.cjs.entry.js +0 -64
  348. package/dist/cjs/bcm-expansion-panel.cjs.entry.js +0 -116
  349. package/dist/cjs/bcm-input_2.cjs.entry.js +0 -550
  350. package/dist/cjs/bcm-item.cjs.entry.js +0 -72
  351. package/dist/cjs/bcm-items.cjs.entry.js +0 -49
  352. package/dist/cjs/bcm-link.cjs.entry.js +0 -51
  353. package/dist/cjs/bcm-list_3.cjs.entry.js +0 -1977
  354. package/dist/cjs/bcm-menu.cjs.entry.js +0 -151
  355. package/dist/cjs/bcm-modal.cjs.entry.js +0 -157
  356. package/dist/cjs/bcm-old-input.cjs.entry.js +0 -397
  357. package/dist/cjs/bcm-old-tag_2.cjs.entry.js +0 -145
  358. package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +0 -115
  359. package/dist/cjs/bcm-popconfirm.cjs.entry.js +0 -101
  360. package/dist/cjs/bcm-popover.cjs.entry.js +0 -230
  361. package/dist/cjs/bcm-progress.cjs.entry.js +0 -162
  362. package/dist/cjs/bcm-radio-group.cjs.entry.js +0 -161
  363. package/dist/cjs/bcm-radio.cjs.entry.js +0 -65
  364. package/dist/cjs/bcm-range.cjs.entry.js +0 -183
  365. package/dist/cjs/bcm-select.cjs.entry.js +0 -1195
  366. package/dist/cjs/bcm-shortcut.cjs.entry.js +0 -65
  367. package/dist/cjs/bcm-step.cjs.entry.js +0 -89
  368. package/dist/cjs/bcm-stepper.cjs.entry.js +0 -240
  369. package/dist/cjs/bcm-switch.cjs.entry.js +0 -151
  370. package/dist/cjs/bcm-tab-group.cjs.entry.js +0 -210
  371. package/dist/cjs/bcm-tab-item-header.cjs.entry.js +0 -60
  372. package/dist/cjs/bcm-tab-item.cjs.entry.js +0 -91
  373. package/dist/cjs/bcm-tab.cjs.entry.js +0 -72
  374. package/dist/cjs/bcm-tabs.cjs.entry.js +0 -370
  375. package/dist/cjs/bcm-text.cjs.entry.js +0 -49
  376. package/dist/cjs/index-d321de96.js +0 -193
  377. package/dist/cjs/input-template-d05a507f.js +0 -92
  378. package/dist/cjs/json-parse-decarator-b9186302.js +0 -40
  379. package/dist/cjs/lodash-917168d7.js +0 -17199
  380. package/dist/cjs/stepper-states-a565a45f.js +0 -85
  381. package/dist/cjs/tooltip-helper-2e1f4fda.js +0 -158
  382. package/dist/esm/Overflow-40c63001.js +0 -2217
  383. package/dist/esm/bcm-accordion.entry.js +0 -70
  384. package/dist/esm/bcm-alert.entry.js +0 -95
  385. package/dist/esm/bcm-attendance-actions.entry.js +0 -326
  386. package/dist/esm/bcm-attendance.entry.js +0 -31
  387. package/dist/esm/bcm-avatar_2.entry.js +0 -205
  388. package/dist/esm/bcm-button-group.entry.js +0 -88
  389. package/dist/esm/bcm-button.entry.js +0 -368
  390. package/dist/esm/bcm-checkbox-group.entry.js +0 -411
  391. package/dist/esm/bcm-checkbox-lite_9.entry.js +0 -2517
  392. package/dist/esm/bcm-checkbox_2.entry.js +0 -189
  393. package/dist/esm/bcm-chip-group.entry.js +0 -124
  394. package/dist/esm/bcm-chip.entry.js +0 -87
  395. package/dist/esm/bcm-collapse-group.entry.js +0 -39
  396. package/dist/esm/bcm-collapse.entry.js +0 -58
  397. package/dist/esm/bcm-color-input.entry.js +0 -73
  398. package/dist/esm/bcm-colorful_2.entry.js +0 -246
  399. package/dist/esm/bcm-date_6.entry.js +0 -15354
  400. package/dist/esm/bcm-drawer.entry.js +0 -92
  401. package/dist/esm/bcm-dropdown.entry.js +0 -115
  402. package/dist/esm/bcm-error-layout.entry.js +0 -60
  403. package/dist/esm/bcm-expansion-panel.entry.js +0 -112
  404. package/dist/esm/bcm-input_2.entry.js +0 -545
  405. package/dist/esm/bcm-item.entry.js +0 -68
  406. package/dist/esm/bcm-items.entry.js +0 -45
  407. package/dist/esm/bcm-link.entry.js +0 -47
  408. package/dist/esm/bcm-list_3.entry.js +0 -1971
  409. package/dist/esm/bcm-menu.entry.js +0 -147
  410. package/dist/esm/bcm-modal.entry.js +0 -153
  411. package/dist/esm/bcm-old-input.entry.js +0 -393
  412. package/dist/esm/bcm-old-tag_2.entry.js +0 -140
  413. package/dist/esm/bcm-popconfirm-box.entry.js +0 -111
  414. package/dist/esm/bcm-popconfirm.entry.js +0 -97
  415. package/dist/esm/bcm-popover.entry.js +0 -226
  416. package/dist/esm/bcm-progress.entry.js +0 -158
  417. package/dist/esm/bcm-radio-group.entry.js +0 -157
  418. package/dist/esm/bcm-radio.entry.js +0 -61
  419. package/dist/esm/bcm-range.entry.js +0 -179
  420. package/dist/esm/bcm-select.entry.js +0 -1191
  421. package/dist/esm/bcm-shortcut.entry.js +0 -61
  422. package/dist/esm/bcm-step.entry.js +0 -85
  423. package/dist/esm/bcm-stepper.entry.js +0 -236
  424. package/dist/esm/bcm-switch.entry.js +0 -147
  425. package/dist/esm/bcm-tab-group.entry.js +0 -206
  426. package/dist/esm/bcm-tab-item-header.entry.js +0 -56
  427. package/dist/esm/bcm-tab-item.entry.js +0 -87
  428. package/dist/esm/bcm-tab.entry.js +0 -68
  429. package/dist/esm/bcm-tabs.entry.js +0 -366
  430. package/dist/esm/bcm-text.entry.js +0 -45
  431. package/dist/esm/index-7e71bbc8.js +0 -191
  432. package/dist/esm/input-template-b4045b25.js +0 -90
  433. package/dist/esm/json-parse-decarator-7d436ec7.js +0 -38
  434. package/dist/esm/lodash-4197be99.js +0 -17197
  435. package/dist/esm/stepper-states-325c754b.js +0 -83
  436. package/dist/esm/tooltip-helper-9c64ad15.js +0 -156
package/dist/components/bcm-error-layout.js CHANGED
@@ -5,7 +5,7 @@
5
5
  import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
6
6
  import { c as classnames } from './index2.js';
7
7
 
8
- const errorLayoutCss = "@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}.error-layout{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);padding:12px;background:var(--bcm-new-ds-color-red-100);border:2px solid var(--bcm-new-ds-color-red-200);box-sizing:border-box;border-radius:4px;color:var(--bcm-new-ds-color-red-400)}.error-layout li>span{margin-left:-4px}";
8
+ const errorLayoutCss = "@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}.error-layout{font-family:Inter, sans-serif;font-size:var(--bcm-ui-font-size-4);line-height:var(--bcm-ui-line-height-4);font-weight:500;padding:var(--bcm-ui-spacing-4);background:var(--bcm-ui-color-background-stated-error-default);border:1px solid var(--bcm-ui-color-border-error);border-radius:var(--bcm-ui-border-radius-default);color:var(--bcm-ui-color-text-error)}.error-layout ul{margin:0;padding-left:var(--bcm-ui-spacing-5)}";
9
9
 
10
10
  const BcmErrorLayout$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
11
11
  constructor() {
@@ -48,7 +48,7 @@ const BcmErrorLayout$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
48
48
  render() {
49
49
  const { itemsProp } = this;
50
50
  const classes = classnames('error-layout', this.size);
51
- const hostClasses = classnames(this.hidden ? 'hidden' : null);
51
+ const hostClasses = classnames("tw-w-full bcm-ui-element", this.hidden ? 'hidden' : null);
52
52
  return (h(Host, { class: hostClasses }, itemsProp.length > 0 && (h("div", { class: classes }, h("ul", null, this.itemsProp.map((item) => h("li", null, h("span", null, item))))))));
53
53
  }
54
54
  get el() { return this; }
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;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:var(--bcm-ui-border-radius-default);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-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-3) var(--bcm-ui-spacing-6);border-top-left-radius:var(--bcm-ui-border-radius-default);border-top-right-radius:var(--bcm-ui-border-radius-default);border-bottom:1px solid var(--bcm-ui-color-border-default);font-size:var(--bcm-ui-font-size-6);line-height:var(--bcm-ui-line-height-6);font-weight:600;color:var(--bcm-ui-color-text-header);background-color:var(--bcm-ui-color-background-base-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;padding:8px;cursor:pointer;color:var(--bcm-ui-color-text-default);background-color:var(--bcm-ui-color-background-base-default);transition-property:color, background-color, border-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.bcm-modal__container-header-close:hover{background-color:var(--bcm-ui-color-background-default-hover)}.bcm-modal__container-header-close:active{background-color:var(--bcm-ui-color-background-default-active)}.bcm-modal__container-header-close:focus-visible{background-color:var(--bcm-ui-color-background-default-active)}.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-6) var(--bcm-ui-spacing-6);grid-gap:8px}";
14
14
 
15
15
  const BcmModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
16
16
  constructor() {
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
@@ -46,15 +46,15 @@ const BcmToast$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
46
46
  return this.el;
47
47
  }
48
48
  async hide() {
49
- this.visibleContainer = false;
50
- clearTimeout(this.timer);
51
- this.bcmToastClose.emit();
52
- await delay(100);
53
- this.visible = false;
54
- if (this.removeAfterClose) {
55
- await delay(100);
56
- this.el.remove();
57
- }
49
+ // this.visibleContainer = false;
50
+ // clearTimeout(this.timer);
51
+ // this.bcmToastClose.emit();
52
+ // await delay(100);
53
+ // this.visible = false;
54
+ // if (this.removeAfterClose) {
55
+ // await delay(100);
56
+ // this.el.remove();
57
+ // }
58
58
  }
59
59
  handleMouseEnter() {
60
60
  clearTimeout(this.timer);
@@ -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", {